@import 'animate.css';
@import 'skin.css';

/******************************
 ** 初始化
** 1.2.0
 ******************************/
* { margin:0; padding:0; }
html { height:100%; }
body  { min-height:100%; font:14px/2 'Microsoft Yahei', Arial; color:#666; background:#fff; }
img { border:0px; }
ul, ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea, select { font:14px/1 'Microsoft Yahei', Arial; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; }
a { color:#333; text-decoration:none; cursor:pointer; }
a:hover, a:active { color:#df4a43; }
a:link,
a:link img,
input { transition:all .3s linear; }

.clear { float:none !important; clear:both; +line-height:0; +font-size:0; +height:0; }
.hidden { display:none; visibility:visible; }
.wrap { width:1200px; margin:0 auto; position:relative; }
.fl { float: left; }
.fr { float: right; }
.h { color: #df4a43; }



/******************************
 ** 首页
 ******************************/
.ihead { position: relative; height: 38px; background: #df4a43; border-bottom: 1px solid #dfdfdf; line-height: 38px; color: #fff;  z-index: 11; }
.ihead .wrap {  }
.ihead .link { position: relative; width: 390px; }
.ihead .link a { display: block; width: 38px; height: 38px; }
.ihead .link .wei { background: url(../images/t-wei.png) center no-repeat; }
.ihead .link .qq { background: url(../images/t-qq.png) center no-repeat; }
.ihead .link .tel { background: url(../images/t-tel.png) center no-repeat; }
.ihead .link .telnmb { display: block; line-height: 38px; margin-left: 5px; }
.ihead .link .zixun { width: 73px; background: url(../images/t-zixun.png) left center no-repeat; color: #fff; padding-left: 20px; line-height: 38px; }
.ihead .topcol { display: none; position: absolute; top:40px; right: 305px; width: 120px; height: 120px; border: 2px solid #df4a43; background: #fff; }
.ihead .topcol img { width: 100%; height: 100%; }

.header { position:relative; height:100px; background:#fff; z-index:10; border-bottom: 1px solid #e9e9e9; }
.header .logo { margin-top: 21px; }
.header .logo img { display:block; height: 57px; }

.nav { float: left; z-index:10; margin: 0 0 0 28px; position: relative;}
.nav li { float:left; width:108px; height:100px; position:relative; }
.nav li > a { display:block; height:92px; line-height:100px; font-size:16px; color:#333333; text-align:center; transition:none; border-bottom: 8px solid #fff; }
.nav .drop { position:absolute; left:-4px; top:100px; right:0; background:url(about:blank) center center repeat; display:none; width:116px; border-radius: 4px; overflow: hidden; padding: 5px 0 0; }
.nav .drop dl { position:relative; background:#df4a43; }
.nav .drop dd { height:40px; line-height:40px; text-align:left; vertical-align:middle;  }
.nav .drop a { display:block; text-align: center; color:#fff; line-height:40px; }
.nav .drop a:hover { background: url(../images/nav-da.png) top center no-repeat; color: #fff; }
.nav.active li.current > a { color:#333; font-weight: normal; border-bottom: none; background: none; }
.nav li.active > a { color:#eb353a !important; font-weight: bold !important; border-bottom: 8px solid #df4a43 !important; background: url(../images/nav-d.png) bottom center no-repeat !important; }
.nav li.current > a { color:#eb353a; font-weight: bold; border-bottom: 8px solid #df4a43; background: url(../images/nav-d.png) bottom center no-repeat; }

.banner { position:relative; z-index:8; }
.banner .list { position:relative; overflow:hidden; z-index:1; }
.banner .list li { position:absolute; width:100%; height:100%; overflow:hidden; background:#FFF; display:none; z-index:1; }
.banner .list li:first-child { display:block; }
.banner .list li.active { z-index:2; }
.banner .list img { position:relative; display:block; width:1920px; left:50%; margin:0 0 0 -960px; }
.banner .dots { position: absolute; left: 50%; bottom: 30px; margin: 0 0 0 -50px; line-height: 0; z-index: 18; }
.banner .dots li { display: inline-block; +display: inline; +zoom: 1; width: 20px; height: 20px;  background: #000;  margin: 0 8px;  cursor: pointer; transition: all .3s ease; border-radius: 50%; }
.banner .dots li.active { width: 45px; background: #df4a43; border-radius: 20px; }
.banner .prev,
.banner .next { width: 30px; height: 53px; position: absolute; top: 50%; margin: -50px 0 0; z-index: 9; cursor: pointer; display: none; }
.banner .prev { background: url(../images/banner-pw.png) 0 0 no-repeat; left: 30px; }
.banner .next { background: url(../images/banner-pw.png) -32px 0 no-repeat ; right: 30px; }
.banner .list,
.banner .list img { height:600px; }
.banner.mini .list,
.banner.mini .list img { height:400px; }

.inav { position: relative; padding: 60px 0 60px 0; text-align: center; }
.inav .wrap { overflow: hidden; }
.inav .head { position: relative; text-align: center; }
.inav .head h3 { font-size: 40px; color: #f0f0f0; text-transform:uppercase; line-height: 40px; margin-bottom: -20px; }
.inav .head h2 { font-size: 30px; color: #2c2f3c; line-height: 40px; }
.inav .head .line { display: inline-block; width: 60px; height: 3px; background: #df4a43; }
.inav .list { position: relative; overflow: hidden; margin-left: -22px; }
.inav li { width: 220px; border: 1px solid #e9e9e9; height: 233px; text-align: center; margin: 40px 0 0 22px; }
.inav .list .img {display:block; width: 78px; height: 78px; background: #fff; border-radius: 50%; border: 1px solid #df4a43; margin: 30px auto 10px auto; overflow: hidden; }
.inav li img { height: 100%; width: auto; }
.inav li h2 { font-size: 22px; color: #2c2f3c; line-height: 40px; margin-bottom: -8px; }
.inav li .line { display: inline-block; width: 35px; height: 2px; background: #df4a43; }
.inav li p { font-size: 16px; color: #777;  }
.inav li:hover { background: #df4a43; }
.inav li:hover h2 { color: #fff; }
.inav li:hover p { color: #fff; }
.inav li:hover .line { background: #fff; }
.inav .more { display: inline-block; width: 258px; height: 58px; background: #df4a43; color: #fff; line-height: 58px; text-align: center; margin-top: 58px; font-size: 18px; }
.inav .more:hover { padding: 0 10px; background: #2c2f3c; }

.imessage { position: relative; height: 380px; background: url(../images/mes-bj.jpg) top center no-repeat; text-align: center; }
.imessage h2 { font-size: 50px; color: #fff; padding-top: 30px; }
.imessage p { font-size: 20px; color: #fff; }
.imessage .form { position: relative; text-align: center; padding-left: 30px; }
.imessage .form li { display: block; margin: 30px 0 0 20px; float: left; }
.imessage .name,
.imessage .tel,
.imessage .content,
.imessage .button { width: 200px; height: 55px; line-height: 55px; border: 1px solid #fff; border-radius: 4px; font-size: 18px; float: left; }
.imessage .name { background: url(../images/form-1.png) 5px center no-repeat #fff; padding-left: 50px; }
.imessage .content { background: url(../images/form-2.png) 5px center no-repeat #fff; padding-left: 50px; }
.imessage .tel { background: url(../images/form-3.png) 5px center no-repeat #fff; padding-left: 50px; width: 280px; }
.imessage .button { width: 168px; background: #fff; text-align: center; color: #df4a43; }
.imessage h3 { display: inline-block; font-size: 28px; width: 540px; color: #fff; line-height: 56px; font-weight: normal; margin-top: 20px; background: url(../images/tel.png) left center no-repeat;  }

.iflow { position: relative; padding: 60px 0 70px 0; background: url(../images/flow-bj.png) bottom center no-repeat; }
.iflow .wrap { overflow: hidden; }
.iflow .head { position: relative; text-align: center; }
.iflow .head h3 { font-size: 40px; color: #f0f0f0; text-transform:uppercase; line-height: 40px; margin-bottom: -20px; }
.iflow .head h2 { font-size: 30px; color: #2c2f3c; line-height: 40px; }
.iflow .head .line { display: inline-block; width: 60px; height: 3px; background: #df4a43; }
.iflow .flow { text-align: center; position: relative; margin: 70px 0; overflow: hidden; }
.iflow .flow dd { height: 232px; width: 132px; float: left; }
.iflow .flow dd img { width: 132px; height: 132px; border-radius: 50%; }
.iflow .flow h4 { color: #2c2f3c; font-size: 20px; line-height: 100px; font-weight: normal; }
.iflow .flow dt { float: left; width: 80px; position: relative; }
.iflow .flow dt img { margin: 100px 0 0 15px; }
.iflow .more { display: block; width: 258px; height: 58px; margin: 0 auto; background: #df4a43; color: #fff; font-size: 18px; line-height: 58px; text-align: center; }
.iflow .more:hover { padding: 0 10px; background: #2c2f3c; }

.iedu { position: relative; padding: 20px 0 60px 0;}
.iedu .wrap { overflow: hidden; }
.iedu .head { position: relative; text-align: center; }
.iedu .head h3 { font-size: 40px; color: #f0f0f0; text-transform:uppercase; line-height: 40px; margin-bottom: -20px; }
.iedu .head h2 { font-size: 30px; color: #2c2f3c; line-height: 40px; }
.iedu .head .line { display: inline-block; width: 60px; height: 3px; background: #df4a43; }
.iedu .education { position: relative; width: 100%; overflow: hidden; margin-top: 40px; }
.iedu .education .list { position: relative; width: 400%; overflow: hidden; }
.iedu .education .item { position: relative; float: left; width: 1200px; height: 450px; overflow: hidden; background: #df4a43; }
.iedu .education .img { position: relative; width: 600px; height: 450px; overflow: hidden; }
.iedu .education img { height: 100%; width: auto; }
.iedu .education .txt { margin: 30px 0 0 40px; width: 500px; }
.iedu .education .txt h2 { color: #fff; font-size: 24px; }
.iedu .education .line { display: block; width: 40px; height: 2px; background: #fff; margin: 15px 0; }
.iedu .education p { color: #fff; font-size: 16px; height: 160px; overflow: hidden; }
.iedu .education .more { display: block; width: 146px; height: 44px; border-radius: 4px; background: #fff; line-height: 44px; text-align: center; color: #2c2f3c; font-size: 16px; margin-top: 20px; border: 1px solid #fff; }
.iedu .education .more:hover { background: #df4a43; border: 1px solid #fff; color: #fff; }
.iedu .edulist { position: relative; margin-top: 15px; margin-left: -16px; }
.iedu .edulist .list { }
.iedu .edulist .list li { position: relative; float: left;  margin: 0 0 20px 16px; padding: 7px 1px 1px 1px; overflow: hidden; cursor:pointer; }
.iedu .edulist li .img { width: 283px; height: 212px; border: 1px solid #e9e9e9; overflow: hidden; }
.iedu .edulist li img { width: auto; height: 100%; transition:all .3s linear;  }
.iedu .edulist .active { padding: 7px 0 0 0; background: url(../images/nav-d.png) top center no-repeat; }
.iedu .edulist .active .img { border: 2px solid #df4a43; }
.iedu .edupw { position: absolute; bottom: 290px; right: 195px; }
.iedu .edupw .prev { width: 30px; height: 30px; background: url(../images/edu-pw.png) left center no-repeat; cursor:pointer; }
.iedu .edupw .next { width: 30px; height: 30px; background: url(../images/edu-pw.png) right center no-repeat; cursor:pointer; }
.iedu .edupw .tip { position: relative; margin-top: 5px; }
.iedu .edupw .tip li { display: inline-block; +display: inline; +zoom: 1; width: 20px; height: 20px;  background: #fff;  margin: 0 8px;  cursor: pointer; transition: all .3s ease; border-radius: 50%; }
.iedu .edupw .tip li.active { background: #ffcc00; }
.iedu .edulist li:hover img { transform:scale(1.05,1.05); }

.icase { position: relative; padding: 20px 0 70px 0;}
.icase .wrap {  }
.icase .head { position: relative; text-align: center; }
.icase .head h3 { font-size: 40px; color: #f0f0f0; text-transform:uppercase; line-height: 40px; margin-bottom: -20px; }
.icase .head h2 { font-size: 30px; color: #2c2f3c; line-height: 40px; }
.icase .head .line { display: inline-block; width: 60px; height: 3px; background: #df4a43; }
.icase .caselist { width: 100%; overflow: hidden; position: relative; margin: 40px 0 40px -20px; height: 510px; }
.icase .caselist .casebox { height: 510px; overflow: hidden; position: relative; }
.icase .caselist .list { height: 510px;  }
.icase .caselist li { position: relative; float: left; border: 1px solid #e9e9e9; width: 570px; height: 230px; margin: 0 0 30px 28px; }
.icase .caselist .img { float: left; width: 261px; height: 196px; display: block; margin: 18px; overflow: hidden; }
.icase .caselist img { width:100%; height: auto;  }
.icase .caselist .txt { width: 255px; margin: 20px 0 20px 10px; }
.icase .txt h2 { font-size: 20px; color: #2c2f3c; }
.icase .txt .line { width: 35px; height: 2px; background: #df4a43; display: block; margin: 7px 0; }
.icase .txt p { font-size: 16px; color: #666; line-height: 30px; }
.icase .txt .more { width: 117px; height: 35px; display: block; border-radius: 4px; background: #df4a43; line-height: 35px; text-align: center; color: #fff; margin-top: 10px; }
.icase .caselist li:hover { box-shadow: 0 0 20px 0px rgba(63, 63, 63, 0.2); -moz-box-shadow: 0 0 20px 0px rgba(100, 100, 100, 0.6); }
.icase .caselist li:hover .more { background: #2c2f3c; }
.icase .caselist li:hover img { transform:scale(1.05,1.05); }
.icase .btnNext,
.icase .btnPrev { width: 47px; height: 47px; display: block; position: absolute; top:50%; border-radius: 50%; }
.icase .btnPrev {  left: 50%; margin-left: -680px; background: url(../images/btn-pw.png) left center no-repeat #df4a43;}
.icase .btnNext {  right: 50%; margin-right: -680px; background: url(../images/btn-pw.png) right center no-repeat #df4a43; }
.icase .btnPrev:hover { background: url(../images/btn-pw.png) left center no-repeat #2c2f3c; }
.icase .btnNext:hover { background: url(../images/btn-pw.png) right center no-repeat #2c2f3c; }
.icase .icasemore { display: block; width: 258px; height: 58px; margin: 0 auto; background: #df4a43; color: #fff; font-size: 18px; line-height: 58px; text-align: center; }
.icase .icasemore:hover { padding: 0 10px; background: #2c2f3c; } 


.iabout { position: relative; height: 650px; background: #f5f5f5; overflow: hidden; margin-bottom: 20px; }
.iabout .img { position: relative; width: 960px; height: 650px; background: #fff; margin-left: -360px; overflow: hidden; }
.iabout img { width:100%; height: auto;  }
.iabout .box { width: 960px; height: 530px; background: #fff; position: relative; margin: 60px -360px 0 0; box-shadow: 0 0 20px 0px rgba(63, 63, 63, 0.2); -moz-box-shadow: 0 0 20px 0px rgba(100, 100, 100, 0.6); }
.iabout .box .text { width: 550px; margin: 40px 0 0 40px; }
.iabout .text h2 { font-size: 30px; color: #2c2f3c; }
.iabout .text .line { width: 58px; height: 3px; background: #df4a43; display: block; margin: 20px 0; }
.iabout p { color: #2c2f3c; font-size: 16px; height: 220px; }
.iabout .more { width: 192px; height: 56px; line-height: 56px; text-align: center; font-size: 16px; color: #fff; background: #df4a43; display: block; border-radius: 4px; margin-top: 30px; }
.iabout .more:hover { background: #2c2f3c; }

.iphoto { position: relative; }
.iphoto .wrap { overflow: hidden; height: 214px; position: relative; }
.iphoto .list { width: 300%; overflow: hidden; height: 214px; position: relative; margin-left: -12px; }
.iphoto .list li { float: left; position: relative; margin: 0 0 20px 20px; height: 214px; }
.iphoto .list a { width: 283px; height: 212px; border: 1px solid #e9e9e9; overflow: hidden; display: inline-block; }
.iphoto .list img { height: 212px; width: auto; }
.iphoto .list .title { display: none; width: 285px; height: 35px; background: url(../images/case-bj.png) top center repeat; color: #fff; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; line-height: 35px; }
.iphoto .btnNext,
.iphoto .btnPrev { width: 47px; height: 47px; display: block; position: absolute; top:40%; border-radius: 50%; }
.iphoto .btnPrev {  left: 50%; margin-left: -680px; background: url(../images/btn-pw.png) left center no-repeat #df4a43;}
.iphoto .btnNext {  right: 50%; margin-right: -680px; background: url(../images/btn-pw.png) right center no-repeat #df4a43; }
.iphoto .btnPrev:hover { background: url(../images/btn-pw.png) left center no-repeat #2c2f3c; }
.iphoto .btnNext:hover { background: url(../images/btn-pw.png) right center no-repeat #2c2f3c; }
.iphoto .list a:hover .title { display: block; } 
.iphoto .list a:hover img { transform:scale(1.05,1.05); }

.inews { position: relative; padding: 60px 0 70px 0; }
.inews .head { position: relative; text-align: center; margin-bottom: 40px; }
.inews .head h3 { font-size: 40px; color: #f0f0f0; text-transform:uppercase; line-height: 40px; margin-bottom: -20px; }
.inews .head h2 { font-size: 30px; color: #2c2f3c; line-height: 40px; }
.inews .head .line { display: inline-block; width: 60px; height: 3px; background: #df4a43; }
.inews .wrap { overflow: hidden; }
.inews .newlist { width: 714px; position: relative; overflow: hidden; }
.inews .newlist img { width: 714px; height: 240px; }
.inews .newsbox { width: 714px; height: 310px; overflow: hidden; }
.inews .listcont { height: 310px; position: relative; }
.inews .listcont .list { float: left; overflow: hidden; width: 300%; }
.inews .listcont li { width: 714px; height: 95px; position: relative; float: left; }
.inews .listcont .time { width: 95px; margin: 15px 0; }
.inews .listcont .time h3 { font-size: 24px; color: #999999; text-align: center; line-height: 35px; }
.inews .listcont .time h4 { font-size: 16px; color: #999; text-align: center; font-weight: normal; line-height: 25px; }
.inews .listcont .line2 { display: inline-block; width: 1px; height: 40px; background: #ccc; line-height: 95px; margin: 28px 20px 0 0; }
.inews .listcont .txt h2 { font-size: 18px; color: #2c2f3c; margin: 12px 0 0 0; }
.inews .listcont .txt p { color: #666; }
.inews .tip { position: relative; margin-top: 5px; text-align: center; }
.inews .tip li { display: inline-block; +display: inline; +zoom: 1; width: 18px; height: 18px;  background: #df4a43;  margin: 0 8px;  cursor: pointer; transition: all .3s ease; border-radius: 50%; }
.inews .tip li.active { background: #2c2f3c; }
.inews .listcont li:hover { background: #f5f5f5; }
.inews .listcont li:hover h2 { color: #df4a43; }
.inews .listcont li:hover .time h3 { color: #666; }
.inews .listcont li:hover .time h4 { color: #666; }
.inews .hotnews { width: 445px; text-align: center; }
.inews .hotnews .img { width: 445px; height: 385px; overflow: hidden; }
.inews .hotnews img { height: 100%; width: auto; }
.inews .hotnews h2 { text-align: center; font-size: 18px; color: #2c2f3c; line-height: 50px; margin-top: 10px; }
.inews .hotnews .more { display: inline-block; width: 137px; height: 47px; background: #df4a43; font-size: 16px; color: #fff; line-height: 47px; margin-top: 20px; }
.inews .hotnews .more:hover { background: #2c2f3c; padding: 0 10px; }
.inews .hotnews .img:hover img { transform:scale(1.05,1.05); }

.ifooter { background:#2c2f3c; color: #bebec1; position: relative; }
.ifooter .wrap { overflow: hidden; }
.ifooter .about { width: 400px; }
.ifooter .about h2 { background: url(../images/footer-1.png) left center no-repeat; font-size: 18px; font-weight: normal; padding-left: 50px; line-height: 40px; margin: 50px 0 10px 0; color: #fff; }
.ifooter .tubiao { position: relative; overflow: hidden; }
.ifooter .tubiao li { width: 30px; height: 30px; border-radius: 50%; margin-top: 10px; cursor:pointer; float: left; }
.ifooter .tubiao .iyi { background: url(../images/code-yi.png) left center no-repeat #fff; margin-right: 10px; }
.ifooter .tubiao .iwei { background: url(../images/code-wei.png) left center no-repeat #fff; }
.ifooter .code { position: relative; overflow: hidden; margin-top: 15px; }
.ifooter .code dd { display: none; width: 116px; height: 116px; border-radius: 4px; overflow: hidden; background: #eee;  }
.ifooter .code dd img { height: 100%; width: auto; }
.ifooter .tubiao .iyi.active { background: url(../images/code-yi.png) right center no-repeat #df4a43; margin-right: 10px; }
.ifooter .tubiao .iwei.active { background: url(../images/code-wei.png) right center no-repeat #df4a43; }
.ifooter .code dd:first-child { display: inline-block; }
.ifooter .code dd.active { display: inline-block; }
.ifooter .hot { width: 390px; }
.ifooter .hot dt { background: url(../images/footer-2.png) left center no-repeat; font-size: 18px; font-weight: normal; padding-left: 50px; line-height: 40px; margin: 50px 0 10px 0; color: #fff; }
.ifooter .hot dd { line-height: 34px; width: 200px; }
.ifooter .search { position: relative; margin: 20px 0; width: 238px; }
.ifooter .search .srk { background-color: #fff; width: 198px; height: 35px; line-height: 35px; border: solid 1px #fff; padding-left: 10px; color: #666; position: relative; }
.ifooter .search .ssbtm { width: 39px; height: 39px; position: absolute; top: -1px; bottom: 0; right: 0; background: url(../images/btnsearch.png) center no-repeat #df4a43;  border: solid 0px #df4a43; cursor: pointer; }
.ifooter .tel { color: #99da4a; padding-left: 40px; background: url(../images/tel-1.png) left center no-repeat; font-size: 26px; }
.ifooter .subads { width: 410px; }
.ifooter .subads .dt { background: url(../images/footer-3.png) left center no-repeat; font-size: 18px; font-weight: normal; padding-left: 50px; line-height: 40px; margin: 50px 0 10px 0; color: #fff; }
.ifooter .subads .dd { line-height: 34px;   }
.ifooter .aline { display: block; width: 100%; height: 1px; background: #565963; margin-top: 40px; }
.ifooter .bottomer { width: 100%; height: 60px; }
.ifooter .bottomer p { text-align: center; line-height: 60px; }
.ifooter .bottomer .link { font-size: 16px; }
.ifooter .bottomer .link a { display: inline-block; margin: 0 15px 0 2px; font-size: 14px; }
.ifooter a { color: #bebec1; }
.ifooter a:hover { color: #fff; }

.toolbar { position:fixed; top:100px; right:1px; z-index:100; }
.toolbar > * { width:56px; height:56px; position:relative; background:#df4a43; border-top: 1px solid #fff; }
.toolbar > *:first-child { border-top:0; }
.toolbar > * > a { display:block; width:56px; height:56px; text-align:center; color:#FFF; background:url(../images/toolbar-icon.png) center 0 no-repeat; }
.toolbar .qq a { background-position:center 0; }
.toolbar .tel a { background-position:center -55px; }
.toolbar .code a { background-position:center -110px; }
.toolbar .itop a { background-position:center -165px; }
.toolbar > * > a:hover { background-color: #2c2f3c; }
.toolbar .drop-code { position:absolute; bottom:0; right:60px; background:#2c2f3c; font-size:12px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:100px; display:none; }
.toolbar .drop-code img { display:block; width:85px; height:85px; margin: 8px 8px 0 8px; }
.toolbar .drop-code h3 { font-weight:normal; }
.toolbar .drop-tel { position:absolute; top:0; right:60px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:152px; height:56px; line-height:56px; padding:0 0 0 10px; background:#2c2f3c; color:#FFF; font-size:20px; }
.toolbar .qq:hover,
.toolbar .qiao:hover,
.toolbar .tel:hover,
.toolbar .code:hover { background-color:#2c2f3c; }
.toolbar .itop:hover { background-color:#2c2f3c; }






/******************************
 ** 内页架构
 ** 上下式
 ******************************/
.wrapper { width: 1200px; margin: 0 auto; position: relative; padding: 0 0 50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAABAQMAAAD0NsVPAAAABlBMVEUAAAD09PTdqnB/AAAAAXRSTlMAQObYZgAAABBJREFUCNdj+E8AfGAYCAAAL2Yg0SwX6GIAAAAASUVORK5CYII=) center center repeat-y; }
.sidebar { float: left; width: 220px; height: auto; padding: 20px; background: #f4f4f4; }
.container { margin: 0 0 0 300px; }

.location { position: relative; height: 54px; line-height: 54px; margin: 0 0 20px; border-bottom: 1px dashed #999; }
.location .head h2 { display: inline-block; +display: inline; +zoom: 1; vertical-align: middle; font-size: 20px; font-weight: normal; }
.location .head h3 { display: none; }
.location .path { position: absolute; right: 0; top: 0; opacity: .8; filter:Alpha(opacity=80); font-size: 15px;  }

.side-menuer { margin: 0 0 20px;  }
.topclass { padding: 0 0 20px; color: #333; border-bottom: 2px solid #ddd; text-align: center; }
.topclass h2 { line-height: 30px; font-size: 24px; margin: 0 0 5px; }
.topclass h3 { line-height: 20px; text-transform: uppercase; font-weight: normal; opacity: .9; filter: Alpha(opacity=90); }
.side-menu { padding: 20px 0 0; }
.side-menu dd > a { display: block; padding: 0 20px; margin: 0 0 10px; line-height: 40px; font-size: 16px; background:  #e9e9e9; color: #666; }
.side-menu .drop { overflow: hidden; margin: 0 0 15px; display:none; }
.side-menu .drop li { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAAA1BMVEVxcXHjbzagAAAACklEQVQI12MAAgAABAABINItbwAAAABJRU5ErkJggg==) 10px center no-repeat; }
.side-menu .drop a { display: block; padding: 0 0 0 25px; height: 24px; line-height: 24px; color: #999; }
.side-menu .drop a: hover { color: #e43b48; }
.side-menu dd > a:hover { background: #ddd; }
.side-menu dd.current > a { background:  #eb353a; color: #fff;  }
.side-menu dd.current .drop { display: block; }
.side-menu li.current > a { color: #039c7a; }

.side-con { }
.side-con .info { line-height: 24px; text-align: justify; }