@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; max-width:100%;}
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:100px; background-color:#000;}
.h-logo { float:left; width:300px; height:80px; margin-top:10px; overflow:hidden; line-height:75px;}
.h-logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.h-nav { float:right;}
.h-nav ul li { float:left;color:#ffffff; font-size:16px; line-height:100px; margin:0 15px;}
.h-nav ul li a {color:#ffffff; }
.h-nav ul li:hover a { color:#888888;}
/*.h-nav ul li.active a { color:#888888;}*/
/*banner*/
.banner { height:auto;}
/* 本例子css */
.banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.banner .slideBox .hd{ height:10px; overflow:hidden; position:absolute; left:50%; margin-left:-35px; bottom:30px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1;}
.banner .slideBox .hd ul li{ float:left; margin:0 5px; width:10px; height:10px;text-align:center; background:#333333; cursor:pointer;border-radius:50%; }
.banner .slideBox .hd ul li.on{ background:#ffffff; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0; }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; height:auto; display:block; }
/*i-public*/
.i-public { text-align:center; background:url(../images/public.png) no-repeat center bottom; padding-bottom:22px;}
.i-public .tit {color:#333333; font-size:32px; line-height:1; font-weight:bold;}
.i-public .tit span{color:#52b6e4;}
.i-public .des {color:#cccccc; font-size:14px; line-height:1; margin-top:13px;}
.i-public2 { text-align:center; background:url(../images/public.png) no-repeat center bottom; padding-bottom:22px;}
.i-public2 .tit {color:#ffffff; font-size:32px; line-height:1; font-weight:bold;}
.i-public2 .des {color:#cccccc; font-size:14px; line-height:1; margin-top:13px;}
/*i-pro*/
.i-pro { padding-top:46px; padding-bottom:33px;}
.i-pro-cata { text-align:center; margin-top:30px;}
.i-pro-cata ul { display:inline-block;}
.i-pro-cata ul li { float:left;color:#555555; font-size:18px; line-height:39px; border:#dddddd solid 1px; padding:0 23px; margin:0 4px; }
.i-pro-cata ul li a {color:#555555; }
.i-pro-cata ul li:hover { border:#46b1e2 solid 1px;}
.i-pro-cata ul li:hover a {color:#46b1e2; font-weight:bold; }
/*i-pro-list*/
.i-pro-list { height:auto; margin-top:30px;}
.i-pro-list ul li { float:left;width:260px; margin-left:32px;}
.i-pro-list ul li .pic { width:260px; height:172px; overflow:hidden; line-height:162px; text-align:center;border: 1px solid #f5f2f2;}
.i-pro-list ul li .pic img {width: 100%;height: 100%;vertical-align: middle;transition: 0.5s; object-fit: cover;object-position: center 30%; }
.i-pro-list ul li:hover .pic img {transform: scale(1.2); transition: 0.5s;}
.i-pro-list ul li .tit { text-align:center;color:#676767; font-size:16px; line-height:50px; height:50px; overflow:hidden;}
/*i-about*/
.i-about { background:url(../images/about-bg.jpg) no-repeat top center; padding-top:27px; padding-bottom:50px;}
.i-about-box { width:1160px; margin:0 auto; height:565px; overflow:hidden; background-color:#FFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); margin-top:28px; }
.i-about-left { float:left; width:567px; margin-left:30px;}
.i-about-left .tit { color:#333333; font-size:31px; line-height:1; font-weight:bold; padding-top:38px;}
.i-about-left .info { color:#bbbbbb; font-size:16px; line-height:1; margin-top:15px;}
.i-about-left .des { color:#555555; font-size:16px; line-height:30px; margin-top:19px; height:330px; overflow:hidden;}
.i-about-left .more { width:103px; height:25px; text-align:center; border:#52b6e4 solid 1px; color:#52b6e4; font-size:14px; line-height:25px; margin-top:35px;}
.i-about-left .more a { color:#52b6e4; display:block;}
.i-about-left .more:hover { background-color:#52b6e4; }
.i-about-left .more:hover a {color:#ffffff; }
.i-about-right { float:right; width:546px; height:565px; overflow:hidden;}
.i-about-right img { width:546px; height:565px;}
/*i-yishu*/
.i-yishu { height:auto; padding-bottom:30px;}
.i-yishu-show { height:360px; position:relative; margin-top:30px;}
.i-yishu-show .swiper-container{width:100%;height:100%}
.i-yishu-show .swiper-slide{font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.i-yishu-show .swiper-button-prev { background:url(../images/btnl.png) no-repeat; width:18px; height:32px;right:auto; left:-60px; top:50%; bottom:0; outline:none; }
.i-yishu-show .swiper-button-prev:hover {background:url(../images/btnl2.png) no-repeat;}
.i-yishu-show .swiper-button-prev:after { display:none;}
.i-yishu-show .swiper-button-next {background:url(../images/btnr.png) no-repeat; width:18px; height:32px; right:-60px; left:auto; top:50%; bottom:0; outline:none; }
.i-yishu-show .swiper-button-next:hover {background:url(../images/btnr2.png) no-repeat; }
.i-yishu-show .swiper-button-next:after { display:none;}
.i-yishu-li { height:auto; width:264px; margin:0 auto;}
.i-yishu-li .pic { width:220px; height:220px; margin:0 auto; overflow:hidden; }
.i-yishu-li .pic img{ width:220px; height:220px; border-radius:50%; }
.i-yishu-li .tit {text-align:center;color:#333333; font-size:20px; line-height:50px; height:50px; overflow:hidden; margin-top:14px;}
.i-yishu-li .des {color:#999999; font-size:14px; line-height:22px; height:66px; overflow:hidden;}
.i-yishu-more { width:103px; margin:0 auto; height:25px; border:#52b6e4 solid 1px; text-align:center;color:#52b6e4; font-size:14px; line-height:25px; margin-top:16px;}
.i-yishu-more a {color:#52b6e4; display:block;}
.i-yishu-more:hover { background-color:#52b6e4; }
.i-yishu-more:hover a {color:#ffffff; }
/*i-liyou*/
.i-liyou { padding-top:20px; background:url(../images/liyou-bg.jpg) no-repeat bottom center;}
.i-liyou-show { height:722px; margin-top:27px;}
.i-liyou-right { height:auto; float:right; width:567px; margin-right:36px; padding-top:70px;}
.i-liyou-right ul li { margin-top:50px;}
.i-liyou-right ul li .tit{color:#ffffff; font-size:27px; line-height:40px; background:url(../images/liyou-line.png) no-repeat right center; padding-right:27px; padding-left:10px;}
.i-liyou-right ul li .tit img { width:40px; height:40px;}
.i-liyou-right ul li .tit span { float:right;color:#b1b1b1; font-size:23px;}
.i-liyou-right ul li .des{color:#777777; font-size:17px; line-height:28px; height:56px; overflow:hidden; margin-top:24px;}
/*i-news*/
.i-news { height:auto; background-color:#f7f7f7; padding-top:38px; padding-bottom:60px;}
.i-news-show { margin-top:30px;}
.i-news-left { float:left; width:580px;}
.i-news-left .inl-top { height:219px; background-color:#52b6e4;}
.i-news-left .inl-top .riqi { float:left; width:209px; text-align:center; padding-top:45px;}
.i-news-left .inl-top .riqi .riqi-dd {color:#ffffff; font-size:80px; line-height:1;}
.i-news-left .inl-top .riqi .riqi-yymm {color:#ffffff; font-size:30px; line-height:1; margin-top:12px;}
.i-news-left .inl-top .pic { float:right; width:371px; height:219px; overflow:hidden;}
.i-news-left .inl-top .pic img{ width:371px; height:219px;}
.i-news-left .tit {color:#333333; font-size:17px; line-height:30px; height:30px; overflow:hidden; margin-top:27px; font-weight:bold;}
.i-news-left .des {color:#888888; font-size:13px; line-height:20px; height:40px; overflow:hidden; margin-top:11px;}
.i-news-left .tit:hover {color:#52b6e4;}
.i-news-right { float:right; width:552px;}
.i-news-right ul li { border-bottom:#d2d2d2 solid 1px; padding-bottom:16px; background:url(../images/news-icon.png) no-repeat; background-position:49px 67px;}
.i-news-right ul li .riqi{ float:left; width:114px; text-align:center;color:#333333; font-size:15px; line-height:1; margin-top:19px;}
.i-news-right ul li .con{ float:right; width:418px; margin-right:20px; padding-top:10px;}
.i-news-right ul li .con .tit {color:#333333; font-size:17px; line-height:30px; height:30px; overflow:hidden; font-weight:bold;}
.i-news-right ul li .con .des {color:#888888; font-size:13px; line-height:20px; height:40px; overflow:hidden; margin-top:11px;}
.i-news-right ul li:hover .tit {color:#52b6e4;}
/*linker*/
.linker { padding-top:20px; padding-bottom:20px;}
.linker span {color:#333333; font-size:14px; line-height:30px; }
.linker a {color:#333333; font-size:14px; line-height:30px; }
.linker a:hover { color:#52b6e4; text-decoration:underline;}
/*footer*/
.footer { background:#1f1e1c url(../images/footer-bg.jpg) no-repeat top center; height:auto; padding-bottom:30px;}
.f-left { float:left; width:172px; margin-left:50px; margin-top:48px;}
.f-left .pic { width:172px; height:172px; background:url(../images/ewm-bg.png) no-repeat; text-align:center; line-height:162px;}
.f-left .pic img { width:129px; height:129px;}
.f-left .tit {color:#ffffff; font-size:14px; line-height:48px; text-align:center;}
.f-mid { float:left; width:390px; margin-left:96px;}
.f-ban {color:#ffffff; font-size:22px; line-height:60px; font-weight:bold; position:relative; margin-top:28px;}
.f-ban:after{content:""; position:absolute; left:0; bottom:0; width:39px; height:2px; background-color:#808080; }
.f-text {color:#dddddd; font-size:18px; line-height:40px; margin-top:26px;}
.f-text a {color:#dddddd;}
.f-text a:hover { text-decoration:underline;}
.f-right { float:right; width:415px; margin-right:44px;}
.f-form { padding-top:14px;}
.f-form label{ display:inline-block; color:#dddddd; font-size:18px; line-height:32px; width:63px; margin-top:15px; vertical-align:middle;}
.f-form input[type=text] { width:345px; text-indent:10px; margin-top:10px; height:30px;color:#dddddd; font-size:14px; border:#777777 solid 1px;background-color:transparent; vertical-align:middle; }
.f-form textarea { margin-top:15px; width:345px; height:88px;color:#dddddd; font-size:14px; border:#777777 solid 1px; background-color:transparent;outline: none; line-height:32px; resize:none; vertical-align:middle;}
.f-form input[type=submit] { margin-top:15px; width:140px; text-align:center; height:32px; background-color:#52b6e4; color:#fff; font-size:18px; cursor:pointer; border:none;}
.f-copy {color:#555555; font-size:14px; line-height:30px; text-align:center; margin-top:50px; }
.f-copy a {color:#555555;}
.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*/
.n-position { border-bottom:#dddddd solid 1px; height:42px; margin-top:8px; }
.n-position .tit {color:#666666; font-size:14px; line-height:42px; position:relative; padding-left:20px;}
.n-position .tit:after{content:""; position:absolute; left:0; top:16px; width:10px; height:10px; background:url(../images/home.png) no-repeat; }
.n-position .tit a {color:#666666;}
.n-position .tit a:hover { text-decoration:underline;}
/*n-main*/
.n-main { margin-top:25px; padding-bottom:30px;}
.n-main .n-left { float:right; width:860px;}
.n-left-ban { height:42px; background-color:#f5f5f5;}
.nlb-left{ float:left; padding:0 34px;color:#ffffff; font-size:18px; line-height:42px; font-weight:bold; background-color:#52b6e4; }
.nlb-right { float:right;color:#666666; font-size:16px; line-height:42px; padding-right:20px;}
.nlb-right a {color:#666666; }
.nlb-right a:hover {color:#52b6e4; }
.n-left-con { height:auto; width:100%; min-height:500px;}
.n-left-con img { max-width:100%;}
.n-main .n-right { float:left; width:302px;background-color:#f2f2f2;border-radius:5px; padding-bottom:15px;}
.n-right-ban {height:42px; padding-top:10px;}
.nrb-left { color:#52b6e4; font-size:20px; line-height:42px; font-weight:bold; position:relative; text-align:center;}
.n-right-con { height:auto; width:90%; margin:0 auto; margin-top:15px; }
.n-right-con ul li { height:45px; color:#666666; font-size:14px; line-height:45px; margin-bottom:10px;text-indent:20px; background:#ffffff url(../images/pro-left-icon1.png) no-repeat; background-position:254px 15px;}
.n-right-con ul li a { color:#666666;display:block;}
.n-right-con ul li:hover { background:#52b6e4 url(../images/pro-left-icon2.png) no-repeat; background-position:254px 15px;transition: 0.3s;}
.n-right-con ul li:hover a {color:#ffffff;}
/*内页主要*/
.n-contact { color:#333333; font-size:16px; line-height:1.8; padding:15px 10px; }
.n-show { padding:20px 10px; height:auto; position:relative;}
.n-show .tit { font-size: 22px; text-align: center; line-height: 32px; color: #1a1a1a; text-transform:uppercase;}
.n-show .riqi { text-align: center; color: #999;font-size: 13px; padding:15px 0px 10px;}
.n-show .xian { height:1px; border-bottom: 1px solid #cccccc;}
.n-show .show { padding: 10px 0; font-size: 16px; line-height:1.8;}
.n-show .other { padding: 20px 0; text-transform:uppercase;}
.n-show .other p{font-size: 13px; line-height:24px;color: #999999;}
.n-show .other p a { color: #999999;}
.n-show .other p a:hover { text-decoration:underline;}
.pagination { box-sizing: border-box;text-align:center; font-size:14px; margin-top:30px; margin-bottom:30px; }
.pagination a { color:#666666; padding:5px 7px;}
.pagination a:hover { background-color:#52b6e4; color:#FFF;}
/*n-pic-list*/
.n-pic-list { margin-top:20px;}
.n-pic-list ul li { float:left; width:270px; height:auto; margin-top:4px; }
.n-pic-list ul li:nth-child(3n+2) { margin-left:18.5px;}
.n-pic-list ul li:nth-child(3n+3) { margin-left:18.5px;}
.n-pic-list ul li .pic {width:268px; height:175px; text-align: center; line-height:165px; overflow:hidden; border:#eeeeee solid 1px;}
.n-pic-list ul li .pic img{width: 100%;height: 100%;vertical-align: middle;transition: 0.5s; object-fit: cover;object-position: center 30%;}
.n-pic-list ul li:hover .pic img {transform: scale(1.2); transition: 0.5s;}
.n-pic-list ul li .tit {color:#666666; font-size:16px; line-height:47px; height:47px; overflow:hidden; text-align:center; }
.n-pic-list ul li:hover .tit {color:#52b6e4; }
/*n-news-list*/
.n-news-list {width:100%;}
.n-news-list ul li{ padding:0 20px; height:121px; border:#eeeeee solid 1px; margin-top:19px;}
.n-news-list ul li .tit {color:#606060; font-size:16px; line-height:30px; font-weight:bold; margin-top:13px; height:30px; overflow:hidden;}
.n-news-list ul li .tit span { float:right; font-weight:normal;color:#999999; font-size:14px;}
.n-news-list ul li .des {color:#999999; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-top:6px;}
.n-news-list ul li:hover { border:#52b6e4 solid 1px;}
.n-news-list ul li:hover .tit {color:#52b6e4;}
/*zaixianzixun*/
.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px;}
.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 { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other { text-align:center;border-bottom:1px solid #ddd;}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;padding-top: 10px;}
.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;}
@media(max-width:1340px){
.i-yishu-show .swiper-button-next { display:none;}
.i-yishu-show .swiper-button-prev {display:none; }
}
@media(max-width:1200px){
.header {width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.i-about{width:1200px; margin:0 auto;}
.i-liyou{width:1200px; margin:0 auto;}
.i-news{width:1200px; margin:0 auto;}
.footer{width:1200px; margin:0 auto;}
}