@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:120px;}
.header .h-logo { float:left; width:425px; height:71px; padding-top:25px;}
.header .h-logo img {width:425px; height:80px;}
.header .h-right { float:right;}
.h-right-top {color:#333333; font-size:14px; line-height:1; padding-top:25px; text-align:right; }
.h-right-top a {color:#333333; }
.h-right-top a:hover { text-decoration:underline; }
.h-right-bot {color:#333333; font-size:18px; line-height:34px; font-weight:bold; margin-top:17px; background:url(../images/1/h-right-bot.png) no-repeat left center; padding-left:50px;letter-spacing: 1px; }
/*nav*/
.nav {  height:50px; background-color:#0276c3; text-align:center;}
.nav ul { display:inline-block;}
.nav ul li { float:left;color:#ffffff; font-size:18px; line-height:50px; padding:0 49px; }
.nav ul li a {color:#ffffff; display:block;}
.nav ul li:hover { background-color:#06568b;}
.nav ul li.active { background-color:#06568b;}
/*banner*/
.banner { height:auto;}
/* 本例子css */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; left:50%; margin-left:-25px; 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:#0276c3; }
.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-public*/
.i-public { text-align:center;}
.i-public .tit { color:#515151; font-size:40px; line-height:1; font-weight:bold; letter-spacing: 2px;}
.i-public .des { color:#6c6c6c; font-size:16px; line-height:1; margin-top:22px;}
/*i-fuwu*/
.i-fuwu {padding-top:55px; padding-bottom:43px; height:auto;}
.i-fuwu-ban { text-align:center; padding-top:41px;}
.i-fuwu-ban ul { display:inline-block;}
.i-fuwu-ban ul li { float:left; width:196px; height:42px; text-align:center; color:#333333; font-size:18px; line-height:42px; background-color:#eeeeee; margin:0 10px;}
.i-fuwu-ban ul li a { color:#333333; display:block;}
.i-fuwu-ban ul li:hover {background-color:#0276c3;}
.i-fuwu-ban ul li:hover a { color:#ffffff; }
.i-fuwu-list { height:auto; padding-top:30px;}
.i-fuwu-list ul li { float:left;  width:370px; height:auto;margin-top:10px;border: 1px solid #d4d3d3;}
.i-fuwu-list ul li:nth-child(3n+2) { margin-left:42px;}
.i-fuwu-list ul li:nth-child(3n+3) { margin-left:42px;}
.i-fuwu-list ul li .pic { width:281px; height:180px; margin:0 auto; overflow:hidden; line-height:170px; text-align:center;}
.i-fuwu-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-fuwu-list ul li .tit { color:#333333; font-size:16px; line-height:52px; text-align:center;}
.i-fuwu-list ul li:hover .tit {color:#0276c3; }
/*i-contact*/
.i-contact { height:315px; background: #313131 url(../images/1/contact-bg.jpg) no-repeat top center;}
.i-contact-tit { text-align:center;color:#ffffff; font-size:40px; line-height:1; font-weight:bold; position:relative; letter-spacing: 2px; padding-top:63px;}
.i-contact-tit:after{content:""; position:absolute; left:50%; margin-left:-21px; bottom:-24px; width:42px; height:1px; background-color:#ffffff; }
.i-contact-des { text-align:center;color:#999999; font-size:18px; line-height:30px; margin-top:36px; }
.i-contact-more { text-align:center;margin-top:20px; }
.i-contact-more ul { display:inline-block;}
.i-contact-more ul li { float:left; width:140px; text-align:center;color:#0276c3; font-size:18px; line-height:44px; background-color:#ffffff; }
.i-contact-more ul li  a {color:#0276c3; display:block; }
.i-contact-more ul li:first-child {background-color:#0276c3; }
.i-contact-more ul li:first-child a {color:#ffffff; }
.i-contact-more ul li:hover {opacity:0.8;}
/*i-about*/
.i-about { padding-top:49px; padding-bottom:49px;}
.i-about-show { height:auto; margin-top:39px; padding-top:21px; border:#dddddd dashed 1px;padding-bottom:27px;}
.i-about-pic { float: left; width:522px; height:288px; padding-left:30px;}
.i-about-pic img { width:522px; height:288px; }
.i-about-con { float: right; width:550px; color:#4d4d4d; font-size:16px; line-height:29px; padding-right:40px; padding-top:17px;}
.i-about-rongyu { width:1146px; margin:0 auto; height:auto;position:relative; margin-top:23px; padding-top:20px; background-color:#f9f9f9;height:220px;}
/* 本例子css */
.i-about-rongyu .picScroll-left{ overflow:hidden; }
.i-about-rongyu .picScroll-left .hd{ overflow:hidden; z-index:22;   }
.i-about-rongyu .picScroll-left .hd .prev{ position:absolute; top:105px; left:-69px; width:69px; height:30px; display:block; cursor:pointer;background:url(../images/1/rongyu-l.jpg) no-repeat; }
.i-about-rongyu .picScroll-left .hd .next{ position:absolute; top:105px; right:-69px;width:69px; height:30px; display:block; cursor:pointer;background:url(../images/1/rongyu-r.jpg) no-repeat; }
.i-about-rongyu .picScroll-left .hd .prev:hover { opacity:0.8;}
.i-about-rongyu .picScroll-left .hd .next:hover { opacity:0.8;}
.i-about-rongyu .picScroll-left .bd{ text-align:center; padding-left:9px; }
.i-about-rongyu .picScroll-left .bd ul{ overflow:hidden; zoom:1; display:inline-block; }
.i-about-rongyu .picScroll-left .bd ul li{ margin:0 13px;width:350px;  float:left; _display:inline; overflow:hidden; text-align:center;  }
.i-about-rongyu .picScroll-left .bd ul li .pic{ text-align:center; width:350px; height:199px; line-height:180px; overflow:hidden;}
.i-about-rongyu .picScroll-left .bd ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
/*i-anli*/
.i-anli { background-color:#f9f9f9; padding-top:57px; padding-bottom:56px;}
.i-anli-show { height:auto; padding-top:4px;}
.i-anli-show ul li { float:left; width:370px; margin-top:29px; }
.i-anli-show ul li:nth-child(3n+2) { margin-left:45px;}
.i-anli-show ul li:nth-child(3n+3) { margin-left:45px;}
.i-anli-show ul li .pic{ width:370px; height:452px; text-align:center; line-height:210px; overflow:hidden; }
.i-anli-show ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-anli-show ul li .tit {color:#333333; font-size:18px; line-height:30px; height:30px; overflow:hidden; margin-top:13px;}
.i-anli-show ul li .riqi {color:#dddddd; font-size:12px; line-height:20px; height:20px; overflow:hidden; }
.i-anli-show ul li:hover .tit {color:#0276c3; }
/*i-youshi*/
.i-youshi { padding-top:57px; padding-bottom:57px;}
.i-youshi ul li { float:left; width:218px; height:255px; border:#eaeaea solid 1px; text-align:center; padding-top:37px;}
.i-youshi ul li:nth-child(n+2) { margin-left:25px;}
.i-youshi ul li .pic { width:126px; height:93px; padding-top:33px; margin:0 auto; background:url(../images/1/youshi-bg.png) no-repeat ;}
.i-youshi ul li .pic img { width:60px; height:60px; }
.i-youshi ul li .cn {color:#333333; font-size:18px; line-height:27px; margin-top:40px;}
.i-youshi ul li .en {color:#dddddd; font-size:14px; line-height:24px; }
.i-youshi ul li:hover {border:#2f8ece solid 1px;}
.i-youshi ul li:hover .pic {background:url(../images/1/youshi-bg2.png) no-repeat ;}
.i-youshi ul li:hover .cn {color:#2f8ece;}
/*i-news*/
.i-news { height:617px; background-color:#f9f9f9; padding-top:57px;}
.i-news-left { float:left; width:706px;}
.i-news-left ul li { background-color:#FFF; margin-bottom:10px; height:130px; position:relative;}
.i-news-left ul li:after{content:""; position:absolute; left:96px; top:32px; width:1px; height:67px; background-color:#dddddd; }
.i-news-left ul li .riqi { float:left; width:103px; text-align:center; padding-top:26px;}
.i-news-left ul li .riqi .riqi-dd {color:#4f4f4f; font-size:40px; line-height:48px; margin-top:3px; }
.i-news-left ul li .riqi .riqi-yymm {color:#999999; font-size:13px; line-height:20px; }
.i-news-left ul li .con { float:right; width:560px; padding-top:26px; padding-right:20px;}
.i-news-left ul li .con .tit {color:#333333; font-size:16px; line-height:30px; }
.i-news-left ul li .con .des {color:#999999; font-size:13px; line-height:20px; height:40px; overflow: hidden; margin-top:5px; }
.i-news-left ul li:hover:after{background-color:#0276c3; }
.i-news-left ul li:hover .riqi .riqi-dd {color:#0276c3; }
.i-news-left ul li:hover .con .tit {color:#0276c3; font-weight:bold; }
.i-news-right { float:right; width:450px; height:515px; background-color:#FFF; padding-top:35px;}
.i-news-right .pic { width:357px; height:227px; margin:0 auto; overflow:hidden; text-align: center;}
.i-news-right .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-news-right .tit { color:#333333; font-size:16px; line-height:30px; font-weight:bold; padding:0 46.5px; margin-top:20px;}
.i-news-right .riqi { color:#dddddd; font-size:14px; line-height:22px;padding:0 46.5px; margin-top:7px;}
.i-news-right .des { color:#999999; font-size:13px; line-height:22px; height:88px; overflow:hidden;padding:0 46.5px; margin-top:8px;}
.i-news-right .more { width:357px; height:45px; background-color:#0276c3; margin:0 auto; text-align:center; color:#ffffff; font-size:18px; line-height:45px; margin-top:27px;}
.i-news-right:hover .tit {color:#0276c3;}
.i-news-right:hover .more { opacity:0.8;}
/*footer*/
.footer { background-color:#0276c3; min-height:230px; padding-bottom:20px;}
.footer a {color:#ffffff;}
.footer a:hover { text-decoration:underline;}
.f-left { float:left; width:340px;color:#ffffff; font-size:13px; line-height:24px; padding-top:76px; }
.f-left .da {font-size:21px; line-height:42px; }
.f-mid { float:left; width:412px; margin-left:176px;color:#ffffff; font-size:16px; line-height:36px; padding-top:66px; position:relative; }
.f-mid:before{content:""; position:absolute; left:-131px; top:82px; width:1px; height:72px; background-color:#3591cf; }
.f-mid:after{content:""; position:absolute; right:-47px; top:82px; width:1px; height:72px; background-color:#3591cf; }
.f-mid ul li { float:left; width:33.33%;}
.f-right { float:right; width:144px; text-align:center; padding-top:71px;}
.f-right img { width:110px;}
/*f-copy*/
.f-copy { background-color:#000000;color:#232323; font-size:14px; line-height:24px; padding:8px 0; text-align:center; }
.f-copy a {color:#232323; }
.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/1/gotop.png) no-repeat center;border-radius:6px;display:block;height:30px;transition:background 1s;}
#top a:hover span{background:url(../images/1/gotop.png) no-repeat center;}
/*内页*/
.n-position { height:60px; border-bottom:#d6d6d6 solid 1px; overflow:hidden;}
.n-posi-left { float:left; background:url(../images/1/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:#375d9b solid 5px; }
.n-main { height:auto; padding:20px 0;}
.n-main  td{ border:1px solid #CCC;}
.n-public { text-align:center;}
.n-public .tit { color:#515151; font-size:40px; line-height:1; font-weight:bold; letter-spacing: 2px;}
.n-cata-ban { text-align:center; padding-top:30px;}
.n-cata-ban ul { display:inline-block;}
.n-cata-ban ul li { float:left; width:196px; height:42px; text-align:center; color:#333333; font-size:18px; line-height:42px; background-color:#eeeeee; margin:0 10px;}
.n-cata-ban ul li a { color:#333333; display:block;}
.n-cata-ban ul li:hover {background-color:#0276c3;}
.n-cata-ban ul li:hover a { color:#ffffff; }
.n-pic-list { height:auto; padding-top:20px;}
.n-pic-list ul li { float:left;  width:281px; height:auto;margin-top:10px;}
.n-pic-list ul li:nth-child(4n+2) { margin-left:25.33px;}
.n-pic-list ul li:nth-child(4n+3) { margin-left:25.33px;}
.n-pic-list ul li:nth-child(4n+4) { margin-left:25.33px;}
.n-pic-list ul li .pic { width:281px; height:180px; overflow:hidden; line-height:170px; text-align:center;}
.n-pic-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-pic-list ul li .tit { color:#333333; font-size:16px; line-height:52px; text-align:center;}
.n-pic-list ul li:hover .tit {color:#0276c3; }
.n-about { padding:20px 0 30px; color:#333333; font-size:16px; line-height:30px;}
/*详情页*/
.n-show {  padding:10px 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:#0276c3; color:#FFF;}
.n-news-list { padding-top:20px;}
.n-news-list ul li { background-color:#FFF; margin-bottom:10px; height:130px; position:relative;}
.n-news-list ul li:after{content:""; position:absolute; left:96px; top:32px; width:1px; height:67px; background-color:#dddddd; }
.n-news-list ul li .riqi { float:left; width:103px; text-align:center; padding-top:26px;}
.n-news-list ul li .riqi .riqi-dd {color:#4f4f4f; font-size:40px; line-height:48px; margin-top:3px; }
.n-news-list ul li .riqi .riqi-yymm {color:#999999; font-size:13px; line-height:20px; }
.n-news-list ul li .con { float:right; width:1050px; padding-top:26px; padding-right:20px;}
.n-news-list ul li .con .tit {color:#333333; font-size:16px; line-height:30px; }
.n-news-list ul li .con .des {color:#999999; font-size:13px; line-height:20px; height:40px; overflow: hidden; margin-top:5px; }
.n-news-list ul li:hover:after{background-color:#0276c3; }
.n-news-list ul li:hover .riqi .riqi-dd {color:#0276c3; }
.n-news-list ul li:hover .con .tit {color:#0276c3; font-weight:bold; }
.n-contact {}
.n-contact a{ display:block; margin-top:20px;}
.n-contact a img { width:100%;}

@media(max-width:1300px){
.i-about-rongyu .picScroll-left .hd .prev { display:none; }
.i-about-rongyu .picScroll-left .hd .next { display:none;}
}
@media(max-width:1200px){
.banner {width:1200px; margin:0 auto;}
.nav {width:1200px; margin:0 auto;}
.i-contact{width:1200px; margin:0 auto;}
.i-anli{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;}
}