@charset "utf-8";
/*html5*/ 
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* CSS Document */
/*内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,dd,dt{margin: 0;padding: 0;}
*{ margin:0; padding:0; outline:none; box-sizing:border-box}
.clear{ clear:both; overflow:hidden;}
a,.index2_list dd *{ text-decoration:none;color:#333;}
a:hover{color:#006db8}
input1{border:none;   outline:medium; font-family:微软雅黑;-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:none}
*{font-family:微软雅黑;}
body{ width:100%; color:#333; font-size:14px; padding:50px 0 45px}
table{border-collapse:collapse}
img{border:none; max-width:100%;}
/** 常用class **/
.tc{text-align:center;}
.tl{text-align:left}
.tr{text-align:right}
.fr{ float:right;}
.fl{ float:left;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display: table;line-height: 0;content:"";}
.clearfix:after{clear:both;}
.tj{cursor:pointer;background:#1474b4; color:#fff; border:none; width:110px; height:32px; font-size:16px;}
.b,.b *{font-weight:normal;font-style:normal}
.em{}
.w1200{width:96%; margin:0 auto;}
.ul_list,.ul_list li{list-style:none}
/** page **/
.page{text-align:center; width:100%; padding:0px 0 0px 0;font-size:12px;}
.page a{display:inline-block; height:25px; line-height:25px; border:1px solid #ddd; padding:0 10px; margin:0 3px; font-size:12px;}
.page{margin-bottom:50px;}
.page a.on,.page a:hover{color:#fff; background:#05479b; border-color:#05479b}
.bd li,.hd li{list-style:none}
.box{width:92%; margin:0 auto}
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
	font-family:"iconfont" !important;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.rd2{-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.rd3{-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.rd5{-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.rd6{-moz-border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
.rd7{-moz-border-radius:7px;-webkit-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
.rd8{-moz-border-radius:8px;-webkit-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;}
.rd9{-moz-border-radius:9px;-webkit-border-radius:9px;-ms-border-radius:9px;-o-border-radius:9px;border-radius:9px;}
.rd10{-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.rd15{-moz-border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;}
.rd20{-moz-border-radius:20px;-webkit-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;}
.rd50{-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}
.img{overflow:hidden}
.img img{-ms-transition: 0.8s;-moz-transition: 0.8s;-webkit-transition: 0.8s;-o-transition: 0.8s;}
.img:hover img{-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1) transform:scale(1.1)}
.ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/** 头部 **/
header{background:#f3f3f3; height:50px; position:fixed; text-align:center; font-size:18px; line-height:50px; width:100%; left:0px; top:0px; z-index:40; border-bottom:1px solid #ddd;}
.logo img{height:40px;}
.logo{position:relative; top:5px; line-height:0px;height:40px; display:inline-block}
/** banner **/
#banner{position:relative; z-index:10; overflow:hidden}
#banner img{width:100%; height:auto;}
#banner .swiper-pagination-bullet{background:#fff; opacity:1}
#banner .swiper-pagination-bullet-active{background:#e60012}
/** 手机导航 **/
#open{width:35px; height:25px; position:absolute; right:10px; top:12.5px;}
#open i{ display:block; width:25px; height:3px; background-color:#006db8; position:absolute; left:5px; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
#open i:nth-child(1){ top:2px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
#open i:nth-child(2){ top:10px;}
#open i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
#open.on i:nth-child(1){ -webkit-transform:rotate(38deg); -moz-transform:rotate(38deg); -ms-transform:rotate(38deg); -o-transform:rotate(38deg); transform:rotate(38deg);}
#open.on i:nth-child(2){ opacity:0;}
#open.on i:nth-child(3){ -webkit-transform:rotate(-38deg); -moz-transform:rotate(-38deg); -ms-transform:rotate(-38deg); -o-transform:rotate(-38deg); transform:rotate(-38deg);}
#nav{position:fixed; top:50px;width:100%; right:0px; background:rgba(255,255,255,0.8); border-bottom:1px solid #ddd; border-bottom:none; z-index:30; display:none}
#nav a{display:block; line-height:40px; text-align:center; border-bottom:1px solid #ddd; color:#333; font-size:16px; width:90%; margin:0 auto}
#nav a.on{color:#f08300; border-bottom-color:#f08300}
/** 首页 **/
.mid_1 li{ width:25%; float:left; text-align:center; font-size:16px; line-height:40px; background:url(../images/s_img01.jpg) no-repeat right center;}
.mid_1 li a{ color:#fff;}
.mid_1 li.no{ background:none;}
.mid_2{ width:100%; padding-top:20px;background:#fff;}
.mid_21{ display:block; font-size:24px; color:#333; width:88%; margin:0 auto;}
.mid_2 ul{ width:100%; margin-top:15px;}
.mid_2 li{ width:46%; float:left; margin:2%; position:relative;}
.mid_2 li span{ display:block; width:100%; background:url(../images/s_casebg.png); height:40px; color:#fff; position:absolute; z-index:10; bottom:0px; left:0px; padding:0 10px;}
.mid_2 li a{display:block; line-height:0px;}
.mid_2 li a img{width:100%}
.mid_2 li span font{ display:block; width:80%; float:left; height:40px; line-height:40px; overflow:hidden; color:#fff; font-size:12px; padding-left:1%;}
.mid_2 li span em{ font-style:normal; font-size:12px; float:right; line-height:40px; padding-right:1%;}
.mid_3{ background:#fff; padding:20px 0px; margin-top:12px;}
.mid_3 ul{ width:98%; margin:2% auto auto; border-top:1px #dfdfdf dashed;}
.mid_3 li{ width:97%; font-size:16px; border-bottom:1px #dfdfdf dashed; background:url(../images/s_news01.jpg) no-repeat 5px 20px; padding:10px 0 10px 20px; position:relative}
.mid_3 li a{ color:#333; display:block; width:100%; height:24px; line-height:24px; overflow:hidden;}
.mid_3 li p{ width:100%; height:22px; line-height:22px; font-size:12px; color:#818181;}
.more{display:block; background:#EFEFEF; font-size:18px; font-family:Arial, Helvetica, sans-serif; width:160px; height:40px; line-height:40px; text-align:center; margin:15px auto; color:#666}

.h_about{background:#f0f0f0; padding:15px 10px}
.h_about .mid_21{margin:10px auto 20px}
.h_about_text img{display:block; margin:10px auto; width:100%}
.h_about_text{line-height:25px;}
.h_about .more{background:#fff; margin-top:25px;}

.h_case{padding:15px 10px 0}
.h_case .mid_21{margin-bottom:15px;}
.h_case_list a{display:block; line-height:0px; position:relative; margin-bottom:20px;}
.h_case_list a p{position:absolute; height:40px; line-height:40px; background:rgba(0,0,0,0.5); color:#fff; width:100%; padding:0 15px; left:0px; bottom:0px; font-size:16px;}
.h_case_list a img{width:100%}
.h_case .more{margin-top:0}
/** 底部 **/
.footer{padding:5px 0 3px; position:fixed; left:0px; width:100%; bottom:0px; z-index:200}
.footer{background:#3498cc;}
.footer a{color:#fff; float:left; width:20%;}
.footer img{display:block; margin:0 auto; height:20px;}
/** 图片列表模板-案例 **/
.ny_nav a{display:inline-block; margin:0 10px;}
.ny_nav a.on{color:#3498cc}
.ny_nav{margin:20px auto}
.more1{background:url(../images/icon/line.jpg) repeat-x; height:40px; line-height:40px; border:1px solid #ddd; display:block; width:80%; margin:0 auto 15px; text-align:center; color:#666}
/** 新闻列表模板-新闻中心 **/
.news_list a{display:block; position:relative; width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ddd}
.news_list h2{position:relative; font-size:16px;}
.news_list a span{display:block; font-size:12px; color:#999}
.news_list a>p{height:60px; line-height:20px; font-size:12px; color:#666; overflow:hidden; margin:5px auto}
/** 新闻图片列表模板-新闻中心 **/
.newsimg_list a{display:block; padding:15px 0; border-bottom:1px dashed #ddd;}
.newsimg_list{margin-bottom:20px;}
.newsimg_list img{width:120px;}
.newsimg_text{margin-left:130px;}
.newsimg_text h2{font-size:14px; height:30px; line-height:30px; margin-top:-8px;}
.newsimg_text>p{font-size:12px; color:#666; height:36px; line-height:18px; overflow:hidden; margin:2px auto}
.newsimg_text span{color:#999; font-size:12px;}
/** 内容页 **/
#news_con{padding:10px;}
.news_con_tit{font-size:16px; border-bottom:1px solid #ddd; margin:15px auto}
.news_con_tit p{font-size:12px; color:#999; margin:10px 0;}
.news_con_text{line-height:25px; font-size:13px;}
/** 留言页模板 **/
#message{padding:15px 10px;}
.message_tab,#message .more1{width:100%; max-width:500px; margin:0 auto}
.message_tab td.tr{padding-right:5px; width:90px;}
.message_tab .text{width:100%; height:30px; border:1px solid #ddd; padding:0 5px;}
.message_tab td{line-height:30px; vertical-align:top; padding:10px 0;}
.message_tab textarea.text{height:150px;}
.yzm{width:100px; height:32px;border:1px solid #ddd; margin-right:10px; padding:0 5px;}
.yzmi{width:60px; height:30px; vertical-align:middle}
#message .more1{color:#3498cc; margin:15px auto}
/** 联系我们模板 **/
#contact{padding:15px 10px;}
.contact_tit{margin-bottom:15px;}
.contact_con{ line-height:20px;}
#iframe{width:100%; height:300px; margin:20px 0;}
/** 单页模板-关于我们 **/
#about{padding:15px 10px;}
.about_text{line-height:25px;}
.about_text img{width:100%}
@media only screen and (min-width:640px) {
html{font-size:100% !important;}
body,html{ height:100%;  width:640px; margin:0 auto}
#header,#footer{width:640px; left:50%; margin-left:-320px;}
#nav{right:50%; margin-right:-320px}
}