@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:128px; }
.h-logo { float:left; padding-top:40px; width:625px; }
.h-logo img { width:625px; height:42px;}
.h-tel { float:right; margin-top:46px; width:auto;  background:url(../images/h-tel.png) no-repeat left center; padding-left:46px;color:#085aa7; font-size:23px; line-height:36px; letter-spacing: 1px;}

/*nav*/
.nav { height:50px; background-color:#085aa7; text-align:center;}
.nav ul { display:inline-block;}
.nav ul li { float:left;color:#ffffff; font-size:16px; line-height:50px;  position:relative; padding:0 53px; }
.nav ul li a {color:#ffffff; display:block;}
.nav ul li:before{content:""; position:absolute; left:0; top:17px; width:1px; height:17px; background-color:#397bb9; }
.nav ul li:first-child:before { width:0;}
.nav ul li.active:after{content:""; position:absolute; left:50%; bottom:5px; width:76px; margin-left:-38px; height:2px; background-color:#ffffff; }
.nav ul li:hover:after{content:""; position:absolute; left:50%; bottom:5px; width:76px; margin-left:-38px; height:2px; background-color:#ffffff; }
/*banner*/
.banner { height:auto;}
/* 本例子css */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:11px; 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 3px;  width:11px; height:11px;text-align:center; background-color:#ffffff;  cursor:pointer; }
.slideBox .hd ul li.on{ background:#0856a0; }
.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-youshi*/
.i-youshi { height:307px; background-color:#f6f6f6; text-align:center;}
.i-youshi ul { display:inline-block;}
.i-youshi ul li { float:left;width:200px; padding-top:52px; }
.i-youshi ul li:hover { opacity: .8;}
.i-youshi ul li .pic {width:136px; height:136px; margin:0 auto; background:url(../images/youshi-li-bg.png) no-repeat;}
.i-youshi ul li .pic img { width:60px; height:60px; margin:0 auto; margin-top:38px;}
.i-youshi ul li .tit { color:#085aa7; font-size:20px; line-height:1; margin-top:22px;}
.i-youshi ul li .des { color:#999999; font-size:14px; line-height:1; margin-top:10px;}
/*i-public*/
.i-public { text-align:center;}
.i-public:hover { opacity: .8;}
.i-public .i-pub-icon { width:35px; height:35px; margin:0 auto;}
.i-public .i-pub-icon img { width:35px; height:35px;}
.i-public .i-pub-tit { color:#333333; font-size:30px; line-height:1; font-weight:bold; margin-top:12px;}
.i-public .i-pub-tit span { display:inline-block; margin:0 10px;}
.i-public .i-pub-tit .i-pub-line { width:125px; border-bottom:#666666 solid 1px; margin-bottom:13px;}
/*i-pro*/
.i-pro { padding-top:39px; padding-bottom:45px; height:auto;}
.i-pro-show { height:auto; padding-top:1px;}
.i-pro-show ul li {  padding:38px 0; background:url(../images/pro-li-bg.png) no-repeat bottom;}
.i-pro-show ul li:hover { opacity: .8;}
.i-pro-show ul li .pic { float:left; width:208px; height:178px; overflow:hidden; border:#efefef solid 1px; text-align:center; line-height:160px;}
.i-pro-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-pro-show ul li .con { float:right; width:957px; padding-top:5px;}
.i-pro-show ul li .con .en { color:#085aa7; font-size:18px; line-height:26px; font-weight:bold; height:26px; overflow:hidden;}
.i-pro-show ul li .con .cn { color:#999999; font-size:18px; line-height:26px; height:26px; overflow:hidden;}
.i-pro-show ul li .con .des { color:#666666; font-size:14px; line-height:22px; margin-top:10px; height:110px; overflow:hidden;}
.i-pro-show ul li .con .des span { color:#0a5eaf;}
.i-pro-more { width:152px; height:35px; margin:0 auto; margin-top:33px; background-color:#085aa7; text-align:center; color:#ffffff; font-size:14px; line-height:35px;}
.i-pro-more a {color:#ffffff; display:block;}
.i-pro-more:hover { background-color:#333333;}
/*i-about*/
.i-about { background-color:#f6f6f6; padding-top:40px; padding-bottom:35px;}
.i-what { height:auto; padding-top:22px; padding-bottom:50px;}
.i-what-left { float:left; width:724px; color:#666666; font-size:14px; line-height:34px;text-indent:2em; padding-top:34px;}
.i-what-right { float:right; width:434px; height:209px;}
.i-what-right img {width:434px; height:209px;}
.i-guanyu { height:462px; overflow:hidden; background:url(../images/guanyu-bg.png) no-repeat top center;}
.i-guanyu-left { float:left; width:623px; padding-top:46px; padding-left:71px;}
.i-guanyu-left .en {color:#e9e9e9; font-size:34px; line-height:40px; font-weight:bold;text-transform:uppercase;}
.i-guanyu-left .cn {color:#333333; font-size:30px; line-height:42px; font-weight:bold;letter-spacing: 1px;}
.i-guanyu-left .des {color:#666666; font-size:14px; line-height:24px; margin-top:10px; height:192px; overflow:hidden;}
.i-guanyu-left .more { width:284px; height:38px; border:#085aa7 solid 1px; margin-top:38px;}
.i-guanyu-left .more a { display:inline-block; width:141px; text-align:center; color:#085aa7; font-size:14px; line-height:38px;}
.i-guanyu-left .more a:first-child { background-color:#085aa7; color:#FFF;}
.i-guanyu-left .more a:first-child:hover {background-color:#333333;}
.i-guanyu-right { float:right; width:406px; height:317px; overflow:hidden; padding-top:71px; padding-right:62px;}
.i-guanyu-right img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-rongyu { margin-top:52px;  position:relative;}
/* 本例子css */
.i-rongyu .picScroll-left{ width:100%;  overflow:hidden;  }
.i-rongyu .picScroll-left .hd{ height:auto; z-index:3}
.i-rongyu .picScroll-left .hd .prev{ position:absolute; top:79px; left:-110px; display:block;  width:110px; height:38px; cursor:pointer; background:url(../images/anli-l.jpg) no-repeat; }
.i-rongyu .picScroll-left .hd .next{position:absolute; top:79px; right:-110px; display:block;  width:110px; height:38px; cursor:pointer; background:url(../images/anli-r.jpg) no-repeat; }
.i-rongyu .picScroll-left .hd .prev:hover{ background:url(../images/anli-l2.jpg) no-repeat; }
.i-rongyu .picScroll-left .hd .next:hover{  background:url(../images/anli-r2.jpg) no-repeat; }
.i-rongyu .picScroll-left .bd{  width:1200px;  margin:0 auto;   }
.i-rongyu .picScroll-left .bd ul{ overflow:hidden; z-index:1 }
.i-rongyu .picScroll-left .bd ul li{ width:280px; height:255px;  float:left; _display:inline; overflow:hidden; margin:0 10px; }
.i-rongyu .picScroll-left .bd ul li .pic { width:280px; height:195px; margin:0 auto; overflow:hidden; position:relative; text-align:center; line-height:180px;}
.i-rongyu .picScroll-left .bd ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-rongyu .picScroll-left .bd ul li .pic:after{content:""; position:absolute; right:10px; bottom:0; width:55px; height:55px; background:url(../images/jia.png) no-repeat; }
.i-rongyu .picScroll-left .bd ul li .tit {color:#666666; font-size:16px; line-height:60px; text-align:center;}
/*i-news*/
.i-news { height:auto; padding-top:50px; padding-bottom:35px;}
.i-news-show { height:auto;}
.i-news-left { float:left; width:770px; padding-top:40px;}
.i-news-left ul li { border-bottom:#dddddd dotted 1px; padding:18px 0 22px 0;}
.i-news-left ul li:last-child {border-bottom:none;}
.i-news-left ul li .con { float:left; width:680px;}
.i-news-left ul li .con .con-tit {color:#333333; font-size:18px; line-height:40px; position:relative; padding-left:17px;}
.i-news-left ul li .con .con-tit:after{content:""; position:absolute; left:0; top:10px; width:6px; height:19px; background:url(../images/news-dian.png) no-repeat;}
.i-news-left ul li .con .con-des {color:#999999; font-size:14px; line-height:20px;}
.i-news-left ul li .con .con-des span {color:#0a5eaf;}
.i-news-left ul li .riqi { float:right; width:87px; text-align:center; padding-top:10px;}
.i-news-left ul li .riqi .riqi-pic { width:33px; height:33px; margin:0 auto; background:url(../images/news-icon1.png) no-repeat;}
.i-news-left ul li .riqi .riqi-nob {color:#333333; font-size:14px; line-height:1; margin-top:20px;}
.i-news-left ul li:hover .con .con-tit { font-weight:bold; color:#085aa7;}
.i-news-left ul li:hover .con .con-tit:after{ background:url(../images/news-dian2.png) no-repeat;}
.i-news-left ul li:hover .riqi .riqi-pic { background:url(../images/news-icon2.png) no-repeat;}
.i-news-right { float:right; width:346px; height:430px; border:#ededed solid 1px; margin-top:70px;}
.i-news-right .pic { width:286px; height:213px; margin:0 auto; text-align:center; overflow:hidden; margin-top:20px;}
.i-news-right .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-news-right .tit {color:#333333; font-size:18px; line-height:32px; font-weight:bold; padding:0 34px; margin-top:18px; height:32px; overflow:hidden;}
.i-news-right .riqi {color:#999999; font-size:14px; line-height:23px; padding:0 34px; }
.i-news-right .des {color:#999999; font-size:14px; line-height:23px; margin-top:5px; padding:0 34px; height:92px; overflow:hidden; }
.i-news-right:hover .tit  { font-weight:bold; color:#085aa7;}
/*linker*/
.linker { background-color:#f6f6f6; padding:26px 0;}
.linker span { color:#333333; font-size:18px; line-height:30px; padding-right:30px;}
.linker a { color:#666666; font-size:14px; line-height:30px; margin:0 15px; position:relative; }
.linker a:after{content:""; position:absolute; right:-15px; top:4px; width:1px; height:13px; background-color:#dddddd; }
.linker a:hover { color:#0a5eaf;}
/*footer*/
.footer { background:url(../images/footer-bg.jpg) repeat; padding-top:78px; padding-bottom:60px;}
.f-left { float:left; width:337px; position:relative;}
.f-left:after{content:""; position:absolute; right:0; top:0; width:1px; height:265px; background-color:#d5d5d5; }
.f-mid { float:left; width:148px; position:relative; padding-left:78px;}
.f-mid:after{content:""; position:absolute; right:0; top:0; width:1px; height:265px; background-color:#d5d5d5; }
.f-mid2 { float:left; width:217px; position:relative; padding-left:83px;}
.f-mid2:after{content:""; position:absolute; right:0; top:0; width:1px; height:265px; background-color:#d5d5d5; }
.f-right { float:right; width:286px;}
.footer .ban {color:#333333; font-size:18px; line-height:1; font-weight:bold; position:relative; margin-bottom:30px;}
.footer .ban:after{content:""; position:absolute; left:0; bottom:-16px; width:35px; height:2px; background-color:#085aa7; }
.footer .list {color:#90908f; font-size:14px; line-height:30px; }
.footer .list a {color:#90908f;}
.footer .list a:hover { text-decoration:underline;}
.footer .text {color:#90908f; font-size:14px; line-height:30px;}
.footer .text a {color:#90908f;}
.footer .text a:hover { text-decoration:underline;}
.f-tel { width:187px; height:26px;background:url(../images/f-tel.png) no-repeat;color:#333333; font-size:24px; line-height:1; font-weight:bold; padding:34px 0 0 75px;}
.f-ewm { width:177px; height:177px; margin-top:25px; padding-left:75px;}
.f-ewm img{ width:177px; height:177px;}
/*f-copyright*/
.f-copyright { background-color:#333333; text-align:center; color:#b3b2b2; font-size:14px; line-height:26px; padding:10px 0;}
.f-copyright a {color:#b3b2b2;}
.f-copyright 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 { height:60px; border-bottom:#d6d6d6 solid 1px; overflow:hidden;}
.n-posi-left { float:left; background:url(../images/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:#085aa7 solid 5px; }
.n-about { padding:20px 0 30px; color:#333333; font-size:16px; line-height:30px;}
/*详情页*/
.n-show {  padding:20px 0 30px; height:auto; position:relative;}
.n-show .tit { padding-top:20px; 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:40px; margin-bottom:40px; }
.pagination a {  background-color:#cccccc;color:#FFF;  padding:5px 7px;}
.pagination a:hover { background-color:#085aa7; color:#FFF;}
.xiangce-l { position: absolute; left: -50px; top: 140px;}
.xiangce-r { position: absolute; right: -50px; top: 140px;}
.n-piclist { padding-top:0px;}
.n-piclist ul li { float:left; display: block; width: 218px; margin: 12px 9px; background: #fff; border: 2px solid #f5f4f4; border-radius: 3px;}
.n-piclist ul li .pic { width: 180px; height: 180px; background: #fff; margin: 0px auto; border-bottom: 1px solid #e8e8e8; text-align:center; line-height:170px;}
.n-piclist ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-piclist ul li .con {}
.n-piclist ul li .con .en {font-size: 14px; color: #666666; font-weight: normal; height: 20px; line-height: 20px; text-align: center; width: 190px;  overflow: hidden;  margin: 0px auto; padding-top: 15px;}
.n-piclist ul li .con .cn { font-size: 12px; color: #085aa7; height: 20px; line-height: 20px; text-align: center;overflow: hidden; margin: 0px 10px; text-overflow: ellipsis; margin-bottom: 14px; word-wrap: break-word; word-break: break-word;}
.n-piclist ul li:hover { /*border: 2px solid #085aa7;*/}

.n-newslist { height:auto; padding-top:10px;}
.n-newslist ul li { border-bottom:#dddddd dotted 1px; padding:18px 0 22px 0;}
.n-newslist ul li:last-child {border-bottom:none;}
.n-newslist ul li .con { float:left; width:1070px;}
.n-newslist ul li .con .con-tit {color:#333333; font-size:18px; line-height:40px; position:relative; padding-left:17px;}
.n-newslist ul li .con .con-tit:after{content:""; position:absolute; left:0; top:10px; width:6px; height:19px; background:url(../images/news-dian.png) no-repeat;}
.n-newslist ul li .con .con-des {color:#999999; font-size:14px; line-height:20px;}
.n-newslist ul li .con .con-des span {color:#0a5eaf;}
.n-newslist ul li .riqi { float:right; width:87px; text-align:center; padding-top:10px;}
.n-newslist ul li .riqi .riqi-pic { width:33px; height:33px; margin:0 auto; background:url(../images/news-icon1.png) no-repeat;}
.n-newslist ul li .riqi .riqi-nob {color:#333333; font-size:14px; line-height:1; margin-top:20px;}
.n-newslist ul li:hover .con .con-tit { font-weight:bold; color:#085aa7;}
.n-newslist ul li:hover .con .con-tit:after{ background:url(../images/news-dian2.png) no-repeat;}
.n-newslist ul li:hover .riqi .riqi-pic { background:url(../images/news-icon2.png) no-repeat;}

@media(max-width:1450px){
.i-rongyu .picScroll-left .hd { display:none;}	
}
@media(max-width:1200px){
.nav {width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.i-youshi{width:1200px; margin:0 auto;}
.i-about{width:1200px; margin:0 auto;}
.linker{width:1200px; margin:0 auto;}
.footer{width:1200px; margin:0 auto;}
.f-copyright{width:1200px; margin:0 auto;}
}