@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 { height:110px;}
.h-logo { float:left; padding-top:30px;}
.h-logo img { height:48px;}
.h-nav { float:right; padding-top:46px;}
.h-nav ul li { float:left; color:#333333; font-size:18px; line-height:1; margin-left:70px; position:relative;}
.h-nav ul li:after{content:""; position:absolute; left:-50px; bottom:0; width:1px; height:16px; background-color:#333333; }
.h-nav ul li:first-child:after { display:none;}
.h-nav ul li a { color:#333333;}
.h-nav ul li:hover a { color:#0b62c3;}
.h-nav ul li.active a { color:#0b62c3;}
/*banner*/
.banner { height:auto;}
/* 本例子css */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:50%; margin-left:-35px; bottom:38px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ float:left; margin:0 5px;  width:12px; height:12px;text-align:center; background-color:rgba(255, 255, 255, 0.2); cursor:pointer;border-radius:50%; }
.slideBox .hd ul li.on{ background:#ffffff; }
.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;  }
/*i-gongying*/
.i-gongying { padding-top:50px; padding-bottom:50px;}
.i-gongying ul li{ float:left; width:272px; height:130px; padding-top:10px; border:#eeeeee solid 1px; background:url(../images/gongying-icon1.png) no-repeat; background-position:121px 188px;}
.i-gongying ul li a { display:block; width:100%; height:100%;}
.i-gongying ul li:nth-child(n+2){ margin-left:34.66px;}
.i-gongying ul li .pic { margin:0 auto; width:252px; height:82px; overflow:hidden; line-height:72px;}
.i-gongying ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-gongying ul li .tit {color:#333333; font-size:18px; line-height:20px; height:30px; overflow:hidden; text-align:center; padding:0 40px;}
.i-gongying ul li .des {color:#999999; font-size:14px; line-height:20px; margin-top:5px; height:40px; overflow:hidden; text-align:center; padding:0 40px;}
.i-gongying ul li:hover {background:url(../images/gongying-icon2.png) no-repeat; background-position:121px 188px;}
.i-gongying ul li:hover .tit {color:#0b62c3;}
/*i-pro*/
.i-pro { background-color:#f6f6f6; min-height:auto; padding-bottom:31px; }
.i-pro-left { float:left; width:252px;padding-top:55px; }
.ipl-top { height:auto;}
.ipl-top ul li {color:#666666; font-size:16px; font-weight:bold; margin-bottom:15px; line-height:54px; background-color:#FFF; text-align:center; }
.ipl-top ul li a {color:#666666; display:block;}
.ipl-top ul li:hover { background-color:#0b62c3;}
.ipl-top ul li:hover a { color:#FFF;}
.ipl-bot { background:#1367c5 url(../images/ipb-bg.jpg) no-repeat; width:252px; height:152px;}
.ipl-bot .tit { color:#ffffff; font-size:16px; line-height:1; padding-top:55px; padding-left:80px;  }
.ipl-bot .nob { color:#ffffff; font-size:18px; line-height:1; font-weight:bold; margin-top:9px; padding-left:80px;letter-spacing: 1px; }
.i-pro-right { float:right; width:948px;padding-top:55px; }
.i-pro-right ul li{ float:left; width:292px; height:auto; margin-left:24px; margin-bottom:24px;}
.i-pro-right ul li .pic{ width:292px; height:166px; overflow:hidden; line-height:156px; text-align:center;background: #fff;}
.i-pro-right ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-pro-right ul li .tit {background-color:rgba(51, 51, 51, 0.8);height:36px; text-align:center; color:#ffffff; font-size:14px; line-height:36px; overflow:hidden;}
.i-pro-right ul li:hover .tit {background-color:#3c81cf;}
/*i-about*/
.i-about { padding-top:70px; padding-bottom:70px; position:relative;}
.i-about-left { float:left; width:676px; border:#efefef solid 1px; position:relative; padding-bottom:45px;}
.i-about-left .en {color:#f5f5f5; font-size:58px; line-height:1; font-weight:bold;letter-spacing: 4px;text-transform:uppercase; padding-top:35px; padding-left:23px;}
.i-about-left .cn { position:absolute; top:57px; left:37px; color:#333333; font-size:24px; line-height:1; font-weight:bold;letter-spacing: 3px;}
.i-about-left .des { width:500px; color:#999999; font-size:14px; line-height:22px; padding-left:37px; padding-top:17px;}
.i-about-left .des .da{color:#666666; font-size:16px; line-height:34px;letter-spacing: 1px;}
.i-about-right { position:absolute; right:0; top:70px; width:590px; height:auto;}
.i-about-right .pic { width:590px; height:auto; text-align:right;}
.i-about-right .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-about-right .more { padding-top:29px;} 
.i-about-right .more a { display:inline-block; width:158px; height:42px; background-color:#333333; text-align: center; color:#ffffff; font-size:16px; line-height:42px; margin-right:22px;}
.i-about-right .more a:hover {opacity:0.8;}
.i-about-right .more a:first-child { background-color:#0b62c3;}
/*i-news*/
.i-news { background-color:#f6f6f6; padding:60px 0 30px 0;}
.i-news-left { float:left; width:412px; height:auto;}
.i-news-left .pic{ width:412px; height:274px; overflow:hidden; text-align:left;background-color:#ffffff;text-align: center;}
.i-news-left .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-news-left .tit {color:#333333; font-size:18px; line-height:24px; padding-top:7px;}
.i-news-left .riqi {color:#dddddd; font-size:14px; line-height:1; margin-top:8px;}
.i-news-left .des {color:#999999; font-size:14px; line-height:18px; height:36px; overflow:hidden; margin-top:14px;}
.i-news-left:hover .tit {color:#0b62c3;}
.i-news-right { float:right; width:730px;}
.i-news-right ul li { margin-bottom:28px;}
.i-news-right ul li .pic { float:left; width:150px; height:100px;background-color:#ffffff;text-align: center;}
.i-news-right ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-news-right ul li .con { float:right; width:560px; padding-top:4px;}
.i-news-right ul li .con .tit {color:#333333; font-size:18px; line-height:24px;}
.i-news-right ul li .con .riqi {color:#dddddd; font-size:14px; line-height:1; margin-top:8px;}
.i-news-right ul li .con .des {color:#999999; font-size:14px; line-height:18px; height:36px; overflow:hidden; margin-top:14px;}
.i-news-right ul li:hover .tit {color:#0b62c3;}
/*footer*/
.footer { background-color: #0b62c3; padding-bottom:9px;}
.footer .ban {color:#ffffff; font-size:18px; line-height:1; font-weight:bold; padding-bottom:15px;}
.footer .con {color:#9dc0e7; font-size:14px; line-height:24px;}
.footer .con a{color:#9dc0e7;}
.footer .con a:hover { text-decoration:underline;}
.footer .list { height:auto;}
.footer .list ul li { float:left; margin-right:60px; color:#9dc0e7; font-size:14px; line-height:24px;}
.footer .list ul li a{color:#9dc0e7;}
.footer .list ul li a:hover { text-decoration:underline;}
.f-top { height:auto; padding-bottom:12px;}
.f-left { float:left; width:370px; padding-top:72px;}
.f-mid { float:left; width:650px; padding-top:72px;}
.f-right { float:right; width:136px; padding-top:31px;}
.f-right .ewm { width:136px; height:136px; }
.f-right .ewm img{ width:120px; height:120px; border:#2472c9 solid 8px; }
.f-linker { border-top:#3c81cf solid 1px; padding:24px 0;}
.f-linker span {color:#a6c4e5; font-size:14px; line-height:24px;}
.f-linker a {color:#a6c4e5; font-size:14px; line-height:24px; margin-left:20px;}
.f-linker a:hover { text-decoration:underline;}
/*f-copy*/
.f-copy { background-color: #1b1b1b;color:#424242; font-size:14px; line-height:24px; padding:5px 0; text-align:center;}
.f-copy a {color:#424242;}
.f-copy a:hover { text-decoration:underline;}
/*返回顶部*/
p#top{ position:fixed;display:none;bottom:0px;right:20px;}  
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-position { height:60px; border-bottom:#d6d6d6 solid 1px; overflow:hidden;}
.n-posi-left { float:left; background:url(../images/home.png) no-repeat; background-position:0 22px; background-size:15px 15px; padding-left:30px; color:#666666; font-size:14px; line-height:60px;}
.n-posi-left a { color:#666666;}
.n-posi-left a:hover { text-decoration:underline; }
.n-posi-right { float:right; padding-top:5px; }
.n-posi-right ul li { float:left;margin-right: 15px; color:#666666; font-size:16px; line-height:50px;}
.n-posi-right ul li  a { color:#666666;}
.n-posi-right ul li:hover { border-bottom:#0d5297 solid 5px; }
.n-main { height:auto; padding:0px 0;}
.n-about { padding:20px 0 30px; color:#333333; font-size:16px; line-height:30px;}
/*详情页*/
.n-show {  padding:20px 0 30px; height:auto; position:relative;}
.n-show .tit {  font-size: 24px; text-align: center; line-height: 32px; color: #1a1a1a; text-transform:uppercase;}
.n-show .riqi { text-align: center; color: #666;font-size: 13px;  padding: 20px 0px 15px;}
.n-show .xian { height:1px; border-bottom: 1px solid #cccccc;}
.n-show .show { padding: 10px 0px; font-size: 16px; line-height:30px;}
.n-show .other { padding: 20px 0px; text-transform:uppercase;}
.n-show .other p{font-size: 13px; line-height:24px;color: #666;}
.n-show .other p a { color: #666;}
.n-show .other p a:hover { text-decoration:underline;}
.pagination { box-sizing: border-box;text-align:center; font-size:14px; margin-top:30px; margin-bottom:30px; }
.pagination a {  background-color:#cccccc;color:#FFF;  padding:5px 7px;}
.pagination a:hover { background-color:#0b62c3; color:#FFF;}
/*n-news*/
.news-list{padding-bottom:30px}
.news-list li{width:1200px;height:136px;position:relative;border-bottom:1px #d7d7d7 solid}
.news-list li:hover span{width:1200px}
.news-list li a{width:1120px;height:105px;padding:30px 0 0 40px;z-index:10;position:absolute;left:0;top:0}
.news-list li a:hover h3{color:#517b00}
.news-list li h4{padding-top:20px;height:85px;width:175px;font-size:32px;margin-right:30px;color:#999;font-family:'Iskoola Pota';letter-spacing:-1px;float:left;font-weight:400}
.news-list li h3{font-size:16px;color:#666;padding-right:12px;margin-bottom:15px;font-weight:400}
.news-list li p{font-size:12.5px;color:#999;line-height:22px}
.news-list li span{width:0;height:135px;position:absolute;left:0;top:0;z-index:8;background:-webkit-gradient(linear,120% 0,0 100%,from(#fff),to(#efefef),color-stop(1.2,#f3f3f3));-webkit-transition:all .3s;-moz-transition:all .3s;-transition:all .3s}
.n-piclist { padding-top:30px;}
.n-piclist ul li { float:left; width:270px; margin:0 15px; margin-bottom:20px; }
.n-piclist ul li .pic { width:270px; height:180px; text-align:center; overflow:hidden; border:#efefef solid 1px; line-height:170px;}
.n-piclist ul li img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-piclist ul li .tit { color:#444444; font-size:14px; line-height:40px; text-align:center;}
.n-piclist ul li:hover .pic{ border:#0b62c3 solid 1px;}
.n-piclist ul li:hover .tit {color:#0b62c3;}

@media(max-width:1200px){
.banner {width:1200px; margin:0 auto;}
.i-pro {width:1200px; margin:0 auto;}
.i-news {width:1200px; margin:0 auto;}
.footer {width:1200px; margin:0 auto;}
.f-copy {width:1200px; margin:0 auto;}
}