@charset "utf-8";
/* CSS Document */

body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-family: microsoft yahei,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background: #fff; overflow-x: hidden; color:#666; font-size:14px; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a { color:#333; text-decoration: none;}
a:hover {}
div{display:block;}
/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar { width: 6px; height: 12px; }
::-webkit-scrollbar-button:vertical { display: none; }
::-webkit-scrollbar-track:vertical { background-color: black; }
::-webkit-scrollbar-track-piece { background: #fff; }
::-webkit-scrollbar-thumb:vertical { background-color: #8e8e8e; border-radius: 5px; }
::-webkit-scrollbar-thumb:vertical:hover { background-color: #3b3b3b; }
::-webkit-scrollbar-corner:vertical { background-color: #535353; }
::-webkit-scrollbar-resizer:vertical { background-color: #ff6e00; }

.fl{float:left;}
.fr{float:right;}
.wrapper { margin: 0 auto; width: 1200px; }
/*返回顶部*/
.bottom_tools{position:fixed;z-index:1070;right:40px;bottom:40px;}
.bottom_tools>*{font:0/0 a;display:block;margin-top:5px;color:transparent;border:0;background-color:transparent;text-shadow:none}
#scrollUp{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-54px -53px;display:none;}
#scrollUp:hover{background-image:url(../images/backgrounds.32.png);background-position:-100px -53px}
#feedback{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-102px 0}
#feedback:hover{background-image:url(../images/backgrounds.32.png);background-position:-146px -46px}
.qr_tool{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-148px 0;cursor:pointer;}
.qr_tool:hover {width: 45px;height: 45px;background-image: url(../images/backgrounds.32.png);background-position: -192px -46px;}


/*banner*/
.bannerslide { height:576px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.paginationw { position: absolute; left: 0; z-index: 999; text-align: center; bottom:10px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide .swiper-button-prev { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide .swiper-button-next { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }

/*topbar*/

.container{line-height:70px;}
.topbar .btnmenu { float: right; display: none;margin-top: 18px;}
.logo{ float:left;margin-top: 4px;background:url(../images/logo.png) no-repeat center ;width:66px; height:60px; display:inline-block;position: relative;}
.topbar .nav{ padding-left:20%;}
.topbar .nav .nli{ float:left; position:relative; text-align:center; padding:0 14px;}
.topbar .nav .nli a{font-size:15px; color:#888;}
.topbar .nav .nli a:hover{ color:#3b5460;font-weight: bold; text-decoration:none;}

.top_right{ float:right;width: 250px;height: 71px;;background: #527585;overflow: hidden;}
.top_right input {outline: none;}
.top_right input[type=search] {-webkit-appearance: textfield;-webkit-box-sizing: content-box;font-family: inherit;font-size: 100%;}
.top_right input::-webkit-search-decoration,
.top_right input::-webkit-search-cancel-button {display: none;}


.top_right input[type=search] {
	background:url(../images/ss.png) no-repeat  center right;
	border: 0px;
	padding: 2px 6px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}


/* placeholder */
.top_right input:-moz-placeholder {
	color: #999;
}
.top_right input::-webkit-input-placeholder {
	color: #999;
}

/* demo B */
.top_right #demo-b {float: left;margin: 10% 2% 0 0;}
.top_right #demo-b input[type=search] {
	width: 90px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
.top_right #demo-b input[type=search]:focus {
	width: 90px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
.top_right #demo-b input:-moz-placeholder {
	color: transparent;
}
.top_right #demo-b input::-webkit-input-placeholder {
	color: transparent;
}
.top_right .language{font-size: 14px;color: #fff;}
.top_right .language a{font-size: 14px;color: #fff;}


/*homebox1*/
.homebox1{padding: 60px 0 0;}
.homebox1 .hometitle{font-size: 30px;color: #000;text-align: center;letter-spacing: 10px;}
.homebox1 .hometext{font-size: 14px;color: #000;text-align: center;margin-top: 40px;line-height: 24px;}
.homebox1 .box1_msg{width: 100%;overflow: hidden;margin-top: 75px;}
.homebox1 .box1_msg ul li{float: left;width: 50%;}
.homebox1 .box1_msg ul li:nth-child(1){border-right: 1px solid #eee;box-sizing: border-box;}
.homebox1 .box1_msg ul li h2{text-align: center;}
.homebox1 .box1_msg ul li p{text-align: center;}
.homebox1 .box1_msg h2{font-size: 20px;color: #d71414;font-weight: 600;margin-top: 24px}
.homebox1 .box1_msg p{font-size: 14px;line-height: 24px;color: #666;margin-top: 24px;}
.homebox1 .more{width: 80px;margin: 0 auto;margin-top: 50px;text-align: center;padding: 12px 50px;border: 1px solid #ccc;border-radius: 18px;-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;}
.homebox1 .more:hover{box-shadow: 0 0 10px rgba(95,95,95,0.4);}



/*homebox2*/
.homebox2{ padding-top:70px; padding-bottom:70px;}
.homebox2 .hometitle{font-size: 30px;color: #000;text-align: center;letter-spacing: 10px;}
.homebox2 .hometext{padding-top: 30px;text-align: center;}
.homebox2 .hometext .tit a{padding:6px 15px; border:#CCC 1px solid;color: #989898;box-sizing: border-box;display: inline-block;margin-top: 10px;}
.homebox2 .hometext .tit.on a{background: #d71414;color: #fff;border: none;}

.probox2{ padding-top:50px; padding-bottom:12px; width:100%;}
.probox2 .item{background: #eee;}
.probox2 .item:hover a{ text-decoration:none;}
.probox2 .item .pic{display: block;text-align: center;padding: 30px 0;height: 50%;}
.probox2 .item .pic img{width: 90%;}
.probox2 .item .info{padding-left:40px; padding-top:20px;}
.probox2 .item .info .name{ font-size: 18px; color: #333; line-height: 30px; margin-right: 30px; margin-top: 20px;}
.probox2 .item .info .text{
	font-size: 14px;
    color: #777;
    line-height: 20px;
    height: 56px;
    overflow: hidden;
    margin-top: 10px;
    margin-right: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 3;
}


/*homebox3*/
.homebox3{padding: 70px 0 100px 0;background: #e8f1f9;}
.homebox3 .hbox3{position: relative;}
.homebox3 .hbox3_text{padding: 80px 45px;width: 70%;background: #fff;}
.homebox3 .hbox3_text h3{font-size: 30px;letter-spacing: 10px;font-weight: normal;}
.homebox3 .hbox3_text h3 small{font-size: 18px;color: #707070;letter-spacing: 0px;}
.homebox3 .hbox3_text span{display: block;width: 40%;padding: 40px 0;margin-top: 30px;border-top: solid 1px #b5b5b5;}

.homebox3 .more{width: 80px;text-align: center;padding: 12px 50px;border: 1px solid #ccc;border-radius: 18px;-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;}
.homebox3 .more:hover{box-shadow: 0 0 10px rgba(95,95,95,0.4);}
.homebox3 .hbox3_img{position: absolute;top: 0;right: 0;width: 50%;z-index: 99;}
.homebox3 .hbox3_img .img_lf{position: absolute;top: 80px;left: 0px;z-index: 999;overflow: hidden;}
.homebox3 .hbox3_img .img_rt{position: absolute;top: 40px;right: 0px;overflow: hidden;}
.homebox3 .hbox3_img img{-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.homebox3 .hbox3_img img:hover{transform: scale(1.2);}




/*foot*/
.foot{background: #3b5663;line-height: 80px;}
.foot .info {overflow: hidden;}
.foot .info .lf{float: left;font-size: 13px;color: #fff;}
.foot .info .rt{float: right;}
.foot .info .rt a{font-size: 13px;color: #fff;}



/*contact*/
.con_con{padding: 110px 0px 124px;background: url(../images/con_bg.jpg)no-repeat center;background-attachment: fixed;}
.con_con .con_list{position: relative;z-index: 4;}
.con_con .con_list .con_box{width: 42%;float: left;display: block;margin-left: 10%;background-color: #fff;position: relative;top: 50px;z-index: 2;}
.con_con .con_list .con_box dt{overflow: hidden;cursor: pointer;font-size: 15px;}
.con_con .con_list .con_box .con_msg{height: 100%;width: 100%;position: relative;display: table;}
.con_con .con_list .con_box .con_msg .con_txt{display: table-cell;vertical-align: middle;}
.con_con .con_list .con_box dt .con_txt{padding: 40px 5% 20px;}
.con_con .con_list .con_box dt span{font-size: 36px;font-weight: bold;color: #3b5663;padding-right: 20px;}
.con_con .con_list .con_box dd .con_txt{padding: 20px 5%;transform: translateY(0px);-webkit-transform: translateY(0px);display: table-cell;vertical-align: middle;}
.con_con .con_list .con_box dd .cicon{width: 40px;height: 40px;float: left;display: block;margin-right: 10px;}
.con_con .con_list .con_box dd:hover .cicon{-webkit-animation: mapIco 1.4s linear infinite;animation: mapIco 1.4s linear infinite;}
.con_con .con_list .con_box dd .con_txt span{padding-top: 20px;display: inline-block;font-size: 14px;color: #fff;}
.con_con .con_list .con_box .con_msg:nth-child(1){background-color: #EDEFF0;}
.con_con .con_list .con_box dd.con_msg:nth-child(2){background-color: #C9D0D4;}
.con_con .con_list .con_box dd.con_msg:nth-child(3){background-color: #B7C1C6;}
.con_con .con_list .con_box dd.con_msg:nth-child(4){background-color: #A5B2B8;}
.con_con .con_list .con_box dd.con_msg:nth-child(5){background-color: #94A2A9;}
.con_con .con_list .con_box dd.con_msg:nth-child(6){background-color: #82939B;}
.con_con .con_list .feedback{position: absolute;right: 0px;top: 26%;width: 53%;background-color: #F9F9F9;overflow: hidden;}
.con_con .con_list .feedback .msg_demo{background-color: #fff;padding: 76px 10% 62px 20%;}
.con_con .con_list .feedback .msg_demo .mb{margin-bottom: 35px;}
.con_con .con_list .feedback .msg_demo .mb .ctxt{border: 0px none;border-bottom: 1px solid #b5b5b5;color: #333;padding: 8px 0px;height: 20px;line-height: 20px;width: 100%;font-size: 15px;font-family: "微软正黑体","Microsoft JhengHei","Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif,"SimHei","黑体";}
.con_con .con_list .feedback .msg_demo .messageBtn {display: block;width: 172px;height: 34px;line-height: 34px;color: #fff;background-color: #3b5663;font-size: 15px;text-align: center;position: relative;}

/*honor*/
.h_banner{padding: 190px 0;background: url(../images/h_bg.jpg)no-repeat center;}
.h_banner .title{width: 200px;line-height: 50px;text-align: center;margin: 0 auto;font-size: 20px;color: #3b5663;font-weight: bold;border-top: solid 2px #3b5663;border-bottom: solid 2px #3b5663;}
.content{padding: 80px 0;}
.content .equipment{width: 100%;overflow: hidden;}
.content .equipment li {width: 30%;float: left;margin-right: 1.5%;margin-bottom: 20px;position: relative;}
.content .equipment li img{width: 100%;}
.content .equipment li .cover { width: 100%; height: calc(100% - 42px); position: absolute; top: 0; left: 0; background: #192436; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
.content .equipment li:hover .cover { opacity: .8; filter: alpha(opacity=60); }
.content .equipment li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -60px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.content .equipment li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
.content .equipment li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -60px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.content .equipment li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
.content .equipment li p {font-size: 14px;margin-top: 10px;text-align: center;}


/*product*/
.pro_box{padding: 80px 0;background: #f5f5f5;}
.pro_box .pro_list1 {overflow: hidden;margin-top: 30px;}
.pro_box .pro_list1 ul {flex-flow: row nowrap;justify-content: center;}
.pro_box .pro_list1 ul li{display: inline;float: left;font-size: 14px;color: #333;border: solid 1px #e2e2e2; box-sizing: border-box;background-color: #fff;padding: 10px 25px;margin: 0px 5px 10px 0px;}
.pro_box .pro_list1 ul li.on{background: #3b5663;}
.pro_box .pro_list1 ul li.on a{color: #fff;}
.pro_box .pro_list2 ul li{float: left;width: 19.5%; margin-right: 0.6%;margin-top: 23px;}
.pro_box .pro_list2 ul li:nth-child(5n){margin-right: 0px;}
.pro_box .pro_list2 .img {overflow: hidden;background-color: #d5e0e7;text-align: center;}
.pro_box .pro_list2 .img img{width: 100%;-webkit-transition: all .4s;transition: all .4s;}
.pro_box .pro_list2 .img:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}
.pro_box .pro_list2 .pro_txt{padding: 20px 20px;background-color: #fff; overflow: hidden;}
.pro_box .pro_list2 .pro_txt a{color: #000;font-size: 14px;font-weight: bold;}
.pro_box .pro_list2 .pro_txt span{display: block;line-height: 28px;font-size: 14px;color: #777;}
.pro_box .pro_list2 .pro_txt:hover a{color: #3b5663;}

.inbox { background: #fff; }
.intit { overflow: hidden; border-bottom: 1px solid #eee; line-height: 40px; padding: 0 40px 20px; }
.intit h1 { float: left; font-size: 30px; font-weight: normal; color: #333; position: relative; }
.intit h1:before { content: ''; width: 4px; height: 20px; background: #d61317; position: absolute; left: -20px; top: 10px; }
.intit .location {float: right;}
.intit .iul { float: right; font-size: 16px; }
.intit .iul .ili { float: left; }
.intit .iul .ili .ia { display: block; padding: 0 20px; text-decoration: none; position: relative; }
.intit .iul .ili.on .ia { color: #d61317; }
.intit .iul .ili.on .ia:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; margin-left: -4px; bottom: -8px; border: 4px solid transparent; border-top-color: #d61317; }

.promaincon{margin: 20px 0; color:#39424b; line-height:25px;}
.promaincon img{ max-width:100%;}
.incontent .promaincon h3 { margin-bottom: 30px;color: #3593dd; padding: 10px 20px; background: #e8f1f9; font-weight: normal; border-radius: 6px 6px; font-size: 18px; line-height: 36px; position: relative; }
.incontent .protitle {font-size: 24px;text-align: center;line-height: 30px;margin-bottom: 5px;word-break: break-all;}

.pronav { overflow: hidden; margin-bottom: 40px; }
.pronav a { display: block; float: left; width: 23.5%; margin: 0 2% 10px 0; background: #e8f1f9; border-radius: 20px; line-height: 34px; text-decoration: none; text-align: center; font-size: 15px; }
.pronav a:nth-child(4n) { margin-right: 0; }
.pronav a.on { background: #3593dd; color: #fff; }


.incontent { padding: 40px; font-size: 16px; line-height: 30px; color: #333; }
.incontent p { margin-bottom: 20px; }
.incontent img { max-width: 100%; display: inline-block; }
.incontent h3 { margin-bottom: 30px; padding: 10px 20px; background: #e8f1f9; font-weight: bold; border-radius: 6px 6px; font-size: 18px; line-height: 36px; position: relative; }
.incontent h3:before { content: ''; display: block; width: 4px; height: 16px; background: #12b1e7; position: absolute; left: 0; top: 50%; margin-top: -8px; }



/*上下页*/
.newsbackline{height: 30px;line-height: 30px;border-top: 1px solid #dedede;padding-top: 20px;margin: 30px 0 50px;}
.newsbackline ul{ width:100%;}
.newsbackline ul li.prev{ text-align:left;}
.newsbackline ul li{width: 33.333333%;float: left;display: block;height: 33px; text-align:center;}
.newsbackline ul li.next{text-align: right;}
.main .bd .newsbackline ul li a{display: inline-block;width: 120px;border-width: 1px;border-style: solid;border-color: #dedede;text-decoration: none;color: #666;font-size: 12px;box-sizing: border-box;background: #fff; line-height:30px;}
.newsbackline ul li a{ text-align:center;}
.newsbackline ul li a {
    display: inline-block;
    width: 120px;
    border-width: 1px;
    border-style: solid;
    border-color: #dedede;
    text-decoration: none;
    color: #666;
    font-size: 12px;
    box-sizing: border-box;
    background: #fff;
    line-height: 30px;
}


/*company*/
.com_box .com_con1{padding:80px 0;}
.com_box .com_con1 .tips{padding: 10% 0;}
.com_box .com_con1 .tips .msg{font-size: 14px;color: #999;width: 40%;float: left;line-height: 24px;}
.com_box .com_con1 .tips .img{width: 49%;float: right;position: relative;}
.com_box .com_con1 .tips .img img{width: 90%;position: relative;top: 0 ;left: 0;border-right: solid 10px #fff;border-bottom:  solid 10px #fff;}
.com_box .com_con1 .tips .img .img_bg{border: solid 6px #2366a8;box-sizing: border-box;position: absolute;top: 20%;left: 20%;right: 0;bottom: -10%;z-index: -1}

.com_box .com_con3{padding:80px 0;}
.com_box .com_con3 .info h2{font-size: 30px;text-transform: uppercase;text-align: center;}
.com_box .com_con3 .info div{font-size: 20px;text-align: center;}
.com_box .com_con3 .tips{margin-top: 30px;}
.com_box .com_con3 .tips .msg{font-size: 14px;color: #999;text-align: center;width: 80%;line-height: 24px;margin: 0 auto;}




@media (max-width:1200px){
	.hidden01{display: none;}
	.wrapper{width: 100%;padding: 0 20px;box-sizing: border-box;}
	.homebox3 .hbox3_text span{width: 100%;}
}

@media (max-width:1040px){


}

@media (max-width:800px){
	.hidden02 {display: none}
	.topbar { height: 60px; padding: 0; }
	.topbar .logo {height: 60px; margin-top: 0px;}
	.topbar .nav { display: none; }
	.topbar .btnmenu { display: block; }
	.bannerslide { height:auto;}
	.bannerslide .swiper-slide { height: 200px; }

	.homebox1 .box1_msg ul li:nth-child(1) {padding-bottom: 30px;border-right: none;border-bottom: 1px solid #eee;box-sizing: border-box;}
	.homebox1 .box1_msg ul li {float: none;width: 80%;margin: 0 auto;}

	.h_banner {padding: 49px 0;}

	.com_box .com_con1{padding: 40px 0;}
	.com_box .com_con1 .tips .msg {width: 100%;float: none;}
	.com_box .com_con1 .tips .img {width: 100%;float: none;margin-top: 20px;}

	.pro_box .pro_list2 ul li {float: left;width: 49%;margin-right: 2%;margin-top: 23px;}
	.pro_box .pro_list2 ul li:nth-child(5n) {margin-right: 2%;}
	.pro_box .pro_list2 ul li:nth-child(2n) {margin-right: 0;}

	.pro_box { padding: 40px 0;}
	.pro_box .pro_list1 {margin-top: 0px;}

	.pronav{margin-bottom: 0;}
	.pronav a{float: none;width: 90%;margin: 2% auto;}
	.pronav a:nth-child(4n) {margin: 2% auto;}

	.con_con .con_list .con_box { width: 90%;float: none;margin: 0 auto;top: 0;}
	.con_con .con_list .feedback {position: relative;right: 0px;width: 90%;margin: 0 auto;}
	.foot{line-height: 30px;}
	.foot .info .lf{width: 100%;float: none;text-align: center;}
	.foot .info .rt{float: none;text-align: center;}

	.content .equipment li {width: 49%;}
	.content .equipment li:nth-child(3n){margin-right: 1.5%;}
	.content .equipment li:nth-child(2n){margin-right: 0;}



}



.mm-pagedim-black #mm-blocker { opacity: 0; }
.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
.sidefootlogo { font-size: 12px; }
.mm-listview > li > a { text-align: center; font-size: 14px; line-height: 40px; }