@charset "utf-8";

html { height: 100%; }
body {margin:0; height: 100%; text-align:center; font-size: 12px; font-family: "微软雅黑",Arial;  color:#6e6e6e; line-height:190%; }
td {font-size: 12px;font-family:Arial;color:#6e6e6e;line-height:200%;}
div,ul,ol,form { margin: 0; padding: 0; }
form,img {margin: 0px;border:0px;padding:0px;}
li{ list-style: none;}
input,select { font-family: tahoma,Arial,Helvetica,sans-serif; font-size: 12px; }
h1,h2,h3,h4,h5,h6,h7 { margin: 0; padding: 0; text-align: left; font-size: 12px; font-weight: 400; }
p{ margin: 0; }
a{cursor:pointer;}
.clear{ clear:both; height:5px; line-height:5px;}
.clearfix { overflow: hidden; zoom: 1 }
.clear:after{content: ".";display: block;height:0;clear: both;visibility: hidden;overflow: hidden;}
/* ============ 常用 ============= */
.container{width:100%; margin:0px auto; overflow:hidden;}

/* ============ font链接 ============= */
a{color: #333333;  text-decoration: none; blr:expression(this.onFocus=this.blur())}
a:hover { color: #24bbf2;  text-decoration: none;}

#blue{ color:#20b6f6;}
#blue a{ color:#20b6f6;}

/* 焦点图 */
.focus{width:990px;height:423px; margin:20px auto; padding:5px; background:#e8e8e8 url(../img/icon/bj_banner.jpg) no-repeat bottom center; overflow:hidden;}
#inner { width: 990px; margin: 0 auto; }
.hot-event { padding: 300px 0 0; position: relative; }
.hot-event .switch-tab { text-align: center; padding: 10px 0; display:none;}
.hot-event .switch-tab a, .hot-event .switch-tab .current { margin: 0 2px; display: inline-block; width: 15px; height: 15px; background-image: url(../img/icon/bg.png); background-position: -161px 0; font: 0/0 arial; color: transparent; overflow: hidden; vertical-align: top; border:1px solid #000; }
.hot-event .switch-tab .current { background-image: url(../img/icon/bg.png); background-position: -195px 0; }
.hot-event .switch-nav { position: absolute; right: 20px; top: 340px; z-index: 2; }
.hot-event .switch-nav .i-prev { background-image: url(../img/icon/bg.png); background-position: -127px 0; }
.hot-event .switch-nav .prev { border-radius: 3px 0 0 3px; border-width: 1px; background-color:#fe7436; }
.hot-event .switch-nav .next { border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 0; background-color:#fe7436;}
.hot-event .switch-nav .i-next { background-image: url(../img/icon/bg.png); background-position: -144px 0; }
.hot-event .switch-nav a { display: inline-block; padding: 7px 16px; background: rgba(0,0,0,.3); border-style: solid; border-color: rgba(255,255,255,.6); }
.hot-event .switch-nav a:hover { background: rgba(0,0,0,.2); }
.hot-event .event-item { height: 300px; width: 960px; position: absolute; z-index: 1; left: 0; top: 0;}
.hot-event .event-item .banner { display: block; }
.hot-event .event-item .photo{width: 990px; height: 405px;}
.hide-clip { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; line-height: 0!important; width: 1px!important; overflow: hidden; }
a .ico { cursor: pointer; }
.ico { display: inline-block; width: 16px; height: 16px; vertical-align: middle; overflow: hidden; }

/* ============ 头部 ============= */
.header{ clear:both;width:1000px;text-align:center; margin:0px auto;}
.header .logo{float:left;/* width:231px; */margin-bottom: 5px;}
.header .logo img{float:left;}
.header .tel{ float:right; /*width:227px;height: 97px;*/}
.header .tel a{background: #24bbf2;padding: 2px 15px;margin:20px 5px;display:inline-block;color:#fff;}
.header .tel a:hover{color:#fff600;}
.header .tel img{width: 85px;margin-top: 10px;}
/*.header .tel a{color: #F39800;font-size: 24px;font-style: italic;display: block;padding-top: 30px;}*/

	/* ============ hd_nav ============= */
.nav-con{ width:100%;background:#008ece url(../img/icon/bj_nav.png) no-repeat top center;}
.nav{ clear:both; width:1000px; height:60px; line-height:60px; margin:0px auto; } 
.nav li {float:left; text-align:center; font-size:14px;} 
.nav li a{color:#ffffff;padding: 0px 30px;display:block;} 
.nav li a:hover{color:#fff600; font-weight:bold; text-decoration:none;} 


/* ============ 底部 ============= */
.footer {width:100%;/* height:90px; */margin:15px auto 0px auto;background-color:#f0f1f5;border-top:2px solid #e5e5e5;}
.footer .footer-con{max-width: 1000px;margin:0px auto;padding: 30px 0px 30px 0px;color:#757474;}
.footer .fr-copyright{ float:right; }
.footer .fr-link{ float:left;}
.footer .fr-link img{float: left;margin-top: 3px;margin-right: 5px;}
.footer .fr-link a{ padding:0px 2px; color:#666666; }
.footer .fr-link a:hover{ color:#9e0b0a;}	


/* ============ 中部 ============= */
.main-mid { width:1000px; text-align:left; margin:0px auto;}
.main-con{ padding:10px 0px;}

.main-title {font-size:18px;color:#323232;line-height: 35px;margin: 20px 0;}
.main-about { float:left; width:700px;font-size: 14px;}
.main-about img{ float:left; padding:0px 25px 5px 0px;width: 200px;/*height: 150px;*/height: 200px;}
.main-about span, .main-news span{ float:right; clear:both;}
.main-about span a, .main-news span a{ font-family:Arial, Helvetica, sans-serif; color:#afafaf;}

.main-news { float:right; width:225px;}
.main-news li{ height:30px; line-height:30px; padding-left:15px; overflow:hidden; background:url(../img/icon/bj_main_news.png) no-repeat left bottom;}

.main-fw{ margin-top:30px;}
.main-fw li{float:left;width: 209px;height: auto;/* height:550px; */padding:0px 20px;background:url(../img/icon/bj_main_fw.png) no-repeat top right;}
.main-fw li p{ margin:25px 0px;}
.main-fw li>img{width: 100%;/*height: 96px;*/height: 209px;}

/* ============ 子页 ============= */
.zi-mid { width:1000px; text-align:left; margin:0px auto;}
.main_left{ float:left; width:247px; border:1px solid #e2e2e2;}

.zy_banner{width:990px;height:265px; margin:20px auto; padding:5px; background:#e8e8e8 url(../img/icon/bj_banner.jpg) no-repeat bottom center; overflow:hidden;}
.zy_banner img{width: 100%;}

.zy-title{height:40px;line-height:40px;color:#333333;font-size:18px;padding-left:17px;background-color:#f5f5f5;overflow: hidden;}
.zy-title span{ font-size:14px; text-transform:uppercase; color:#b5b5b5; padding-left:5px; font-family:Arial, Helvetica, sans-serif;}


.left_menu {}
.left_menu li { }
.left_menu li a{ font-size:14px;  color:#333333;height:40px; line-height:40px; padding-left:15px;  border-bottom:1px solid #e2e2e2; display:block;}
.left_menu li span{float:right;width:0;height:0;margin:14px;border-top:6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #d9d9d9;display:block;}
.left_menu li a:hover{ background:#24bbf2 url(../img/icon/bj_leftnav_icon_on.png) no-repeat 210px center; color:#ffffff;}
.left_menu .on a{ background:#24bbf2 url(../img/icon/bj_leftnav_icon_on.png) no-repeat 210px center; color:#ffffff;}

.left_menu .on span{float:right;width:0; height:0;margin:14px;border-top:6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #ffffff;display:block;}
.info_right{width: 730px;}
.main_right{float:right;width: 732px;min-height:500px;border:1px solid #e5e5e5;padding:10px;box-sizing: border-box;box-shadow:0 0 5px 3px rgba(229,229,229,0.6);-moz-border-radius: 5px;      /* Gecko browsers */-webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px;            /* W3C syntax */}
.main_right .con{ line-height:22px; padding:15px 0px; color:#333333;}
.main_right .con img{width: 100%;}
.main_right .con p{/* margin-bottom:15px; */text-indent:2em;}
.main_right .con .con_title{ text-align:center; font-size:14px; color:#333333;}
.main_right .con .con_date{ text-align:center; background-color:#efefef; padding:15px; margin:15px auto;}
.main_right .con .con_next{ font-size:14px; color:#6e6e6e; border-top:1px dashed #b2b2b2;border-bottom:1px dashed #b2b2b2; padding:10px 0px; margin:10px auto;}
.main_right .con .con_next a{ color:#6e6e6e; line-height:35px;}
.main_right .con .con_next a:hover{ color:#24bbf2;}
.main_right .con .intro_share{border-top: 1px dashed #b2b2b2;padding-top: 20px;}
.main_right .con .intro_share .bdsharebuttonbox{padding-left: 20px;}
.main_right .con .con_share span{ float:right; margin-top:10px;}
.main_right .con .con_share span a{ color:#24bbf2;}

.dh { height:45px; line-height:45px; border-bottom:1px solid #e2e2e2;text-align:right; }
.dh a{ color:#7e7e7e;}
.dh a:hover{ color:#24bbf2;}
.dh span{ float:left;font-size:18px; color:#0fa6e1; line-height:42px; padding:0px 10px; border-bottom:3px solid #24bbf2;}

/* ============ 列表 ============= */
.pages { text-align:center; margin:20px auto; clear:both; }
.pages a{padding:6px 10px; margin:0px 3px; }
.pages .prev{background: url("../img/icon/page_left.jpg")no-repeat center;}
.pages .next{background: url("../img/icon/page_right.jpg")no-repeat center;}
.pages a.currentpage{ color:#696969; background-color:#f0f0f0; border:1px solid #d1d1d1;}

.newslist1{ text-align:left;}
.newslist1 .listhead{width:100%;}
.newslist1 .listhead .lhimgBox{width:340px;height:240px;padding: 30px 25px 35px 20px;box-sizing:border-box;float:left;}
.newslist1 .listhead .lhimgBox img{width:100%;}
.newslist1 .listhead .lhText{float: left;width: 370px;padding: 25px 21px 0 0;box-sizing:border-box;}
.newslist1 .listhead .lhText p{display:inline-block;font-size:14px;color:#666666;}
.newslist1 .listhead .lhText a{background:#1db2eb;color:#fff;width:166px;line-height:35px;display:inline-block;border-radius:3px;font-size:14px;text-align:center;margin-top:15px}
.newslist1 .listhead .lhText a:last-child{margin-left: 15px;}
.prolineBox{padding:0 20px}
.listbody .lbhead i{font-size:16px;color:#333333;display:block;margin: 15px auto 25px;text-align: center;font-style: normal;}
.listbody .lbbody ul{background:url(../img/icon/lblinelist1.png);margin: 0 20px;padding-bottom: 10px;}
.listbody .lbbody li{width:100%;height:30px;line-height: 30px;border: none;padding-left: 16px;margin: 6.6px 0;box-sizing: border-box;background: url(../img/icon/tri_gray.png) left center no-repeat;background-size: 6px;}
.listbody .lbbody li a{display:block;width:100%;height:100%;font-size: 14px;color: #777777;cursor: pointer;}
.listbody .lbbody li:hover{background: url(../img/icon/tri_blue.png) left center no-repeat;background-size: 6px;}
.listbody .lbbody li:hover a{color:#0fa6e1;}
.newslist1 li { float:left; width:328px; height:249px; margin:10px; border:1px solid #e4e4e4;}
.newslist1 li img{ width:322px; height:203px;padding:3px; border-bottom:1px solid #e4e4e4;}
.newslist1 li span{ display:block; text-align:center; font-size:14px;}

.newslist2 li{height:164px;margin:20px auto;padding-right:10px;background-color:#f6f6f6;overflow:hidden;}
.newslist2 li .img{ float:left; width:180px;}
.newslist2 li .img img{ width:180px; height:164px;}
.newslist2 li .txt{width: 100%;padding: 10px 20px;box-sizing: border-box;}
.newslist2 li .title a{ font-size:14px; color:#0fa6e1; height:30px; line-height:30px; overflow:hidden;}
.newslist2 li .txt p{/* height: 63px; */}
.newslist2 li .date{ color:#a9a9a9;}
.newslist2 li .date a{ text-decoration:underline; color:#a9a9a9;}
.newslist2 li .txt .sum{margin-bottom: 7px;overflow:hidden;height:56px;font-size: 14px;line-height: 20px;font-family: '微软雅黑'!important;}
.newslist2 li .txt .sum p{text-indent: 2em;}
.newslist2 li .txt .sum font{font-size: 14px!important;font-family: '微软雅黑'!important;}
.newslist2 li .txt .sum span{font-size: 14px!important;line-height: 20px;font-family: '微软雅黑'!important;}
.newslist2 li .txt .sum p{font-size: 14px!important;line-height: 20px;font-family: '微软雅黑'!important;}

.newslist2 li .txt .sum table{width:100%!important;background:transparent!important;}



.newslist1 .listhead .lhText p{display:inline-block;}
.newslist1 li { float:left; width:328px; height:249px; margin:10px; border:1px solid #e4e4e4;}
.newslist1 li img{ width:322px; height:203px;padding:3px; border-bottom:1px solid #e4e4e4;}
.newslist1 li span{ display:block; text-align:center; font-size:14px;}

.newslist2 li{height:164px;margin:20px auto;padding-right:10px;background-color:#f6f6f6;overflow:hidden;position: relative;}
.newslist2 li .img{ float:left; width:180px;}
.newslist2 li .img img{ width:180px; height:164px;}
.newslist2 li .txt{width: 100%;padding: 10px 20px;box-sizing: border-box;}
.newslist2 li .title a{ font-size:14px; color:#0fa6e1; height:30px; line-height:30px; overflow:hidden;}
.newslist2 li .txt .new_summary{height: 63px;margin-bottom: 7px;overflow:hidden;font-family: '微软雅黑'!important;line-height: 20px!important;font-size: 14px!important;}
.newslist2 li .txt .new_summary p{text-indent: 2em;}
.newslist2 li .date{color:#a9a9a9;position: absolute;bottom: 10px;}
.newslist2 li .date a{ text-decoration:underline; color:#a9a9a9;}
.newslist2 li .txt .new_summary span{font-family: '微软雅黑'!important;line-height: 20px!important;font-size: 14px!important;}
.newslist2 li .txt .new_summary p{font-family: '微软雅黑'!important;line-height: 20px!important;font-size: 14px!important;}
.newslist2 li .txt .new_summary div{font-family: '微软雅黑'!important;line-height: 20px!important;font-size: 14px!important;}
.news{width: 74%!important;float: left;}
/* 网上订单 */
form{width: 672px;margin: 25px auto;}
form i{color:red;font-style:normal;line-height: 45px;}
form .company{border:1px solid #c8cecf;width: 670px;height: 40px;padding-left: 40px;box-sizing: border-box;background:#f7f7f7}
form .company .inputBox{width: 627px;border-left:1px solid #c8cecf;padding-left: 15px;box-sizing:border-box;background:#fff;}
form .company input{width:580px;height: 38px;border:none;box-sizing:border-box;outline: none;}
form .info{float:left;width: 325px;border:1px solid #c8cecf;margin-top: 20px;height: 40px;padding-left: 40px;box-sizing: border-box;background:#f7f7f7}
form .info:nth-child(2n){margin-right: 20px;}
form .info .inputBox{width:282px;border-left:1px solid #c8cecf;overflow:hidden;padding-left: 15px;box-sizing:border-box;background:#fff;}
form .info input{height: 38px;width:240px;border:none;box-sizing:border-box;outline: none;}
form .letter{overflow:hidden;padding-top: 20px;width: 670px;height: 120px;box-sizing: border-box;}
form .letter textarea{width: 669px;height: 94px;border:1px solid #c8cecf;padding:20px;box-sizing:border-box;outline: none;}
.inputBox span{width: 15px;text-align:center;display:inline-block;color:red;}
form .orderbtn{margin:30px auto;width:670px;text-align:center;}
form .orderbtn input{background:#24bbf2;margin:0 10px;width:268px;height:40px;line-height: 40px;display:inline-block;color:#fff;font-size:12px;border:none;outline: none;cursor:pointer;}
form .orderbtn input[type="reset"]{background:#c8cecf}

.con table{margin: 0 auto!important;}
table{width:700px!important;}
table tr td{padding:2px!important;width:auto!important;}
table tr td p{text-indent: 0px!important;font-size: 14px!important;}
#dituContent { width: 100%; height: 360px; border: #ccc solid 1px; margin-bottom: 10px;
}