*{
	margin:0px;
	padding: 0px;
}
li{
	list-style: none;
	text-decoration: none;
}
a {color: #333;text-decoration: none;}
a:hover {color: #0890e1;}
.fl{float: left;}
.fr{float: right;}
.content{
	width: 1200px;
	margin:0 auto;
}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}

.img-cover {overflow: hidden;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;}

.clear{clear:both;margin:0;padding:0;font-size:0px;line-height:0px;height:0px;overflow:hidden;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.header {background-color: #fff;}
.header .topbar {line-height: 33px;background-color: #2b2975;font-size: 12px;border-bottom: 1px solid #eee;color: #ffffff;}
.header .topbar ul {float: right;}
.header .topbar li {float: left;color: #ffffff;}
.header .topbar li a{color: #ffffff;}
.header .topbar li.pipe {padding: 0 10px;}
.header .logo {float: left;font-size: 0;height: 80px;line-height: 80px;text-align: left;padding: 15px 0;}
.header .tel {float: right;background: url(../images/icon1.png) no-repeat 0 center;padding-left: 55px;    margin: 31px 0;}
.header .tel strong {display: block;font-size: 22px;line-height: 1;}
.header .text {float: left;font-size: 17px;margin: 30px 0 20px 0;padding: 0 0 5px 0;/*border-left: 1px solid #ddd;*/background: url(../images/logo.png) no-repeat left;
    padding-left: 252px;    word-spacing: 25px;}
.header .text strong {display: block;font-size: 36px;}
.header .text span {}
.header .nav {font-size: 0;background-color: #1a69b8;color: #fff;}
.header .nav li {display: inline-block;vertical-align: middle;}
.header .nav li a {    display: block;
    font-size: 17px;
    line-height: 16px;
    padding: 13px 43px;
    color: #fff;
    text-align: center;}
    .header .nav li a i{    font-style: normal;
    font-size: 9px;
    display: block;}
.header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;}
.header .nav li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;-webkit-box-sizing: content-box;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);right: 15px;}
.header .nav li.dropdown {position: relative;}
.header .nav .dropdown-box {position: absolute;left: 0;min-width: 100%;top: 100%;display: none;z-index: 10;text-align: center;}
.header .nav .dropdown-box p {margin: 0;}
.header .nav .dropdown-box a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;font-size: 14px;background-color: rgba(0, 0, 0, 0.5) !important;line-height: 40px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.header .nav .dropdown-box a:hover {background-color: #0f5aff !important;}
.header .nav li.active a,.header .nav li.open a,.header .nav li a:hover {color: #fff;background-color: #f0592d;}
.header .nav li.open .dropdown-box {display: block;}
.menu-btn {display: none;padding: 6px 0;float: right;margin-left: 15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color: #0f5aff;content: '';}
.menu-btn:before {width: 24px;}
.menu-btn:after {width: 18px;margin-left: 6px;}
.menu-btn span {width: 12px;margin: 6px 0 6px 12px;}

.slideBox {height: 500px;position: relative;overflow: hidden;}
.slideBox .hd {position: absolute;bottom: 15px;font-size: 0;left: 0;width: 100%;text-align: center;z-index: 2;}
.slideBox .hd li {display: inline-block;width: 10px;height: 10px;margin: 0 8px;background-color: #333;cursor: pointer;border-radius: 50%;}
.slideBox .hd li.on {background-color: #0890e1;}
.slideBox .bd,.slideBox .bd ul,.slideBox .bd li {width: 100% !important;height: 100% !important;}
.slideBox .bd li {background: no-repeat center;}
.slideBox .bd li a {display: block;width: 100%;height: 100%;}

.sou {padding: 10px 0;border-bottom: 1px solid #eee;box-shadow: 0 0 10px #eee;}
.sou .hot {float: left;padding: 5px 0;}
.sou .hot a {margin-right: 10px;}
.sou .hot strong {color: #0f5aff;}
.sou .hform {float: right;}
.sou .hform input {float: left;font-size: 12px;border: 1px solid #eee;padding: 6px 12px;line-height: 16px;width: 210px;}
.sou .hform .button {border: 0;border-bottom: 1px solid transparent;padding: 0;float: left;cursor: pointer;outline: none;width: 49px;height: 30px;background: #0f5aff;color: #fff;}

.section {padding: 50px 0;}
.section-title {margin-bottom: 40px;font-size: 30px;line-height: 1.2;text-align: center;}
.section-title span {display: block;margin-top: 10px;text-transform: uppercase;letter-spacing: 3px;text-indent: 3px;font-size: 18px;color: #666;}
.section-title p {margin: 10px 0 0;font-size: 0;}
.section-title p small {position: relative;display: inline-block;vertical-align: middle;font-size: 14px;color: #333;padding: 0 20px;}
.section-title p small:before,.section-title p small:after {content: "";width: 34px;height: 2px;background: #f0592d;position: absolute;top: 50%;margin-top: -1px;}
.section-title p small:before {right: 100%;}
.section-title p small:after {left: 100%;}

.showcase {margin: 0 auto 20px;}
.showcase-info {}
.showcase-info h1 {font-size: 18px;margin: 0;font-weight: normal;color: #0f5aff;border-bottom: 1px dashed #ddd;padding-bottom: 15px;}
.showcase-info p {margin: 15px 0 0;color: #666;line-height: 1.8;}
.showcase-info .tel {margin-top: 15px;}
.showcase-info .tel a {line-height: 42px;color: #fff;display: inline-block;background: -webkit-linear-gradient(bottom, #0f5aff, #f0592d);
    background: -moz-linear-gradient(bottom, #0f5aff, #f0592d);
    background: -o-linear-gradient(bottom, #0f5aff, #f0592d);
    background: linear-gradient(bottom, #0f5aff, #f0592d);width: 120px;text-align: center;border-radius: 5px;}

.cp-content-tit {border-bottom: 2px solid #0f5aff;font-size: 0;margin-bottom: 20px;}
.cp-content-tit span {display: inline-block;color: #fff;background-color: #0f5aff;font-size: 14px;padding: 0 15px;border-radius: 3px 3px 0 0;line-height: 32px;}

.pc-slide{float:left;width:400px;}
.view .swiper-slide .imgauto{width:100%;height:300px;line-height:300px;}
.view .swiper-container{width:100%;}
.preview{width:100%;margin-top:10px;position:relative;}
.preview .swiper-container{margin:0 30px;}
.preview .swiper-slide .imgauto{height:80px;border:1px solid #ddd;text-align:center;cursor:pointer;position:relative;}
.preview .swiper-slide .imgauto img{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.preview .arrow-left{background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .arrow-right{background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview img{padding:1px;}
.preview .active-nav .imgauto{border:1px solid #d82019;}
div.zoomDiv {z-index: 999;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;font-size: 0;}
div.zoomMask {position: absolute;background: url(../images/mask.png) repeat scroll 0 0 transparent;cursor: move;z-index: 1;}

.bg1 {background: url(../images/bj_inpro.png) repeat center;}

.in-prd-cate {float: left;width: 240px;box-shadow: 0 0 20px #ddd;}
.in-prd-cate .tit {padding: 20px 0;background: -webkit-linear-gradient(bottom, #0f5aff, #3e74ea);background: -moz-linear-gradient(bottom, #0f5aff, #3e74ea);background: -o-linear-gradient(bottom, #0f5aff, #3e74ea);background: linear-gradient(bottom, #0f5aff, #3e74ea);color: #fff;text-align: center;line-height: 1;font-size: 24px;}
.in-prd-cate .tit small {display: block;font-size: 12px;text-transform: uppercase;margin-top: 10px;}
.in-prd-cate ul {background: -webkit-linear-gradient(right, #fff, #f5f5f5);
    background: -moz-linear-gradient(right, #fff, #f5f5f5);
    background: -o-linear-gradient(right, #fff, #f5f5f5);
    background: linear-gradient(right, #fff, #f5f5f5);}
.in-prd-cate li a {display: block;line-height: 59px;border-bottom: 1px dotted #ddd;padding-left: 25px;}
.in-prd-cate li a:hover {background-color: #f0592d;color: #fff;transition: all 0.5s;}
.in-prd-cate .zx {padding: 5px 25px;background-color: #fff;}
.in-prd-cate .zx p {margin: 3px 0;color: #888;background: no-repeat 0 center;padding-left: 50px;}
.in-prd-cate .zx strong {display: block;color: #0f5aff;font-size: 18px;}
.in-prd-con {float: right;width: 930px;}
.in-prd-top {border: 1px solid #eee;margin-bottom: 15px;background: -webkit-linear-gradient(bottom, #fff, #eee);border-top: 0;
    background: -moz-linear-gradient(bottom, #fff, #eee);
    background: -o-linear-gradient(bottom, #fff, #eee);
    background: linear-gradient(bottom, #fff, #eee);}
.in-prd-top .more {float: right;line-height: 44px;margin-right: 10px;font-size: 12px;}
.prd-menu li {float: left;}
.prd-menu li a {display: block;line-height: 44px;padding: 0 25px;font-size: 16px;background: -webkit-linear-gradient(bottom, #fff, #ccc);margin-right: 10px;
    background: -moz-linear-gradient(bottom, #fff, #ccc);
    background: -o-linear-gradient(bottom, #fff, #ccc);
    background: linear-gradient(bottom, #fff, #ccc);}
.prd-menu li.on a {color: #fff;background: -webkit-linear-gradient(bottom, #0f5aff, #3e74ea);
    background: -moz-linear-gradient(bottom, #0f5aff, #3e74ea);
    background: -o-linear-gradient(bottom, #0f5aff, #3e74ea);
    background: linear-gradient(bottom, #0f5aff, #3e74ea);}

.list-1 {}
.list-1 li {float: left;width: 297px;}
.list-1 .wrap {margin: 20px 0 0 20px;background: -webkit-linear-gradient(top, #fff, #eee);
    background: -moz-linear-gradient(top, #fff, #eee);
    background: -o-linear-gradient(top, #fff, #eee);
    background: linear-gradient(top, #fff, #eee);}
.list-1 .img-cover {display: block;}
.list-1 .img-cover span {}
.list-1 .img-cover span img{width: 100%;height: auto}
.list-1 .text {border: 1px solid #ddd;border-top: 0;padding: 15px 25px;text-align: center;}
.list-1 .text h4 {margin: 0;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-1 .text p {margin: 10px 0 0;font-size: 12px;overflow:hidden;}
.list-1 .text .bt {display: inline-block;margin: 0 15px;line-height: 30px;color: #fff;background: -webkit-linear-gradient(bottom, #0f5aff, #3e74ea);
    background: -moz-linear-gradient(bottom, #0f5aff, #3e74ea);
    background: -o-linear-gradient(bottom, #0f5aff, #3e74ea);
    background: linear-gradient(bottom, #0f5aff, #3e74ea);padding: 0 15px;float: left;}
.list-1 .text .bt:last-child {background: -webkit-linear-gradient(bottom, #f0592d, #f37f5d);
    background: -moz-linear-gradient(bottom, #f0592d, #f37f5d);
    background: -o-linear-gradient(bottom, #f0592d, #f37f5d);
    background: linear-gradient(bottom, #f0592d, #f37f5d);}
.list-1 .img-cover:hover span {transform: scale(1.1);}

.in-xcy {background: url(../images/bj_incont.jpg) no-repeat center / cover;color: #fff;}
.in-xcy .tit {float: left;}
.in-xcy .t1 {font-size: 36px;}
.in-xcy .t2 {font-size: 24px;margin-top: 20px;}
.in-xcy .t2 span {color: #0f5aff;}
.in-xcy .tel {float: right;text-align: right;}
.in-xcy .tel strong {display: block;font-size: 30px;margin: 5px 0;}
.in-xcy .tel .btn {display: inline-block;line-height: 40px;width: 100px;text-align: center;background-color: #f0592d;color: #fff;transition: all 0.5s;}
.in-xcy .tel .btn:hover {background-color: #fff;color: #f0592d;}

.in-cpys dl {margin: 20px 0 0;}
.in-cpys dt {float: left;width: 555px;}
.in-cpys dd {margin-left: 615px;}
.in-cpys dd .item {overflow: hidden;margin-bottom: 30px;}
.in-cpys dd .item:last-child {margin-bottom: 0;}
.in-cpys dd .num {float: left;width: 50px;text-align: center;line-height: 58px;font-size: 32px;font-family: Impact;background-color: #0f5aff;color: #fff;height: 75px;}
.in-cpys dd .num:after {width: 34px;height: 2px;display: block;margin: 0 auto;background-color: #fff;content: '';}
.in-cpys dd .text {margin-left: 65px;}
.in-cpys dd .text h4 {margin: 0;color: #0f5aff;font-size: 26px;line-height: 1.2;}
.in-cpys dd .text h4 small {display: block;text-transform: uppercase;font-size: 16px;color: #999;border-top: 2px dotted #ccc;padding-top: 10px;margin-top: 14px;}
.in-cpys dd .text p {margin: 15px 0 0;color: #666;line-height: 1.8;background: url(../images/icon_ye.gif) no-repeat 0 3px;padding-left: 30px;}
.in-cpys dd .text p span {color: #0f5aff;font-weight: bold;}
.in-cpys dl:nth-of-type(even) dt {float: right;}
.in-cpys dl:nth-of-type(even) dd {margin: 0 615px 0 0;}

.bg2 {background: url(../images/bj_inabout.jpg) no-repeat center 0;padding-bottom: 0;}

.in-about-tit {background-color: rgba(255, 255, 255, 0.7);max-width: 400px;margin: 0 auto 40px;box-shadow: 0 0 20px #ddd;padding: 30px;}
.in-about-tit .section-title {margin-bottom: 0;}

.in-about {background-color: #fff;padding: 50px;box-shadow: 0 0 20px #ddd;position: relative;}
.in-about dl {margin: 0;background-color: #fafafa;}
.in-about dt {float: left;width: 450px;}
.in-about dd {margin-left: 450px;color: #888;padding: 35px;}
.in-about dd p {margin: 0;line-height: 2;text-align: justify;}
.in-about dd p strong {color: #0f5aff;}
.in-about dd .more {display: inline-block;margin-top: 8px;color: #0f5aff;}

.in-case {background-color: #f5f5f5;margin-top: -72px;}
.in-case-tit {margin: 0 auto 30px;line-height: 44px;background-color: #f0592d;color: #fff;font-size: 16px;width: 124px;text-align: center;position: relative;z-index: 1;}
.in-case-btn {margin-top: 30px;font-size: 0;text-align: center;}
.in-case-btn a {display: inline-block;vertical-align: middle;background-color: #f0592d;color: #fff;font-size: 16px;line-height: 44px;padding: 0 35px;transition: all 0.5s;}
.in-case-btn a:hover {background-color: #0f5aff;}
.in-case-btn span {display: inline-block;vertical-align: middle;line-height: 44px;font-size: 16px;color: #fff;background-color: #0f5aff;padding: 0 35px;margin-left: 10px;}

.list-2 {margin: -30px 0 0 -30px;}
.list-2 li {float: left;width: 25%;}
.list-2 li a {display: block;margin: 30px 0 0 30px;background-color: #fff;transition: all 0.5s;}
.list-2 li .img-cover span {padding-top: 77.5%;}
.list-2 li .text {text-align: center;padding: 0 15px;line-height: 40px;height: 40px;overflow: hidden;}
.list-2 li a:hover {background-color: #0f5aff;color: #fff;}
.list-2 li a:hover .img-cover span {transform: scale(1.1);}

.in-news-left {float: left;width: 880px;}
.in-news-right {float: right;width: 300px;}
.in-news-box {box-shadow: 0 0 15px #eee;background-color: #fafafa;}
.in-news-tit {line-height: 60px;padding: 0 20px;border-bottom: 1px dotted #cacaca;font-weight: bold;font-size: 16px;color: #666;}
.in-news-tit .more {float: right;font-weight: normal;font-size: 14px;}
.in-news-wrap {padding: 30px;}
.in-news-list dl {margin: 0;overflow: hidden;}
.in-news-list dt {float: left;width: 230px;overflow: hidden;}
.in-news-list dt img {transition: all 0.5s;}
.in-news-list dt a:hover img {transform: scale(1.1);}
.in-news-list dd {margin-left: 250px;}
.in-news-list dd h4 {margin: 0;font-size: 16px;}
.in-news-list dd p {margin: 15px 0 0;color: #666;line-height: 1.8;height: 100px;overflow: hidden;text-align: justify;}
.in-news-list dd .more {color: #999;display: inline-block;margin-top: 10px;}
.in-news-list dd .more:hover {color: #0f5aff;}
.in-news-list ul {overflow: hidden;margin-left: -20px;margin-top: 10px;}
.in-news-list li {float: left;width: 50%;}
.in-news-list li a {display: block;line-height: 44px;border-bottom: 1px dotted #ddd;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding: 0 0 0 15px;margin-left: 20px;}
.in-news-list li a:before {position: absolute;left: 2px;top: 50%;content: "";margin-top: -3px;width: 0;height: 0;border-top: 3px solid transparent;border-left: 4px solid #0f5aff;border-bottom: 3px solid transparent;}

.in-news-list li span{
	    float: right;
	font-size: 12px;
    color: #666;
	
}
.news-menu {overflow: hidden;}
.news-menu li {float: left;margin-right: 40px;}
.news-menu li a {color: #666;}
.news-menu li.on a,.news-menu li a:hover {color: #0f5aff;}

#marquee {height: 420px;overflow: hidden;}
#marquee li {border-bottom: 1px dotted #d2d2d2;}
#marquee li a {display: block;padding: 25px 20px;}
#marquee li h4 {margin: 0;background: url(../images/icon_askw.png) no-repeat 0 0;line-height: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 30px;padding-bottom: 5px;}
#marquee li p {margin: 10px 0 0;color: #999;background: url(../images/icon_askd.png) no-repeat 0 0;line-height: 1.8;padding-left: 30px;height: 50px;overflow: hidden;}

.link {padding: 20px 0;}
.link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #0f5aff;padding-bottom: 15px;}
.link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.link ul {margin-left: -20px;}
.link li {float: left;margin-left: 20px;margin-top: 20px;}

.footer {padding-bottom: 30px;}
.footer-link {text-align: center;font-size: 0;background-color: #545454;line-height: 50px;margin-bottom: 30px;}
.footer-link a,.footer-link span {display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;}
.footer-link span {padding: 0 54px;}
.footer-link a:hover {color: #0f5aff;}
.footer-logo {float: left;line-height: 150px;height: 150px;width: 220px;}
.footer-info {float: left;border-left: 1px solid #eee;padding-left: 30px;margin-left: 30px;}
.footer-info p {margin: 0;padding: 5px 0;}
.footer-ewm {float: right;text-align: center;}
.footer-ewm .img-center {border: 1px dotted #d7d7d7;padding: 4px;width: 110px;height: 110px;line-height: 110px;margin-bottom: 5px;}