@charset "utf-8"; 
*{margin: 0; padding: 0; }
body { font-family: "microsoft yahei"; font-size: 14px; color: #333; margin: 0; padding: 0; border: 0;     }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul,li{ list-style: none; outline: none; }
blockquote, q { quotes: none; }
b { font-weight: bold; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
b, strong { font-weight: bold; }
input, textarea { font-family: "microsoft yahei"; }
input { outline: none; }
textarea { resize: none; }
table { border-collapse: collapse; border-spacing: 0; }
td { border: 0px solid #aaa; padding: 2px; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #005bac; }
.clearfix {  *zoom: 1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
i, em { font-style: normal; }
.clear { clear: both; }
.divline { height: 10px; overflow: hidden; clear: both; }
.v50 { height: 50px; }
.ow { min-width: 1200px; }
.w { width: 1200px; margin: 0 auto; }
.fr { float: right; }
.fl { float: left; }
.mr0{margin-right: 0 !important;}
/*.ecf0f3 { background: #ecf0f3; }
.f2f2f2 { background: #f2f2f2; }*/
/*mian*/
.header { width: 100%; height: 130px; }
.header .w { position: relative; }
 
.header .logo a { display: block; padding-top: 20px; }
.header .logo a img { display: block; float: left; }
.header .logo a span { padding-left: 15px; color: #ff7e00; font-size: 28px; float: left; line-height: 63px; font-weight: bold; }
.header .tel { background: url(../images/tel.png) no-repeat left center; margin-top: 40px; padding-left: 50px; }
.header .tel span { font-size: 18px; color: #333; }
.header .tel span p { font-family: "Impact"; font-size: 24px; color: #ff7e00; }
/*nav*/
.nav { width: 100%; height: 52px; background: #076CE0; overflow: hidden; }
.nav ul li { float: left; position: relative; text-align: center; z-index: 2; margin-right: 1px; }
.nav ul li a { color: #fff; font-size: 16px; display: block; height: 52px; line-height: 52px; padding: 0px 40px;  }
.nav ul li a:hover, .nav ul li a.hover { background: #fff; color: #076CE0; }
.nav ul li .box { background: #006dce; position: absolute; top: 52px; display: none; }
.nav ul li .box a { line-height: 30px; height: 30px; border: 0px; overflow: hidden; }
.nav ul li .box a:hover { background: none; color: #076CE0; }
.banner { height: 500px; background: #FFF; position: relative; overflow: hidden; z-index: 1; }
.banner ul.list { width: 100%; height: 500px; }
.banner li.item { width: 100%; height: 500px; position: absolute; left: 0; top: 0; }
.banner div.tip { width: 100%; height: 21px; text-align: center; position: absolute; bottom: 20px; left: 0; }
.banner div.tip em { display: inline-block; overflow: hidden; width: 40px; height: 5px; text-indent: 100px; cursor: pointer; background: #fff; margin: 0 5px; color: #007cd9; }
.banner div.tip em.cur { background: #076CE0; color: #fff; }
.part1 { height: 85px; width: 100%; line-height: 85px; }
.part1 .w .fl b { float: left; background: url(../images/hot.jpg) no-repeat 0px 24px; padding-left: 40px; color: #ff7e00; padding-right: 10px; }
.part1 .w .fl .keya { float: left; }
.part1 .w .fl .keya a { float: left; display: block; color: #555; padding: 0px 10px; }
.part1 .w .fl .keya a:hover { text-decoration: underline; color: #005bac; }
 
.wtitle{ text-align: center; font-size: 30px; color: #1e50ae; font-weight: bold; margin-bottom: 30px; position: relative; line-height: 40px; }
.wtitle small{ color: #666;} 
.wtitle em{ position: absolute; top: 0; right: 0; font-size: 14px; font-weight: normal; }


.part1 .w .ss { width: 312px; padding-top: 23px; }
.part1 .w .search { height: 30px; width: 320px; }
.part1 .w .search_form { width: 247px; height: 36px; float: left; padding: 0px 10px; overflow: hidden; line-height: 36px; border-left: 3px solid #e7e7e7; border-top: 3px solid #e7e7e7; border-bottom: 3px solid #e7e7e7; }
.part1 .w .search_form input { border: 0; background: transparent; color: #bebdbd; width: 247px; height: 36px; line-height: 36px; }
.part1 .w .search_btn { float: left; width: 42px; height: 42px; display: inline; background: #ff7e00; }
.part1 .w .search_btn .pushbutton { background: url(../images/input.png) no-repeat center; border: 0px; width: 42px; height: 42px; cursor: pointer; padding: 0px; margin: 0px; float: left; }
.part1 .w .search_btn .pushbutton:hover { background-color: #e97e00; }
.part2 { padding-bottom: 20px; padding-top: 50px; }
.part2 .tabcon{ border:1px #dedede solid; }
.part2 .w .prolist { width: 180px; border: 1px solid #eaeaea;  }
.part2 .w .prolist .title { background: url(../images/lefttop.jpg) no-repeat #005bac 21px 23px; width: 208px; height: 75px; line-height: 75px; }
.part2 .w .prolist .title span { color: #fff; padding-left: 63px; display: inline-block; font-size: 20px; font-weight: bold; }
.part2 .w .prolist .comt { background: #fff; }
.part2 .w .prolist .comt ul li { background:#f2f2f2; width:180px; }
.part2 .w .prolist .comt ul li a {position: relative; height: 81px; line-height: 81px; display: block; font-size: 16px; color: #333; text-align: center; }
.part2 .w .prolist .comt ul li a:hover,.part2 .w .prolist .comt ul li.on a { background: url(../images/lbg.jpg) #1e50ae no-repeat left center; color: #fff;  }
.part2 .w .prolist .comt ul li a:after{ content: ''; position: absolute; width: 120px; left:30px;bottom:-1px ; height: 1px; background:#ddd; }
.part2 .w .product { width: 976px; padding:20px; padding-bottom: 0; }
.part2 .w .product .hd { height: 75px; background: #fff; margin-bottom: 5px; }
.part2 .w .product .hd ul { width: 50%; }
.part2 .w .product .hd ul li { float: left; font-size: 16px; width: 172px; text-align: center; cursor: pointer; line-height: 75px; position: relative; }
.part2 .w .product .hd ul li.on { color: #fff; background: #005bac; }
.part2 .w .product .hd ul li.on i { background: url(../images/cri.jpg) no-repeat; width: 10px; height: 5px; bottom: -5px; left: 50%; margin-left: -5px; position: absolute; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; }
.part2 .w .product .hd .tel { background: url(../images/tel.png) no-repeat left center; padding-right: 15px; margin-top: 10px; padding-left: 50px; }
.part2 .w .product .hd .tel span { font-size: 18px; color: #333; }
.part2 .w .product .hd .tel span p { font-family: "Impact"; font-size: 23px; color: #ff7e00; }
.part2 .w .product .comt { width: 100%; overflow: hidden; }
.produtlist { }
.produtlist li { margin-bottom: 20px; width: 227px; float: left; margin-right: 20px; border:1px #1e50ae solid; }
.produtlist li a em{ display: block;  background: #fff;padding:10px; padding-bottom: 0;  }
.produtlist li a img { max-width: 207px; height: 160px; display: block; margin:0 auto; transition:all .5s ease-out; }
.produtlist li a span { width: 100%; display: block; text-align: center; height: 40px; line-height: 40px; font-size: 14px;  }
.produtlist li:hover img{ transform: scale(1.05); }
.produtlist li a:hover span {  color: #005bac; }

.adv{margin:30px auto; background:#1E50AF; background-position: top center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 170px; } 
/*关于我们*/
.about{ position: relative; margin-bottom: 30px; background-position: bottom right; background-repeat: no-repeat; }
.about .asm{width: 500px; text-align: right; font-size: 20px; line-height: 50px; }
.about .acon{ width: 680px; padding-bottom:  0px; }
.about .acon .wtitle,.newscon .wtitle{ text-align: left; }
.about .acon .adesc{ background:#1E50AF; color: #fff; padding:30px; margin-top: 30px;  }
.about .acon .adesc p{ text-indent: 2rem; margin-bottom: 10px;}
.about .amore{ position: absolute; bottom: 20px; right: 20px; width: 120px; height: 40px; text-align: center; color: #fff; background: #1e50ae;line-height: 40px; }

/*首页新闻中心*/
.news{ background: url(../images/newsbg.jpg) top center no-repeat; padding:50px 0; }
.news .newscon{ width: 700px; float: right; color: #fff; }
.newscon .wtitle{ color: #fff; margin-bottom: 20px;}
.newscon .wtitle small{ color: #eee; }
.newscon .wtitle em a{ color: #fff;  }
.news .newscon dl{ border-bottom: 1px #2c6ac1 solid; padding-bottom:10px;}
.news .newscon dl:last-child{ border-bottom: 0;}
.news .newscon dt{ position: relative; line-height: 40px;  }
.news .newscon dt a{ display: block; font-size: 16px; color: #fff;  }
.news .newscon dt span{ position: absolute; top: 0; right: 0; }
.news .newscon dd{color: #86b4f7;}

/*案例*/
.case{ margin:50px 0; }
.case .produtlist li{ margin-right: 15px; }

 
.links { padding : 10px 0 20px; }
.links .tik span { background-color: #0073d6; color: #fff; padding: 0 10px; height: 30px; line-height: 30px; display: inline-block; font-size: 16px; margin-right: 10px; }
.links .tik a{ padding-right: 10px; }
.foot { background: #1E50AF; border-top: 5px #173D84 solid; }
.foot .botnav { width: 400px } 
.foot .botnav a { color: #fff;  font-size: 14px; padding-right:15px; line-height:40px;  display: inline-block; }

.foot .base { color: #fff; padding-top: 30px ; }
.foot .base .w.clearfix{ padding-bottom: 30px; }
.foot .base .left { width: 500px; }
.foot .base .left h1, .foot .base .left p { color: #fff; }
.foot h1 { font-size: 28px; font-weight: bold; padding-bottom: 30px; }
.foot .base .left p.a { line-height: 28px; float: left; width: 100%; height: 28px; }
.foot .base .left p.a i { float: left; width: 20px; height: 20px; background: url(../images/baseicon.png) no-repeat; margin-top: 4px; margin-right: 10px; }
.foot .base .left p.a2 i { background-position: -20px 0px; }
.foot .base .left p.a3 i { background-position: -40px 0px; }
.foot .base .left p.a3 a { color: #fff; }
.foot .base .left p.a3 a:hover { text-decoration: underline; }
.foot .base .left .tel { background: url(../images/tel.png) no-repeat left center; margin-top: 30px; padding-left: 50px; }
.foot .base .left .tel span { font-size: 16px; color: #fff; }
.foot .base .left .tel span p { font-family: "Impact"; font-size: 31px; color: #ff7e00; }
.foot .base .right { width: 225px; padding-top: 20px; }
.foot .base .right p { font-size: 16px; color: #fff; font-weight: bold; text-align: center; padding-bottom: 20px; }
.foot .base .right span i { display: block; text-align: center; color: #fff; }
.foot .copyright{text-align: center; background: #173D84; padding:20px 0;}


.fix { position: fixed; z-index: 99; right: 0px; bottom: 10%; border-radius: 5px; }
.fix .bodd { position: relative; background: #0069d9; padding: 10px; width: 120px; }
.fix .bodd .blacktop, .fix .bodd .close { position: absolute; cursor: pointer; width: 43px; left: 50%; margin-left: -21.5px; }
.fix .bodd .close { background: url(../images/close.png) no-repeat; top: -29px; height: 29px; }
.fix .bodd .blacktop { background: url(../images/fix_top.png) no-repeat; bottom: -35px; height: 35px; }
.fix .bodd p { font-size: 16px; color: #fff; text-align: center; font-weight: bold; padding: 15px 0px 15px 0px; }
.fix .bodd span { height: 35px; background: #313131; display: block; text-align: center; color: #fff; border-radius: 5px 5px 0px 0px; line-height: 35px; font-size: 14px; }
.fix .bodd .online { border-radius:5px; background: #fff; text-align: center; padding-top: 10px; }
.fix .bodd .online a { height: 18px; line-height: 18px; background: url(../images/fixqq.jpg) no-repeat 20px 2px; display: block; padding-bottom: 10px; padding-left: 15px; }
.fix .bodd .ewm { text-align: center; background: #fff; margin-top: 1px; border-radius: 5px; }
.fix .bodd .tel { text-align: center; padding-top: 13px; }
.fix .bodd .tel b { display: block; color: #fff; font-size: 15px; padding-bottom: 5px; }
.fix .kefubtn { background: url(../images/fixsuo.png) no-repeat; width: 70px; height: 142px; display: none; cursor: pointer; }
 

.pages{ margin-top: 20px; text-align: center; }
.pages ul li{ display: inline-block; margin-right: 10px; }
.pages ul li a,.pages ul li span{ border:1px #ddd solid; padding:5px 10px; }
.pages ul li.active a{ background:#005bac; color: #fff; }
/*内容页面*/
.bt{ text-align: center; margin:20px 0; padding-bottom: 5px; border-bottom: 1px #ddd solid;}
.bt h2{margin-bottom: 10px;  }
.bigpic img{ display: block; margin:0 auto 20px; max-width:96%; }
.conBox{ padding: 20px 0; }
.show_page{ border-top: 1px #ddd solid; padding-top: 10px; }