@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:100px;}
.h-logo { float:left;margin-top:23px;  height:60px;line-height:50px; overflow:hidden;}
.h-logo img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.h-nav { float:right;}
.h-nav ul li { float:left;color:#666666; font-size:16px; line-height:100px; position:relative; margin-left:19px; padding:0 13px;  }
.h-nav ul li a {color:#666666; display:block;}
.h-nav ul li:hover { background-color:#1359b9;}
.h-nav ul li:hover a {color:#ffffff; font-weight:bold;}
.h-nav ul li.active { background-color:#1359b9;}
.h-nav ul li.active a {color:#ffffff; font-weight:bold;}
/*banner*/
.banner { height:auto;}
.banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.banner .slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:50%; margin-left:-35px; bottom:30px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1;}
.banner .slideBox .hd ul li{ float:left; margin:0 5px;  width:12px; height:12px;text-align:center; background:#d2d2d2; cursor:pointer; border-radius:50%;}
.banner .slideBox .hd ul li.on{ background:#1359b9; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; height:auto; display:block;  }

/*i-public*/
.i-public { text-align:center; padding-bottom:20px; position:relative;}
.i-public:after{content:""; position:absolute; left:50%; margin-left:-13px; bottom:0; width:26px; height:5px; background-color:#1359b9; }
.i-public .tit {color:#383838; font-size:30px; line-height:1; font-weight:bold; }
.i-public .des {color:#999999; font-size:16px; line-height:1; margin-top:15px;}

/*i-pro*/
.i-pro { padding-top:67px;}
.i-pro-list { margin-top:40px;}
.i-pro-list ul li { float:left; width:570px; height:185px; margin-bottom:49px; border:#eeeeee solid 1px; position:relative;}
.i-pro-list ul li:after{content:""; position:absolute; right:0; top:0; width:5px; height:185px; background-color:#eeeeee; }
.i-pro-list ul li:nth-child(even){ margin-left:56px;}
.i-pro-list ul li .pic { float:left; width:281px; height:185px; text-align:center; line-height:175px; overflow:hidden;}
.i-pro-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.5s;}
.i-pro-list ul li .con { float:right; width:230px; margin-right:30px; padding-top:30px;}
.i-pro-list ul li .con .tit { color:#383838; font-size:16px; line-height:30px; font-weight:bold; }
.i-pro-list ul li .con .des { color:#666666; font-size:14px; line-height:23px; height:46px; overflow:hidden; margin-top:8px;  }
.i-pro-list ul li .con .more { width:112px; height:30px;border-radius:15px; border:#dddddd solid 1px; text-align:center; color:#383838; font-size:14px; line-height:30px; margin-top:17px; }
.i-pro-list ul li:hover:after{ background-color:#1359b9;}
.i-pro-list ul li:hover .pic  img{transform: scale(1.2);transition: 0.5s;}
.i-pro-list ul li:hover .con .tit { color:#1359b9;}
.i-pro-list ul li:hover .con .more { background-color:#1359b9; color:#FFF; }

/*i-about*/
.i-about { height:673px; background:#f4f4f4 url(../images/about-bg.jpg) no-repeat top center;}
.i-about-left { float:left; width:463px; margin-top:138px;}
.i-about-left .ial-ban {color:#383838; font-size:24px; line-height:30px; font-weight:bold; padding-left:81px;}
.i-about-left .ial-ban span { font-weight:normal; font-size:14px; color:#999999;}
.i-about-left .ial-pic { text-align:right; height:382px; margin-top:29px;}
.i-about-left .ial-pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-about-right { float:right; width:664px; padding-top:123px;}
.i-about-right .tit {color:#383838; font-size:30px; line-height:40px; font-weight:bold; position:relative;}
.i-about-right .tit:after{content:""; position:absolute; right:87px; top:19px; width:300px; height:1px; background-color:#e1e1e1; }
.i-about-right .tit a { display:inline-block; float:right;color:#383838; font-size:14px; line-height:40px; font-weight:normal;}
.i-about-right .tit a:hover { text-decoration:underline;}
.i-about-right .des {color:#999999; font-size:14px; line-height:28px; height:196px; overflow:hidden; margin-top:30px;}
.i-about-right .tel {color:#1359b9; font-size:18px; line-height:45px; height:45px; background:url(../images/about-tel.png) no-repeat center left; padding-left:60px; margin-top:34px;}
.i-about-right .tel span { font-weight:bold;}
.i-about-right .more { margin-top:30px; }
.i-about-right .more a { display:inline-block;width:202px; height:44px; text-align:center; background-color:#FFF; border:#dddddd solid 1px; border-radius:22px;color:#666666; font-size:16px; line-height:44px; margin-right:30px;}
.i-about-right .more a:hover { background-color:#1359b9; color:#FFF;}

/*i-news*/
.i-news { padding-top:80px; padding-bottom:50px;}
.i-news .i-public { text-align:left;}
.i-news .i-public:after{ left:0; margin-left:0;}
.i-news-left { float:left; width:558px;}
.inl-des { margin-top:27px; background-color:#f4f4f4; padding:29px 30px 36px 30px;}
.inl-des .des { color:#999999; font-size:14px; line-height:27px; height:135px; overflow:hidden;}
.inl-pic { height:182px; overflow:hidden;}
.inl-pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-news-right { float:right; width:605px;}
.inr-list { height:auto; margin-top:27px;}
.inr-list ul li { float:left; width:250px; padding:25px 20px 0 20px; height:155px; border:#eeeeee solid 1px; margin-bottom:18px;}
.inr-list ul li:nth-child(even){ margin-left:21px;}
.inr-list ul li .tit { color:#383838; font-size:16px; line-height:30px; height:30px; overflow:hidden; }
.inr-list ul li .des { color:#999999; font-size:14px; line-height:20px; height:40px; overflow:hidden;  margin-top:7px; }
.inr-list ul li .more { color:#dddddd; font-size:14px; line-height:31px; margin-top:22px; }
.inr-list ul li .more span { display:inline-block; float:right; width:93px; height:31px; text-align:center; background-color:#f4f4f4; color:#383838; border-radius:15px;}
.inr-list ul li:hover { border:#1359b9 solid 1px;}
.inr-list ul li:hover .tit {color:#1359b9;}
.inr-list ul li:hover .more span{ background-color:#1359b9; color:#FFF;}
/*footer*/
.footer { background-color:#383838;}
.f-left { float:left; width:630px; padding-top:56px; padding-bottom:69px;}
.f-left-tit {color:#ffffff; font-size:30px; line-height:1; font-weight:bold;}
.f-left-des {color:#999999; font-size:14px; line-height:1; margin-top:9px;}
.f-nav {color:#9c9c9c; font-size:14px; line-height:30px; margin-top:27px; padding-right:50px;}
.f-nav a { display:inline-block; width:125px; float:left; color:#9c9c9c;}
.f-nav a:hover { text-decoration:underline;}
.f-copy {color:#747474; font-size:14px; line-height:28px; margin-top:18px;}
.f-copy a {color:#747474;}
.f-copy a:hover { text-decoration:underline;}

.f-right { float:right; width:550px; padding-top:58px; }
.f-right input[type=text] { display:inline-block; width:166px; text-indent:20px; height:36px;color:#9c9c9c; font-size:14px; border:#5c5c5c solid 1px;background:transparent; margin-left:8px; }
.f-right textarea { display:block; margin-top:12px; width:527px;text-indent:20px; height:84px;color:#9c9c9c; font-size:14px; border:#5c5c5c solid 1px;  background-color:transparent;outline: none; line-height:36px; resize:none; margin-left:8px;}
.f-right input[type=submit] { margin-top:21px; width:247px; line-height:46px; text-align:center; height:46px;background:transparent; color:#9c9c9c; font-size:16px;  border-radius:23px; cursor:pointer; border:#5c5c5c solid 1px; vertical-align:top; margin-left:8px; }
.f-right input[type=submit]:hover { background-color:#1359b9; color:#FFF;border:#1359b9 solid 1px;}
.f-right a { display:inline-block; margin-left:29px; margin-top:21px; width:247px; line-height:46px; text-align:center; height:46px;background:transparent; color:#9c9c9c; font-size:16px;  border-radius:23px; cursor:pointer; border:#5c5c5c solid 1px;}
.f-right a:hover { background-color:#1359b9; color:#FFF;border:#1359b9 solid 1px;}
/*返回顶部*/
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-main*/
.n-main {  padding-top:38px; padding-bottom:50px;}
.n-left { float:left; width:250px; border:#1359b9 solid 10px; min-height:770px; padding-bottom:30px;}
.n-left-ban { height:178px; background:url(../images/n-left-ban.png) no-repeat;}
.n-left-ban .en {color:#1359b9; font-size:35px; line-height:1; font-weight:bold; margin-left:16px; padding-top:44px;letter-spacing: 0.5px;}
.n-left-ban .cn {color:#ffffff; font-size:20px; line-height:1; margin-left:23px; margin-top:55px;}
.n-left-list { height:auto; margin-top:4px;}
.n-left-list ul li { color:#5d5d5d; font-size:16px; line-height:47px; margin-top:2px; background:url(../images/n-left-list.png) no-repeat left bottom; padding-left:28px;}
.n-left-list ul li a { color:#5d5d5d;}
.n-left-list ul li.active a{ font-weight:bold;}
.n-left-list ul li:hover a { color:#1359b9;}
.n-right { float:right; width:900px;}
.n-right-ban { height:56px; border-bottom:#1359b9 solid 3px; background:url(../images/nrb-icon.png) no-repeat; background-size:18px 18px; background-position:0 15px; }
.nrb-left { float:left; color:#000000; font-size:18px; line-height:1; font-weight:bold; margin-top:14px; padding-left:39px;}
.nrb-right { float:right;color:#000000; font-size:14px; line-height:1; margin-top:16px; padding-right:5px;}
.nrb-right a {color:#000000;}
.nrb-right a:hover {color:#1359b9;}
.n-about { padding:10px 10px 20px 10px; color: #555555; font-size: 14px; line-height: 2.1;}
/*详情页*/
.n-show {  padding:10px 10px 20px 10px; height:auto; position:relative;}
.n-show .tit {  font-size:18px; text-align: center; line-height: 32px; color: #1a1a1a; text-transform:uppercase;}
.n-show .riqi { text-align: center; color: #666;font-size: 13px;  padding: 10px 0px 5px;}
.n-show .xian { height:1px; border-bottom: 1px solid #cccccc;}
.n-show .show { padding: 10px 0px;  color:#555555; font-size:14px; line-height:1.5;}
.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:20px; }
.pagination a {  background-color:#cccccc;color:#FFF;  padding:5px 7px;}
.pagination a:hover { background-color:#1359b9; color:#FFF;}
.n-show .show p img {max-width:100%;max-height:100%;}



.n-news-list { padding:20px 10px 20px 10px;}
.n-news-list ul li{ margin-bottom:19px;}
.n-news-list ul li .riqi{ float:left; width:94px; height:79px; padding-top:18px; border:#f4f4f4 solid 1px; background-color:#fafafa; text-align:center;}
.n-news-list ul li .riqi .riqi-dd {color:#999999; font-size:45px; line-height:1; font-weight:bold;}
.n-news-list ul li .riqi .riqi-yymm {color:#666666; font-size:14px; line-height:1; margin-top:4px;}
.n-news-list ul li .con{ float:right; width:760px; }
.n-news-list ul li .con .tit {color:#555555; font-size:18px; line-height:40px; font-weight:bold; height:40px; overflow:hidden;}
.n-news-list ul li .con .des {color:#999999; font-size:14px; line-height:23px; margin-top:3px; height:46px; overflow:hidden;}
.n-news-list ul li:hover .riqi { background-color:#1359b9; }
.n-news-list ul li:hover .riqi .riqi-dd {color:#ffffff; }
.n-news-list ul li:hover .riqi .riqi-yymm {color:#ffffff;}
.n-news-list ul li:hover .tit {color:#1359b9;}

/*n-pic-list*/
.n-pic-list { height:auto; padding-top:20px; padding-left:10px; }
.n-pic-list ul li { float:left; width:278px; height:auto; margin-bottom:22px; }
.n-pic-list ul li:nth-child(3n+2) { margin-left:22px;}
.n-pic-list ul li:nth-child(3n+3) { margin-left:22px;}
.n-pic-list ul li .pic { width:276px; height:216px; text-align:center; line-height:206px; border:#dcdcdc solid 1px;}
.n-pic-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-pic-list ul li .tit { background-color:#eeeeee;color:#4d4d4d; font-size:16px; font-weight:bold; line-height:45px; text-align:center; height:45px; overflow:hidden;}
.n-pic-list ul li:hover .pic { border:#1359b9 solid 1px;}
.n-pic-list ul li:hover .tit {background-color:#1359b9; color:#FFF;}

/*n-message*/
.n-message{ width:558px; height:396px; margin:0 auto; margin-top:40px; }
.n-message input[type=text] { display:block; margin:0 auto; width:487px; height:58px;margin-bottom:29px;  color:#999999; font-size:14px; border:#cccccc solid 1px;text-indent:20px; }
.n-message input::-webkit-input-placeholder { color: #999999;}
.n-message textarea { display:block; margin:0 auto; width:487px; height:103px; margin-bottom:29px; text-indent:20px;color:#999999; font-size:14px; border:#cccccc solid 1px;  background-color:transparent;outline: none; line-height:58px; resize:none}
.n-message textarea::-webkit-input-placeholder { color: #999999; font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;}
.n-message input[type=submit] { display:block; margin:0 auto; width:255px; line-height:41px; text-align:center; height:41px; background-color:#1359b9; color:#fff; font-size:14px; cursor:pointer; border:none;}
.n-message input[type=submit]:hover {opacity:0.8;}

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