@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:133px;position:relative;}
.h-logo { float:left; width:320px; padding-top:33px;}
.h-logo img { height:66px;}
.h-nav { float:left; width:880px; }
.h-nav ul { float:right;}
.h-nav ul li { float:left;color:#666666; min-width:72px; font-size:18px; line-height:133px; padding:0 15px; margin:0 5px;}
.h-nav ul li a {color:#666666; display:block;}
.h-nav ul li.active { background-color:#1777c3;}
.h-nav ul li.active a { color:#FFF;}
.h-nav ul li:hover { background-color:#1777c3;}
.h-nav ul li:hover a { color:#FFF;}
.h-nav ul li .sub { position: absolute;width:100%;left:0; min-width:auto; text-align:center; top:133px;z-index:30000;background-color:rgba(255, 255, 255, 0.9);}
.h-nav ul li .sub ul { display:inline-block; float:none;}
.h-nav ul li .sub ul li{ float:left; position:relative;text-align:center; line-height:1; font-size:14px; font-weight:normal; margin:0;}
.h-nav ul li .sub ul li:after{content:""; position:absolute; left:0; bottom:0; width:1px; height:14px; background-color:#666666; }
.h-nav ul li .sub ul li:first-child:after { width:0;}
.h-nav ul li:hover .sub ul li{ background-color:transparent;}
.h-nav ul li:hover .sub ul li a{ color:#666666;}
.h-nav ul li .sub ul li a { color:#666666;}
.h-nav ul li .sub ul li:hover a { color:#1777c3;}
/*banner*/
.banner { height:auto;}
/* 本例子css */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-45px; bottom:33px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ float:left; margin:0 5px;  width:15px; height:15px;text-align:center;background-color:rgba(255, 255, 255, 0.3); 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-pro*/
.i-pro { height:753px; background:url(../images/pro-bg.jpg) no-repeat top center;}
/* 效果CSS开始 */
.mod18{width:1200px;position:relative;margin:0 auto; padding-top:60px;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:0}
.mod18 .prev{left:-70px;}
.mod18 .next{right:-70px;}
.mod18 #prev{top:5px;width:10px;height:10px;}
.mod18 #next{top:5px;width:10px;height:10px;}
.mod18 #prevTop{ bottom:5px; width:40px;height:40px;}
.mod18 #nextTop{ bottom:5px; width:40px;height:40px;}
.mod18 #prevTop{background:#dddddd url(../images/jiantou1.png) 0 0 no-repeat;}
.mod18 #nextTop{background:#dddddd url(../images/jiantou2.png) 0 0 no-repeat;}
.mod18 #prevTop:hover{background:#1777c3 url(../images/jiantou1.png) 0 0 no-repeat;}
.mod18 #nextTop:hover{background:#1777c3 url(../images/jiantou2.png) 0 0 no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;}
.mod18 .picBox{width:1200px; height:380px; position:relative;overflow:hidden;}
.mod18 .picBox ul{height:380px;position:absolute; left:0;}
.mod18 .picBox li{padding-left:0px; padding-right:0px; width:1200px;height:380px;}
.mod18 .picBox li:hover .tit {opacity: .8;}
.mod18 .picBox li:hover .more {opacity: .8;}
.mod18 .picBox li .pic { float:left;  width:380px; height:380px; margin-left:102px;}
.mod18 .picBox li .pic img { width:380px; height:380px;border-radius:50%;}
.mod18 .picBox li .con { float:right; width:586px;}
.mod18 .picBox li .con .ban { width:108px; height:27px; margin-top:84px;}
.mod18 .picBox li .con .tit {color:#1777c3; font-size:24px; line-height:36px; margin-top:15px;}
.mod18 .picBox li .con .des {color:#333333; font-size:18px; line-height:29px; height:87px; overflow:hidden; margin-top:13px;}
.mod18 .picBox li .con .more { width:82px; padding-left:19px; height:31px; color:#ffffff; font-size:18px; line-height:31px; margin-top:32px; background:#1777c3 url(../images/pro-more.png) no-repeat; background-position:68px 10px; margin-left:4px;}
.mod18 .listBox{width:1200px;height:202px;margin:0 auto;position:relative; padding-top:53px;overflow:hidden;}
.mod18 .listBox ul{height:202px;position:absolute;}
.mod18 .listBox li{width:240px;height:202px;cursor:pointer;position:relative;}
.mod18 .listBox li .con {width:220px;height:198px;border:1px solid #efefef; margin:0 auto; background-color:#FFF; padding-top:2px; }
.mod18 .listBox li.on .con{border:1px solid #1777c3;}
.mod18 .listBox li .con img{ display:block; width:150px; height:150px;margin:0 auto;}
.mod18 .listBox li .con p { font-size:16px; color:#333333; line-height:20px; text-align:center; height:20px; overflow:hidden;}
/*i-about*/
.i-about { height:auto; background-color: #f8f8f8; padding-top:57px; padding-bottom:53px;}
.i-about-cn { text-align:center;}
.i-about-en { text-align:center; margin-top:14px;}
.i-about-des {color:#666666; font-size:14px; line-height:22px;text-align:center; padding-top:20px;}
.i-about-more { text-align:center; margin-top:26px;}
.i-about-more ul { display:inline-block;}
.i-about-more ul li{ float:left; margin:0 18.5px; width:180px; text-indent:95px; height:52px; color:#666666; font-size:14px; line-height:52px; background-color:#ffffff; border:#dddddd solid 1px; text-align:left; position:relative;}
.i-about-more ul li:after{content:""; position:absolute; left:72px; top:17px; width:1px; height:19px; background-color:#dddddd; }
.i-about-more ul li a { display:block;}
.i-about-more ul li:hover { border:#4793cf solid 1px;}
.i-about-more ul li:hover a { color:#4793cf; font-weight:bold;}
.i-about-more ul li:hover:after { background-color:#4793cf; }
.i-about-more ul li:first-child { background:#ffffff url(../images/about-more1.png) no-repeat; background-position:20px 10px;}
.i-about-more ul li:first-child+li { background:#ffffff url(../images/about-more2.png) no-repeat; background-position:20px 10px;}
.i-about-more ul li:first-child+li+li { background:#ffffff url(../images/about-more3.png) no-repeat; background-position:20px 10px;}
/*i-news*/
.i-news { height:auto; padding-bottom:60px;}
.i-news-ban{ padding-top:61px;}
.inb-left{ float:left; width:213px; height:27px; padding-top:8px;}
.inb-left img { width:213px; height:27px;}
.inb-right{ float:right; width:112px; height:44px; background: #1777c3 url(../images/news-more.png) no-repeat; background-position:25px 15px; color:#ffffff; font-size:16px; line-height:44px;text-indent:54px;}
.inb-right a {color:#ffffff; display:block; }
.inb-right:hover { opacity: .8;}
.i-news-list { height:auto; padding-top:5px;}
.i-news-list ul li { float:left; width:384px; height:232px; background-color:#f8f8f8; border:#f8f8f8 solid 1px; margin-left:21px; margin-top:29px;}
.i-news-list ul li:first-child { margin-left:0;}
.i-news-list ul li:first-child+li+li+li { margin-left:0;}
.i-news-list ul li .riqi { color:#dddddd; font-size:16px; line-height:34px; font-weight:bold; padding-top:27px; padding-left:25px;}
.i-news-list ul li .tit { color:#333333; font-size:16px; line-height:42px; font-weight:bold; padding:0 25px; height:42px; overflow:hidden;}
.i-news-list ul li .des { color:#999999; font-size:14px; line-height:22px; height:44px; overflow:hidden; padding:0 25px;}
.i-news-list ul li .more { width:97px; height:30px; background-color: #f8f8f8; color:#1777c3; font-size:14px; line-height:30px; font-weight:bold; text-align:center; margin-left:25px; margin-top:19px;}
.i-news-list ul li:hover { background-color:#FFF; border:#1777c3 solid 1px;}
.i-news-list ul li:hover .tit {color:#1777c3;}
.i-news-list ul li:hover .more { background-color: #1777c3;color:#ffffff;}
/*footer*/
.footer { background-color:#1777c3; border-top:#1a56ad solid 13px; padding-bottom:28px;}
.f-top{ padding-bottom:36px; padding-top:50px;}
.f-top .ban { color:#ffffff; font-size:18px; line-height:42px;font-weight:bold;}
.f-top .con { color:#66a5d7; font-size:14px; line-height:24px; }
.f-nav { float:left; width:582px;}
.f-nav dl { float:left; width:154px; margin-left:60px; position:relative;}
.f-nav dl:after{content:""; position:absolute; right:0; top:16px; width:1px; height:168px; background-color:#3f8bc8; }
.f-nav dl:first-child { margin-left:0;}
.f-nav dl dt{color:#ffffff; font-size:18px; line-height:42px;font-weight:bold;}
.f-nav dl dt a {color:#ffffff;}
.f-nav dl dd{color:#66a5d7; font-size:14px; line-height:24px;font-weight:bold;}
.f-nav dl dd a {color:#66a5d7;}
.f-nav dl dd a:hover {color:#85bce7;}
.f-text { float:left; width:300px; margin-left:60px; position:relative;}
.f-text:after{content:""; position:absolute; right:0; top:16px; width:1px; height:168px; background-color:#3f8bc8; }
.f-tel {color:#ffffff; font-size:16px; line-height:28px;font-weight:bold; margin-bottom:10px;}
.f-ewm { float:right; width:136px; height:auto;}
.f-ewm .pic { width:120px; height:120px; border:#4592cf solid 8px; margin-top:8px;}
.f-ewm .pic img { width:120px; height:120px;}
.f-copy {color:#5da0d5; font-size:14px; line-height:22px; text-align:center;}
.f-copy a {color:#5da0d5;}
.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 { border-bottom:#dddddd solid 1px; height:73px;}
.n-posi-left { float:left; width:600px; color:#666666; font-size:16px; line-height:73px; }
.n-posi-left a {color:#666666;}
.n-posi-left a:hover {text-decoration:underline;}
.n-posi-right { float:right; width:600px; color:#1777c3; font-size:18px; line-height:73px; }
.n-posi-right ul { float:right;}
.n-posi-right ul li { float:left; margin-left:24px; position:relative;}
.n-posi-right ul li a {color:#666666; display:block;}
.n-posi-right ul li.active a{ color:#1777c3; font-weight:bold;}
.n-posi-right ul li.active:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:#1777c3; }
.n-posi-right ul li:hover a{ color:#1777c3; font-weight:bold;}
.n-show {  padding:20px 0 30px; height:auto; position:relative;}
.n-show .tit { padding-top:20px; font-size: 22px; 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:40px; margin-bottom:40px; }
.pagination a {  background-color:#cccccc;color:#FFF;  padding:5px 7px;}
.pagination a:hover { background-color:#1777c3; color:#FFF;}
/*n-piclist*/
.n-piclist { height:auto; padding-top:20px;}
.n-piclist ul li { float:left; width:264px; height:242px; border:#efefef solid 1px; margin-left:27.2px; margin-top:27.2px;}
.n-piclist ul li .pic { width:146px; height:146px; margin:0 auto; text-align:center; overflow:hidden; padding-top:4px;}
.n-piclist ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-piclist ul li .tit {color:#333333; font-size:16px; line-height:24px; height:24px; overflow:hidden; padding:0 35px; text-align:center;}
.n-piclist ul li .des {color:#999999; font-size:14px; line-height:22px; height:44px; overflow:hidden; padding:0 35px;}
.n-piclist ul li:hover { border:#1777c3 solid 1px;}
.n-piclist ul li:hover .tit {color:#1777c3; font-weight:bold;}
/*n-newslist*/
.n-newslist { height:auto; padding-top:16px;}
.n-newslist ul li { border:#dddddd solid 1px; margin-top:24px; padding:10px 0 16px 0;}
.n-newslist ul li .tit {color:#333333; font-size:18px; line-height:50px; font-weight:bold; padding:0 24px; height:50px; overflow:hidden;}
.n-newslist ul li .tit span { float:right; color:#999999; font-size:14px; font-weight:normal;}
.n-newslist ul li .des {color:#666666; font-size:14px; line-height:22px; padding:0 24px; height:44px; overflow:hidden;}
.n-newslist ul li .more {color:#1777c3; font-size:14px; line-height:22px; margin-top:13px; padding:0 24px; }
.n-newslist ul li:hover { border:#1777c3 solid 1px;}
.n-newslist ul li:hover .tit {color:#1777c3; }
/*n-pinpai*/
.n-pinpai {color:#666666; font-size:14px; line-height:28px; padding-bottom:50px;text-indent:2em;border-top: 1px solid #dedede;}
.n-pinpai .biaoti {color:#1777c3; font-size:18px; font-weight:bold; position:relative; margin:15px 0 5px 0; }
.n-pinpai .biaoti:after{content:""; position:absolute; left:0; top:8px; width:9px; height:14px; background-color:#1777c3; }
/*n-picshow*/
.n-picshow { padding-bottom:35px;}
.nps-left { float:left; width:380px; height:380px; overflow:hidden; margin-top:43px;box-shadow: 0 0 20px #f7f7f7;}
.nps-left img{max-width: 100%;max-height: 100%;vertical-align: middle;  }
.nps-right { float:right; width:720px; padding-top:61px;}
.nps-right-tit {color:#333333; font-size:24px; line-height:1; font-weight:bold;}
.nps-right-des {color:#666666; font-size:14px; line-height:28px; margin-top:25px;}
.nps-right-more { margin-top:22px;}
.more-left { float:left;}
.more-left-cn {color:#333333; font-size:16px; line-height:38px;font-weight:bold;}
.more-left-en {color:#666666; font-size:14px; line-height:28px;}
.more-left-link { height:auto; margin-top:38px;}
.more-left-link ul li { float:left; width:60px; margin-right:55px;}
.more-left-link ul li .pic { width:53px; height:53px; margin:0 auto;}
.more-left-link ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;  opacity: .8;}
.more-left-link ul li .tit {color:#999999; font-size:14px; line-height:26px; text-align:center;}
.more-left-link ul li:hover .pic img { opacity: 1;}
.more-left-link ul li:hover .tit{color:#333333;}
.more-right { float:right; width:250px; height:auto; padding-top:30px;}
.more-right img { width:115px; height:115px; border:#eeeeee solid 10px; }
/*n-about*/
.n-about-jieshao { height:auto; background-color:#f8f8f8; margin-top:49px;}
.naj-left { float:left; width:514px; margin-left:43px;}
.naj-left .ban {color:#1777c3; font-size:24px; line-height:30px; font-weight:bold; padding-top:46px;}
.naj-left .ban span {color:#dddddd; font-size:18px;text-transform:uppercase; margin-left:20px; }
.naj-left .des {color:#666666; font-size:16px; line-height:26px; margin-top:12px;}
.naj-right { float:right; width:604px;}
.naj-right img { max-width:100%;}
.n-about-rongyu { margin-top:59px;}
.n-about-rongyu img { max-width:100%;}
.n-about-zongzhi { height:auto;margin-top:49px;}
.naz-left { float:left; width:781px; padding-left:43px; background-color:#f8f8f8; padding-right:60px; min-height:400px; }
.naz-left .ban {color:#1777c3; font-size:24px; line-height:30px; font-weight:bold; padding-top:46px;}
.naz-left .ban span {color:#dddddd; font-size:18px;text-transform:uppercase; margin-left:20px; }
.naz-left .des {color:#666666; font-size:14px; line-height:26px; margin-top:12px;}
.naz-right { float:right; width:259px; margin-right:34px;}
.naz-right img { max-width:100%;}
.n-about-quyu { margin-top:50px; margin-bottom:40px;}
.naq-left{ float:left; width:650px; height:519px;}
.naq-left img { max-width:100%;}
.naq-right{ float:right;  padding-top:87px; }
.naq-right .cn {color:#1777c3; font-size:24px; line-height:40px; font-weight:bold;}
.naq-right .en {color:#dddddd; font-size:18px; line-height:30px; font-weight:bold;}
.naq-right .des {color:#666666; font-size:16px; line-height:34px; margin-top:8px;}
.naq-right .pic { width:473px; height:115px; margin-top:31px;}
.naq-right .pic img { max-width:100%;}
/*zaixianzixun*/
.zaixianzixun { position:fixed; bottom:120px; right:-200px; width:262px; z-index:334;}
.z-tel { width:62px; height:62px; margin-top:10px;background:#333333 url(../images/z-tel.png) no-repeat; background-position:8px 8px; font-size:0; overflow:hidden; }
.z-tel a { color:#FFF;}
.z-tel:hover {width:130px;margin-left:-130px; background:#1777c3 url(../images/z-tel.png) no-repeat; background-position:8px 8px; color:#FFF; font-size:16px; line-height:62px; padding-left:62px;cursor:pointer;}
.z-qq { width:62px; height:62px; margin-top:10px; background:#333333 url(../images/z-qq.png) no-repeat; background-position:8px 8px; }
.z-qq a { display:block; width:100%; height:100%;}
.z-qq:hover {background:#1777c3 url(../images/z-qq.png) no-repeat; background-position:8px 8px;}
.z-wx { width:62px; height:62px; margin-top:10px;background:#333333 url(../images/z-wx.png) no-repeat; background-position:8px 8px; position:relative;transition: 0.5s; cursor:pointer; }
.z-wx .con{display:none; position:absolute; top:0; left:-115px; width:100px; height:130px;transition: 0.5s; padding:5px; background-color:#1777c3;border-radius:3px; }
.z-wx .pic { width:100px; height:100px;}
.z-wx .pic img { width:100px; height:100px;}
.z-wx .tit { text-align:center; line-height:30px; color:#FFF; font-size:14px;}
.z-wx:hover { background:#1777c3 url(../images/z-wx.png) no-repeat; background-position:8px 8px;transition: 0.5s; }
.z-wx:hover .con { display:block; transition: 0.5s;}

.z-ewm { width:62px; height:62px; margin-top:10px;background:#333333 url(../images/z-ewm.png) no-repeat; background-position:8px 8px; position:relative;transition: 0.5s; cursor:pointer; }
.z-ewm .con{display:none; position:absolute; top:0; left:-115px; width:100px; height:130px;transition: 0.5s; padding:5px; background-color:#1777c3;border-radius:3px; }
.z-ewm .pic { width:100px; height:100px;}
.z-ewm .pic img { width:100px; height:100px;}
.z-ewm .tit { text-align:center; line-height:30px; color:#FFF; font-size:14px;}
.z-ewm:hover { background:#1777c3 url(../images/z-ewm.png) no-repeat; background-position:8px 8px;transition: 0.5s; }
.z-ewm:hover .con { display:block; transition: 0.5s;}

@media(max-width:1350px){
.mod18 #prev{ display:none;}
.mod18 #next{ display:none;}
.mod18 #prevTop{ display:none;}
.mod18 #nextTop{ display:none;}
}
@media(max-width:1200px){
.header {width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.i-pro {width:1200px; margin:0 auto;}
.i-about {width:1200px; margin:0 auto;}
.footer {width:1200px; margin:0 auto;}
}