@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:41px; background-color:#eeeeee; border-bottom:#dddede solid 1px; overflow:hidden;}
.wel-left { float:left; font-size:14px; color:#000; line-height:41px;}
.wel-right { float:right;}
.wel-right ul li { float:left; margin-left:14px; font-size:14px; color:#000;line-height:41px; position:relative;}
.wel-right ul li:after{content:""; position:absolute; left:-7px; top:13px; width:1px; height:15px; background-color:#000; }
.wel-right ul li a {color:#000;}
.wel-right ul li:first-child:after { width:0;}
.wel-right ul li a:hover { text-decoration:underline; }
/*header*/
.header { height:150px;}
.header .h-logo { float:left; width:700px; padding-top:33px;}
.header .h-logo img { height:89px;}
.header .h-tel { float:right;  margin-top:34px; }
.header .h-tel .cn {color:#093665; font-size:18px; line-height:34px; background:url(../images/h-tel.png) no-repeat left; padding-left:29px; }
.header .h-tel .nob {color:#03ab99; font-size:30px; line-height:40px; font-weight:bold;}
/*nav*/
.nav { height:60px;background-color:#014ea8; text-align:center; overflow:hidden;}
.nav ul { display:inline-block;}
.nav ul li { float:left; width:150px; text-align:center; color:#ffffff; font-size:16px; line-height:60px; position:relative;font-weight:bold; }
.nav ul li a {color:#ffffff; display:block; }
.nav ul li:after{content:""; position:absolute; left:0; top:22px; width:1px; height:20px; background-color:#fcfefe; }
.nav ul li:first-child:after { width:0;}
.nav ul li:hover { background-color:#03ab99;}
.nav ul li.active { background-color:#03ab99;}
/*banner*/
.banner { height:auto;}
/* 本例子css */
#banner{ width:100%; height:auto; overflow:hidden; position:relative;}
#banner .hd{ height:10px; overflow:hidden; position:absolute; left:50%; margin-left:-45px; bottom:20px; z-index:1; }
#banner .hd ul{ overflow:hidden; zoom:1;}
#banner .hd ul li{ float:left; margin:0 5px;  width:10px; height:10px;text-align:center; background:#333333; cursor:pointer;border-radius:50%;}
#banner .hd ul li.on{ background:#014ea8; }
#banner .bd{ position:relative; height:100%; z-index:0;   }
#banner .bd li{ zoom:1; vertical-align:middle; }
#banner .bd img{ width:100%; height:auto; display:block;  }
/*i-about*/
.i-about { height:438px; margin-top:43px;  border:#dbdddf solid 1px; background:url(../images/about-bg.jpg) repeat-y right; overflow:hidden;}
.i-about-left { float:left; width:534px; padding-left:22px;}
.i-about-left .tit { padding-top:46px; color:#464646; font-size:32px; line-height:46px; font-weight:bold; }
.i-about-left .des { padding-top:15px; color:#000000; font-size:16px; line-height:34px; height:204px; overflow:hidden; }
.i-about-left .more { padding-top:44px; }
.i-about-left .more ul li { float:left; width:158px; height:38px; line-height:38px; background-color:#03ab99; text-align:center;color:#ffffff; font-size:14px; border-radius:16px; margin-right:12px;}
.i-about-left .more ul li a {color:#ffffff; display:block;}
.i-about-left .more ul li:first-child { background-color:#014ea8; }
.i-about-right { float:right; padding:36px 36px 0 0; width:580px; height:366px; text-align:center; overflow:hidden; line-height:350px;}
.i-about-right img{max-width: 100%;max-height: 100%;vertical-align: middle; }
/*i-public*/
.i-public {text-align:center; background:url(../images/public-bg.jpg) no-repeat center bottom; padding:33px 0 20px 0;}
.i-public .tit {color:#014ea8; font-size:45px; line-height:68px; font-weight:bold;letter-spacing: 1px; }
.i-public .tit span {color:#03ab99; }
.i-public .des {color:#000000; font-size:20px; line-height:40px; }
/*i-pro*/
.i-pro { height:850px; margin-top:36px;}
.i-pro-list { padding-top:32px;}
.i-pro-list ul li { float:left; width:290px; text-align:center; margin-top:10px; height:auto; margin-left:13.33px;}
.i-pro-list ul li:first-child { margin-left:0;}
.i-pro-list ul li:first-child+li+li+li+li { margin-left:0;}
.i-pro-list ul li:first-child+li+li+li+li+li+li+li+li { margin-left:0;}
.i-pro-list ul li .pic { width:290px; height:230px; text-align:center; line-height:220px; overflow:hidden;}
.i-pro-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-pro-list ul li .tit {color:#000000; font-size:20px; line-height:60px; height:60px; overflow:hidden; }
.i-pro-list ul li:hover .tit {color:#03ab99;}
/*i-news*/
.i-news { height:750px; background-color:#f8f7f7; }
.i-news-con { padding-top:60px;}
.i-news-left { float:left; width:550px; height:430px;}
/* 本例子css */
#news-ban{ width:550px; height:430px; overflow:hidden; position:relative;  }
#news-ban .bd{ position:relative; height:100%; z-index:0;   }
#news-ban .bd li{ zoom:1; vertical-align:middle; position:relative; }
#news-ban .bd .pic{ width:550px; height:430px; overflow:hidden; }
#news-ban .bd .pic img{ width:550px; height:430px; display:block;  }
#news-ban .bd li .tit { position:absolute; bottom:0; left:0; width:524px; height:70px; line-height:70px;color:#ffffff; font-size:18px; padding-left:26px;background-color:rgba(0, 0, 0, 0.6);}
#news-ban .prev{ position:absolute; right:48px; bottom:24px; display:block; width:30px; height:20px; background:url(../images/news-l1.png) no-repeat;   }
#news-ban .next{ position:absolute; right:14px; bottom:24px; display:block; width:30px; height:20px; background:url(../images/news-r1.png) no-repeat;   }
#news-ban .prev:hover{ background:url(../images/news-l2.png) no-repeat;}
#news-ban .next:hover{ background:url(../images/news-r2.png) no-repeat;}
#news-ban .prevStop{ display:none;  }
#news-ban .nextStop{ display:none;  }
.i-news-right { float:right; width:624px; height:auto; padding-top:19px;}
/* 本例子css */
.slideTxtBox { width:624px; }
.slideTxtBox .hd{  height:30px; position:relative; }
.slideTxtBox .hd ul li{ float:left; width:auto; margin-left:4px; margin-right:40px;  color:#000000; font-size:20px; line-height:30px; padding-left:34px; font-weight:bold; position:relative; }
.slideTxtBox .hd ul li:after{content:""; position:absolute; left:-23px; top:4px; width:1px; height:20px; background-color:#014ea8; }
.slideTxtBox .hd ul li:first-child:after { width:0;}
.slideTxtBox .hd ul li a { color:#000000; }
.slideTxtBox .hd ul li.on{ color:#03ab99;}
.slideTxtBox .hd ul li.on a { color:#03ab99; }
.slideTxtBox .hd ul li:first-child { background:url(../images/news-icon1.png) no-repeat; background-position:0 0;}
.slideTxtBox .hd ul li:first-child+li { background:url(../images/news-icon2.png) no-repeat; background-position:0 0;}
.slideTxtBox .hd ul li:first-child.on { background:url(../images/news-icon11.png) no-repeat; background-position:0 0;}
.slideTxtBox .hd ul li:first-child+li.on { background:url(../images/news-icon21.png) no-repeat; background-position:0 0;}
.slideTxtBox .bd{ height:auto; overflow:hidden; margin-top:21px;}
.slideTxtBox .bd ul{ zoom:1;  }
.slideTxtBox .bd ul li {color:#000000; font-size:18px; line-height:53px; height:53px; overflow:hidden; }
.slideTxtBox .bd ul li a{color:#000000; }
.slideTxtBox .bd ul li span{ float:right;color:#212121;}
.slideTxtBox .bd ul li:hover a {color:#03ab99; }
.slideTxtBox .bd ul li:hover span {color:#03ab99; }
/*f-linker*/
.f-linker { min-height:38px; padding:24px 0 20px 0; background:#014ea8 url(../images/linker-bg.jpg) repeat-x bottom; border-top:#03ab99 solid 20px;}
.f-linker span { padding-left:27px; color:#ffffff; font-size:19px; line-height:38px; font-weight:bold; }
.f-linker a { margin:0 10px; color:#ffffff; font-size:14px; line-height:38px; }
.f-linker a:hover { text-decoration:underline; }
/*footer*/
.footer { min-height:280px; background-color:#014ea8; padding-bottom:10px; }
.footer a {color:#ffffff;}
.footer a:hover { text-decoration:underline; }
.f-left { float:left; width:386px; margin-left:20px; padding-top:40px;}
.f-mid { float:left; width:386px; margin-left:20px;padding-top:40px;}
.f-right { float:right; width:244px; position:relative; }
.f-right:after{content:""; position:absolute; left:-96px; top:42px; width:2px; height:200px; background:url(../images/foot-line.jpg) no-repeat; }
.footer .ban { background:url(../images/foot-ban.png) no-repeat left bottom;color:#ffffff; font-size:16px; line-height:50px; font-weight:bold; }
.footer .con { padding-top:10px;color:#ffffff; font-size:14px; line-height:30px;}
.footer .list { padding-top:20px;}
.footer .list ul li { float:left; width:120px; overflow:hidden; height:30px; color:#ffffff; font-size:14px; line-height:30px;}
.footer .f-right .tit { width:174px; text-align:center; color:#ffffff; font-size:12px; line-height:48px;}
.footer .f-right .pic {margin-top:44px;  width:174px; height:174px; background:url(../images/foot-ewm-bg.png) no-repeat;}
.footer .f-right .pic img { width:135px; height:135px; padding:19.5px;}
/*返回顶部*/
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 { padding-top:20px; padding-bottom:40px;}
.n-left {float:left; width:220px;}
.n-left-li { margin-top:20px; width:220px;}
.n-left-ban {height:45px; line-height:45px;  color:#ffffff;  text-align:center; position:relative; font-size:16px; background-color:#014ea8; }
.n-left-ban a { color:#ffffff; }
.n-left-con { border:#e4e4e4 solid 1px; background-color:#ffffff; font-size:14px;border-top:none;}
.n-left-con ul li {width:100%; line-height:36px; border-top:#e4e4e4 solid 1px; padding-left:41px;box-sizing: border-box; position:relative; }
.n-left-con ul li:after{content:""; position:absolute; left:19px; top:17px; width:10px; height:3px; background-color:#03ab99; }
.n-left-con ul li a { display:block; color:#000000;}
.n-left-con ul li:hover a{color:#03ab99; }
.n-left-con ul .active { color:#03ab99;}
.n-left-con ul .active a {color:#03ab99; font-weight:bold;}
.n-left-con2{ border:#e4e4e4 solid 1px; background-color:#ffffff; font-size:14px;border-top:none; padding:10px; line-height:30px;}
/*右侧*/
.n-right { float:left; margin-top:20px; margin-left:40px; width:940px;}
.n-right-ban {  height:45px; border-bottom:#d6d6d6 solid 1px; box-sizing:border-box;  position:relative;}
.n-right-ban:after{content:""; position:absolute; left:0; bottom:-1px; width:110px; height:3px; background-color:#014ea8; }
.n-posi-left {float:left; background:url(../images/home.png) no-repeat; background-position:0 15px; background-size:15px 15px; padding-left:30px; color:#000000; font-size:16px; line-height:45px; }
.n-posi-right { padding-right:10px; float:right; color:#666666; font-size:14px; line-height:45px;}
.n-posi-right a { color:#666666;}
.n-posi-right a:hover { text-decoration:underline; }
.n-right-con { height:auto;}
.n-show { padding:10px; font-size:16px; color:#000000; line-height:40px; box-sizing:content-box;}
.n-show img { max-width:100%;}
.n-show .img-responsive { display:inline;}
.n-tit { font-size:20px; text-align:center; line-height:34px; margin-top:36px; padding:0 10px;}
.n-time { font-size:14px; text-align:center; line-height:18px; margin-top:23px; color:#bababa; }
.n-xian {border-bottom:#e4e4e4 solid 1px; height:1px; margin-top:20px;}
.n-other { line-height:30px; padding:10px 0;}
.n-other a:hover{ text-decoration:underline; }  
.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:#014ea8; color:#FFF;}
/*列表页*/
.n-newlist {  padding:20px 10px;}
.n-newlist ul li {color:#000000; font-size:14px; line-height:36px; height:36px; overflow:hidden; border-bottom:#e4e4e4 1px dashed;  }
.n-newlist ul li a{color:#000000; }
.n-newlist ul li span{ float:right;color:#666666;}
.n-newlist ul li:hover a {color:#03ab99; }
.n-newlist ul li:hover span {color:#03ab99; }

.n-piclist {width:100%; padding:10px 0; }
.n-piclist ul li { float:left; width:285px; margin-left:17px; margin-top:20px; }
.n-piclist ul li .pic { width:285px; height:226px; text-align:center; overflow:hidden; border:#efefef solid 1px;}
.n-piclist ul li img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.6s;}
.n-piclist ul li .tit { color:#444444; font-size:14px; line-height:40px; text-align:center;}
.n-piclist ul li:hover .pic{ border:#014ea8 solid 1px;}
.n-piclist ul li:hover .tit a{color:#014ea8;}
@media(max-width:1200px){
.welcome {width:1200px; margin:0 auto;}
.nav {width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.i-news {width:1200px; margin:0 auto;}
.f-linker {width:1200px; margin:0 auto;}
.footer {width:1200px; margin:0 auto;}
}