@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:137px; border-top:#333333 solid 11px;}
.h-logo-pic { float:left; width:118px; height:111px; margin-top:-11px;}
.h-logo-pic img {width:118px; height:111px;}
.h-logo { float:left; padding-top:50px; width:300px; margin-left:19px;}
.h-logo img { height:52px;}
.h-right { float:right; position:relative; width:727px;}
.h-tel { position:absolute; top:-11px; right:0; width:136px; height:47px; color:#ffffff; font-size:16px; line-height:47px; font-weight:bold; padding-left:44px; background:#375d9b url(../images/h-tel.png) no-repeat; background-position:19px 16px; }
.h-search { float:right; width:730px; margin-top:54px; text-align:right;}
.h-search input[type=text] { width:623px; padding-left:10px; height:41px;color:#666666; font-size:14px; border:#ededed solid 1px; }
.h-search input[type=submit] { width:92px; line-height:43px; text-align:center; height:43px; background-color:#375d9b; color:#fff; font-size:18px; font-weight:bold; cursor:pointer; border:none;}
.h-search input::-webkit-input-placeholder { color: #999999;}
/*nav*/
.nav { height:56px; background-color:#375d9b; text-align:center;}
.nav ul { display:inline-block;}
.nav ul li { float:left;color:#ffffff; font-size:16px; line-height:56px; padding:0 27px; margin:0 25px; }
.nav ul li a {color:#ffffff; display:block;}
.nav ul li:hover { background-color:#1b3f7b;}
.nav ul li.active { background-color:#1b3f7b; font-weight:bold;}
/*banner*/
.banner { height:auto;}
/* 本例子css */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; left:50%; margin-left:-45px; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ float:left; margin:0 5px;  width:10px; height:10px;text-align:center; background-color:rgba(47, 92, 151, 0.6);  cursor:pointer; }
.slideBox .hd ul li.on{ background:#2f5c97; }
.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-about*/
.i-about { padding-bottom:82px;}
.i-about-left { float:left; width:432px; background:url(../images/about-bg.jpg) no-repeat left top; padding-left:21px; padding-top:80px; padding-bottom:16px; }
.i-about-right { float:right; width:667px; padding-top:94px;}
.i-about-top { border-bottom:#dddddd solid 1px; height:76px; background:url(../images/about-icon.png) no-repeat top left; position:relative; }
.i-about-top .en {color:#2f5c97; font-size:24px; line-height:1; font-weight:bold; margin-top:18px;text-transform:uppercase; font-weight:bold; margin-left:77px;}
.i-about-top .cn {color:#333333; font-size:16px; line-height:1;margin-top:7px; margin-left:77px;}
.i-about-top .more { position:absolute; right:0; top:10px; width:101px; height:34px; background-color:#2f5c97; text-align:center; color:#ffffff; font-size:14px; line-height:34px;}
.i-about-top .more a {color:#ffffff; display:block;}
.i-about-top .more:hover{ opacity: .8;}
.i-about-bot {color:#666666; font-size:14px; line-height:26px; margin-top:22px;}
/*i-pro*/
.i-pro { height:590px; background: #234b7f url(../images/pro-bg.jpg) no-repeat top center;}
.i-pro-left { float:left; width:182px; padding-top:67px;}
.i-pro-left ul li { width:182px; height:52px;background-color:rgba(255, 255, 255, 0.3); text-align:center; line-height:52px; color:#FFF; font-size:16px; margin-bottom:15px;}
.i-pro-left ul li a {color:#FFF; display:block;}
.i-pro-left ul li:hover {background-color:rgba(255, 255, 255, 1); }
.i-pro-left ul li:hover a { color:#2f5c97; font-weight:bold;}
.i-pro-left ul li.active {background-color:rgba(255, 255, 255, 1); }
.i-pro-left ul li.active a { color:#2f5c97; font-weight:bold;}
.i-pro-right { float:right; width:1005px; padding-top:67px;}
.i-pro-right ul li { float:left; width:300px; height:218px; margin-left:35px; margin-bottom:18px;}
.i-pro-right ul li .pic{ width:300px; height:170px; text-align:center; line-height:160px; overflow:hidden;}
.i-pro-right ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-pro-right ul li .tit { height:48px;background-color:rgba(255, 255, 255, 0.6); text-align:center;color:#333333; font-size:16px; line-height:48px; }
.i-pro-right ul li:hover .tit {background-color:rgba(255, 255, 255, 1); }
/*i-news*/
.i-news { height:551px; padding-top:80px;}
.i-news ul li { float:left; width:390px; border:#efefef solid 1px; height:470px; margin-left:12px;}
.i-news ul li:first-child { margin-left:0;}
.i-news ul li .pic { width:390px; height:272px; overflow:hidden; line-height:260px; text-align:center;}
.i-news ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-news ul li .tit {color:#333333; font-size:18px; line-height:30px; font-weight:bold; text-align:center; margin-top:27px; }
.i-news ul li .des {color:#666666; font-size:14px; line-height:22px; height:44px; overflow:hidden; margin-top:8px; padding:0 20px;  }
.i-news ul li .more { width:172px; height:45px; background-color:#2f5c97; text-align:center; color:#ffffff; font-size:16px; line-height:45px; margin:0 auto; margin-top:17px;}
.i-news ul li:hover .more { opacity: .8;}
/*i-liuyan*/
.i-liuyan { height:635px; background: #204a7b url(../images/liuyan-bg.jpg) no-repeat top center;}
.i-liuyan-left { float:left; width:630px; padding-top:178px; }
.i-liuyan-left ul li{ float:left; width:179px; height:207px; background:url(../images/youshi-bg1.png) no-repeat; margin-right:31px; margin-top:-40px; }
.i-liuyan-left ul li .pic { width:100px; height:68px; margin:0 auto; margin-top:49px;}
.i-liuyan-left ul li .tit { color:#FFF; font-size:16px; text-align:center; line-height:1px; margin-top:22px; }
.i-liuyan-left ul li:hover {background:url(../images/youshi-bg2.png) no-repeat; }
.i-liuyan-left ul li:hover .tit {color:#333333; font-weight:bold;}
.i-liuyan-left ul li:first-child+li+li+li  { margin-left:105px;}
.i-liuyan-left ul li:first-child .pic { background:url(../images/youshi1.png) no-repeat;} 
.i-liuyan-left ul li:first-child+li .pic { background:url(../images/youshi2.png) no-repeat;} 
.i-liuyan-left ul li:first-child+li+li .pic { background:url(../images/youshi3.png) no-repeat;} 
.i-liuyan-left ul li:first-child+li+li+li .pic { background:url(../images/youshi4.png) no-repeat;} 
.i-liuyan-left ul li:first-child+li+li+li+li .pic { background:url(../images/youshi5.png) no-repeat;} 
.i-liuyan-left ul li:first-child:hover .pic { background:url(../images/youshi12.png) no-repeat;} 
.i-liuyan-left ul li:first-child+li:hover .pic { background:url(../images/youshi22.png) no-repeat;} 
.i-liuyan-left ul li:first-child+li+li:hover .pic { background:url(../images/youshi32.png) no-repeat;} 
.i-liuyan-left ul li:first-child+li+li+li:hover .pic { background:url(../images/youshi42.png) no-repeat;} 
.i-liuyan-left ul li:first-child+li+li+li+li:hover .pic { background:url(../images/youshi52.png) no-repeat;} 
.i-liuyan-right { float:right; width:530px; height:440px;background-color:rgba(255, 255, 255, 0.7); margin-top:98px;}
.i-liuyan-right .ban {color:#2f5c97; font-size:24px; line-height:1; font-weight:bold; text-align:center; background:url(../images/liuyan-icon.png) no-repeat center center; margin-top:51px; }
.i-liuyan-right .con { padding-top:24px;}
.i-liuyan-right .con input[type=text] { display:block; width:407px; padding-left:10px; height:42px;color:#666666; font-size:14px; border:none; background-color:#FFF; margin-left:57px; margin-top:11px;}
.i-liuyan-right .con input::-webkit-input-placeholder { color: #999999;}
.i-liuyan-right .con input[type=submit] {  display:inline-block; width:190px; line-height:42px; text-align:center; height:42px; background-color:#2f5c97; color:#fff; font-size:14px; cursor:pointer; border:none; margin-left:57px; }
.i-liuyan-right .con a{ display:inline-block;width:188px; line-height:40px; text-align:center; height:40px;  color:#2f5c97; font-size:14px; cursor:pointer; border:none; margin-left:35px; margin-top:33px; border:#718eb4 solid 1px;}
.i-liuyan-right .con input[type=submit]:hover { opacity: .8;}
.i-liuyan-right .con a:hover { opacity: .8;}
/*footer*/
.footer { height:466px; background: #292f34 url(../images/footer-bg.jpg) no-repeat;}
.f-left { float:left; width:494px; margin-top:163px; position:relative;}
.f-left img { position:absolute; top:0; left:0;}
.f-left .cn{color:#ffffff; font-size:24px; line-height:1;  margin-left:143px; margin-top:16px;}
.f-left .nob{color:#ffffff; font-size:30px; line-height:1; font-weight:bold; margin-left:143px; background:url(../images/f-tel.png) no-repeat left center; padding-left:45px; margin-top:19px;}
.f-left .copy{color:#ffffff; font-size:14px; line-height:1; margin-top:38px; }
.f-left a {color:#ffffff;}
.f-left a:hover { text-decoration:underline;}
.f-mid { float:left; width:430px; color:#8b949c; font-size:18px; line-height:32px; padding-top:101px;}
.f-mid a {color:#8b949c;}
.f-mid a:hover { text-decoration:underline;}
.f-right { float:right; width:224px; height:224px; background-color:rgba(255, 255, 255, 0.3); margin-top:120px; }
.f-right img { width:187px; height:187px; margin:18.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-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:#375d9b 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 .show table {border-collapse: collapse; background:#FFF;}
.n-show .show table tr th {color: #ffffff; font-size: 18px; line-height: 30px; font-weight: normal; background-color: #0aa39b;padding: 10px;text-align: center; border:#cccccc solid 1px;}
.n-show .show table tr td { line-height:20px; border:1px solid #CCC; padding:10px;}

.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:#375d9b; color:#FFF;}
.xiangce-l { position: absolute; left: -50px; top: 140px;}
.xiangce-r { position: absolute; right: -50px; top: 140px;}
.n-piclist { padding-top:30px;}
.n-piclist ul li { float:left; width:270px; margin:0 15px; margin-bottom:20px; }
.n-piclist ul li .pic { width:270px; height:153px; text-align:center; overflow:hidden; border:#efefef solid 1px; line-height:140px;}
.n-piclist ul li img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-piclist ul li .tit { color:#444444; font-size:14px; line-height:40px; text-align:center;}
.n-piclist ul li:hover .pic{ border:#375d9b solid 1px;}
.n-piclist ul li:hover .tit {color:#375d9b;}

.news-list{padding-bottom:30px; margin-top:30px;}
.news-list li{width:948px;height:136px;position:relative;border-bottom:1px #d7d7d7 solid}
.news-list li:hover span{width:948px}
.news-list li a{width:868px;height:105px;padding:30px 0 0 40px;z-index:10;position:absolute;left:0;top:0}
.news-list li a:hover h3{color:#375d9b}
.news-list li h4{padding-top:20px;height:85px;width:105px;font-size:24px;margin-right:30px;color:#999;font-family:'Iskoola Pota';letter-spacing:-1px;float:left;font-weight:400}
.news-list li h3{font-size:16px;color:#666;padding-right:12px;margin-bottom:15px;font-weight:400}
.news-list li p{font-size:12.5px;color:#999;line-height:22px}
.news-list li span{width:0;height:135px;position:absolute;left:0;top:0;z-index:8;background:-webkit-gradient(linear,120% 0,0 100%,from(#fff),to(#efefef),color-stop(1.2,#f3f3f3));-webkit-transition:all .3s;-moz-transition:all .3s;-transition:all .3s}
.n-main { height:auto; padding-bottom:30px;}
.n-left { float:left; width:222px; padding-top:20px;background: #234b7f url(../images/pro-bg.jpg) no-repeat top center; margin-top:30px; padding-bottom:5px;}
.n-left ul li { width:182px; height:52px;background-color:rgba(255, 255, 255, 0.3); text-align:center; line-height:52px; color:#FFF; font-size:16px; margin:0 auto; margin-bottom:15px; }
.n-left ul li a {color:#FFF; display:block;}
.n-left ul li:hover {background-color:rgba(255, 255, 255, 1); }
.n-left ul li:hover a { color:#2f5c97; font-weight:bold;}
.n-left ul li.active {background-color:rgba(255, 255, 255, 1); }
.n-left ul li.active a { color:#2f5c97; font-weight:bold;}
.n-right { float:right; width:948px;}
.n-liuyan-right { width:530px; height:440px;background-color:rgba(255, 255, 255, 0.7); margin-top:20px; padding-left:140px;}
.n-liuyan-right .ban {color:#2f5c97; font-size:24px; line-height:1; font-weight:bold; text-align:center; background:url(../images/liuyan-icon.png) no-repeat center center; margin-top:51px; }
.n-liuyan-right .con { padding-top:24px;}
.n-liuyan-right .con input[type=text] { display:block; width:405px; padding-left:10px; height:40px;color:#666666; font-size:14px;  border:#718eb4 solid 1px; background-color:#FFF; margin-left:57px; margin-top:11px;}
.n-liuyan-right .con input::-webkit-input-placeholder { color: #999999;}
.n-liuyan-right .con input[type=submit] {  display:inline-block; width:190px; line-height:42px; text-align:center; height:42px; background-color:#2f5c97; color:#fff; font-size:14px; cursor:pointer; border:none; margin-left:57px; }
.n-liuyan-right .con a{ display:inline-block;width:188px; line-height:40px; text-align:center; height:40px;  color:#2f5c97; font-size:14px; cursor:pointer; border:none; margin-left:35px; margin-top:33px; border:#718eb4 solid 1px;}
.n-liuyan-right .con input[type=submit]:hover { opacity: .8;}
.n-liuyan-right .con a:hover { opacity: .8;}

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