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,strong {font-weight: normal;}
select::-ms-expand { display: none; }
a {color: #464646;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;}
/* 初始化 */
body {width: 100%;height: 100%;font-size: 16px; line-height: 24px;background: #fff;min-height: 100%;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;}
/*头部*/
.welcome { width:100%; background-color:#f7f7f7; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#464646;}
.welcome a {color:#464646;}
.header { height:142px; }
.header img{ margin-top:46px;}
.header .tel { padding-top:42px; min-height:53px; line-height:26px; background:url(../images/telbg.png) no-repeat left top; background-position:0 42px; padding-left:60px;}
.header .tel .tit {font-size:16px; color: #666666;  }
.header .tel .nob {font-size:20px; color: #666666;  font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
.naver { width:100%; height:60px; line-height:60px; background-color:#0f5aad; text-align:center;}
.naver ul { display:inline-block;}
.naver ul li{ float:left; padding:0 45px; line-height:60px; position:relative;  font-size:20px;}
.naver ul li a{ color:#FFF;}
.naver ul li:hover { color:#FFF; background-color:#0d4c91;}
.naver ul li .sub { position: absolute;left:0; top:60px;z-index:30000; }
.naver ul li .sub ul li{ float:left;width:100%; font-size:16px; line-height:40px; background-color:#0f5aad;  position:relative;text-align:center; padding:0;}
.naver ul li .sub ul li a {  font-weight:normal;}
.naver ul li .sub ul li:hover {background-color:#0d4c91;}
/*轮播图*/
.banner{ width:100%; height:500px;position:relative;overflow:hidden}
.banner ul{position:relative}
.banner ul li{float:left;height:500px;overflow:hidden;position:relative}
.banner .btn-list{position:absolute;bottom:15px}
.banner .btn-list li{width:20px;height:20px;background:#0f5aad;margin-right:10px;border-radius:30px}
.banner .btn-list li.active{background:#b70005}
.banner img{height:500px;border:0 none;position:absolute;left:50%;margin-left:-960px;top:0;vertical-align:top}
/*首页产品*/
.i-pro{ margin-top:66px;}
.i-pro dl {width:250px; border:#e5e5e5 solid 1px;}
.i-pro dl dt{width:100%; height:85px; line-height:85px;  color:#266cab; background-color:#0f5aad; text-align:center; position:relative; font-size:44px; text-transform:uppercase;}
.i-pro dl dt div { position:absolute; font-size:28px; color:#FFF; left:67px;}
.i-pro dl dd{width:100%; line-height:64px; background-color:#f7f7f7; border-top:#e5e5e5 solid 1px; }
.i-pro dl dd a { display:block; padding-left:30px; background:url(../images/sanjiao.png) no-repeat right; font-size:18px; font-weight:bold; letter-spacing: 1.5px;}
.i-pro dl dd a:hover { background-color:#0f5aad; color:#FFF;}
.piclist {width:948px;}
.piclist ul li { float:left; width:300px; border:#cfcfcf solid 1px; margin-left:14px; margin-bottom:19px;}
.piclist ul li:hover { border:#0f5aad solid 1px; }
.piclist ul li .pic { width:300px; height:185px;}
.piclist ul li .pic img {position:relative; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%}
.piclist ul li .tit { line-height:42px;  text-align:center;   line-height: 42px; overflow: hidden; height: 42px; font-size: 15px;}
.piclist ul li:hover .tit { background-color:#0f5aad;}
.piclist ul li:hover .tit a{ color:#fff;}
/*关于我们*/
.i-about { width:100%; background-color:#f7f7f7; margin-top:50px; padding-top:70px; padding-bottom:65px;}
.i-about .fl { width:730px;}
.i-about .fr { width:414px;}
.i-about .tit{ margin-top:13px; font-size:42px; color:#0f5aad; font-weight:bold; line-height:60px;}
.i-about .en{ font-size:15px; color:#b70005; line-height:36px; text-transform:uppercase;}
.i-about .des{ margin-top:32px; font-size:19px; color:#3b3c3c; line-height:36px;}
.i-about .more{ margin-top:70px; width:114px; text-align:center; font-size:18px; color:#0f5aad; line-height:42px; border:#88a1ca solid 2px;}
.i-about .more a { display:block;}
.i-about .more:hover { background-color:#0f5aad;}
.i-about .more:hover a{ color:#FFF;}
.i-about .pic { width:390px; height:490px; background:url(../images/aboutbg.png) no-repeat; padding:12px;}
.i-about .pic img { width:390px; height:490px;}
/*案例*/
.i-case-top { margin-top:60px; height:140px; text-align:center;}
.i-case-top .cn { font-size:34px; color:#1b1b1b; height:50px; line-height:50px; background:url(../images/casexian.jpg) no-repeat center; }
.i-case-top .en { margin-top:6px; font-size:15px; color:#c6c6c6; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.i-case { width:100%; background:url(../images/casebg.jpg) no-repeat; padding:75px 0;}
.i-case .case-list{overflow:hidden; position:relative; background-color:#FFF; height:264px; padding-top:36px; }
.i-case .case-list .hidden{width:1160px; height:240px; margin:0 auto;overflow:hidden}
.i-case .case-list ul{margin-right:-41px;position:relative}
.i-case .case-list li{width:275px;float:left;margin-right:20px;text-align:center}
.i-case .case-list li .tp{width:275px;height:206px;}
.i-case .case-list li p{margin-top:10px;color:#484848;font-size:14px}
.i-case .case-list .btn{width:20px;height:70px;background:url(../images/btn.png);display:block;position:absolute;top:110px}
.i-case .case-list .r{right:0;transform:rotate(180deg)}
/*新闻*/
.i-news { margin-top:65px; padding-bottom:20px;}
.i-news .newsli { width:550px;}
.news-ban { width:100%; line-height:50px; height:50px; border-bottom:#0f5aad solid 1px; box-sizing:border-box;}
.news-ban span {color:#0f5aad; font-size:20px;}
.news-ban i {color:#d0d0d0; font-size:12px; text-transform:uppercase;}
.news-ban a { float:right; color:#787878; font-size:16px;}
.news-ban a:hover {  color:#b70005;}
.news-hot { margin-top:20px; width:100%;  border-bottom:#ececec dashed 1px; padding-bottom:27px;}
.news-hot .pic  { width:210px; height:113px;}
.news-hot .pic img { width:210px; height:113px;}
.news-hot .fr { width:325px;}
.news-hot .tit { line-height:30px; color:#b70005; font-size:14px; height:30px; overflow:hidden;}
.news-hot .tit a { color:#b70005;}
.news-hot .tit a:hover { color:#b70005;}
.news-hot .des { margin-top:6px; color:#a5a4a4; font-size:12px; line-height:20px; height:40px; overflow:hidden;}
.news-hot .tim { margin-top:12px; color:#a5a4a4; font-size:12px;}
.news-con {width:100%;}
.news-con ul li { float:left; width:100%; line-height:50px;  border-bottom:#ececec dashed 1px; height:50px; overflow:hidden;}
.news-con ul li:hover a { color:#b70005;}
.news-con ul li span { float:right; color:#a5a4a4;}
/*网站底部*/
.footer { margin-top:40px; width:100%; background-color:#313131; color:#929292; line-height:30px; padding:40px 0; font-size:14px;}
.footer a {color:#929292;}
.footer a:hover { text-decoration:underline;}
.foot-con { float:left; width:476px; padding-top:10px;}
.linker { text-align:center;  width:100%; background-color:#2c2c2c; color:#919191; line-height:30px; padding:10px 0; font-size:14px;}
.linker a {color:#919191; padding:0 10px;}
.linker 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-main { padding-top:20px;}
.n-left {float:left; width:250px;}
.n-left-li { margin-top:20px;}
.n-left-li-con { background-color:#f7f7f7; line-height:35px; padding:15px; font-size:14px;}
.n-left dl {width:250px; border:#e5e5e5 solid 1px;}
.n-left dl dt{width:100%; height:85px; line-height:85px;  color:#266cab; background-color:#0f5aad; text-align:center; position:relative; font-size:44px; text-transform:uppercase;}
.n-left dl dt div { position:absolute; font-size:28px; color:#FFF; left:67px;}
.n-left dl dd{width:100%; line-height:64px; background-color:#f7f7f7; border-top:#e5e5e5 solid 1px; }
.n-left dl dd a { display:block; padding-left:30px; background:url(../images/sanjiao.png) no-repeat right; font-size:18px; font-weight:bold; letter-spacing: 1.5px;}
.n-left dl dd a:hover { background-color:#0f5aad; color:#FFF;}
.n-left dl .active a{background-color:#cbcaca;}
.n-right { float:left; margin:20px 0 0 20px; width:928px;}
.n-right-ban { width:100%; line-height:50px; height:50px; border-bottom:#0f5aad solid 1px; box-sizing:border-box;}
.n-right-ban span {color:#0f5aad; font-size:22px;}
.n-right-ban i { display:block; float:right; color:#787878; font-size:14px;}
.n-right-ban a { color:#787878; font-size:14px;}
.n-right-ban a:hover {  color:#b70005;}
.n-right-con { width:100%;}
.n-adv { padding:19px 0 0 14px; box-sizing: border-box;}
.n-adv img{ width:904px; height:auto;}
.n-show { padding:10px 20px; font-size:16px; color:#000; line-height:40px; box-sizing:content-box;}
.n-show img { max-width:100%;}
.n-show .img-responsive { display:inline;}
.n-tit { font-size:30px; text-align:center; line-height:34px; margin-top:36px;}
.n-time { font-size:14px; text-align:center; line-height:18px; margin-top:23px; }
.n-xian {border-bottom:#e5e5e5 solid 1px; height:1px; margin-top:40px;}
.n-other { line-height:30px; padding:10px 20px;}
.n-other a:hover{ text-decoration:underline; }  
.pagination { width:100%; text-align:center; padding:10px 0; font-size:14px;}
.pagination a:hover { text-decoration:underline;}
.n-news{ width:98%; margin:1%;}
.n-pic {width:928px; margin-top:19px;}
.n-pic ul li { float:left; width:290px; border:#cfcfcf solid 1px; margin-left:14px; margin-bottom:19px; }
.n-pic ul li:hover { border:#0f5aad solid 1px; }
.n-pic ul li .pic { width:290px; height:185px; position:relative; }
.n-pic ul li .pic img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%}
.n-pic ul li .tit { line-height:42px;  text-align:center; height:42px; overflow:hidden;}
.n-pic ul li:hover .tit { background-color:#0f5aad;}
.n-pic ul li:hover .tit a{ color:#fff;}
.n-cata { margin:10px 0; height:40px; width:93%; line-height:40px; padding-left:5%; padding-right:2%; background:#f7f7f7 url(../images/cata.jpg) no-repeat left; position:relative;}
.n-cata img { position:absolute; height:36px; display:inline-block; top:2px; left:360px; }
.n-cata a { float:right; font-size:14px;}
/*留言*/
.online{ padding:40px 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:#0f5aad;text-align:center;color:#fff;font-size:14px;line-height:28px; border:none;}
.online ul li.tishi{ padding-left:250px; width:608px; color:#a5a5a5;}

/*漂浮*/
.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:250px;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p {padding:6px 0; padding-left:20px; margin:0; vertical-align:middle;}
.other  { margin-top:5px; padding-bottom:10px; padding-top:5px; text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { line-height:20px; margin:0;color: #666666;}
.other p.other-tit{font-size:16px; color:#0f5aad; height:30px; line-height:30px}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}

@media(max-width:1200px){
.welcome {width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.i-about {width:1200px; margin:0 auto;}
.i-case {width:1200px; margin:0 auto;}
.footer {width:1200px; margin:0 auto;}
.linker {width:1200px; margin:0 auto;}
.naver {width:1200px; margin:0 auto;}

}