﻿@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; border: 0; list-style: none; margin: 0 auto; }
* { font-family: Microsoft YaHei, iconfont !important; }
body { font: 14px Microsoft YaHei, SimHei, SimSun, Verdana, Arial, Helvetica, sans-serif; color: #666; }
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0 }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; color: #222 }
address, cite, dfn, em, var { font-style: normal }
code, kbd, pre, samp { font-family: courier new, courier, monospace }
small { font-size: 12px }
s ol, ul { list-style: none }
a { text-decoration: none; color: #222; }
a:hover { text-decoration: none; color: #000; }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
legend { color: #000 }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0 }
.clearfix:before, .clearfix:after { display: table; content: ''; line-height: 0; }/*清除浮动*/
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*@font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),   url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg'); }*/
@font-face {
  font-family: 'iconfont';  /* project id 190017 */
  src: url('http://at.alicdn.com/t/font_190017_crcb0v4zen.eot');
  src: url('http://at.alicdn.com/t/font_190017_crcb0v4zen.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_190017_crcb0v4zen.woff2') format('woff2'),
  url('http://at.alicdn.com/t/font_190017_crcb0v4zen.woff') format('woff'),
  url('http://at.alicdn.com/t/font_190017_crcb0v4zen.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_190017_crcb0v4zen.svg#iconfont') format('svg');
}
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
/* -------------------------------页面头部分开始---------------------- */
#header { width: 100%; height: 155px; overflow: hidden; min-width:1200px; background: #fff;}
#header .topWrap { width: 100%; height: 39px; background: #eeeeee; min-width:1200px;  }
#header .top { width: 1200px; height: 39px; }
#header .top .left { width: 735px; float: left; font-size: 12px }
#header .top .left ul { }
#header .top .left ul li {/* width:60px;*/ height: 39px; line-height: 39px; float: left; margin-right: 15px; }
#header .top .left ul li a { display: block; }
#header .top .left ul li a:hover { color: #f30401 }
#header .top ul li i { background: url(../images/icon.png) no-repeat; margin-right: 5px; transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; /* Firefox 4 */ -webkit-transition: all 300ms ease 0s; /* Safari 和 Chrome */ -o-transition: all 300ms ease 0s; /* Opera */ }
#header .top .left ul li i.i1 { width: 12px; height: 17px; float: left; margin-top: 10px; background-position: 0 0; }
#header .top .left ul li i.i2 { width: 14px; height: 13px; float: left; margin-top: 12px; background-position: -18px 0; }
#header .top .left ul li i.i3 { width: 16px; height: 14px; float: left; margin-top: 12px; background-position: -39px 0; }
#header .top .left ul li i.i4 { width: 17px; height: 18px; float: left; margin-top: 12px; background-position: -60px 0; }
#header .top .left ul li i.i5 { width: 24px; height: 17px; float: left; margin-top: 12px; background-position: -82px 0; }
#header .top .left ul li:hover i.i1 { background-position: 0 -19px; }
#header .top .left ul li:hover i.i2 { background-position: -18px -18px; }
#header .top .left ul li:hover i.i3 { background-position: -39px -18px; }
#header .top .left ul li:hover i.i4 { background-position: -60px -18px; }
#header .top .left ul li:hover i.i5 { background-position: -82px -18px; }
#header .top .mid { width: 110px; height: 24px; float: left; line-height: 24px; font-size: 12px; position: relative; margin-top: 6px; background: #fff }
#header .top .mid ul.mid-main { width: 100%; height: 100%; list-style-type: none; }
#header .top .mid ul.mid-main span.icon { width: 22px;height: 16px;float: left;margin-top: 4px;margin-left: 6px;margin-right: 12px;background: url(../images/icon.png) no-repeat -113px 0;}
#header .top .mid ul.mid-main .text { float: left; }
#header .top .mid ul.mid-main span#jiantou { float: left; display: inline-block; margin-left: 10px; width: 8px; height: 7px; background: url(../images/icon.png) -169px 0; margin-top: 9px; }
/*图标向上旋转*/
#header .top .mid .hover-up { transition-duration: .5s; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
/*图标向下旋转*/
#header .top .mid .hover-down { transition-duration: .5s; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
#header .top .mid ul.mid-main li { width: 108px; height: 100%; display: block; float: left; border: 1px solid #ccc; color: #333; cursor: pointer; }
#header .top .mid ul.mid-main li .pic { width: 22px; height: 16px; float: left; margin-top: 6px; margin-left: 6px; }
#header .top .mid ul.mid-main li a:hover { color: #f30401 }
/*隐藏盒子设置*/
#header .top .mid div.hidden-box { width: 108px; border: 1px solid #ccc; border-top: 0; position: absolute; display: none; background: #fff; top: 24px; }
#header .top .mid .hidden-box ul { list-style-type: none; color: #643519; cursor: pointer; }
#header .top .mid .hidden-box ul li { }
#header .top .mid .hidden-box ul li .icon2 { width: 22px;height: 16px;float: left;background: url(../images/icon.png) no-repeat -140px 0;margin-top: 4px;margin-left: 6px;margin-right: 12px;}
#header .top .mid .hidden-box li a { display: block }
#header .top .mid .hidden-box li a:hover { color: #f30401; }
#header .top .right { width: 315px; height: 39px; float: left; margin-left: 40px; background: url(../images/icon.png) no-repeat 0 -55px; }
#header .top .right i { width: 27px; height: 27px; float: left; display: block; background: url(../images/icon.png) -183px 0; margin-top: 6px; margin-right: 10px; margin-left: 20px; transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; /* Firefox 4 */ -webkit-transition: all 300ms ease 0s; /* Safari 和 Chrome */ -o-transition: all 300ms ease 0s; /* Opera */ }
#header .top .right span { float: left; color: #f30401; font-size: 24px; line-height: 39px; letter-spacing: 2px; }
#header .top .right:hover i { background: url(../images/icon.png) -183px -27px; }
#header .top .right:hover { background: url(../images/icon.png) no-repeat 0 -105px; }
#header .top .right:hover span { color: #ffca0a }
#header .logoWrap { width: 1200px; height: 116px; }
#header .logoWrap .logo { width: 375px; height: 93px; float: left; margin-top: 11px; }
#header .logoWrap .text { width: 300px; height: 34px; float: left; background: url(../images/icon.png) no-repeat -183px -205px; margin-top: 40px; margin-left: 30px; }
#header .logoWrap .weixin { width: 122px; height: 116px; float: left; margin-left: 10px; text-align: center }
#header .logoWrap .weixin i { width: 74px; height: 74px; float: left; margin: 13px 24px 0; }
#header .logoWrap .weixin p { width: 122px; height: 20px; font-size: 11px; float: left; margin-top: 6px; }
#header .logoWrap .right { width: 224px; height: 97px; float: right; margin-top: 19px; }
#header .logoWrap .right p { text-align: right; font-size: 13px; line-height: 30px; }
#header .logoWrap .right i { width: 224px; height: 39px; float: right; background: url(../images/icon.png) no-repeat 0 -155px; }
/* -------------------------------导航开始---------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.nav { width: 100%; height: 50px; line-height: 50px; background: #ffca0a; position: relative; z-index: 100; min-width: 1200px; }
.nav ul { width: 1200px; margin: 0 auto; }
.nav ul a { color: #f30401; }
.nav ul .nLi { float: left; position: relative; display: inline; }
.nav ul .nLi h3 { float: left; width: 150px; }
.nav ul .nLi h3 a { display: block; font-size: 16px; text-align: center; background: url(../images/icon.png) no-repeat -498px -55px; }
.nav ul .sub { display: none; width: 150px; left: 0; top: 50px; position: absolute; background: #f30401; line-height: 26px; ; text-align: center;  border-top: 1px solid #ffca0a; }
.nav ul .sub li { zoom: 1; border-bottom: 1px solid #ffca0a; }
.nav ul .sub a { display: block; padding: 5px 10px; font-size: 14px; color: #fff }
.nav ul .sub a:hover { background: #ffca0a; color: #f30401; }
.nav ul .on h3 a { background: #f30401;/* color: #ffca0a;*/ color: #fff; font-weight: bold }
.nav ul .nLi2 { float: right; width: 2px; height: 50px; position: absolute; top: 0; right: -2px; background: url(../images/icon.png) no-repeat -498px -55px; }
/* -------------------------------banner开始---------------------- */
.banner-wrap { width: 100%; height: 482px; position: relative; min-width:1200px;  }
/* 本例子css */
.fullSlide { min-width: 1200px; position: relative; height: 482px; overflow: hidden; }
.fullSlide .bd { position: relative; z-index: 0; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 482px; overflow: hidden; text-align: center; }
.fullSlide .bd li a { display: block; height: 330px; }
.fullSlide .hd { width: 1200px; left: 50%; margin-left: -600px; position: absolute; z-index: 1; bottom: 20px; overflow: hidden; }
.fullSlide .hd ul { float: right; }
.fullSlide .hd ul li { width: 84px; height: 45px; float: left; margin: 0 5px; display: inline; cursor: pointer; }
.fullSlide .hd ul li img { width: 80px; line-height: 41px; display: block; border: 2px solid #fff; filter: alpha(opacity=70); opacity: 0.7; }
.fullSlide .hd ul .on img { border-color: #f30401; filter: alpha(opacity=100); opacity: 1; }
/* -------------------------------查询框开始---------------------- */
#chaxunWrap { width: 450px; /*height: 324px; */ height:300px;position: absolute; top: 78px;/* left: 0; */ left: 5.5%; z-index: 99; background: url(../images/bg.png) repeat-x; border-radius: 0px 0px 8px 8px; }
/* 本例子css */
.slideTxtBox { width: 450px; height: 324px;height:300px; text-align: left; }
.slideTxtBox .hd { width: 450px; height: 41px; line-height: 41px; border-bottom: 1px solid #f30401; position: relative; line-height: 42px; font-size: 16px }
.slideTxtBox .hd ul { float: left; position: absolute;/* left: 20px;*/ /*top: -1px; */ height: 42px; }
.slideTxtBox .hd ul li { width: 150px; height: 42px; float: left; cursor: pointer; color: #f30401 }
.slideTxtBox .hd ul li.on { height: 42px; background: #f30401;/* border: 1px solid #ddd; */ color: #fff }
.slideTxtBox .hd ul li i.i1 { float: left; font-size: 22px; margin-left: 30px; /*margin-top:2px;*/ margin-right: 10px; }
.slideTxtBox .hd ul li i.i2 { float: left; font-size: 22px; margin-left: 30px; margin-top: 0px; margin-right: 10px; }
.slideTxtBox .hd ul li i.span { float: left; }
.slideTxtBox .bd { width: 298px; height: 222px; float: left; /*margin-top: 35px; margin-left: 40px;*/margin-top: 15px; margin-left: 75px; font-size: 14px }
.slideTxtBox .bd form ul li { margin-bottom: 20px; }
.slideTxtBox .bd #pack { width: 102px; height: 24px; border: 1px solid #bbbbbb; font-size: 12px }
.slideTxtBox .bd #country { width: 184px; height: 24px; line-height: 24px; border: 1px solid #bbbbbb; /*color: #666;*/ padding-left: 4px; font-size: 12px; color:#999; }
.slideTxtBox .bd #gwt { width: 185px; height: 24px; line-height: 24px; border: 1px solid #bbbbbb; /*color: #666;*/ padding-left: 4px; font-size: 12px; color:#999; }
.slideTxtBox .bd #length { width: 39px; height: 24px; line-height: 24px; border: 1px solid #bbbbbb; /*color: #666;*/ margin-right: 4px; padding-left: 4px; font-size: 12px }
.slideTxtBox .bd #button { width: 100px; height: 35px; background: #f30401; text-align: center; color: #fff; border-radius: 8px; margin-left: 18px; margin-top: 10px; }
.yundan #search { width: 274px; height: 147px;height: 127px; font-size: 12px; background: #fff; margin-bottom: 13px; padding-left: 4px; padding-top: 4px; border: 1px solid #bbbbbb; }
/* -------------------------------友情链接---------------------- */
#link { width: 950px; height: 90px; }
#link h2 { width: 157px; height: 60px; float: left; background: url(../images/icon.png) no-repeat 0 -196px; margin-top: 15px; line-height: 60px; font-size: 18px; color: #f30401; padding-left: 20px; }
#link ul { float: left; margin-top: 25px; }
#link ul li { float: left; margin-left: 60px; }
/* -------------------------------核心服务---------------------- */
#servicesWrap { width: 100%; height: 600px; background: #f5f5f5; min-width:1200px;  }
.services { width: 1200px; height: 50px; padding-top: 50px; }
.title { width: 1000px; height: 50px; margin: 0 auto; background: url(../images/titleBg.png) repeat-x center; }
.titleBox { width: 209px; height: 50px; background: #f5f5f5; margin: 0 auto; text-align: center; position: relative; }
.titleBox h2 { height: 30px; line-height: 30px; background: #f5f5f5; margin: 0 auto; text-align: center; font-size: 24px; }
.titleBox p { height: 20px; line-height: 20px; text-transform: uppercase; color: #f30401; text-align: center; font-size: 13px; }
.titleBox .line { width: 207px; height: 18px; border: 1px solid #ababab; border-bottom: none; border-top: none; position: absolute; top: 16px; left: 0 }
.services .list { width: 1200px; height: 400px; overflow: hidden; margin-top: 50px; }
.services .list ul { width: 1232px; float: left; }
.services .list ul li { width: 274px; height: 400px; background: url(../images/servicesBg.png) no-repeat; float: left; margin-right: 34px; }
.services .list ul li .pic { width: 226px; height: 134px; margin: 20px 24px; float: left; position: relative; overflow: hidden; }
.services .list ul li h3 { width: 274px; height: 30px; line-height: 30px; float: left; text-align: center; font-size: 20px; margin-bottom: 15px; }
.services .list ul li h3 a { display: block; }
.services .list ul li h3 a:hover { color: #f30401 }
.services .list ul li p a { width: 226px; height: 72px; display: block; line-height: 24px; font-size: 14px; margin: 0 24px; color: #999; overflow: hidden; }
.services .list ul li .pic img { position: absolute; left: 0; top: 0; width: 226px; height: 134px; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }
.services .list ul li .pic a:hover img { transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); }
.services .list ul li:hover { background: url(../images/servicesBgH.png) no-repeat }
.services .list ul li .more { width: 158px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; margin-top: 20px; }
.services .list ul li .more a { display: block; border: 1px solid #ccc; color: #666 }
.services .list ul li:hover .more a { background: #f30401; color: #fff; border: 1px solid #f30401; }
#youshi { width: 100%; height: auto; min-width:1200px;  }
#youshi .one { width: 100%; height: 555px; background: url(../images/youshiBg1.jpg) no-repeat center; min-width:1200px;  }
#youshi .title { width: 1270px; height: 80px; background: url(../images/hexinyoushi.jpg) no-repeat bottom left; padding-top: 48px; }
#youshi .one .content { width: 1200px; height: 200px; margin-top: 40px; }
#youshi .one .content .text { width: 600px; height: 200px; float: left; }
#youshi .one .content .text h2 { line-height: 50px; font-size: 24px; color: #f30401; letter-spacing: 1px; }
#youshi .one .content .text h3 { line-height: 30px; font-size: 18px; }
#youshi .one .content .text p { width: 600px; height: 60px; margin-top: 20px; line-height: 30px; font-size: 14px; overflow: hidden; }
#youshi .one .content .text .pic { width: 240px; height: 160px; float: left; margin-top: 32px; }
#youshi .two { width: 100%; height: 451px; background: url(../images/youshiBg2.jpg) no-repeat center; min-width:1200px;  }
#youshi .two .content { width: 1200px; height: 411px; }
#youshi .two .content .text { width: 600px; height: 352px; float: right; margin-top: 90px; }
#youshi .two .content .text h2 { line-height: 50px; font-size: 24px; color: #f30401; letter-spacing: 1px; }
#youshi .two .content .text h3 { line-height: 30px; font-size: 18px; }
#youshi .two .content .text p { width: 600px; height: 60px; margin-top: 20px; line-height: 30px; font-size: 14px; overflow: hidden; }
#youshi .two .content .text .pic { width: 696px; height: 160px; float: left; margin-top: 32px; margin-left: -96px; }
#youshi .two .content .text .pic ul { }
#youshi .two .content .text .pic ul li { height: 112px; border: 1px solid #ffca0a; float: left; margin-right: 15px; padding: 3px; }
#youshi .three { width: 100%; height: 452px; background: url(../images/youshiBg3.jpg) no-repeat center;  min-width:1200px; }
#youshi .three .content { width: 1200px; height: 200px; }
#youshi .three .content .text { width: 420px; height: 160px; padding-top: 210px; text-align: center }
#youshi .three .content .text h2 { line-height: 50px; font-size: 24px; color: #f30401; letter-spacing: 1px; }
#youshi .three .content .text h3 { line-height: 30px; font-size: 18px; }
#youshi .three .content .text p { width: 420px; height: 60px; margin-top: 20px; line-height: 30px; font-size: 14px; overflow: hidden; text-align: center; }
#youshi .four { width: 100%; height: 445px; background: url(../images/youshiBg4.jpg) no-repeat center; min-width:1200px;  }
#youshi .four .content { width: 1200px; height: 200px; }
#youshi .four .content .text { width: 420px; height: 150px; float: right; padding-top: 170px; text-align: center; margin-right: 50px; }
#youshi .four .content .text h2 { line-height: 50px; font-size: 24px; color: #f30401; letter-spacing: 1px; }
#youshi .four .content .text h3 { line-height: 30px; font-size: 18px; }
#youshi .four .content .text p { width: 420px; height: 60px; margin-top: 20px; line-height: 30px; font-size: 14px; overflow: hidden; text-align: center; }
#youshi .bot { width: 1200px; height: 32px; background: url(../images/youshiBotBg.jpg) no-repeat center; }
/* -------------------------------承诺---------------------- */
#commitment { width: 100%; height: 450px; overflow: hidden; min-width:1200px;  }
#commitment .commitment { width: 1200px; height: 50px; padding-top: 20px; }
.commitment .title { width: 1000px; height: 50px; margin: 0 auto; background: url(../images/titleBg.png) repeat-x center; }
.commitment .titleBox { width: 209px; height: 50px; background: #fff; margin: 0 auto; text-align: center; position: relative; }
.commitment .titleBox h2 { height: 30px; line-height: 30px; background: #fff; margin: 0 auto; text-align: center; font-size: 24px; }
.commitment .titleBox p { height: 20px; line-height: 20px; text-transform: uppercase; color: #f30401; text-align: center; font-size: 13px; }
.commitment .titleBox .line { width: 207px; height: 18px; border: 1px solid #ababab; border-bottom: none; border-top: none; position: absolute; top: 16px; left: 0 }
.commitment .list { width: 1200px; height: auto; margin-top: 60px; }
.commitment .list dl { width: 300px; height: 300px; float: left; background: url(../images/icon.png) no-repeat -499px -115px; text-align: center; }
.commitment .list dl.hid { background: none; }
.commitment .list dl dt { width: 146px; height: 146px; cursor: pointer; background: url(../images/icon.png) no-repeat 0 -266px; margin: 0 auto; transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; /* Firefox 4 */ -webkit-transition: all 300ms ease 0s; /* Safari 和 Chrome */ -o-transition: all 300ms ease 0s; /* Opera */ }
.commitment .list dl dt:hover { background: url(../images/icon.png) no-repeat -146px -266px; }
.commitment .list dl dt i.i1 { font-size: 60px; color: #fff; line-height: 146px; }
.commitment .list dl dt i.i2 { font-size: 65px; color: #fff; line-height: 146px; }
.commitment .list dl dt:hover i { color: #f30401 }
.commitment .list dl dd { padding: 0 30px; font-size: 18px; color: #333; padding-top: 20px; }
.commitment .list dl dd.d2 { font-size: 14px; height: 40px; color: #666; line-height: 20px; text-align: left; overflow: hidden; }
/* -------------------------------关于---------------------- */
#about { width: 100%; height: 408px; background: url(../images/aboutBg.jpg) no-repeat center; min-width:1200px;  }
#about .content { width: 1200px; height: 315px; color: #333; }
#about .content .text { width: 450px; height: 315px; float: left; margin-left: 400px; margin-top: 55px; }
#about .content .text h2 { width: 450px; height: 36px; font-size: 36px; margin-bottom: 30px; }
#about .content .text h2 a { color: #222 }
#about .content .text h2 a:hover { color: #f30401 }
#about .content .text h2 span { font-size: 24px; padding-left: 20px; }
#about .content .text p { width: 450px; height: 200px; line-height: 28px; overflow: hidden; font-size: 14px }
#about .content .text .more a { width: 157px; height: 28px; float: left; display: block; line-height: 28px; color: #fff; text-align: center; background: #f30401; margin-top: 20px; font-size: 14px }
#about .content .text .more a:hover { color: #ffca0a }
#about .content .zhizhao { width: 255px; height: 347px; float: left; margin-top: 35px; margin-left: 65px; }
/* -------------------------------新闻---------------------- */
#news { width: 100%; height: 568px; background: #f5f5f5; min-width:1200px;  }
.news { width: 1200px; height: 50px; padding-top: 50px; }
.news .picWrap { width: 500px; height: 370px; float: left; margin-top: 40px; background: #fff; }
.news .picWrap .pic { width: 500px; height: 165px; float: left; position: relative; }
.time { width: 66px; height: 66px; background: #ffca0a; position: absolute; top: 0; left: 0; }
.time span { width: 66px; float: left; text-align: center; color: #fff; }
.time span.p1 { font-size: 24px; line-height: 40px; }
.time span.p2 { font-size: 14px; }
.news .picWrap h3 { float: left; height: 30px; font-size: 20px; padding: 15px 20px 5px; }
.news .picWrap h3 a:hover { color: #f30401 }
.news .picWrap p { width: 460px; height: 84px; line-height: 28px; padding: 0 20px; overflow: hidden; }
.news .picWrap .more a { width: 157px; height: 28px; float: left; display: block; line-height: 28px; color: #fff; text-align: center; background: #f30401; margin-top: 20px; font-size: 14px; margin-left: 20px; }
.news .picWrap .more a:hover { color: #ffca0a; }
.news .list { width: 660px; height: 370px; float: left; margin-left: 40px; margin-top: 20px; }
.news .list ul { }
.news .list ul li { width: 540px; height: 110px; background: #fff; position: relative; padding-left: 100px; padding-right: 20px; margin-top: 20px; }
.news .list ul li h4 { width: 540px; float: left; line-height: 30px; font-size: 18px; margin-top: 10px; }
.news .list ul li h4 a:hover { color: #f30401 }
.news .list ul li p { height: 56px; float: left; line-height: 28px; overflow: hidden; }
/* -------------------------------底部---------------------- */
#footer { width: 100%; height: 462px; background: url(../images/footerBg.jpg) no-repeat center; min-width:1200px; margin-top:-20px;  }
.footer { width: 1200px; height: 462px; }
.footer .footNav { width: 1200px; height: 60px; line-height: 60px; border-bottom: 1px solid #ccc; margin-bottom: 50px; }
.footer .footNav ul { width: 1040px; margin: 0 auto; }
.footer .footNav ul a { color: #ccc; }
.footer .footNav ul .nLi { float: left; position: relative; display: inline; }
.footer .footNav ul .nLi h3 { width: 130px; float: left; }
.footer .footNav ul .nLi h3 a { display: block; font-size: 16px; text-align: center; }
.footer .footNav ul .on h3 a { color: #f30401; border-bottom: 1px solid #f30401 }
.footer .add { width: 540px; height: 330px; float: left; }
.footer .add .footerLogo { width: 280px; height: 135px; float: left; margin-bottom: 15px; }
.footer .add p { width: 540px; float: left; height: 28px; line-height: 28px; color: #ccc; margin-top: 6px; }
.footer .add p i { height: 22px; line-height: 28px; margin-right: 6px; font-size: 18px; }
.footer .add p span { color: #f30401; font-size: 24px; letter-spacing: 1px; }
.footer .weixin { width: 141px; height: 330px; float: left; }
.footer .weixin p { color: #ccc; line-height: 30px; }
.footer .feedback { width: 320px; height: 330px; float: right; }
.footer .feedback h5 { width: 320px; height: 22px; float: left; line-height: 22px; text-align: center; color: #ccc; font-size: 16px; }
.footer .feedback .frinput { width: 315px; height: 35px; background: #ccc; margin-top: 10px; line-height: 35px; padding-left: 5px; color: #666 }
.footer .feedback #frcontent { width: 315px; height: 103px; background: #ccc; margin-top: 10px; line-height: 24px; padding-left: 5px; color: #666 }
.footer .feedback .submit1 { width: 116px; height: 33px; line-height: 33px; background: #f30401; float: right; color: #fff; margin-top: 10px; }
#copyright { width: 100%; height: 40px; background: #ffca0a; line-height: 40px; min-width:1200px;  }
#copyright p { width: 1200px; height: 40px; margin: 0 auto; color: #f30401; }
#copyright p a { color: #f30401; }
#copyright p a:hover { text-decoration: underline; }
/*----------------右侧按钮-----------------*/
.fbox { position: fixed; top: 70%; right: 0; height: 243px; width: 60px; margin-top: -121px; background: url(../images/icon.png) no-repeat -441px -420px; z-index: 2; }
.fbox .div { width: 60px; height: 60px; display: block; color: #fff; }
.fbox .div .inner { position: absolute; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#66000000', endColorstr='#66000000');
background: rgba(0,0,0,0.4); display: none; right: 70px; }
:root .fbox .div .inner { filter: none; }/*for IE9*/
.fbox .tnum { width: 210px; height: 60px; top: 0; background: url(../images/icon.png) no-repeat -227px -420px!important; }
.fbox .tnum p { padding-right: 10px; font-size: 24px; font-weight: bold; text-align: center; line-height: 60px; }
.fbox .line { height: 1px; overflow: hidden; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#19FFFFFF', endColorstr='#19FFFFFF');
background: rgba(255,255,255,0.1); }
:root .fbox .line { filter: none; }/*for IE9*/
.fbox .arrow { display: block; position: absolute; right: -10px; top: 21px; overflow: hidden; width: 10px; height: 14px; background: url(../images/icon.png) no-repeat -427px -502px; }
.fbox .qnum { width: 190px; padding: 5px 20px; top: 60px; right: 79px!important; }
.fbox .qnum p { padding: 12px 0; font-size: 14px; line-height: 15px; }
.fbox .wxnum { width: 132px; height: 292px; top: 120px; background: url(../images/icon.png) no-repeat -305px -602px!important; }
.fbox .add { width: 60px; height: 60px; display: block; }
.fbox a { color: #fff; }
/*---------------------------------------------------二级页面---------------------------------------------*/
#smallBanner { width: 100%; height: 320px; min-width:1200px;  }
#current { width: 100%; height: 50px; background: #f5f5f5; border-bottom: 1px solid #ccc; min-width:1200px; }
#current .text { width: 1200px; line-height: 50px; color: #999; }
#current .text i { font-size: 20px; padding-right: 10px; color: #999; }
#current .text a { padding: 0 10px; color: #999; }
#current .text a:hover { text-decoration: underline; }
#current .text span { color: #f30401; padding-left: 10px; }
#main { width: 1200px; height: auto; min-width: 1200px; margin-top: 30px; margin-bottom: 60px; }
/*---------------------------------------------------二级页面关于我们---------------------------------------------*/
#left { width: 260px; height: auto; float: left; }
#left .leftNav { width: 260px; height: auto; float: left; }
#left .leftNav h2 { width: 260px; height: 60px; float: left; background: #f30401; line-height: 60px; color: #fff; font-size: 22px; text-align: center }
#left .leftNav .line { width: 260px; height: 3px; background: #f30401; float: left; margin-top: 2px; }
#left .leftNav .one { width: 260px; height: auto; float: left; }
#left .leftNav .one h3 { width: 230px; height: 50px; line-height: 50px; background: #ccc; font-size: 20px; padding-left: 30px; }
#left .leftNav .one h3.on { background: #ffca0a; }
#left .leftNav .one h3 a { width: 230px; float: left; color: #f30401; display: block; }
#left .leftNav .one h3 i { width: 25px; height: 25px; float: right; margin-top: 12px; margin-right: 30px; background: url(../images/icon.png) no-repeat -225px 0; }
#left .leftNav .one h3 a:hover { text-decoration: underline }
#left .leftNav .one h3 a:hover i { background: url(../images/icon.png) no-repeat -225px -26px; }
#left .leftNav .one h3:hover { background: #ffca0a }
#left .leftNav .one ul { background: #f5f5f5; padding-top: 10px; padding-bottom: 20px; }
#left .leftNav .one ul li { width: 180px; height: 40px; border-bottom: 1px dashed #ccc; margin: 0 auto; }
#left .leftNav .one ul li a { background: url(../images/leftLi.gif) no-repeat left; line-height: 41px; padding-left: 20px; display: block; color: #666; margin-left: 20px; }
#left .leftNav .one ul li.on a { background: url(../images/leftLiH.gif) no-repeat left; color: #f30401 }
#left .leftNav .one ul li a:hover { background: url(../images/leftLiH.gif) no-repeat left; color: #f30401 }
#left .contactTel { width: 210px; height: 75px; float: left; background: url(../images/icon.png) no-repeat 0 -625px; padding-left: 50px; color: #fff; font-size: 14px; padding-top: 25px; }
#left .contactTel span { width: 210px; float: left; font-size: 24px; padding-top: 3px; }
#right { width: 890px; height: auto; float: right; }
#right .here { width: 890px; height: 40px; float: left; border-bottom: 1px solid #ccc; margin-bottom: 30px; }
#right .here h4 { width: 200px; height: 39px; border-bottom: 3px solid #f30401; font-size: 22px; line-height: 39px; /*text-align: center; */ }
#right .content { width: 890px; height: auto; float: left; margin-bottom: 30px; }
#right .content p { width: 890px; line-height: 28px; float: left; }
#right .content img { float: right; margin-left: 20px; margin-bottom: 10px; }
/*---------------------------------------------------二级页面服务项目---------------------------------------------*/
#right .proList { width: 890px; height: auto; float: left; overflow: hidden; margin-bottom: 30px; }
#right .proList ul { width: 915px; height: auto; margin-bottom: 30px; }
#right .proList ul li { width: 280px; height: 220px; float: left; background: #f5f5f5; overflow: hidden; margin-right: 25px; margin-bottom: 25px; text-align: center; }
#right .proList ul li .pic { width: 250px; height: 150px; margin: 10px; border: 5px solid #fff; position: relative; overflow: hidden; }
#right .proList ul li p { width: 280px; height: 30px; display: block; line-height: 30px; color: #333; font-size: 16px; }
#right .proList ul li:hover { background: #ffca0a; }
#right .proList ul li:hover p { color: #f30401 }
#right .proList ul li .pic img { position: absolute; left: 0; top: 0; width: 250px; height: 150px; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }
#right .proList ul li .pic:hover img { transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); }
.showpages div { float: right; }
.showpages span.rows, a.prev, a.next, a.num { border: 1px solid #ffca0a; margin: 3px; padding: 0 5px; float: left; }
.showpages span.current { background: #ffca0a none repeat scroll 0 0; border: 1px solid #ffca0a; color: #f30401; font-weight: bold; margin: 3px; padding: 0 4px; float: left; }
/*---------------------------------------------------二级页面服务详细页面---------------------------------------------*/
.content table { border: 1px solid #999; text-align: center; float: left; }
.content table td { border: 1px solid #999; }
.news_show_bian { width: 890px; height: 50px; line-height: 50px; color: #222; /*border-bottom: 1px dotted #f30401; */ background: #f5f5f5;/*border-top: 1px dotted #f30401;*/ margin-top: 10px; margin-bottom: 20px; float: left; }
.news_show_bian a { float: left; color: #666; margin-right: 50px; padding-left: 20px; }
.news_show_bian a:hover { color: #f30401 }
.news_show_bian #newsshow_link { float: right; margin-bottom: 10px;/* width: 200px; */ color: #222; text-align: right; padding-right: 20px; }
.news_show_bian #newsshow_link a { float: left; color: #222; margin-right: 0px; }
.news_show_bian #newsshow_link a:hover { color: #f30401; text-decoration: none; }
/*---------------------------------------------------二级页面新闻资讯页面---------------------------------------------*/
#right .newsList { width: 890px; height: auto; float: right; margin-bottom: 40px; }
#right .newsList dl { width: 890px; height: 90px; float: left; border-bottom: 1px dotted #f30401; margin-top: 20px; position: relative; }
#right .newsList dl a { display: block; }
#right .newsList dl a dt { width: 800px; height: 30px; line-height: 30px; font-size: 18px; float: left; margin-left: 90px; }
#right .newsList dl:hover dt { color: #f30401; }
#right .newsList dl dd { width: 800px; height: 20px; float: left; font-size: 14px; line-height: 20px; padding-top: 6px; color: #666; overflow: hidden; margin-left: 90px; }
/*---------------------------------------------------二级页面新闻详细页面---------------------------------------------*/
#right .content .newsTitle { width: 890px; height: 100px; float: left; }
#right .content .newsTitle h3 { width: 890px; height: 40px; line-height: 40px; font-size: 22px; text-align: center; }
#right .content .newsTitle h4 { width: 890px; height: 22px; line-height: 22px; text-align: center; color: #999; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; font-size: 12px }
#right .content .newsTitle h4 span { padding: 0 20px; }
/*---------------------------------------------------二级页面新闻GuestBook ---------------------------------------------*/
#right .feedback { width: 500px; height: 367px; float: left; margin-left:100px }
#right .feedback h5 { width: 500px; height: 22px; float: left; line-height: 22px; text-align: left; color: #333; font-size: 18px; margin-bottom:20px; text-align:center}
#right .feedback span{ width:110px; height:37px; line-height:35px; float:left; text-align:right; margin-right:10px}
#right .feedback ul li{ width:520px; height:37px; float:left; margin-top:10px;}
#right .feedback input{ float:left;}
#right .feedback ul li.content2{ height:105px; }
#right .feedback #name { width: 315px; height: 35px; /*background: #f5f5f5; */ border:1px solid #ccc;line-height: 35px; padding-left: 5px; color: #999 ;float:left; }
#right .feedback #content { width: 315px; height: 103px; /*background: #f5f5f5;*/border:1px solid #ccc; line-height: 24px; padding-left: 5px; color: #999 }
#right .feedback .submit1 { width: 116px; height: 33px; line-height: 33px; background: #f30401; float: left; color: #fff; margin-left:120px }
#friend
{
	font-size:0px;
}
/*--------------------------------------------------- ---------------------------------------------*/
