*{position:relative;margin:0;padding:0;outline:0;text-decoration:none;resize:none;}
img{border:none;}
a{outline:0;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
input{margin:0;padding:0;outline:0;border:1px solid #ddd;background:#fff;color:#606060;font-size:12px;}
button,input[type=button],input[type=reset],input[type=submit]{border:none;cursor:pointer;-webkit-appearance:none;}
textarea{outline:0;border:1px solid #ddd;font-size:12px;resize:none;}
li,ol,ul{list-style-type:none;}
:root{filter:none;}
.clr{clear:both;display:block;}
.clearfix{clear:both;display:block;overflow:hidden;content:"";}
body{min-width:1200px;}
.head{height:184px;background:url(../images/top-nav.jpg) repeat-x;background-color:#fff;}
.head .top{height:139px;}
.head .top .logo{float:left;padding-top:27px;color:transparent;}
.head .top .phone-top{float:right;padding-top:54px;}
.nav-wrap li{float:left;width:12.5%;list-style:none;}
.nav-wrap li a{position:relative;display:block;height:45px;color:#404040;text-align:center;font-size:16px;line-height:45px;}
.nav-wrap li a:after{position:absolute;top:12px;left:0;width:1px;height:22px;background:url(../images/lines.png) repeat-x;content:"";}
.nav-wrap li:first-child a:after{display:none;}
.nav-wrap li a:hover{color:#1c5b90;}
.nav-wrap li.on a{background:url(../images/nav-on.jpg) repeat-x;color:#fff;}
.slider{height:500px;}
.sel-wrap{height:44px;background-color:#f4f4f4;box-shadow:0 2px 2px rgba(0,0,0,.1);}
.sel-wrap .hot-box{float:left;font-size:0;}
.sel-wrap .hot-box .name{display:inline-block;padding-right:4px;height:44px;color:#333;font-size:14px;line-height:44px;}
.sel-wrap .hot-box .item{padding-left:8px;height:44px;color:#666;font-size:12px;line-height:44px;}
.sel-wrap .hot-box .item:hover{color:#1c5b90;}
.sel-wrap .search-wrap{float:right;padding-top:6px;}
.sel-wrap .search-wrap .name{display:inline-block;padding-right:2px;height:34px;color:#666;font-size:14px;line-height:34px;}
.sel-wrap .search-wrap .search-box{display:inline-block;padding-left:9px;width:235px;height:30px;border:1px solid #e3e3e5;background-color:#fff;vertical-align:top;}
.sel-wrap .search-wrap .search-box input{width:205px;height:30px;border:0 none;line-height:30px;}
.sel-wrap .search-wrap .search{float:right;display:inline-block;width:30px;height:30px;background:#eee url(../images/serbg.png);vertical-align:top;}
.sel-wrap .search-wrap .search:hover{background-color:#ddd;}
.step-item{padding-top:62px;}
.step-item .title{margin-bottom:76px;text-align:center;}
.step-item.item1{background:url(../images/probg.png) no-repeat -57px -628px;}
.step-item.item2{padding-top:70px;background:url(../images/nbg.jpg) no-repeat center;}
.step-item.item2 .title{margin-bottom:45px;}
.step-item.item3{margin-bottom:30px;}
.step-item .title .zh{margin-bottom:13px;}
.step-item .title .zh span{position:relative;display:inline-block;color:#333;font-size:30px;}
.step-item .title .zh span:before{position:absolute;top:18px;left:-30px;width:3px;height:3px;border-radius:100%;background-color:#333;content:"";}
.step-item .title .zh span:after{position:absolute;top:18px;right:-30px;overflow:hidden;width:3px;height:3px;border-radius:10px;background-color:#333;content:"";}
.step-item.item2 .title .zh span{color:#fff;}
.step-item.item2 .title .en span:after,.step-item.item2 .title .en span:before,.step-item.item2 .title .zh span:after,.step-item.item2 .title .zh span:before{background-color:#fff;}
.step-item .title .en span{position:relative;display:inline-block;width:140px;color:#e48c28;text-align:center;text-transform:uppercase;white-space:nowrap;font-size:12px;}
.step-item.item3 .title .en span{color:#aaa;}
.step-item .title .en span:before{position:absolute;top:6px;left:156px;width:98px;height:1px;background-color:#333;content:"";}
.step-item .title .en span:after{position:absolute;top:6px;right:156px;width:98px;height:1px;background-color:#333;content:"";}
.step-item.item1 .body{margin:0 -4px;}
.step-item .pro-list li{float:left;width:25%;list-style:none;}
.step-item .pro-list li a{position:relative;display:block;margin:0 4px 14px;width:287px;height:267px;background-color:#efefef;color:#fff;}
.step-item .pro-list li a .name .en,.step-item .pro-list li a .name .zh{color:#fff;}
.step-item .pro-list li .name{position:absolute;bottom:0;left:0;width:100%;height:68px;background-color:#1a5a9a;background-color:rgba(0,0,0,.5);}
.step-item .pro-list li a img{width:100%;height:100%;border:0 none;}
.step-item .pro-list li:hover .name{display:none;}
.step-item .pro-list li .name .zh{overflow:hidden;margin-bottom:6px;padding-top:15px;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:19px;}
.step-item .pro-list li .name .en{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.step-item .pro-list li .cover{position:absolute;top:0;left:0;display:none;box-sizing:border-box;padding:35px 20px;width:100%;height:100%;background:url(../images/coverbg.png) repeat-x;}
.step-item .pro-list li:hover .cover{display:block;}
.step-item .pro-list li .cover .zh{overflow:hidden;margin-bottom:11px;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:18px;}
.step-item .pro-list li .cover .en{position:relative;margin-bottom:44px;color:#fff;font-size:12px;}
.step-item .pro-list li .cover .en:after{position:absolute;top:26px;left:0;width:30px;height:1px;background-color:#fff;content:"";}
.step-item .pro-list li .cover .p{overflow:hidden;margin-bottom:32px;height:52px;color:#fff;font-size:12px;line-height:2;}
.step-item .pro-list li .cover .btn{width:94px;height:28px;background-color:#e28c2a;color:#fff;text-align:center;font-size:12px;line-height:28px;}
.step-item .pro-list li .cover .btn:hover{opacity:.8;}
.step-item .btn-box{padding:40px 0 56px;text-align:center;}
.step-item .more{display:inline-block;width:110px;height:38px;background-color:#1c599a;color:#fff;text-align:center;font-size:18px;line-height:38px;}
.step-item.item2 .more{border:1px solid #54a3f5;background-color:transparent;color:#54a3f5;}
.step-item .more:hover{background-color:#3d73ad;}
.step-item .tab .tab-name{margin-bottom:40px;text-align:center;}
.step-item .tab .tab-name .name{display:inline-block;width:108px;color:#b2bdc9;text-align:center;font-size:16px;}
.step-item .tab .tab-name .name.on,.step-item .tab .tab-name .name:hover{color:#54a3f5;}
.new-list{display:none;}
.new-list.on{display:block;}
.new-list li{float:left;margin:0 5px 5px 0;list-style:none;}
.new-list li a{display:block;overflow:hidden;box-sizing:border-box;padding:20px 13px 0 215px;width:595px;height:158px;border:1px solid #fff;background-color:#fff;}
.new-list li a:hover{border-color:#e48c28;}
.new-list li .img-box{position:absolute;top:0;left:0;width:200px;height:158px;}
.new-list li .img-box img{width:100%;height:100%;border:0 none;}
.new-list li .til{overflow:hidden;margin-bottom:9px;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:18px;}
.new-list li:hover .til{color:#1c5b90;}
.new-list li .time{margin-bottom:14px;color:#a7a7a7;font-size:12px;}
.new-list li .p{overflow:hidden;margin-bottom:12px;height:38px;color:#7a7a7a;line-height:18px;}
.new-list li .btn{float:right;width:78px;height:22px;border:1px solid #e48c28;color:#e48c28;text-align:center;line-height:22px;}
.new-list li .btn:hover{background-color:#f9f0e6;}
.logo-wrap li{float:left;margin:0 2px 34px;width:146px;height:72px;list-style:none;}
.logo-wrap li a{display:block;height:100%;text-align:center;}
.logo-wrap li img{display:inline-block;max-width:100%;max-height:100%;border:0 none;vertical-align:middle;}
.logo-wrap li a:after{display:inline-block;width:0;height:100%;content:"";vertical-align:middle;}
.foot{height:267px;border-top:5px solid #005897;background:#535353 url(../images/footbg.jpg) repeat-x;}
.foot .top{box-sizing:border-box;padding-top:25px;height:217px;font-size:0;}
.foot .top .l{display:inline-block;vertical-align:top;}
.foot .top .item{display:inline-block;width:172px;vertical-align:top;}
.foot .top .item ul li{list-style:none;}
.foot .top .item ul li a{display:block;margin-bottom:18px;color:#aaa;font-size:12px;}
.foot .top .item ul li a:hover{color:#fff;}
.foot .top .item ul li.name a{color:#fff;font-size:14px;}
.foot .top .r{position:relative;display:inline-block;overflow:hidden;box-sizing:border-box;padding:20px 0 0 106px;width:668px;vertical-align:top;}
.foot .top .r:after{position:absolute;top:16px;left:0;width:1px;height:161px;background:url(../images/linel.png);content:"";}
.foot .top .r .addr{position:relative;padding-left:156px;color:#aaa;font-size:12px;line-height:1.8;}
.foot .top .r .addr .name{margin-bottom:10px;color:#b7b7b7;font-size:16px;}
.foot .top .r .addr .p{color:#b7b7b7;line-height:1.6;}
.foot .top .r .addr .img-box{position:absolute;top:0;left:0;width:107px;height:107px;}
.foot .b{position:relative;box-sizing:border-box;padding:16px 0 0 0;height:50px;border-top:1px solid #a7a7a7;}
.foot .b .name{padding-right:10px;color:#fff;font-size:12px;}
.foot .b a{padding-right:26px;color:#aaa;font-size:12px;}
.foot .b a:hover{color:#fff;}
.wrap{margin:0 auto;width:1200px;}
.logo-wrap:after,.nav-list:after,.nav-wrap:after,.new-list:after,.sel-wrap:after,.step-item .pro-list:after{clear:both;display:table;content:"";}
.tran{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;background-color:rgba(0,0,0,.7);}
.box-banner{overflow:hidden;width:100%;}
.box-banner img{display:block;margin:0 auto;}
.box-product{padding-bottom:50px;}
.box-product .box-product-tree{float:left;padding-top:30px;width:220px;background:url(../images/leftbg.jpg) repeat-y left bottom;}
.box-product .box-product-tree li{height:58px;background:url(../images/link.jpg) no-repeat 0 0;text-align:center;font-size:15px;line-height:58px;position: relative;}
.box-product .box-product-tree li.on,.box-product .box-product-tree li:hover{background:#3171b4;background:-moz-linear-gradient(right,#4799f0,#3171b4);background:-webkit-gradient(linear,left,right,color-stop(0,#4799f0),color-stop(100%,#3171b4));background:-webkit-linear-gradient(left #4799f0,#3171b4);background:-o-linear-gradient(right,#4799f0,#3171b4);background:-ms-linear-gradient(left,#4799f0 ,#3171b4);background:linear-gradient(to right,#4799f0,#3171b4);color:#fff;}
.box-product .nav-bottom{height:100px;background:url(../images/nyleftdb.jpg) no-repeat left top;}
.box-product-right{margin-left:260px;padding-top:30px;width:940px;min-height:500px;}
.box-product-classify{height:58px;border-bottom:solid 1px #4191e3;line-height:58px;}
.box-product-classify strong{color:#4191e3;font-weight:700;font-size:22px;line-height:58px;}
.box-product-classify span{display:inline-block;margin-left:5px;color:#e48c28;font-size:14px;}
.product-list{padding-top:40px;}
.product-list li{position:relative;display:inline-block;margin:0 15px;margin-bottom:40px;width:280px;}
.product-list li img{display:block;width:280px;height:235px;}
.product-list li .name{position:absolute;bottom:0;width:100%;background:#999;background-color:rgba(0,0,0,.5);color:#fff;text-align:center;}
.product-list li .name p{overflow:hidden;margin:0 16px;height:40px;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}
.common-page{display:inline-block;padding-left:10px;}
.page-wrap{padding-top:30px;}
.box-solution{padding-top:30px;padding-bottom:50px;min-height:400px;}
.solution-list{padding-top:30px;}
.solution-list li{position:relative;display:inline-block;overflow:hidden;padding-bottom:30px;width:596px;height:88px;vertical-align:top;}
.solution-list img{float:left;width:140px;height:88px;}
.solution-list .info{position:relative;margin-left:150px;padding-right:10px;padding-left:6px;height:88px;color:#333;}
.solution-list .name{overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap;font-size:18px;}
.solution-list .cont{overflow:hidden;padding-bottom:10px;color:#888;text-overflow:ellipsis;white-space:nowrap;}
.solution-list .time{position:absolute;bottom:0;color:#888;}
.news-list{padding-top:30px;min-height:300px;}
.news-list li{position:relative;height:48px;border-bottom:#ccc 1px dotted;}
.news-list .title{display:block;overflow:hidden;padding-right:120px;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:48px;cursor:pointer;}
.news-list .date{position:absolute;top:0;right:0;width:120px;color:#666;text-align:right;line-height:48px;}
.product-detail{padding:30px 20px;}
.product-img-block{float:left;}
.product-info{margin-left:380px;width:780px;min-height:440px;}
.product-info .title{padding-bottom:20px;font-size:18px;line-height:1.5;}
.product-info li{border-bottom:#ccc 1px dotted;font-size:16px;line-height:48px;}
.product-info li span{display:inline-block;width:150px;color:#666;font-size:16px;}
.product-desc-sign{position:relative;display:inline-block;padding:0 20px;height:45px;background:url(../images/nav-on.jpg) repeat-x;color:#fff;text-align:center;font-size:16px;line-height:45px;}
.product-desc .cont{margin:30px 0;}
.product-desc .cont p{margin-bottom:15px;font-size:16px;line-height:1.5;}
.product-desc .cont img{display:block;margin:0 auto;margin-top:15px;max-width:100%;}
#MagnifierWrap{position:relative;width:350px;}
.MagnifierMain{position:relative;width:350px;height:350px;border:solid 1px #eee;}
.MagnifierMain img{width:100%;max-height: 100%;}
.MagnifierDrag{position:absolute;top:0;left:0;background-color:#ccc;opacity:.4;cursor:move;}
.MagnifierPop{position:absolute;top:0;z-index:99;overflow:hidden;}
.MagnifierImg{position:absolute;top:0;left:0;}
.spec-items{position:relative;overflow:hidden;margin:0 auto;padding-top:10px;width:292px;height:69px;}
.spec-items ul{position:absolute;top:10px;left:0;width:500%;}
.spec-items ul *{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.spec-items li{float:left;overflow:hidden;margin-right:5px;width:65px;height:65px;border:2px solid #fff;cursor:pointer;}
.spec-items li.on{border:2px solid #000;}
.spec-items li img{width:100%;}
span.spe_leftBtn,span.spe_rightBtn{position:absolute;bottom:0;display:block;width:20px;height:69px;background-color:#f9f9f9;color:#ddd;text-align:center;font-size:14px;font-family:"黑体";line-height:69px;cursor:default;}
span.on{background-color:#ccc;color:#999;cursor:pointer;}
span.spe_leftBtn{left:0;}
span.spe_rightBtn{right:0;}
.about-us{position:relative;overflow:hidden;}
.about-us-bg{position:absolute;width:100%;height:100%;}
.about-container{padding:20px 20px 50px;}
.about-container .title{margin:30px 0;color:#0073ae;text-align:center;font-size:32px;}
.about-container .cont p{text-indent:36px;font-size:18px;line-height:1.8;}
@media (min-width:768px){.device-floating{position:absolute;width:100%;height:100%;min-height:763px;background:no-repeat center center;background-size:cover;-webkit-animation-name:Floating;-webkit-animation-duration:5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-moz-animation-name:Floating;-moz-animation-duration:5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease-in-out;}
.about-us-bg{background-image:url(../images/about-us-bg.png);}
}
@media (min-width:1190px){.device-floating{background-size:contain;}
}
@keyframes Floating{0%{-webkit-transform:translate(0,0);}
65%{-webkit-transform:translate(0,20px);}
100%{-webkit-transform:translate(0,0);}
}
.solution-container{padding:30px 0 50px;}
.solution-container .title{padding-bottom:20px;color:#000;text-align:center;font-weight:100;font-size:28px;}
.solution-container .cont{font-size:14px;line-height:1.5;}
.solution-container .cont img{max-width:100%;}
.news-detail{padding:30px 0 50px;}
.news-detail .title{padding-bottom:20px;color:#4b4b4b;text-align:center;font-weight:100;font-size:28px;}
.news-detail .cont{font-size:16px;line-height:1.5;}
.news-detail .date{padding-bottom:10px;color:#999;text-align:right;font-size:14px;}
.news-detail .cont img{max-width:100%;}
.box-product .box-product-tree li a{
	font-size: 15px;
	text-decoration: none;
	color: #333;
}
.box-product .box-product-tree li.on a{
	color: #fff;
}

.box-product .box-product-tree li:hover a{
	color: #fff;
}
.contact-img{
	max-width: 100%;
}
.contact-cont{
	position: relative;
	top: -110px;
}
.contact-map-panel{
	width: 450px;
    height: 450px;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
    margin-left: 40px;
}
.contact-map-panel #container{
	width: 100%;
	height: 100%;
}
.contact-info{
	float: right;
	width: 50%;
}
.contact-info .title{
	color: #ffffff;
    position: relative;
}
.contact-info .title p{
	font-weight: 600;
    padding-bottom: 20px;
    font-size: 30px;
}
.contact-info .cont{
	padding-top: 20px;
}
.contact-info .cont p{
	line-height: 1.8;
    color: #0073ae;
    font-size: 18px;
}
.contact-info .cont img{
	margin-top: 20px;
}
.source{
    color: #666;
    padding-bottom: 10px;
}
.source span{
    font-size: 12px;
    padding-right: 10px;
}
.support{
	min-height: 500px;
	padding-top: 30px;
}
.support-left{
	float: left;
	text-transform: uppercase;
    color: #fff;
    height: 134px;
    background: url(../images/l-tt.png) no-repeat;
    width: 203px;
    padding-left: 42px;
}
.support-left h2{
	font-family: arial;
    font-weight: 100;
    font-size: 24px;
    line-height: 30px;
    padding-top: 20px;
}
.support-left h3{
	line-height: 34px;
    height: 34px;
    font-size: 24px;
    font-weight: 100;
	font-family: "Microsoft YaHei";
}
.support-right{
	margin-left: 270px;
}
.support-item{
	position: relative;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 15px;
	padding-left: 5px;
	margin-top: 15px;
}
.support-item .info{
	width: 750px;
	display: block;
}
.support-item .info .title{
	font-size: 20px;
    font-weight: 700;
	margin-bottom: 10px;
	color: #333;
}
.support-item .info .cont{
	font-size: 15px;
    line-height: 32px;
    color: #666;
	margin-bottom: 10px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.support-item .info .time{
	font-size: 14px;
	line-height: 20px;
	color: #b4b4b4;
	background: url(../images/icon_time.png)left no-repeat;
	background-size: 18px;
	padding-left: 28px;
	font-weight: 400;
	font-family: "Microsoft YaHei";
}
.support-item img{
	position: absolute;
	right: 0;
	top: 0;
	width: 150px;
	max-height: 100px;
	border-radius: 5px;
}
.product-hover{
    position: absolute;
    display: none;
    left: 220px;
    top: 0px;
    text-align: left;
    border: #026faa 1px solid;
    width: 400px;
    background: #fff;
    padding: 15px 0px;
    min-height: 200px;
    z-index: 22;
    
}
.product-hover a {
    display: inline-block;
    margin-left: 40px;
    color: #666!important;
    line-height: 40px;
    cursor: pointer;
}
.product-hover a:hover,.product-hover a.active{
    color: #2486ee!important;
}