@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;}
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: #000;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; line-height: 24px;background: #fff;min-height: 100%;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;}
/*头部*/
.welcome { height:30px; line-height:30px; background-color:#f2f2f2; color:#202020; font-size:12px;}
.header { height:133px;}
.header .logo { margin-top:44px; min-width:600px;}
.header .logo .pic{ float:left; min-width:237px; height:46px;}
.header .logo .pic img { height:46px;}
.header .logo .des{ float:left; margin:8px 0 0 12px;padding-left:14px; min-width:240px; line-height:46px; position:relative; color:#2f2f2f; font-size:20px; line-height:30px; }
.header .logo .des:after{content:""; position:absolute; left:0; top:0; width:1px; height:38px; background-color:#afafaf; }
.header .tel { margin-top:41px; min-width:305px; background:url(../images/tel.png) no-repeat; background-position:0 0; padding-left:57px;}
.header .tel .tit{ color:#222527; font-size:14px; line-height:18px; }
.header .tel .nob{ color:#000406; font-size:22px; line-height:28px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
/*导航*/
.nav { background-color:#0062ad; height:51px; line-height:51px; color:#ffffff; font-size:16px; }
.nav a { color:#ffffff;}
.nav ul { display:inline-block;}
.nav ul li { float:left; min-width:21px; padding:0 17px; position:relative; }
.nav ul li:hover { background-color:#f46d00;}
.nav ul li .sub { position: absolute;left:0; top:51px;z-index:30000; }
.nav ul li .sub ul li{ float:left;width:100%; line-height:40px; position:relative; font-size:14px; background-color:#0062ad;text-align:center;}
.nav ul li .sub ul li a { }
.nav ul li .sub ul li:hover {background-color:#f46d00;}
/*轮播图*/
.banner{height:400px;position:relative;overflow:hidden}
.banner ul{position:relative}
.banner ul li{float:left;height:400px;overflow:hidden;position:relative}
.banner .btn-list{position:absolute;bottom:15px}
.banner .btn-list li{width:20px;height:20px;background:#fff;margin-right:10px;border-radius:30px}
.banner .btn-list li.active{background:#0062ad}
.banner img{border:0 none;position:absolute;left:50%;margin-left:-960px;top:0;vertical-align:top}
/*公共标题*/
.public { background:url(../images/public.png) no-repeat; text-align:center; background-position:0 26px;}
.public .tit { color:#0093dd; font-size:36px; line-height:60px; }
.public .des { color:#000406; font-size:16px; line-height:30px; }
.public-more { width:168px; height:38px; margin:0 auto; background-color:#3ea4e4; line-height:38px; text-align:center; font-size:14px; }
.public-more a { color:#ffffff;}
.public-more:hover { background-color:#f46d00;}
/*产品*/
.i-pro{background:#fafafa; padding-top:43px; overflow:hidden;clear:both;padding-bottom:44px; min-height:556px;}
.i-pro .pro-list{width:1200px;margin:0 auto;position:relative; margin-top:34px; padding-bottom:16px;}
.i-pro .pro-list .hidden{width:1073px;overflow:hidden;margin:0 auto}
.i-pro .pro-list ul{margin-right:-11px;position:relative}
.i-pro .pro-list li{text-align:center;width:260px;float:left;margin-right:11px}
.i-pro .pro-list li .pic{width:258px;height:304px; border:#d2d2d2 solid 1px; overflow:hidden;}
.i-pro .pro-list li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle;	transition: 0.6s; }
.i-pro .pro-list li:hover .pic img{transform: scale(1.05);	transition: 0.6s;}
.i-pro .pro-list li:hover .tit a { color:#f46d00;}
.i-pro .pro-list li .tit{font-size:18px;color:#2d2d2d; line-height:72px; height:72px; overflow:hidden;}
.i-pro .pro-list li .tit a {color:#2d2d2d;}
.i-pro .pro-list .btn{width:37px;height:37px;display:block;position:absolute;top:140px; cursor:pointer;}
.i-pro .pro-list .l{left:0}
.i-pro .pro-list .r{right:0;}
/*关于我们*/
.i-about { padding-top:24px; padding-bottom:36px; height:auto;}
.i-about-show { padding-bottom:42px; padding-top:36px;}
.i-about-show .fl {width:620px; padding-left:10px; }
.i-about-show .fr {width:497px; padding-right:25px;}
.i-about-show .des{ color:#252525; font-size:16px; line-height:32px; text-indent:2em; }
.i-about-show .honor{ margin-top:28px; padding-left:20px; box-sizing: border-box;}
.i-about-show .honor ul li{ float:left; width:160px; height:196px; text-align:center; overflow:hidden; border:#d7e0f1 solid 5px; margin-right:27px; }
.i-about-show .honor ul li img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.i-about-show .ban { padding-left:38px; padding-right:14px; background:url(../images/shipinbg.png) no-repeat; background-position:6px 15px; box-sizing: border-box; color:#000; font-size:18px; line-height:42px; font-weight:bold;  box-sizing: border-box;}
.i-about-show .ban span{ float:right; color:#000; font-size:14px; font-weight:normal; }
.i-about-show .ban span a { color:#000;}
.i-about-show .ban span a:hover { color:#f46d00;}
/*案例展示*/
.i-case{overflow:hidden;clear:both; padding-bottom:56px; padding-top:63px; background:#40a5e5 url(../images/casebg.jpg) no-repeat top center; }
.i-case .public { background:url(../images/public2.png) no-repeat;background-position:0 26px;}
.i-case .public .tit { color:#ffffff; }
.i-case .public .des { color:#ffffff; }
.i-case .public-more { background-color:#ffffff; }
.i-case .public-more a { color:#3ea4e4;}
.i-case .public-more:hover { background-color:#d7e0f1;}
.i-case .case-list{width:1200px;margin:0 auto;position:relative; margin-top:37px; padding-bottom:38px;}
.i-case .case-list .hidden{width:1100px;overflow:hidden;margin:0 auto}
.i-case .case-list ul{margin-right:-16px;position:relative}
.i-case .case-list li{text-align:center;width:263px;float:left;margin-right:16px}
.i-case .case-list li .pic{width:263px;height:202px; overflow:hidden; text-align:center;}
.i-case .case-list li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.6s;}
.i-case .case-list li:hover .pic img{transform: scale(1.05); transition: 0.6s;}
.i-case .case-list li .tit{font-size:16px;color:#fff; line-height:57px; height:57px; overflow:hidden;}
.i-case .case-list li .tit a {color:#fff;}
.i-case .case-list .btn{width:37px;height:37px;display:block;position:absolute;top:80px; cursor:pointer;}
.i-case .case-list .l{left:0}
.i-case .case-list .r{right:0;}
/*新闻中心*/
.i-news { padding:48px 0 52px 0; height:auto;}
.i-news .xinwen { float:left; width:680px;}
.i-news .zhichi { float:right; width:472px;}
.i-news .ban { height:41px; line-height:41px; background-color:#f6f6f6;}
.i-news .ban .tit { float:left; width:97px; padding-left:30px; height:41px; background-color:#0093dd; color:#ffffff; font-size:16px; line-height:41px;}
.i-news .ban .tit a { color:#ffffff;}
.i-news .ban .more { float:right; min-width:56px; font-size:14px; color:#282828;}
.i-news .ban .more a { color:#282828;}
.i-news .ban .more a:hover { color:#f46d00;}
.i-news .xinwen .mid { margin-top:36px;}
.i-news .xinwen .mid .pic{ width:253px; height:147px; overflow:hidden; text-align:center;}
.i-news .xinwen .mid .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-news .xinwen .mid .con{ width:405px;}
.i-news .xinwen .mid .con .tit{ color:#343434; font-size:16px; line-height:28px; height:28px; overflow:hidden;}
.i-news .xinwen .mid .con .tit a{color:#343434;}
.i-news .xinwen .mid .con .tit a:hover{color:#f46d00;}
.i-news .xinwen .mid .con .des{ margin-top:16px; color:#a7a7a7; font-size:14px; line-height:27px; height:54px; overflow:hidden;}
.i-news .xinwen .mid .con .more{ margin-top:23px; width:70px; text-align:center; color:#f46d00; font-size:14px; line-height:20px; border:#f46d00 solid 1px; border-radius:8px;}
.i-news .xinwen .mid .con .more a{color:#f46d00;}
.i-news .xinwen .mid .con .more:hover { background-color:#f46d00;}
.i-news .xinwen .mid .con .more:hover a{color:#fff;}
.i-news .xinwen .list { width:680px; margin-top:20px; }
.i-news .xinwen .list ul li{ float:left; width:100%; color:#676767; font-size:16px; line-height:56px; border-bottom:#d1d1d1 dashed 1px; padding-right:10px;box-sizing: border-box; height:56px; overflow:hidden;}
.i-news .xinwen .list ul li a { color:#676767; }
.i-news .xinwen .list ul li:hover a { color:#f46d00;}
.i-news .xinwen .list ul li span { float:right; }
.i-news .zhichi .list { width:472px; margin-top:20px; }
.i-news .zhichi .list ul li{ float:left; width:100%; margin-top:10px; }
.i-news .zhichi .list ul li:hover .tit a { color:#f46d00;}
.i-news .zhichi .list ul li:hover .tit:after { background-color:#f46d00; }
.i-news .zhichi .list .tit { color:#272727; font-size:16px; line-height:42px; position:relative; padding-left:26px; box-sizing: border-box; height:42px; overflow:hidden;}
.i-news .zhichi .list .tit:after { position: absolute; content: "A"; left: 0; top: 12px; width: 19px; height: 19px; color: #ffffff; font-size: 16px;background-color:#0093dd; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:19px;}
.i-news .zhichi .list .tit a {  color:#272727;}
.i-news .zhichi .list .des { color:#9a9a9a; font-size:14px; line-height:24px; position:relative; padding-left:26px; box-sizing: border-box; height:48px; overflow:hidden;}
.i-news .zhichi .list .des:after { position: absolute; content: "B"; left:0; top: 6px; width: 19px; height: 19px;color: #ffffff; font-size: 16px; background-color:#555555; font-family:Arial, Helvetica, sans-serif;text-align:center; line-height:19px;}
/*网站底部*/
.footer { background-color:#3a3a3a; color:#acacac; padding:43px 0 35px 0; font-size:16px; line-height:30px; }
.footer a{color:#acacac;}
.foot-con { float:left; width:470px; padding-left:30px; position:relative; padding-top:20px;}
.foot-con:after{content:""; position:absolute; right:0; top:17px; width:1px; height:70px; background-color:#6b6b6b; }
.foot-con2 { float:left; width:350px; padding-left:80px; position:relative; padding-top:20px;}
.foot-con2:after{content:""; position:absolute; right:0; top:17px; width:1px; height:70px; background-color:#6b6b6b; }
.foot-ewm { float:right;}
.linker { background-color:#555555; padding:10px 0; line-height:20px; color:#969696; font-size:14px; text-align:center; min-height:20px; }
.linker a{color:#969696; margin:0 15px;}
/*返回顶部*/
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:#fff; background-color:#0062ad; text-align:center; position:relative; font-size:18px; }
.n-left-con { border:#e4e4e4 solid 1px; background-color:#fff; font-size:14px;border-top:none;}
.n-left-con ul li {width:100%; line-height:45px; border-top:#e4e4e4 solid 1px; padding-left:25px;box-sizing: border-box; }
.n-left-con ul li:hover { background-color:#0062ad;}
.n-left-con ul li a { display:block; color:#4f4f4f;}
.n-left-con ul li a:hover { color:#fff;}
.n-left-con ul .active { color:#f46d00; background:url(../images/pmenu_li.png) no-repeat; background-position:15px 20px;}
.n-left-con ul .active a {color:#f46d00; font-weight:bold;}
.n-left-con2{ border:#e4e4e4 solid 1px; background-color:#fff; 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 { width:100%; line-height:45px; height:45px; background-color:#0062ad; border-bottom:#e4e4e4 solid 1px; box-sizing:border-box;  position:relative;}
.n-right-ban .tit { color:#fff; font-size:16px; padding-left:20px;}
.n-right-ban .tit a {color:#fff;}
.n-right-con {}
.n-show { padding:10px; font-size:16px; color:#4f4f4f; line-height:40px; box-sizing:content-box;}
.n-show img { max-width:100%;}
.n-show .img-responsive { display:inline;}
.n-show table tr td { text-align:center; padding:5px;}
.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:#0062ad; color:#FFF;}
/*列表页*/
.n-newlist { width:100%; padding:20px 0 10px 0;}
.n-newlist ul li{float:left; width:100%;color:#4f4f4f;border-bottom:#e4e4e4 dashed 1px; box-sizing: border-box; padding:0 10px;}
.n-newlist ul li:hover { background-color:#fafafa;  border-bottom:#0062ad dashed 1px; }
.n-newlist ul li:hover .tit a{color:#f46d00;}
.n-newlist ul li .tit { color:#0062ad; font-size:16px; line-height:38px; height:38px; overflow:hidden; }
.n-newlist ul li .tit a {color:#0062ad;}
.n-newlist ul li .des { color:#4f4f4f; font-size:14px; line-height:21px; height:42px; overflow:hidden; }
.n-newlist ul li .riqi { color:#a7a7a7; font-size:14px; line-height:38px; }

/*案例列表*/
.n-anlilist { width:100%; padding:10px 0 10px 0;}
.n-anlilist ul li{float:left; width:100%;color:#4f4f4f;border-bottom:#d4d4d4 dashed 1px; box-sizing: border-box; padding:10px;}
.n-anlilist ul li:hover { background-color:#fafafa; border-bottom:#0062ad dashed 1px; }
.n-anlilist ul li .pic { width:180px; height:139px; overflow:hidden; text-align:center;}
.n-anlilist ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-anlilist ul li .con { width:720px;}
.n-anlilist ul li .tit { color:#004ca2; font-size:16px; line-height:38px; height:38px; overflow:hidden; }
.n-anlilist ul li .tit a {color:#004ca2;}
.n-anlilist ul li:hover .tit a{color:#f46d00;}
.n-anlilist ul li .des { color:#4f4f4f; font-size:14px; line-height:21px; height:63px; overflow:hidden; }
.n-anlilist ul li .more { float:right; margin-top:10px; margin-right:10px; width:74px; height:30px; line-height:30px; text-align:center; font-size:12px;  background-color:#004ca2;}
.n-anlilist ul li .more a { display:block; color:#FFF;}
.n-anlilist ul li:hover .more{ background-color:#f46d00;}

.n-picban { margin-top:30px; width:100%; line-height:30px; height:30px; border-bottom:#e4e4e4 solid 1px; box-sizing:border-box;  position:relative;}
.n-picban .tit {color:#fff; font-size:16px; padding:0 20px; background-color:#004ca2; border-radius:5px;}
.n-picban .more {color:#999999; font-size:14px; padding-right:5px;}
.n-picban .more a {color:#999999;}
.n-picban .more a:hover {  color:#0ea2ee;}

.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:337.81px; text-align:center; overflow:hidden; border:#efefef solid 1px;}
.n-piclist ul li img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-piclist ul li .tit { color:#4f4f4f; font-size:14px; line-height:40px; text-align:center;}
.n-piclist ul li:hover .pic{ border:#f46d00 solid 1px;}
.n-piclist ul li:hover .tit a{color:#f46d00;}
/*留言*/
.online{ padding:10px 0;}
.online ul li{ margin-top:20px; line-height:30px;}
.online ul li span.zi{ display:inline-block; width:235px; line-height:30px; text-align:right; color:#3d3434;}
.online ul li span.zi i{color:#F00; padding:0 5px;}
.online ul li .red { color:red;}
.online ul li input{ width:493px; height:30px;border:#ccc 1px solid;margin-left:10px;color:#3d3434;font-size:14px;line-height:30px; padding-left:5px;}
.online ul li textarea{ width:493px; height:60px;border:#ccc 1px solid;margin-left:10px;color:#3d3434;font-size:14px;line-height:30px; padding-left:5px;}
.online ul li .tijiao{ margin-left:440px; width:120px;height:30px;background:#0062ad;text-align:center;color:#fff;font-size:14px;line-height:28px; border:none;}
.online ul li.tishi{ padding-left:250px; width:608px; color:#a5a5a5;}

@media(max-width:1200px){
.welcome {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-case {width:1200px; margin:0 auto;}
.footer {width:1200px; margin:0 auto;}
.linker {width:1200px; margin:0 auto;}
}