@charset "utf-8";
html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i {font-weight: normal;}
select::-ms-expand { display: none; }
a {color: #111111;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
.wrap { width:1200px; margin:0 auto;}
/*clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
/* 初始化 */
body {width: 100%;height: 100%;font-size: 16px; background: #fff;min-height: 100%;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif; }
/*header*/
.header { position:absolute; top:0; left:0; width:100%;  z-index:9999; height:104px; background:url(../images/header-bg.png) repeat; }
.header .h-logo { float:left; width:199px; height:87px; padding-top:9px; padding-left:40px;}
.header .h-logo img {width:199px; height:87px;}
.header .h-nav { float:right;}
.header .h-nav ul li { float:left; color:#ffffff; font-size:16px; line-height:104px; padding:0 17px; position:relative;}
.header .h-nav ul li a {color:#ffffff; display:block; }
.header .h-nav ul li:hover { background-color:#24a35c;}
.header .h-nav ul li.active { background-color:#24a35c;}
.header .h-nav ul li .sub { position: absolute;width:180%;left:-40%; text-align:center; top:104px;z-index:30000; line-height:40px; background-color:rgba(255, 255, 255, 0.9);}
.header .h-nav ul li .sub ul { display:block;}
.header .h-nav ul li .sub ul li{ float:left; min-width:auto; width:100%; line-height:40px; position:relative;text-align:center;  margin:0; padding:0; font-size:15px; font-weight:normal; }
.header .h-nav ul li:hover .sub ul li a{ font-weight:normal;}
.header .h-nav ul li.active .sub ul li a { font-weight:normal;}
.header .h-nav ul li .sub ul li:first-child:before { display:none;}
.header .h-nav ul li .sub ul li:after { display:none;}
.header .h-nav ul li .sub ul li a { color:#333333;}
.header .h-nav ul li .sub ul li:hover a { color:#ffffff; }
/*banner*/
.banner { height:auto; position:relative;}
/* 本例子css */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; left:50%; margin-left:-30px; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ float:left; margin:0 5px;  width:10px; height:10px;text-align:center; background:#ffffff; cursor:pointer;border-radius:50%; }
.slideBox .hd ul li.on{ background:#24a35c; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }
/*hotsearch*/
.hotsearch { height:110px; margin-top:14px; margin-bottom:14px; background-color:#24a35c;}
.hs-left { float:left; width:300px; height:110px;  background:#33383c url(../images/hot-icon.png) no-repeat; background-position:24px 28px;}
.hs-left .cn { padding-left:90px; padding-top:23px; color:#ffffff; font-size:16px; line-height:26px; }
.hs-left .nob { padding-left:90px; color:#ffffff; font-size:28px; line-height:35px; }
.hs-mid { float:left; padding-top:40px; width:533px; overflow:hidden;}
.hs-mid span { color:#ffffff; font-size:15px; line-height:30px; padding-left:28px;}
.hs-mid a { color:#ffffff; font-size:15px; line-height:30px; margin-left:10px;}
.hs-mid a:hover  { text-decoration:underline; }
.hs-right { float:right; width:367px; position:relative; height:110px;}
.hs-right:before{content:""; position:absolute; left:0; top:32px; width:1px; height:48px; background-color:#86bb26; }
.hs-right:after{content:""; position:absolute; left:34px; bottom:37px; width:306px; height:1px; background-color:#ffffff; }
.searchr { padding:37px 0 0 44px;}
.hs-right .search-input { height:36px; line-height:36px; font-size:14px; width:254px; padding:0; margin:0;  background-color:#24a35c; color:#FFF;}
.hs-right .search-submit {height:36px; line-height36px; font-size:0;width:42px; background:#24a35c url(../images/search-icon.png) no-repeat center center; background-position:10px 5px; padding:0; margin:0; cursor:pointer;}
.hs-right input::-webkit-input-placeholder { color: #c9caca;}
/*i-bidu*/
.i-bidu { border-top:#bfbfbf solid 1px;  padding-bottom:55px; height:385px; overflow:hidden; background:url(../images/bidu-bg.jpg) no-repeat top center;}
.i-bidu-left { float:left; padding:55px 0 0 50px; width:512px;}
.i-bidu-left .pic { width:512px; height:314px; }
.i-bidu-left .pic img{ width:512px; height:314px; }
.i-bidu-right { float:right; width:512px; padding-right:57px; padding-top:123px;}
.i-bidu-right .tit {color:#060000; font-size:23px; line-height:40px; }
.i-bidu-right .des{ padding-top:28px; color:#010a11; font-size:15px; line-height:24px;text-indent:2em;}
/*i-public*/
.i-public { text-align:center; position:relative; }
.i-public .en {color:#dcdddd; font-size:80px; line-height:98px; font-weight:bold; }
.i-public .cn { position:absolute; top:41px; left:50%; margin-left:-82px; color:#000509; font-size:40px; line-height:54px; letter-spacing: 2px;}
.i-public .des {color:#000509; font-size:20px; line-height:40px; }
.i-public2 { text-align:center; position:relative; margin-top:22px; }
.i-public2 .en {color:#dcdddd; font-size:80px; line-height:98px; font-weight:bold; }
.i-public2 .cn { position:absolute; top:41px; left:50%; margin-left:-82px; color:#000509; font-size:40px; line-height:54px; letter-spacing: 2px;}
.i-public2 .des { padding:22px 180px 0 180px; color:#383536; font-size:15px; line-height:24px; }
/*i-pro*/
.i-pro { background-color:#f2f2f2; padding-bottom:116px;  padding-top:83px;}
.i-pro-list { height:auto;}
.i-pro-list ul li{ background-color:#FFF; height:447px; margin-top:60px; position:relative;}
.i-pro-list ul li:first-child:after{content:"01"; position:absolute; left:-11px; top:35px; width:56px; height:58px; background:url(../images/pro-nob.png) no-repeat top left; color:#ffffff; font-size:35px; line-height:43px; padding-left:50px; padding-top:15px; }
.i-pro-list ul li:first-child+li:after{content:"02"; position:absolute; left:-11px; top:35px; width:56px; height:58px; background:url(../images/pro-nob.png) no-repeat top left; color:#ffffff; font-size:35px; line-height:43px; padding-left:50px; padding-top:15px; }
.i-pro-list ul li:first-child+li+li+li:after{content:"04"; position:absolute; left:-11px; top:35px; width:56px; height:58px; background:url(../images/pro-nob.png) no-repeat top left; color:#ffffff; font-size:35px; line-height:43px; padding-left:50px; padding-top:15px; }
.i-pro-text { float:left; width:350px; padding-left:30px;}
.i-pro-text .tit {color:#090000; font-size:30px; line-height:42px; padding-top:50px; padding-left:78px;  }
.i-pro-text .tit a {color:#090000;}
.i-pro-text .tit a:hover { color:#24a35c;} 
.i-pro-text .des {color:#221815; font-size:15px; line-height:23px; padding-left:17px; height:92px; overflow:hidden; margin-top:25px; }
.i-pro-text .icon { text-align:right; height:21px; padding-top:6px;}
.i-pro-text .icon img{width:51px; height:21px; }
.i-pro-text .ban { padding-top:26px; color:#090000; font-size:23px; line-height:48px; font-weight:bold; position:relative; position:relative;}
.i-pro-text .ban:after{content:""; position:absolute; left:0; bottom:0; width:29px; height:2px; background-color:#24a35c; }
.i-pro-text .more { padding-top:19px; }
.i-pro-text .more a { display:inline-block; float:left; width:48%; margin-right:1%; height:30px; border:#bfbfbf solid 1px; text-align:center;color:#221815; font-size:16px; line-height:30px;  margin-bottom:13px;}
.i-pro-text .more a:hover { background-color:#24a35c; color: #FFF;}
.i-pro-pic { float:right; width:751px; height:447px; overflow:hidden;}
.i-pro-pic img {width:751px; height:447px;}
.i-pro-list ul li:first-child+li+li:after{content:"03"; position:absolute; right:-11px; top:35px; width:76px; height:58px; background:url(../images/pro-nob3.png) no-repeat top left; color:#ffffff; font-size:35px; line-height:43px; padding-left:30px; padding-top:15px; }
.i-pro-list ul li:first-child+li+li .i-pro-text { float:right; padding-right:30px; padding-left:0;}
.i-pro-list ul li:first-child+li+li .i-pro-text .tit {padding-left:58px;  }
.i-pro-list ul li:first-child+li+li .i-pro-text .des {padding-left:0;  }
.i-pro-list ul li:first-child+li+li .i-pro-pic { float:left; }
/*i-youshi*/
.i-youshi { height:737px; padding-top:68px;}
.i-youshi-show {}
/* 本例子css */
.slideTxtBox{ width:1200px;  }
.slideTxtBox .bd ul{ zoom:1; margin-top:40px;  }
.slideTxtBox .bd li{ width:1200px; height:334px; background:url(../images/youshi-bg.png) no-repeat right;  }
.slideTxtBox .bd li .pic { float:left; width:598px; height:334px;}
.slideTxtBox .bd li .pic img {width:598px; height:334px;}
.slideTxtBox .bd li .con { float:right; width:432px; padding-right:57px;}
.slideTxtBox .bd li .con .icon { width:60px; height:60px; padding-top:14px;}
.slideTxtBox .bd li .con .icon img { width:60px; height:60px;}
.slideTxtBox .bd li .con .tit { padding-top:3px; color:#050000; font-size:30px; line-height:40px; }
.slideTxtBox .bd li .con .des { padding-top:42px; color:#2b292a; font-size:15px; line-height:23px; }
.slideTxtBox .hd{ height:103px; margin-top:40px; }
.slideTxtBox .hd ul li{ float:left; width:293px; height:101px; border:#bfbfbf solid 1px; margin-left:6.6px; cursor:pointer; position:relative;}
.slideTxtBox .hd ul li:after{content:""; position:absolute; right:83px; top:44px; width:76px; height:1px; background-color:#bfbfbf; }
.slideTxtBox .hd ul li.on:after{background-color:#f2f2f2; }
.slideTxtBox .hd ul li:first-child { margin-left:0;}
.slideTxtBox .hd ul li.on{ background-color:#24a35c; border:#24a35c solid 1px; }
.slideTxtBox .hd ul li .pic { float:left; width:60px; height:60px; margin:22px 0 0 31px;}
.slideTxtBox .hd ul li:first-child .pic { background:url(../images/youshi-icon1.png) no-repeat; }
.slideTxtBox .hd ul li:first-child+li .pic { background:url(../images/youshi-icon2.png) no-repeat; }
.slideTxtBox .hd ul li:first-child+li+li .pic { background:url(../images/youshi-icon3.png) no-repeat; }
.slideTxtBox .hd ul li:first-child+li+li+li .pic { background:url(../images/youshi-icon4.png) no-repeat; }
.slideTxtBox .hd ul li:first-child.on .pic { background:url(../images/youshi-icon12.png) no-repeat; }
.slideTxtBox .hd ul li:first-child+li.on .pic { background:url(../images/youshi-icon22.png) no-repeat; }
.slideTxtBox .hd ul li:first-child+li+li.on .pic { background:url(../images/youshi-icon32.png) no-repeat; }
.slideTxtBox .hd ul li:first-child+li+li+li.on .pic { background:url(../images/youshi-icon42.png) no-repeat; }
.slideTxtBox .hd ul li .con { float:right; padding-right:23px; text-align:right; padding-top:30px;}
.slideTxtBox .hd ul li .con .tit {color:#000509; font-size:22px; line-height:28px;letter-spacing: 2px; }
.slideTxtBox .hd ul li .con .des {color:#9fa0a0; font-size:16px; line-height:18px; }
.slideTxtBox .hd ul li.on .con .tit {color:#ffffff;  }
.slideTxtBox .hd ul li.on .con .des {color:#ffffff;  }
/*i-anli*/
.i-anli { height:668px; background:#f2f2f2 url(../images/anli-bg.jpg) no-repeat top center; padding-top:34px; }
.i-anli-show { position:relative; }
 /* 本例子css */
.i-anli-show .picScroll-left{ width:1380px; position:relative; padding-top:28px;  margin:0 auto; }
.i-anli-show .picScroll-left .hd{ height:auto; }
.i-anli-show .picScroll-left .hd .prev{ position:absolute; left:0; top:250px; display:block;  width:49px; height:49px;cursor:pointer; background:url(../images/sanjiao1.png) no-repeat;}
.i-anli-show .picScroll-left .hd .next{ position:absolute; right:0; top:250px; display:block;  width:49px; height:49px;cursor:pointer; background:url(../images/sanjiao2.png) no-repeat;}
.i-anli-show .picScroll-left .bd{ position:relative; width:1181px;  overflow:hidden; margin:0 auto; height:504px;  padding-left:19px; background:#FFF url(../images/an-bd-bg.jpg) no-repeat left top;}
.i-anli-show .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.i-anli-show .picScroll-left .bd ul li{  float:left; _display:inline;  margin-left:-1px;width:386px; height:457px; border:#bfbfbf solid 1px; margin-top:22.5px;}
.i-anli-show .picScroll-left .bd ul li .pic { width:344px; height:192px; margin:0 auto; overflow:hidden; text-align:center; line-height:180px; padding-top:21px;}
.i-anli-show .picScroll-left .bd ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-anli-show .picScroll-left .bd ul li .tit { padding:0 21px; color:#080000; font-size:20px; line-height:32px; margin-top:25px; height:32px; overflow:hidden;  }
.i-anli-show .picScroll-left .bd ul li .des { padding:0 21px; color:#595757; font-size:15px; line-height:27px; margin-top:18px;height:81px; overflow:hidden;}
.i-anli-show .picScroll-left .bd ul li .more { margin:0 21px; margin-top:32px; background:url(../images/an-more.png) no-repeat; color:#33a967; font-size:13px; line-height:24px; border-top:#bfbfbf dashed 1px; padding-top:15px; background-position:331px 24px; text-align:right; padding-right:20px;}
.i-anli-show .picScroll-left .bd ul li:hover .tit { color:#24a35c;} 
/*i-news*/
.i-news { height:885px; background-color:#f2f2f2; padding-top:73px;}
.i-news-show { padding-top:47px;}
.i-news-left { float:left; width:600px;}
.i-news-right { float:right; width:550px; }
.i-news-ban { color:#080000; font-size:22px; line-height:60px;}
.i-news-ban span { float:right; color:#24a35c; font-size:15px; }
.i-news-ban span a {color:#24a35c;}
.i-news-hot { width:600px;}
.i-news-hot .pic { width:600px; height:299px; overflow:hidden; text-align:center; line-height:280px;}
.i-news-hot .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-news-hot .tit {color:#000703; font-size:16px; line-height:30px;height:30px; overflow:hidden; margin-top:24px;}
.i-news-hot .tit a {color:#000703; }
.i-news-hot .tit a:hover {color:#31a866; }
.i-news-hot .tit span {color:#727171; float:right; font-size:13px;}
.i-news-hot .des { margin-top:18px; color:#727171; font-size:15px; line-height:26px; height:52px; overflow:hidden;}
.i-news-list { height:auto; padding-top:16px;}
.i-news-list ul li  {color:#000703; font-size:16px; line-height:30px;height:30px; overflow:hidden; margin-bottom:7px; }
.i-news-list ul li span {color:#727171; float:right; font-size:13px;}
.i-news-list ul li a {color:#000703; }
.i-news-list ul li a:hover {color:#31a866; }
.i-wenda-list {width:510px; height:535px; background-color:#FFF;box-shadow: 0 0 20px #ccc; padding:15px 20px 0 20px; }
.i-wenda-list ul li { border-bottom:#eaeaea solid 1px; position:relative; padding-bottom:24px; padding-top:24px;}
.i-wenda-list ul li:before{content:""; position:absolute; left:0; top:28px; width:25px; height:25px; background:url(../images/wenda1.png) no-repeat;  }
.i-wenda-list ul li:after{content:""; position:absolute; left:0; top:57px; width:25px; height:25px; background:url(../images/wenda2.png) no-repeat;  }
.i-wenda-list .tit {color:#000703; font-size:16px; line-height:27px;height:27px; overflow:hidden; padding-left:40px;}
.i-wenda-list .tit a {color:#000703; }
.i-wenda-list .tit a:hover {color:#31a866; }
.i-wenda-list .des {color:#727171; font-size:15px; line-height:26px;height:52px; overflow:hidden;padding-left:40px;}
/*i-about*/
.i-about { height:918px; background:#f4f4f4 url(../images/about-bg.jpg) no-repeat top center; padding-top:80px;}
.i-about-box { background-color:#FFF; height:821px;}
.i-about-box .pic { height:493px; text-align:center;}
.i-about-box .pic img{ height:493px;}
.i-about-box .more { width:191px; height:49px; text-align:center; background-color:#24a35c; margin:0 auto;color:#ffffff; font-size:18px; line-height:49px; margin-top:30px;}
.i-about-box .more a { display:block; color:#FFF;}
/*footer*/
.footer { height:470px; background-color:#252c31;}
.f-top { height:200px;}
.f-logo { float:left; width:199px; height:88px; padding:55px 0 0 45px;}
.f-logo img{ width:199px; height:88px;}
.f-nav { float:right; padding-top:83px; width:950px;}
.f-nav ul li { float:left;color:#ffffff; font-size:16px; line-height:30px; margin-left:33px;}
.f-nav ul li a {color:#ffffff; }
.f-nav ul li a:hover { text-decoration:underline; }
.f-bot { height:auto;}
.f-left { float:left;color:#ffffff; font-size:15px; line-height:23px; width:820px; padding-top:37px; }
.f-left a {color:#ffffff; }
.f-left a:hover { text-decoration:underline; }
.f-left img { width:50px; height:51px; margin-bottom:12px;}
.f-ewm { float:right; padding-right:36px; padding-top:34px; width:336px;}
.f-ewm ul li { float:left;width:140px; margin-left:28px; }
.f-ewm ul li .pic { width:140px; height:140px;}
.f-ewm ul li .pic img{ width:140px; height:140px;}
.f-ewm ul li .tit { background-color:#707070; text-align:center;color:#ffffff; font-size:13px; line-height:38px; }
/*f-linker*/
.f-linker { min-height:30px; padding:20px 0; background-color:#000; background-position:0 24px;}
.f-linker span { color:#9fa0a0; font-size:16px; line-height:30px; background:url(../images/f-link.png) no-repeat left center; padding-left:40px; }
.f-linker a { color:#9fa0a0; font-size:16px; line-height:30px; margin-left:5px; }
.f-linker a:hover  { text-decoration:underline; }
/*返回顶部*/
p#top{ position:fixed;display:none;bottom:0px;right:10px;}  
p#top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:30px;transition:color 1s;}  
p#top a:hover{ color:#979797;  }  
p#top a span{background:url(../images/gotop.png) no-repeat center;border-radius:6px;display:block;height:30px;transition:background 1s;}  
#top a:hover span{background:url(../images/gotop.png) no-repeat center;} 

/*内页*/
.n-header {height:104px;  }
.n-header .h-logo { float:left; width:199px; height:87px; padding-top:9px; padding-left:40px;}
.n-header .h-logo img {width:199px; height:87px;}
.n-header .h-nav { float:right;}
.n-header .h-nav ul li { float:left; color:#221815; font-size:16px; line-height:104px; padding:0 17px; position:relative;}
.n-header .h-nav ul li a {color:#221815; display:block; }
.n-header .h-nav ul li:hover { background-color:#24a35c;}
.n-header .h-nav ul li:hover a { color:#FFF;}
.n-header .h-nav ul li.active { background-color:#24a35c;}
.n-header .h-nav ul li.active a { color:#FFF;}
.n-header .h-nav ul li .sub { position: absolute;width:120%;left:-10%; text-align:center; top:104px;z-index:30000; line-height:40px; background-color:rgba(255, 255, 255, 0.9);}
.n-header .h-nav ul li .sub ul { display:block;}
.n-header .h-nav ul li .sub ul li{ float:left; min-width:auto; width:100%; line-height:40px; position:relative;text-align:center;  margin:0; padding:0; font-size:15px; font-weight:normal; }
.n-header .h-nav ul li:hover .sub ul li a{ font-weight:normal;}
.n-header .h-nav ul li.active .sub ul li a { font-weight:normal;}
.n-header .h-nav ul li .sub ul li:first-child:before { display:none;}
.n-header .h-nav ul li .sub ul li:after { display:none;}
.n-header .h-nav ul li .sub ul li a { color:#333333;}
.n-header .h-nav ul li .sub ul li:hover a { color:#ffffff; }
.n-banner { height:346px;}
.n-banner img { width:100%;}
.n-search { height:82px; background-color:#e6e6e6;}
.n-search-mid { float:left; padding-top:26px; width:533px; overflow:hidden;}
.n-search-mid span { color:#3e3a39; font-size:15px; line-height:30px;}
.n-search-mid a { color:#3e3a39; font-size:15px; line-height:30px; margin-left:10px;}
.n-search-mid a:hover  { text-decoration:underline; }
.n-search-right { float:right; width:367px; position:relative; height:110px;}
.n-search-right:before{content:""; position:absolute; left:0; top:15px; width:1px; height:48px; background-color:#86bb26; }
.n-search-right:after{content:""; position:absolute; left:34px; bottom:54px; width:306px; height:1px; background-color:#817f7e; }
.n-search .searchr { padding:21px 0 0 44px;}
.n-search-right .search-input { height:36px; line-height:36px; font-size:14px; width:254px; padding:0; margin:0;  background-color:#e6e6e6; color:#666666;}
.n-search-right .search-submit {height:36px; line-height36px; font-size:0;width:42px; background:#e6e6e6 url(../images/search-icon2.png) no-repeat center center; background-position:10px 5px; padding:0; margin:0; cursor:pointer;}
.n-search-right input::-webkit-input-placeholder { color: #727171;}
/*n-position*/
.n-position {color:#4b4746; font-size:15px; line-height:46px; border-bottom:#c9caca dashed 1px; position:relative; }
.n-position span {padding-left:17px;}
.n-position:after{content:""; position:absolute; left:0; top:13px; width:10px; height:19px; background-color:#33383c; }
.n-position a {color:#4b4746;}
.n-position a:hover { text-decoration:underline; }
/*n-main*/
.n-main { padding-top:20px; padding-bottom:20px;}
.n-left { float:left; width:240px;}
.n-right { float:right; width:930px;}
.n-left-ban { background-color:#24a35c; height:78px;color:#ffffff; font-size:25px; line-height:78px;  text-align:center;}
.n-left-cata { height:auto;}
.n-left-cata ul li { margin-top:2px; background-color:#e6e6e6; height:50px;color:#3e3a39; font-size:18px; line-height:50px;  text-align:center;}
.n-left-cata ul li a { display:block;color:#3e3a39;}
.n-left-cata ul li:hover { background-color:#24a35c;}
.n-left-cata ul li:hover a {color:#ffffff;}
.n-left-cata ul li.active { background-color:#24a35c;}
.n-left-cata ul li.active a {color:#ffffff;}
.n-left-pic { margin-top:2px; height:190px; width:240px;}
.n-left-pic img{  height:190px; width:240px;}
.n-left-con { margin-top:2px; height:111px; width:240px; background:#33383c url(../images/n-left-icon.png) no-repeat; background-position:51px 19px;}
.n-left-con .cn {color:#ffffff; font-size:16px; line-height:23px; padding-left:81px; padding-top:19px;}
.n-left-con .nob {color:#ffffff; font-size:26px; line-height:40px; padding-left:36px; padding-top:10px;}
.n-right-ban {color:#4b4746; font-size:25px; line-height:40px; border-bottom:#c9caca solid 1px; position:relative; padding-left:2px; margin-bottom:18px; }
.n-right-ban:after{content:""; position:absolute; left:0; bottom:0; width:145px; height:1px; background-color:#0e0b01; }
.n-right-con { height:auto;}
.pagination { margin-top:20px; box-sizing: border-box;text-align:center; padding:10px 0; font-size:14px;}
.pagination a { border:#cccccc solid 1px; padding:3px 5px;}
.pagination a:hover { background-color:#24a35c; color:#FFF;}
/*n-piclist*/
.n-piclist { height:auto; }
.n-piclist ul li { border:#c9caca solid 1px; padding:18px; height:210px; margin-bottom:15px;}
.n-piclist ul li .pic { float:left; width:372px; height:210px; text-align:center; line-height:200px; overflow:hidden;}
.n-piclist ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-piclist ul li .con { float:right; width:444px; padding-right:23px;}
.n-piclist ul li .con .tit {color:#3e3a39; font-size:18px; line-height:30px; margin-top:11px; height:30px; overflow:hidden;}
.n-piclist ul li .con .des {color:#646262; font-size:15px; line-height:26px; margin-top:21px; height:78px; overflow:hidden;}
.n-piclist ul li .con .more { float:right; width:124px; height:37px; border:#c9caca solid 1px;color:#595757; font-size:15px; line-height:37px; text-align:center; margin-top:26px;}
.n-piclist ul li:hover {border:#24a35c solid 1px;}
.n-piclist ul li:hover .tit { color:#24a35c;}
.n-piclist ul li:hover .more { background-color:#24a35c; color:#FFF;border:#24a35c solid 1px;}
/*n-newslist*/
.n-newslist { height:auto; }
.n-newslist ul li { border:#c9caca solid 1px; padding:18px; height:210px; margin-bottom:15px;}
.n-newslist ul li .pic { float:left; width:372px; height:210px; text-align:center; line-height:200px; overflow:hidden;}
.n-newslist ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-newslist ul li .con { float:right; width:444px; padding-right:23px;}
.n-newslist ul li .con .tit {color:#3e3a39; font-size:18px; line-height:30px; margin-top:11px; height:30px; overflow:hidden;}
.n-newslist ul li .con .des {color:#646262; font-size:15px; line-height:26px; margin-top:21px; height:78px; overflow:hidden;}
.n-newslist ul li .con .more { float:right; width:124px; height:37px; border:#c9c9c9 solid 1px;color:#ffffff; font-size:15px; line-height:37px; text-align:center; margin-top:26px; background-color:#c9c9c9;}
.n-newslist ul li:hover {border:#24a35c solid 1px;}
.n-newslist ul li:hover .tit { color:#24a35c;}
.n-newslist ul li:hover .more { background-color:#24a35c; color:#FFF;border:#24a35c solid 1px;}
/*n-contact*/
.n-contact { padding-bottom:136px;}
.n-con-top { padding-top:36px;}
.n-con-top .pic{ float:left;width:188px;}
.n-con-top .pic img { width:188px; height:188px;}
.n-con-top .con{ float:right; width:965px; padding-top:10px;}
.n-con-top .con .ban {color:#33a967; font-size:25px; line-height:50px; border-bottom:#24a35c solid 2px; }
.n-con-top .con .ban span {color:#c9caca; font-size:16px; padding-left:10px;}
.n-con-top .con .tit {color:#010910; font-size:16px; line-height:30px; margin-top:17px; }
.n-con-top .con .des {color:#010910; font-size:15px; line-height:25px; margin-top:7px; }
.n-con-bot { padding-top:80px;}
.n-con-left { float:left; background-color:#f2f2f2; width:428px; height:461px;}
.n-con-left .ban { background-color:#24a35c; height:103px; text-align:center;color:#ffffff; font-size:26px; line-height:103px;}
.n-con-left .con {color:#0e0101; font-size:13px; line-height:26px; padding:27px 31px; }
.n-con-left .con img { width:50px; height:50px; margin-bottom:25px; margin-top:25px; }
.n-con-right { float:right; width:772px; height:461px; overflow:hidden;}
.n-con-right img {width:772px; height:461px; }
.n-show { font-size:14px; color:#333333; line-height:30px;}
.n-show img { max-width:100%;}
.n-show .img-responsive { display:inline;}
.n-tit { font-size:20px; text-align:center; line-height:34px; padding:0 10px;}
.n-time { font-size:14px; text-align:center; line-height:18px; color:#999999; padding:10px 0;}
.n-xian {border-bottom:#e4e4e4 solid 1px; height:1px; margin-top:20px;}
.n-other { line-height:24px; padding:10px 0;color:#666666; font-size:14px;}
.n-other a {color:#666666;}
.n-other a:hover{ text-decoration:underline; }  
/*n-public*/
.n-public { text-align:center; position:relative; }
.n-public .en {color:#f7f8f8; font-size:80px; line-height:98px; font-weight:bold; }
.n-public .cn { position:absolute; top:41px; left:50%; margin-left:-82px; color:#333333; font-size:40px; line-height:54px; letter-spacing: 2px;}
.n-public2 { text-align:center; position:relative; }
.n-public2 .en {color:#f7f8f8; font-size:80px; line-height:98px; font-weight:bold; }
.n-public2 .cn { position:absolute; top:40px; left:50%; margin-left:-124px; color:#333333; font-size:40px; line-height:54px; letter-spacing: 2px;}
/*n-about*/
.n-zoujin { min-height:688px;  padding-top:30px; background:url(../images/zoujin-bg.jpg) repeat-x bottom; padding-bottom:50px;}
.n-zoujin-show { height:auto;}
.n-zoujin-left { float:left; width:638px; padding-top:90px;}
.n-zoujin-left .tit { color:#333333; font-size:26px; line-height:50px;}
.n-zoujin-left .des { color:#595757; font-size:15px; line-height:26px; padding-top:52px;}
.n-zoujin-right { float:right;width:510px; padding-top:69px; }
.n-zoujin-right .pic { width:510px; height:519px;}
.n-zoujin-right .pic img {width:510px; height:519px;}
.n-wenhua { height:700px; padding-top:36px;}
.n-wenhua-show { height:534px; background-color:#eeeeee;  margin-top:64px;}
.n-wenhua-show ul li { float:left; width:400px;}
.n-wenhua-show ul li .pic { width:400px; height:267px;}
.n-wenhua-show ul li .pic img{ width:400px; height:267px;}
.n-wenhua-show ul li .con{ width:400px; height:267px;}
.n-wenhua-show ul li .con .tit { padding-top:17px; color:#20272a; font-size:23px; line-height:50px; position:relative; margin-left:24px; }
.n-wenhua-show ul li .con .tit:after{content:""; position:absolute; left:0; bottom:0; width:144px; height:1px; background-color:#aaaaaa; }
.n-wenhua-show ul li .con .des { color:#00080c; font-size:18px; line-height:34px; padding-top:5px; padding-left:24px;}
.n-wenhua-show ul li .con .en { color:#ffffff; font-size:20px; line-height:30px; padding-left:24px; padding-top:5px;}
.n-fengcai { min-height:474px; padding-top:36px; padding-bottom:47px;}
.n-fengcai-list { height:auto; padding-top:38px;}
.n-fengcai-list ul li { float:left; width:291px; height:270px; margin-left:12px; margin-top:22px;}
.n-fengcai-list ul li:first-child { margin-left:0;}
.n-fengcai-list ul li:first-child+li+li+li+li { margin-left:0;}
.n-fengcai-list ul li:first-child+li+li+li+li+li+li+li+li  { margin-left:0;}
.n-fengcai-list ul li .pic { padding:10px; width:269px; height:203px; overflow:hidden; text-align:center; line-height:180px;border:#c9caca solid 1px;}
.n-fengcai-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-fengcai-list ul li .tit { background-color:#eeeeee;color:#4a4645; font-size:15px; line-height:52px; text-align:center; height:52px; overflow:hidden;}
.n-fengcai-list ul li:hover .pic{border:#24a35c solid 1px;}
.n-fengcai-list ul li:hover .tit{ background-color:#24a35c; color:#FFF;}


@media(max-width:1390px){
.i-anli-show  {width:1200px; margin:0 auto;}
.i-anli-show .picScroll-left{ width:1200px; }
.i-anli-show .picScroll-left .hd { display:none;}
}
@media(max-width:1200px){
.header {width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.i-bidu {width:1200px; margin:0 auto;}
.i-pro {width:1200px; margin:0 auto;}
.i-anli{width:1200px; margin:0 auto;}
.i-news{width:1200px; margin:0 auto;}
.i-about{width:1200px; margin:0 auto;}
.footer{width:1200px; margin:0 auto;}
.f-linker{width:1200px; margin:0 auto;}
.n-header{width:1200px; margin:0 auto;}
.n-banner{width:1200px; margin:0 auto;}
.n-search{width:1200px; margin:0 auto;}
.n-zoujin{width:1200px; margin:0 auto;}
}