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

/******************************
 ** 初始化
** 2.0.0
 ******************************/
* { margin: 0; padding: 0; }
body { 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 { color:#ffa200; }
a img { transition: all .5s ease; }

.clear { clear: both; +line-height: 0; +font-size: 0; +height: 0; +float: none !important; }
.hidden { display: none; visibility: visible; }
.wrap { width: 1200px; margin: 0 auto; position: relative; }


/******************************
 ** 首页
 ******************************/
.header { height: 110px; background: #fff; }
.header .logo { float: left; margin: 20px 25px 20px 0; }
.header .logo img { display: block; }
.header .tag { float: left; padding: 0 0 0 20px; margin: 30px 0 0 0; background: url(../images/header-line.png) left center no-repeat; }
.header .tag dt { line-height: 30px; font-size: 22px; color: #379600; font-weight: bold; }
.header .tag dd { line-height: 20px; font-size: 16px; }
.header .tel { float: right; margin: 25px 0 0; padding: 0 0 0 60px; background: url(../images/header-tel.png) left center no-repeat; }
.header .tel dt { line-height: 30px; font-size: 18px; }
.header .tel dd { line-height: 30px; font-size: 26px; font-weight: bold; color: #379600; white-space: nowrap; }

.nav { background: url(../images/nav-bj.png) left center repeat-x #359000; }
.nav .list { height: 70px; }
.nav .list li { float: left; width: 170px; height: 70px; position: relative; }
.nav .list li > a { display: block; height: 70px; line-height: 70px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; transition: none; transition: background .5s ease; }
.nav .list li.active > a { background: #ffa200; color: #fff; }
.nav .list li.current > a { background: #ffa200; color: #fff; }

.banner { position: relative; z-index: 8; overflow: hidden; }
.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: 0; right: 0; bottom: 30px; text-align: center; line-height: 0; z-index: 18; }
.banner .dots li { display: inline-block; width: 18px; height: 18px; border: 2px solid #379600; background: #379600; margin: 0 10px; cursor: pointer; border-radius: 0%; +display: inline; +zoom: 1; }
.banner .dots li.active { background: #fff; }
.banner .prev,
.banner .next { width: 80px; height: 80px; position: absolute; top: 50%; margin: -40px 0 0; z-index: 9; cursor: pointer; display: none; }
.banner .prev { background: url(../images/banner-pw.png) 0 0 no-repeat; left: 50px; }
.banner .next { background: url(../images/banner-pw.png) 0 -80px no-repeat; right: 50px; }
.banner .prev:hover { background-position: -80px 0; }
.banner .next:hover { background-position: -80px -80px; }
.banner .list,
.banner .list img { height: 550px; }
.banner.mini .list,
.banner.mini .list img { height: 350px; }
.banner.mini .dots { bottom: -40px; transition: all .5s ease; }
.banner.mini:hover .dots { bottom: 20px; }
.banner.mini .dots li { width: 30px; height: 3px; border-radius: 0; border: 0; background: #fff; filter: Alpha(opacity=60); background: rgba(255,255,255,.6); }
.banner.mini .dots li.active { filter: Alpha(opacity=90); background: rgba(255,255,255,.9); }

.seacher { padding: 15px 0; background: #f5f5f5; border-bottom: 1px solid #ddd; }
.seacher .key { overflow: hidden; position: relative; }
.seacher .key dt,
.seacher .key dd { float: left; line-height: 40px; margin: 0 15px 0 0; }
.seacher .key dt { font-weight: bold; color: #333; }
.seacher .key a:hover { text-decoration: underline; }
.seacher .input { position: absolute; right: 0; top: 0; }
.seacher .input .txt { height: 38px; line-height: 38px; border: 1px solid #ddd; padding: 0 20px; width: 240px; }
.seacher .input .submit { position: absolute; right: 0; top: 0; bottom: 0; width: 50px; background: url(../images/seacher-submit.png) center center no-repeat #379600; border: 0; cursor: pointer; transition: all .5s ease; }
.seacher .input .submit:hover { background-color: #2f8100; }

.iclass { background: #fff; padding: 60px 0 20px 0; }
.iclass .head { float: left; width: 190px; margin: 5px 0 0; }
.iclass .head h2 { line-height: 40px; font-size: 30px; color: #379600; background: url(../images/iclass-k.png) 95% bottom no-repeat; }
.iclass .head h3 { line-height: 30px; font-size: 18px; font-weight: normal; text-transform: uppercase; white-space: nowrap; margin: 0 0 10px; }
.iclass .pw { overflow: hidden; position: relative; width: 90px; }
.iclass .pw li { float: left; width: 40px; height: 40px; line-height: 40px; background: url(../images/iclass-ui.png) 0 0 no-repeat; text-indent: -99em; cursor: pointer; }
.iclass .pw .prev { background-position: 0 0; }
.iclass .pw .next { float: right; background-position: 0 -40px; }
.iclass .pw .prev:hover { background-position: -40px 0; }
.iclass .pw .next:hover { background-position: -40px -40px; }
.iclass .main { float: right; width: 946px; overflow: hidden; position: relative; }
.iclass .list { width: 1000%; overflow: hidden; }
.iclass .item { float: left; width: 110px; margin: 0 55px 0 0; }
.iclass .item a { display: block; text-align: center; }
.iclass .item img { display: block; width: 100%; height: 110px; border-radius: 50%; }
.iclass .item h3 { line-height: 50px; font-size: 16px; font-weight: normal; }

.iprod { background: #fff; padding: 0 0 60px 0; background: url(../images/iprod-bj.png) center bottom no-repeat; }
.iprod .wrap { overflow: hidden; padding: 50px 0 0 0; background: url(../images/iprod-j.png) 0 0 no-repeat; }
.iprod .left { float: left; width: 257px; }
.iprod .right { float: right; width: 910px; }
.iprod .head { padding: 10px; background: url(../images/iprod-head.png) 0 0 no-repeat; color: #fff; text-align: center; }
.iprod .head h2 { line-height: 30px; font-size: 24px; }
.iprod .head h3 { line-height: 30px; text-transform: uppercase; font-weight: normal; }
.iprod .list { height: 455px; background: #f6f6f6; padding: 20px 15px 1px; }
.iprod .item { height: 40px; line-height: 40px; border: 1px solid #379600; margin: 0 0 15px; text-align: center; cursor: pointer; }
.iprod .item.active,
.iprod .item:hover { background: url(../images/iprod-g.png) center bottom no-repeat; border-color: transparent; color: #fff; }
.iprod .tel { padding: 15px; background: url(../images/iprod-g.png) center bottom no-repeat #2f8100; color: #fff; }
.iprod .tel dt { line-height: 20px; font-size: 18px; padding: 0 0 0 50px; background: url(../images/iprod-tel.png) 25px 0 no-repeat; }
.iprod .tel dd { line-height: 35px; font-size: 30px; font-weight: bold; padding: 0 0 0 10px; white-space: nowrap; }
.iprod .head2 { height: 55px; background: url(../images/iprod-head2.png) 0 0 repeat-x; border-right: 1px solid #ddd; margin: 0 0 20px 0; position: relative; }
.iprod .head2 h2 { line-height: 55px; padding: 0 0 0 60px; background: url(../images/iprod-head2x.png) 0 0 no-repeat; font-size: 22px; color: #fff; }
.iprod .head2 a { position: absolute; right: 0; top: 0; line-height: 55px; padding: 0 20px; color: #666; }
.iprod .main { width: 100%; overflow: hidden; position: relative; }
.iprod .list2 { overflow: hidden; width: 105%; height: 586px; padding: 10px 0 0 0; display: none; }
.iprod .list2:first-child { display: block; }
.iprod .item2 { float: left; width: 290px; margin: 0 20px 20px 0; }
.iprod .item2 a { display: block; padding: 9px 9px; border: 1px solid #ddd; text-align: center; transition: all .3s ease; }
.iprod .item2 img { display: block; width: 100%; height: 198px; }
.iprod .item2 h3 { line-height: 50px; font-size: 16px; font-weight: normal; }
.iprod .item2 a:hover { background: #379600; border-color: transparent; color: #fff; transform: translate(0,-5px); }

.iadv { background: url(../../sources/iadv-bj.png) center 0 no-repeat; color: #fff; }
.iadv .wrap { height: 225px; padding: 50px 0 0; }
.iadv h2,
.iadv h3,
.iadv h4 { margin: 0 0 10px 440px; }
.iadv h2 { line-height: 40px; font-size: 30px; }
.iadv h3 { line-height: 30px; font-size: 20px; font-weight: normal; }
.iadv h4 { line-height: 16px; font-size: 12px; font-weight: normal; text-transform: uppercase; }
.iadv .tel { position: absolute; right: 0; top: 50px; width: 200px; text-align: center; }
.iadv .tel dl { position: relative; margin: 0 0 15px; }
.iadv .tel dt { line-height: 28px; background: url(../images/iadv-tel.png) 0 0 no-repeat; padding: 0 0 0 0; font-size: 18px; }
.iadv .tel dd { line-height: 30px; font-size: 28px; white-space: nowrap; }
.iadv .tel a { display: block; line-height: 38px; border: 1px solid #fff; border-radius: 5px; color: #fff;  font-size: 16px; }
.iadv .tel a:hover { background: #fff; color: #379600; }

.ihead { height: 70px; padding: 59px 0 0; background: url(../images/ihead-bj.png) center top no-repeat; text-align: center; margin: 0 0 40px; }
.ihead h2 { line-height: 70px; font-size: 30px; color: #379600; margin: 0 0 -10px; }
.ihead h3 { line-height: 20px; font-size: 18px; font-weight: normal; text-transform: uppercase; }

.iabout { background: #f6f6f6; padding: 0 0 60px; }
.iabout .main { line-height: 2; font-size: 16px; padding: 0 0 40px; }
.iabout .main p { text-indent: 0em; margin: 0 0 20px; }
.iabout .foot { position: relative; }
.iabout .foot a { display: block; margin: 0 auto; width: 240px; line-height: 50px; text-align: center; text-align: center; background: #379600; color: #fff; font-size: 16px; }
.iabout .foot a:hover { background: #ffa200; }

.ifloor { padding: 10px 0 170px; background: url(../../sources/ifloor-bj.png) center bottom no-repeat #f6f6f6; }
.ifloor .main { position: relative; overflow: hidden; }
.ifloor .list { overflow: hidden; width: 500%; padding: 10px 0; }
.ifloor .item { float: left; width: 280px; margin: 0 12px 0 10px; transition: all .5s ease; text-align: center; }
.ifloor .item a { display: block; padding: 5px 5px 0; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.1); }
.ifloor .item img { display: block; width: 100%; height: 198px; }
.ifloor .item h3 { line-height: 50px; font-size: 16px; font-weight: normal; }
.ifloor .item:hover { transform: translate(0,-5px); }

.inews { background: #fff; padding: 50px 0 60px; }
.inews .main { overflow: hidden; padding: 10px 0 0; position: relative; }
.inews .fir { float: left; width: 540px; padding: 0 0 15px; border-bottom: 1px solid #ddd; }
.inews .fir .img { height: 300px; overflow: hidden; margin: 0 0 10px; background: #eee; }
.inews .fir img { width: 100%; }
.inews .fir .exp { position: relative; }
.inews .fir h3 { line-height: 40px; font-size: 16px; }
.inews .fir p { line-height: 25px; }
.inews .fir span { position: absolute; top: 0; right: 0; line-height: 40px; color: #999; }
.inews .list { float: right; width: 620px; }
.inews .item { height: 120px; padding: 0 0 0 180px; margin: 0 0 26px 0; position: relative; }
.inews .item .img { position: absolute; left: 0; top: 0; overflow: hidden; background: #eee; }
.inews .item img { display: block; width: 160px; height: 120px; }
.inews .item h3 { line-height: 40px; font-size: 16px; font-weight: normal; }
.inews .item p { line-height: 24px; color: #777; }
.inews .item span { display: block; line-height: 30px; color: #999; }
.inews .fir:hover img,
.inews .item:hover img { transform: scale(1.05); }
.inews .fir:hover a,
.inews .item:hover a { color: #ffa200; }

.footer { height: 230px; padding: 30px 0 0; background: #379405; border-top: 40px solid #fff; }
.sublime { position: absolute; left: 0; top: -70px; bottom: 0; background: #359000; width: 320px; height: 250px; background: url(../images/sublime-bj.png) center top no-repeat; padding: 50px 40px 0; color: #fff; }
.sublime h2 { line-height: 30px; font-size: 22px; font-weight: normal; margin: 0 0 20px; }
.sublime dl { position: relative; }
.sublime dd { line-height: 20px; margin: 0 0 20px; font-size: 15px; padding: 0 0 0 36px; position: relative; }
.sublime img { position: absolute; left: 0; top: 0; width: 24px; height: 24px; }
.sublime a { color: #fff; }
.sublime a:hover { color: #5cd800; }
.subinf { margin: 0 0 0 450px; }
.subnav { overflow: hidden; position: relative; margin-left: -25px; }
.subnav li { float: left; width: 107px; line-height: 50px; text-align: center; background: url(../images/subnav-line.png) left center no-repeat; }
.subnav li:first-child { background: none; }
.subnav a { color: #fff; }
.subnav a:hover { color: #5cd800; }
.sublink { margin: 0 200px 0 0; padding: 0 0 5px; border-bottom: 1px solid #2d7b00; overflow: hidden; }
.sublink li { float: left; line-height: 40px; color: #fff; margin: 0 15px 0 0; }
.sublink a { color: #fff; }
.sublink a:hover { color: #5cd800; }
.copyright { margin: 0 200px 0 0; padding: 10px 0 0; border-top: 1px solid #46b100; }
.copyright p { color: #fff; }
.copyright a { color: #fff; }
.copyright a:hover { color: #5cd800; }
.subcode { position: absolute; right: 0; top: 70px; }
.subcode img { display: block; width: 112px; height: 112px; }

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


/*地图*/
.about_main{line-height:30px; height:auto; font-size:14px;color:#666666; margin:0; padding:0;float:left;}
.about_main ul{list-style:none; margin:0; padding:0;}
.about_main ul li.map_1{border-bottom:1px solid #eee;margin:10px 0;padding:10px;font-weight:bold;}
.about_main ul li.map_2{ float:left; min-width:110px; padding:0 5px;}
.about_main ul li.map_3{ float:left; min-width:110px; padding:0 5px;}
.about_main ul li a{color: #666666;}
.about_main ul li a:hover{color:#666666; text-decoration:underline; font-weight:bold;}
.right_top ._column_title{ border-left:3px solid #e60044; color:#333; float:left; font-size:20px; height:24px; line-height:24px; margin:19px 0; padding-left:15px; display:inline;}
.right_top .column_path{ float:right;display:inline; color:#999; font-size:12px;}
.right_top .column_path a{color:#999;}
.clear { clear: both;font-size: 0px; margin: 0; padding: 0;display: block;height: 0px;_height: 0px;overflow: hidden;}