@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; }
/*welcome*/
.welcome { height:30px; background-color:#545454;}
.wel-left { float:left; color:#aaaaaa; font-size:14px; line-height:30px; }
.wel-right { float:right; color:#aaaaaa; font-size:12px; line-height:30px; }
.wel-right img { width:13px; height:13px; margin:0 2px 0 6px; vertical-align:middle;}
/*header*/
.header { height:120px; position:relative;}
.header:after{content:""; position:absolute; left:310px; top:0; width:1px; height:120px; background-color:#eeeeee; } 
.h-logo { float:left; width:290px; height:100px; margin-top:10px; line-height:94px; overflow:hidden;}
.h-logo img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.h-nav { float:right;  margin-top:47px;}
.h-nav ul li { float:left;color:#333333; font-size:18px; line-height:32px; margin-left:27px; position:relative; }
.h-nav ul li a {color:#333333;}
.h-nav ul li:hover  a{color:#0f3792; font-weight:bold;}
.h-nav ul li.active:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#0f3792; } 
.h-nav ul li.active  a{color:#0f3792; font-weight:bold;}
.h-nav ul li .sub { position: absolute;width:180px;left:-50px; text-align:center; top:32px;z-index:30000; line-height:32px;background-color:#ffffff;}
.h-nav ul li .sub ul { display:block;}
.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:14px; font-weight:normal;  }
.h-nav ul li:hover .sub ul li a{ font-weight:normal;}
.h-nav ul li.active .sub ul li a { font-weight:normal;}
.h-nav ul li .sub ul li:first-child {border-top:none; }
.h-nav ul li .sub ul li:first-child:before { display:none;}
.h-nav ul li .sub ul li:after { display:none;}
.h-nav ul li .sub ul li a { color:#333333;}
.h-nav ul li .sub ul li:hover a { color:#f3d01d; font-weight:bold; }
/*banner*/
.banner { height:auto;}
.banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.banner .slideBox .hd{ height:5px; overflow:hidden; position:absolute; left:50%; margin-left:-52px; bottom:25px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1;}
.banner .slideBox .hd ul li{ float:left; margin:0 5px;  width:26px; height:5px;text-align:center; background:#0f3792; cursor:pointer; }
.banner .slideBox .hd ul li.on{ background:#f3d01d; }
.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 { height:53px; position:relative;}
.i-public:after{content:""; position:absolute; right:156px; top:41px; width:742px; height:1px; background-color:#e4e4e4; }
.i-public .con{ float:left; position:relative; padding-left:23px;}
.i-public .con:after{content:""; position:absolute; left:0; top:0; width:5px; height:53px; background-color:#0f3792; }
.i-public .con .tit { color:#0f3792; font-size:18px; line-height:1; font-weight:bold; }
.i-public .con .des { color:#545454; font-size:24px; line-height:1; font-weight:bold; margin-top:9px; }
.i-public .more{ float:right; width:120px; height:31px; background-color:#0f3792; text-align:center; color:#ffffff; font-size:14px; line-height:31px;  border-radius:15px; margin-top:22px;}
.i-public .more a {color:#ffffff; display:block;}
.i-public .more:hover { background-color:#f3d01d;}
/*i-pro*/
.i-pro { margin-top:70px; padding-bottom:70px;}
.i-pro-top { height:auto;}
.i-pro-left { float:left; width:388px; margin-top:10px;}
.i-pro-left .i-public:after{ display:none; }
.i-pro-left-des {color:#666666; font-size:14px; line-height:20px; margin-top:28px; padding-left:23px; position:relative;}
.i-pro-left-des:after{content:""; position:absolute; left:-168px; top:9px; width:173px; height:1px; background-color:#dddddd; }
.i-pro-left-more { width:34px; height:34px; background-color:#0f3792; margin-top:36px; text-align:center;color:#ffffff; font-size:14px; line-height:34px; margin-left:23px; } 
.i-pro-left-more a { color:#FFF; display:block;}

.i-pro-right { float:right; width:794px; height:557px; position:relative; overflow:hidden; border: 1px solid #eeeeee;}
.i-pro-right .pic {width:794px; height:557px;}
.i-pro-right .pic img{width:794px; height:557px;}
.i-pro-right .tit { position:absolute; bottom:-48px; left:0; height:48px; width:100%; background-color:#0f3792; text-align:center;color:#ffffff; font-size:16px; line-height:48px; overflow:hidden;	transition: 0.5s;}
.i-pro-right:hover .tit  { bottom:0;	transition: 0.5s;}


.i-pro-bot { height:auto; position:relative;}
.i-pro-bot ul li { float:left; width:389px; height:273px; overflow:hidden; position:relative; margin-top:30px;}
.i-pro-bot ul li:nth-child(3n+3) { margin-left:16.5px;}
.i-pro-bot ul li:nth-child(3n+4) { margin-left:16.5px;}
.i-pro-bot ul li .pic {width:387px; height:271px;border: 1px solid #eeeeee;}
.i-pro-bot ul li .pic img{width:387px; height:271px;}
.i-pro-bot ul li .tit { position:absolute; bottom:-48px; left:0; height:48px; width:100%; background-color:#0f3792; text-align:center;color:#ffffff; font-size:16px; line-height:48px; overflow:hidden;	transition: 0.5s;}
.i-pro-bot ul li:hover .tit  { bottom:0;	transition: 0.5s;}
.i-pro-bot ul li:first-child { position:absolute; left:0; top:-303px;}

/*i-fuwu*/
.i-fuwu { height:auto; padding-bottom:68px;}
.i-fuwu-list { margin-top:44px;}
.i-fuwu-list ul li { float:left; width:223px; height:192px; padding-top:29px; background-color:#0f3792;border-radius:3px; position:relative;}
.i-fuwu-list ul li:after{content:""; position:absolute; left:50%; top:109px; width:1px; height:36px; background-color:#ffffff; }
.i-fuwu-list ul li:nth-child(5n+2) { margin-left:21.25px;}
.i-fuwu-list ul li:nth-child(5n+3) { margin-left:21.25px;}
.i-fuwu-list ul li:nth-child(5n+4) { margin-left:21.25px;}
.i-fuwu-list ul li:nth-child(5n+5) { margin-left:21.25px;}
.i-fuwu-list ul li .pic { width:76px; height:76px; margin:0 auto;}
.i-fuwu-list ul li .pic img {width:76px; height:76px;}
.i-fuwu-list ul li .tit { text-align:center;color:#ffffff; font-size:18px; line-height:1; font-weight:bold; margin-top:63px; }
.i-fuwu-list ul li:hover { background-color:#f3d01d;}
/*i-shipin*/
.i-shipin { height:603px; background-color:#eeeeee;}
.i-shipin-left { float:left; width:577px; height:603px; overflow:hidden;}
.i-shipin-left img {width:577px; height:603px;}
.i-shipin-right { float:right; width:534px; padding-top:55px;}
.i-shipin-right .i-public:after{content:""; position:absolute; right:156px; top:41px; width:191px; height:1px; background-color:#e4e4e4; }
.i-shipin-list { background:url(../images/shipin-list-bg.png) no-repeat top center; min-height:397px;}
.i-shipin-list ul li{ float:left; width:197px; margin-left:16px;margin-top:38px; padding-bottom:20px;}
.i-shipin-list ul li:nth-child(even){ margin-left:98px;}
.i-shipin-list ul li .pic { width:197px; height:138px; text-align:center; line-height:128px; overflow:hidden;border: 1px solid #fefefe;
    background-color: #ffffff;}
.i-shipin-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-shipin-list ul li .tit { text-align:center;color:#5c5b5b; font-size:14px; line-height:38px; height:38px; overflow:hidden;}
.i-shipin-list ul li:hover .tit{color:#0f3792; }
/*i-about*/
.i-about { padding-bottom:60px;}
.i-about-left { float:left; width:576px; background:url(../images/about-left-bg.png) no-repeat left top; height:342px; padding-top:103px; text-align:right;}
.i-about-left img { width:454px; height:341px;}
.i-about-right { float:right; width:534px; margin-top:60px;}
.i-about-right .i-public:after{ display:none;}
.i-about-des { color:#999999; font-size:14px; line-height:28px; margin-top:45px; height:140px; overflow:hidden;}
.i-about-more { width:137px; height:36px; border:#dddddd solid 1px; background:#FFF url(../images/about-more.png) no-repeat center center; margin-top:50px;}
.i-about-more a { display:block;width:137px; height:36px; font-size:0;}
.i-about-more:hover { background:#0f3792 url(../images/about-more2.png) no-repeat center center; }
/*i-news*/
.i-news { padding-bottom:52px;}
.i-news-left { float:left; width:600px;}
.i-news-right { float:right; width:600px;}
.i-news-ban { height:78px; background:#113992 url(../images/news-ban1.jpg) no-repeat;}
.i-news-ban .tit{ float:left; color:#ffffff; font-size:18px; line-height:78px; font-weight:bold; padding-left:45px; position:relative; }
.i-news-ban .tit:after{content:""; position:absolute; left:30px; top:31px; width:4px; height:17px; background-color:#ffffff; }
.i-news-ban .more{ float:right; width:120px; height:32px; border-radius:16px;background-color:#FFF; text-align:center; color:#0f3792; font-size:14px; line-height:32px; margin-top:23px; margin-right:30px; }
.i-news-ban .more a {color:#0f3792; display:block;}
.i-news-right .i-news-ban { background:#f4d020 url(../images/news-ban2.jpg) no-repeat;}
.i-news-right .i-news-ban  .more a {color:#f0cd1f; display:block;}
.i-news-list { padding-top:4px;}
.i-news-list ul li{ margin-top:37px;}
.i-news-list ul li .riqi { float:left; width:90px; height:107px; border:#545454 solid 3px; text-align:center; position:relative;}
.i-news-list ul li .riqi:after{content:""; position:absolute; left:61px; bottom:12px; width:13px; height:3px; background-color:#545454; }
.i-news-list ul li .riqi .riqi-dd {color:#545454; font-size:45px; line-height:1; font-weight:bold; padding-top:15px;}
.i-news-list ul li .riqi .riqi-yymm {color:#999999; font-size:14px; line-height:1; margin-top:8px; }
.i-news-list ul li .con { float:right; width:476px;}
.i-news-list ul li .con .tit {color:#545454; font-size:18px; line-height:42px; font-weight:bold; height:42px; overflow: hidden;}
.i-news-list ul li .con .des {color:#999999; font-size:14px; line-height:21px; height:42px; overflow:hidden; }
.i-news-list ul li .con .more {color:#0f3792; font-size:14px; line-height:1; font-weight:bold; margin-top:8px;}
.i-news-list ul li:hover .con .tit {color:#0f3792;}
.i-zizhi-list { height:248px; padding-bottom:57px; border:#eaeaea solid 1px; background:url(../images/zizhi-bg.jpg) repeat-x bottom; position:relative;}
.i-zizhi-list .swiper-container{width:100%;height:100%}
.i-zizhi-list .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.i-zizhi-list .swiper-pagination { width:600px; bottom:15px;}
.i-zizhi-list .swiper-pagination-bullet{width:27px;height:27px;text-align:center;line-height:27px;font-size:14px;color:#ffffff;opacity:1; background-color:#0f3792;border-radius:0; text-align:center; margin:0 4px; outline:none;}
.i-zizhi-list .swiper-pagination-bullet-active{background:#f0cd1f}
.i-zizhi-list .pic { width:230px; height:166px; overflow:hidden; text-align:center; line-height:156px;}
.i-zizhi-list .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
/*f-linker*/
.f-linker {background:#0f3792 url(../images/linker-bg.jpg) repeat-x bottom; padding-top:20px; padding-bottom:15px;}
.f-linker span {color:#879bc9; font-size:16px; line-height:30px;}
.f-linker a {color:#879bc9; font-size:16px; line-height:30px; margin-left:5px;}
.f-linker a:hover { text-decoration:underline;}
/*footer*/
.footer {background-color:#0f3792; padding-bottom:73px;}
.f-left { float:left; width:420px; margin-top:75px;}
.f-left .pic { width:353px; height:62px; overflow:hidden;}
.f-left .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.f-left .des {color:#879bc9; font-size:14px; line-height:27px; margin-top:15px; }
.f-left .des a {color:#879bc9; }
.f-left .des a:hover { text-decoration:underline;}
.f-mid { float:left; width:500px; padding-left:57px;color:#879bc9; font-size:16px; line-height:36px; margin-top:86px; position:relative;}
.f-mid:before{content:""; position:absolute; left:0; top:-14px; width:1px; height:134px; background-color:#274b9d; } 
.f-mid:after{content:""; position:absolute; right:0; top:-14px; width:1px; height:134px; background-color:#274b9d; } 
.f-mid a {color:#879bc9; width:24%; display:inline-block; }
.f-mid a:hover { text-decoration:underline;}
.f-right { float:right; width:170px; margin-top:77px;}
.f-right img {display:inline-block; width:80px; height:80px;}
.f-right a { display:inline-block;width:80px; }
/*f-copy*/
.f-copy { background-color:#eeeeee; text-align:center;color:#a1a1a1; font-size:14px; line-height:30px; padding-top:5px; padding-bottom:5px;}
.f-copy a {color:#a1a1a1;}
.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*/
.n-position { border-bottom:#dddddd solid 1px; height:42px; margin-top:8px;  }
.n-position .tit {color:#666666; font-size:14px; line-height:42px; position:relative; padding-left:20px;}
.n-position .tit:after{content:""; position:absolute; left:0; top:16px; width:10px; height:10px; background:url(../images/home.png) no-repeat; }
.n-position .tit a {color:#666666;}
.n-position .tit a:hover { text-decoration:underline;}
/*n-main*/
.n-main { margin-top:25px; padding-bottom:30px;}
.n-main .n-left { float:right; width:860px;}
.n-left-ban { height:42px; background-color:#f5f5f5;}
.nlb-left{ float:left; padding:0 34px;color:#ffffff; font-size:18px; line-height:42px; font-weight:bold; background-color:#0f3792; }
.nlb-right { float:right;color:#666666; font-size:16px; line-height:42px; padding-right:20px;}
.nlb-right a {color:#666666; }
.nlb-right a:hover {color:#0f3792; }
.n-left-con { height:auto; width:100%; min-height:500px;}
.n-left-con img { max-width:100%;}
.n-main .n-right { float:left; width:302px;background-color:#f2f2f2;border-radius:5px; padding-bottom:15px;}
.n-right-ban {height:42px; padding-top:10px;}
.nrb-left { color:#0f3792; font-size:20px; line-height:42px; font-weight:bold; position:relative; text-align:center;}
.n-right-con { height:auto; width:90%; margin:0 auto; margin-top:15px; }
.n-right-con ul li { height:45px; color:#666666; font-size:14px; line-height:45px; margin-bottom:10px;text-indent:20px; background:#ffffff url(../images/pro-left-icon1.png) no-repeat; background-position:254px 15px;}
.n-right-con ul li a { color:#666666;display:block;}
.n-right-con ul li:hover { background:#0f3792 url(../images/pro-left-icon2.png) no-repeat; background-position:254px 15px;transition: 0.3s;}
.n-right-con ul li:hover a {color:#ffffff;}
/*内页主要*/
.n-contact { color:#333333; font-size:16px; line-height:1.8; padding:15px 10px; }
.n-show {  padding:20px 10px; height:auto; position:relative;}
.n-show .tit {  font-size: 22px; text-align: center; line-height: 32px; color: #1a1a1a; text-transform:uppercase;}
.n-show .riqi { text-align: center; color: #999;font-size: 13px;  padding:15px 0px 10px;}
.n-show .xian { height:1px; border-bottom: 1px solid #cccccc;}
.n-show .show { padding: 10px 0; font-size: 16px; line-height:1.8;}
.n-show .other { padding: 20px 0; text-transform:uppercase;}
.n-show .other p{font-size: 13px; line-height:24px;color: #999999;}
.n-show .other p a { color: #999999;}
.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 {  color:#666666;  padding:5px 7px;}
.pagination a:hover { background-color:#0f3792; color:#FFF;}
/*n-pic-list*/
.n-pic-list { margin-top:20px;}
.n-pic-list ul li { float:left; width:270px; height:auto; margin-top:4px; } 
.n-pic-list ul li:nth-child(3n+2) { margin-left:18.5px;}
.n-pic-list ul li:nth-child(3n+3) { margin-left:18.5px;}
.n-pic-list ul li .pic {width:268px; height:188px; text-align: center; line-height:178px; overflow:hidden; border:#eeeeee solid 1px;}
.n-pic-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-pic-list ul li .tit {color:#666666; font-size:16px; line-height:47px; height:47px; overflow:hidden; text-align:center; }
.n-pic-list ul li:hover .tit {color:#0f3792; }
/*n-news-list*/
.n-news-list {}
.n-news-list ul li{ float:left;  padding:0 20px; height:121px; border:#eeeeee solid 1px; margin-top:19px;}
.n-news-list ul li .tit {color:#606060; font-size:16px; line-height:30px; font-weight:bold; margin-top:13px; height:30px; overflow:hidden;}
.n-news-list ul li .tit span { float:right; font-weight:normal;color:#999999; font-size:14px;}
.n-news-list ul li .des {color:#999999; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-top:6px;}
.n-news-list ul li:hover { border:#0f3792 solid 1px;}
.n-news-list ul li:hover .tit {color:#0f3792;}
@media(max-width:1550px){
.i-pro-left-des:after { display:none;}
}
@media(max-width:1200px){
.welcome {width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.i-shipin {width:1200px; margin:0 auto;}
.f-linker{width:1200px; margin:0 auto;}
.footer {width:1200px; margin:0 auto;}
.f-copy {width:1200px; margin:0 auto;}
}