@charset "UTF-8";
/*------------// Overall //------------------*/
body {
	color: #666666;
	margin: 0;
	background: #f5f5f5;
	line-break: 100%;
	font-family: "微软雅黑"; font-size:14px;
}
html, body {
	-webkit-text-size-adjust: none;
}
* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	box-sizing: border-box;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
th, td {
	border-collapse: collapse;
}
a:link {
	text-decoration: none;
	color: #666;
}
a:visited {
	text-decoration: none;
	color: #666;
}
img {
	vertical-align: middle;
	border: 0;/*添加以下属性是解决图片在微信浏览器下默认转换效果造成页面模糊*/
	-webkit-transform: scale(1)rotate(0)translate3d(0, 0, 0);
	transform: scale(1)rotate(0)translate3d(0, 0, 0);
	display: inline-block;
	outline: none;
	max-width: 100%;
	height: auto;
}
div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6,input,button {
	margin: 0;
	padding: 0;
}
ol, ul, li {
	list-style-type: none;
}
/*IOS下移除按钮原生样式 -webkit-appearance*/
input[type=button] {
	-webkit-appearance: none;
	outline: none;
}
/*去除点击按钮，有灰色阴影*/
a, input {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* a {transition: all 0.3s ease-in-out;} */
textarea {
	font-family: Arial;
}
button{ cursor:pointer;}
.clear {
	clear: both;
}
h1, h2, h3, h4, h5, h6 {
	/*font-weight: normal;*/
}
.pic-box {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.cont {
	width:1200px;
	min-width: 1200px;
	margin: 0 auto;
	position: relative;
	background: none;
}
/*头部*/
/*.header{ width:100%; height:auto;}
.header_top{ width:100%; height:40px; background:#176db7;}
.header_wel{ line-height:40px; float:left; font-size:12px; color:#fff;}
.header_s{ width:auto; float:right; text-align:right; height:40px;}
.header_relative{position:relative;}
#searchform{overflow:hidden;margin-top:10px;position:relative;}
.header-select select {
    background: transparent;
    width: 55px;
    height: 100%;
    font-size: 12px;
    border: none;
    border-right: solid 1px #dedede;
    -webkit-appearance: none;
    color: #999999;
    -moz-appearance: none;
    padding-left: 8px;
    background: url(../images/sanjiao.png) no-repeat 85%
}
.header-select {z-index:1;width:55px;height:20px;overflow:hidden;border-radius:3px 0px 0px 3px;position:absolute;left:0px;top:5%;text-align:center}
.header_search{ display:inline-block; width:165px; height:40px;position:relative;}
.header_search input.header_input{ border-radius:5px; background:#fff; color:#cccccc; font-size:12px; padding-left:8px; width:100%;height:20px; border:none; padding-right:20px;text-indent:55px;}
.header_search input.header_input::-webkit-input-placeholder{color:#cccccc; font-size:12px;}
button.header_btn{ background:url(../images/icon.png) no-repeat; width:13px; height:13px; position:absolute; right:8px; top:50%; margin-top:-6.5px; border:none;}
.header_lang{ display:inline-block; margin-left:45px;float:right;line-height:40px;}
.header_lang a{ font-size:12px; color:#fff;}
.header_lang span{ font-size:12px; color:#fff; margin:0px 3px;}
.header_lang a:hover{ opacity:0.8;}
.header_bottom{ width:100%; height:95px; background:#fff;}
.header_logo{ width:146px; height:95px; float:left; line-height:95px;} 
.header_logo a{ display:block; width:100%; height:100%; overflow:hidden;}
.header_daohan{ width:774px; height:95px; float:left; margin-left:30px;}
.header_list{ width:100%; height:95px;}
.header_list li{ width:auto; height:95px; line-height:95px; float:left;margin-left:41px;}
.header_list li a{ display:block; width:100%; height:100%; overflow:hidden; font-size:18px; color:#666666;}
.header_list li a:hover{ color:#176db7; border-bottom:2px solid #176db7;}
.header_list li a.active{color:#176db7; border-bottom:2px solid #176db7;}
.header_right{ width:auto; height:95px; line-height:95px; float:right; background:url(../images/icon1.png) no-repeat left center; font-size:20px; color:#176db7; font-weight:bold; padding-left:40px;}*/

/*----header------*/
.header2{ height: auto; background: #fff;}
.head{height: 138px; width: 100%; position: fixed; z-index: 9999;background: #eeeeee;top:0; left: 0;}
.head.fixed{position: fixed; top:0; left: 0;}
.header2 .container{}
.header2 .logo{ margin-top: 10px; display: block; float: left; width:195px; margin-right: 0px;}
.header2 .header-nav{  width: auto; float: left; line-height: 98px;  position: relative;}
.header2 .header-nav>ul>li{ display:block;  width: 100px;height: 98px;  position:relative;float: left;  font-size: 16px;}
.header2 .header-nav>ul>li>a{ width: 100%; text-align: center; display:block;z-index: 2; position:absolute; left:0; left:0;font-size: 16px;height: 98px;line-height: 98px;transition: all 0.5s;-moz-transition:all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.header2 .header-nav>ul>li>ul{ background:rgba(13,152,195,0.7); display:none; width: 100vw; position:fixed; z-index: 1; left: 0px; overflow: hidden; top:138px; height: auto;transition: all 01s;-moz-transition:all 01s;-webkit-transition: all 01s;  -o-transition: all 01s;}
.header2 .header-nav>ul>li>ul>li{ text-align: center; z-index: 999; padding:0 0px; line-height: 45px;float: left;width: 100px;}
.header2 .header-nav>ul>li>ul>li:hover{/*background: #e2e2e2;*/background: rgba(0, 91, 148, 0.5);}
.header2 .header-nav>ul>li>ul .menulevel{ display: none;}

.header2 .header-tel{ width: 200px; float: right;line-height: 90px; font-weight: bold; font-size: 20px;color: #e70012;}
.header-nav .nav-line { position:absolute; left:0px; bottom:0; height:5px; line-height:2px; font-size:0; width:90px; background:#005b94; z-index: 1;}

.header-nav ul li{line-height: 50px; padding: 0; display: block;}
.header-nav ul li:after{ display: none !important;}
.header-nav ul li>a{ font-size: 14px; display: block; width: 100%; line-height: 50px; color: #005b94;}
.header-nav ul li.cur>a{box-shadow:0 0 10px -1px #005b94 inset;}
.header-nav>ul>li>ul>li a{ color: #fff;}
.header-nav ul li>a:hover{color: #005b94;}
.header-nav ul li.on>a{color: #005b94;}
.header-nav>ul>li>ul>li a:hover{color: #fff;}


/** header **/
.fl{float: left;}
.fr{float:right;}
.header{position: fixed; height: 138px; z-index: 999; background: #fff; width: 100%; box-shadow: 0px 2px 6px 4px rgba(109, 109, 109,.4);}
.topBarBox{background: #005b94;}
.topBar{height: 40px; line-height: 40px; color: #fff; background: #005baa;overflow: hidden;}
.topBar a{color: #fff;}
.comWidth {width: 1200px;margin: 0 auto;}
.navWrap{height: 98px;}
.logoBox{margin-top: 15px;}
.navList{margin-top: 18px;}
.navItem{display: inline-block; position: relative; z-index: 1; line-height: 80px;}
.navItem .arrowUp{display: none;}
.navItem.hover .arrowUp{display:inline-block; position: absolute; left: 50%; margin-left: -3px; bottom: 0px;}
.navItem.hover .arrowUp:before{border-bottom-color: #d90000;}
.navSubWrap{position: absolute; width: 100%; background: #f0f0f0; border-top: 1px solid #d90000; margin-top: -1px;}
.navSubWrap .none{display: none;}
.navSubList{display: block; width: 100%; padding-left: 425px;}
.comWidth .navSubList:nth-child(1){ padding-left: 100px;}
.comWidth .navSubList:nth-child(2){ padding-left: 190px;}
.comWidth .navSubList:nth-child(3){ padding-left: 550px;}
.comWidth .navSubList:nth-child(4){ padding-left: 490px;}
.comWidth .navSubList:nth-child(5){ padding-left: 0px; text-align: right;}
.comWidth .navSubList:last-child{ padding-left: 870px;}
.navSubList a{display: inline-block; line-height: 50px; margin: 0 20px; font-size: 16px;}
.navList form{display: inline-block; margin: 0px 10px; width: 145px; height: 32px; line-height: 32px; background: #f5f5f5;  -moz-border-radius:15px; -ms-border-radius:15px; -webkit-border-radius: 15px; border-radius:15px; position: relative; top: 9px;}
.navList form .textbox{float: left; margin-left: 10px; width: 100px; height: 32px; line-height: 32px; border: 0 none; background: none; color: #679efe;}
.navList form .submit{ width: 32px; height: 32px; border: 0 none; background: url(../images/top-icon3.png) no-repeat 50% 50%; text-indent: -999px; cursor: pointer;}


.iconHome{background-position: 0 -193px; width: 28px; height: 28px; vertical-align: sub; margin-right: -8px;}
span.cur .iconHome{background-position: 0 -30px;}
.navItem > a{font-size: 18px; display: inline-block; padding: 0 10px 0 10px; border-right: 1px solid #999; line-height: 1;}
.navList .cur a{color: #d90000;}
.iconSearch{background-position: 0 -70px; display: inline-block; width: 20px; height: 20px; margin-left: 8px; vertical-align: -2px;}
/** header **/


.banner{ width:100%; height:500px;margin-top: 138px;position:relative;}
.banner a{ display:block; width:100%; height:100%; overflow:hidden;}
.banner .pagination1{ width:100%; height:auto; bottom:10px; text-align:center; position:absolute; z-index:2;}
.banner .swiper-pagination-switch{width:12px;height:12px;}
.banner .swiper-active-switch{background:#176db7;border:2px solid #176db7;}
.banner .swiper-button-prev{left:10%;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;margin-top: -22px;z-index: 10;cursor: pointer;position: absolute;top: 50%;}
.banner .swiper-button-next{right:10%;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;    position: absolute;top: 50%;margin-top: -22px;z-index: 10;cursor: pointer;}
.banner .swiper-button-prev:hover{width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -46px;background-size: 100%;margin-top: -22px;z-index: 10;cursor: pointer;position: absolute;top: 50%;}
.banner .swiper-button-next:hover{width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -139px;background-size: 100%;    position: absolute;top: 50%;margin-top: -22px;z-index: 10;cursor: pointer;}

/*内页*/
.ban_ny{width:100%; height:auto;padding-top: 138px;overflow:hidden; }
.ban_ny img{width:100%; height:auto; overflow:hidden}
.ban_ny h3{ position:absolute; margin-top:-15%; background:rgba(0,0,0,0.4); color:#fff; width:30%; margin-left:35%; text-align:center; padding:30px 20px; font-size:26px; line-height:46px; font-weight:bold}
.ban_ny h3 span{font:normal 40px/40px Georgia, "Times New Roman", Times, serif; opacity:0.9; display:block}


/*-------------------------------- 产品 --------------------------------*/
.i-product{ width:1200px; height:auto; margin:0 auto; position:relative; margin-top:50px;}
.dev {padding-bottom: 0;}
.dev-cont {height: 924px; background: url('../images/dev-bg.png') center top no-repeat; background-size: auto 100%; margin-top: 45px; overflow: hidden; position: relative; }
.dev-cont .cont {overflow: visible; height: 100%;}
.dev-box {width: 100%; height: 100%; position: relative; padding-top: 47px; z-index: 20;}
.view-box {width: 100%; min-height: 265px; margin-top:70px;}
.dev-view {width: 100%; height: 100%;}
.dev-view .swiper-slide{ background:none; display:none;}
.i-pro_list{ width:1200px; margin:0 auto; overflow:hidden; height:auto;}
.i-pro_list li{ width:23.12%;height: 242px;; float:left; margin-right:30px; margin-bottom:30px;}
/*.i-pro_list li:nth-child(2n){ margin-right:0;}*/
.i-pro_list li:nth-child(4n){ margin-right:0;}
.i-pro_list li a{ display:block; width:100%; height:100%; overflow:hidden;}
.i-pro_pic{/*width:200px; height:200px; */float:left; text-align:center; font-size:0; overflow:hidden; background:#fff;}
.i-pro_pic span{ display:inline-block; height:100%; vertical-align:middle;}
.i-pro_pic img{ max-height:100%; max-width:100%; transition:all 0.3s linear;}
.i-pro_text{ float:left; width:100%; height:auto; text-align:center;}
.i-pro_text h3{ font-size:18px; color:#333333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:15px;font-weight:normal;}
.i-pro_text p{ font-size:14px; color:#666666; line-height:24px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px; /*margin-top:8px;*/ margin-top:20px;}
.i-pro_text span{ display:block; font-size:14px; color:#666666; margin-top:30px;}
.i-pro_list li a:hover .i-pro_pic img{ transform:scale(1.2);}
.i-pro_list li a:hover .i-pro_text h3{ color:#176db7;}
.i-pro_list li a:hover .i-pro_text span{ color:#176db7;}

/* 时间线 */
.time-box {width: 100%; height: 68px; line-height:68px; position: absolute; top: 0; border-bottom:1px solid #e1e1e1;}
.dev-time {width: 1080px; margin-left:0;}
.time-box .swiper-slide {text-align: center;cursor: pointer; width: 200px; margin-right:60px; background:none; font-size:22px; color:#666666;}
.time-box .swiper-slide-active,.time-box .swiper-slide:hover{color: #176db7;}
.time-prev, .time-next {position: absolute; width: 40px; height: 30px; position: absolute; top: 20px; z-index: 500; cursor: pointer; background:#fff; border:1px solid #e1e1e1; line-height:30px; font-size:18px; color:#999999; text-align:center; font-family:"宋体"; font-weight:bold; right:0;}
.time-prev {right: 40px; border-right:none;}
.time-prev:hover{ background:#176db7; color:#fff;}
.time-next:hover{ background:#176db7; color:#fff;}

/*行业应用*/
.case{background: url(../images/case_bg.jpg) no-repeat center;padding: 30px 0;}
.i-case{ width:1200px; height:auto; margin:40px auto;}
.i-case_title{ width:100%; height:auto; text-align:center;}
.i-case_title h3{ font-size:24px; color:#333333;}
.i-case_title img{ margin:5px 0px;}
.i-case_title p{ font-size:14px; color:#999999; text-transform:uppercase;}
.i-p_content{ width:100%; height:320px; overflow:hidden; margin-top:50px; position:relative;}
.i-p_content .swiper-slide{ width:385px; height:320px; background:none; display:block;}
.i-p_content .swiper-slide a{ display:block; width:290px; /*height:320px;*/ position:relative; overflow:hidden;}
.i-p_content .swiper-slide img{ width:100%; height:100%; object-fit:cover; transition:all 0.3s ease;}
.i-case_p{ width:100%; height:50px; overflow:hidden; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.7); transition:all 0.3s linear;}
.i-case_p h3{ height:50px; line-height:50px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#fff; padding:0px 25px;}
.i-case_p p{ font-size:14px; color:#fff; line-height:24px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px; margin-bottom:15px; text-align: left; padding:0px 25px;}
.i-p_content a:hover .i-case_p{ height:115px; background:rgba(23,109,183,0.8);}
.i-p_content a:hover img{ transform:scale(1.1);}
a.i-case_a{display:block; width:140px; height:40px; line-height:40px; text-align:center; margin:0 auto; background:#fff; border:1px solid #e5e5e5; font-size:14px; color:#333333; margin-top:15px;transition:all 0.3s linear;}
a.i-case_a:hover{ background:#176db7; color:#fff;}
.a_left{ background:url(../images/icon3.png) no-repeat; width:35px; height:54px; position:absolute; left:0; top:50%; margin-top:-27px; z-index:2; cursor:pointer; transition:all 0.3s linear;}
.a_left:hover{background:url(../images/icon3-1.png) no-repeat;}
.a_right{ background:url(../images/icon4.png) no-repeat; width:35px; height:54px; position:absolute; right:14px; top:50%; margin-top:-27px; z-index:2; cursor:pointer; transition:all 0.3s linear;}
.a_right:hover{background:url(../images/icon4-1.png) no-repeat;}
/*新闻中心*/
.i-news{ width:1200px; height:auto; margin:0 auto; /*margin-top:80px;*/}
.i-news_left{ width:510px; height:345px; float:left;}
.i-news_left a{ display:block; width:100%; height:100%; overflow:hidden; position:relative;}
.i-news_left .swiper-slide{position:relative;}
.i-news_left a img{ width:100%; height:100%; object-fit:cover;transition:all 0.3s ease;}
.i-news_left:hover img{transform:scale(1.1);}
.i-news_p{ width:100%; height:50px; line-height:50px; text-align:center; background:rgba(0,0,0,0.8); font-size:16px; color:#fff; position:absolute; left:0; bottom:0; z-index:2; padding:0px 60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.i-news_left .pagination{ text-align:right;}
.i-news_left .swiper-pagination-switch{ width:11px; height:11px; cursor:pointer; background:rgba(255,255,255,0.9); border:none;}
.i-news_left .swiper-active-switch{ background:#176db7;}
.i-news_right{ width:655px; height:auto; float:right;}
.i-news_title{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #cccccc;}
.i-news_dao{ width:440px; height:auto; float:left;}
.i-news_dao ul{ width:100%; height:auto;}
.i-news_dao ul li{ float:left; margin-right:24px;padding-bottom:12px; font-size:18px; color:#333333; cursor:pointer;}
.i-news_dao ul li:hover{ border-bottom:2px solid #176db7;}
.i-news_dao ul li.news_on{border-bottom:2px solid #176db7;}
.i-news_a{ display: block; float:right; background:url(../images/icon5.png) no-repeat right center; padding-right:20px; font-size:12px; color:#333333; margin-top:10px;}
.i-news_a:hover{ color:#176db7;}
.i-news_list{ width:100%; height:auto; margin-top:6px;}
.i-news_list ul{ width:100%; height:auto; display:none;}
.i-news_list ul li{ width:100%; height:60px; line-height:60px; border-bottom:1px dashed #cccccc;}
.i-news_list ul li a{ display:block; width:100%; height:100%; overflow:hidden;}
.i-news_list ul li p{ float:left; width:550px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#666666;}
.i-news_list ul li span{ float:right; text-align:right; font-size:14px; color:#666666;}
.i-news_list ul li a:hover p{ background:url(../images/icon6.png) no-repeat left center; padding-left:20px; color:#176db7;}

/*about*/
/*.in_ab{width:100%;overflow:hidden;background:url(../images/abbg.jpg) no-repeat center center;background-size:cover;padding: 50px 0;height: 500px;margin-top: 50px;}*/
.in_ab .tit01 h4,.in_ab .tit01 h5,.in_ab .tit01 p{color:#fff}
.in_ab .tit01 h4,.contact-wrap .tit01 h4{font-size:30px;font-weight: 500;line-height:30px;color:#fff;background:url(../images/titbg1.png) no-repeat center center;background-size:contain;-webkit-background-size:contain}
.in_ab_l{width:580px;height:333px;float:left;background-size:cover;-webkit-background-size:cover}
.in_ab_r{width:600px;float:right;padding-left:120px;padding-top:50px;padding-bottom:50px;background:url(../images/ab_r_bg.png) no-repeat left center;background-size:contain;-webkit-background-size:contain;position: relative;}
.in_ab_r a{display:block;width:100%;overflow:hidden}
.in_ab_r h4{font-size:24px;color:#666;line-height:1;margin-bottom:40px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;font-weight: 400;}
.in_ab_r .ab_r_txt{font-size:14px;color:#666;line-height:24px;height:176px;text-align:justify;display:block;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.in_ab_r a:hover .ab_r_txt{color:#ff9c00}
.in_ab_r a:hover h4{color:#ff9c00}
.in_ab_r a#about_a{display: block; width: 25px; height: 75px; position: absolute; left: 68px; line-height: 17px; bottom: 49px; font-weight: bold; text-align: center; color: #fff;font-size: 14px;}
.container-fluid{max-width:1200px;margin: auto}
.row {margin-right: -15px; margin-left: -15px; }
.tit01 {margin-bottom: 25px; }
.text-center {text-align: center; }

.tit01 h4{font-size: 30px; line-height: 30px; font-weight: 500;color: #666; background: url(../images/titbg.png) no-repeat center center; -webkit-background-size: contain;text-align: center;}
/*about--end--*/





/*关于我们*/
.about_banner{ width:100%; height:auto;margin-top: 138px;}
.about_banner img{ width:100%; height:auto;}
.i-con{ width:1200px; margin:0 auto; height:auto; margin-top:40px;}
.about_left{ width:250px; height:auto; float:left; }
.about_title{ width:100%; height:auto; background:url(../images/bg.jpg) no-repeat center center; background-size:cover; padding:20px; padding-right:10px;}
.about_title h3{ text-align:left; font-size:24px; color:#ffffff;font-weight:normal;}
.about_title p{ background:url(../images/icon12.png) no-repeat left center; color:#ffffff; font-size:16px; padding-left:50px;margin-top:5px;}
.about_list{ width:100%; height:auto;border:1px solid #e0e0e0; padding-top:7px; background:#fff; padding-bottom:7px;}
.about_list li{ width:100%; height:auto;}
.about_list li a{ display:block; width:100%; height:50px; line-height:50px; padding-left:23px; padding-right:23px; font-size:16px; color:#333333; background:#fff url(../images/icon13.png) no-repeat 225px center;}
.about_list li a:hover{ background:#1686ca url(../images/icon13-1.png) no-repeat 225px center; color:#fff; }
.about_list li a.aactive{ background:#1686ca url(../images/icon13-1.png) no-repeat 225px center; color:#fff; }
.about_list li a.nav-on{ color:#1686ca;background:url(../images/icon15.png) no-repeat 220px center;}
ul.menu_list{ display:none;}
ul.menu_list li a{ background:url(../images/icon16.png) no-repeat 45px center; padding-left:70px; font-size:14px; color:#666666;}
ul.menu_list li a:hover,ul.menu_list li a.active{ background:#1686ca url(../images/icon16-1.png) no-repeat 45px center; color:#fff;}
.about_right{ width:910px; height:auto; float:right; background:#fff; box-shadow:0px 0px 5px rgba(6,0,1,0.05); padding:30px;}
.about_rr{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #e0e0e0; padding-bottom:15px;}
.about_l{ float:left; font-size:24px; color:#333333; text-align:left;}
.about_r{ float:right; text-align:right; background:url(../images/icon14.png) no-repeat left center; padding-left:15px; font-size:12px; color:#666666; margin-top:13px;}
.about_r a{ font-size:12px; color:#666;}
.about_r a:hover{ color:#1686ca;}
.about_r span{ font-size:12px; color:#666; margin:0px 2px;}
.about_con{ width:100%; height:auto; margin-top:50px;}
.about_tt{ width:100%; height:auto; text-align:center;}
.about_tt h3{ font-size:18px; color:#333333;font-weight:normal;}
.about_tt hr{ display:block; width:58px; height:auto; border:none; border-top:1px solid #1686ca; margin:0 auto; text-align:center; margin-top:18px;}
.about_c{ width:100%; height:auto; margin-top:15px;}
.about_c p{ font-size:14px; color:#333333; line-height:28px;}
.about_img{ width:100%; height:auto; margin-top:30px; margin-bottom:30px; overflow:hidden;}
.about_img img{ float:left; width:414px; height:auto;}
.about_img img:nth-child(2n){ float:right;}
/*荣誉证书*/
.honor{ width:100%; height:auto; margin-top:50px;}
.honor_daohan{ width:100%; height:auto; text-align:center;}
.honor_daohan li{ display:inline-block; min-width:120px; height:45px; line-height:45px; margin-right:10px; border:1px solid #e0e0e0; text-align:center; margin-bottom:15px;}
.honor_daohan li a{ padding:0px 10px; display:block; width:100%; height:100%; overflow:hidden;font-size:14px; color:#333333;}
.honor_daohan li a:hover{ background:#1686ca; color:#fff;}
.honor_daohan li a.active{ background:#1686ca; color:#fff;}
.honor_list{ width:100%; height:auto; margin-top:30px;}
.honor_list li{ width:196px; height:260px; position:relative; float:left; margin-right:22px; margin-bottom:20px; overflow:hidden;}
.honor_list li:nth-child(4n){ margin-right:0px;}
.honor_list li a{ display:block; width:100%; height:100%; overflow:hidden;}
.honor_pic{ width:100%; height:260px; text-align:center; font-size:0;}
.honor_pic span{ display:inline-block; height:100%; vertical-align:middle;}
.honor_pic img{ max-height:260px;}
.honor_text{ width:100%; height:100%; position:absolute; left:-200px; top:0px; background: rgba(45,126,196,0.7); transition:all 0.3s ease;}
.honor_text .pic-box{ width:196px; height:260px; position:relative;}
.honor_text .pic-box h3{ font-size:18px; color:#ffffff; padding:10px;font-weight:normal;}
.honor_a{ position:absolute; left:55px; bottom:0; width:85px; height:50px; line-height:50px; text-align:center; border-top:1px solid #e0e0e0; font-size:14px; color:#ffffff;}
.honor_list li a:hover .honor_text{ left:0px;}

/*分页样式*/
.tcdPageCode{padding: 15px 20px;text-align: left;color: #ccc;text-align:center; margin-top:30px;}
.tcdPageCode a{display: inline-block;display: inline-block;height: 40px;	line-height: 40px;	padding: 0 15px;border: 1px solid #eeeeee;	margin: 0 5px;border-radius: 2px;vertical-align: middle; font-size:14px; color:#999999;}
.tcdPageCode a:hover{text-decoration: none;background-color: #176db7;	border: 1px solid #176db7; color:#fff;}
.tcdPageCode span.current{display: inline-block;height: 40px;line-height: 40px;padding: 0 15px;margin: 0 5px;color: #fff;background-color: #176db7;	border: 1px solid #176db7;border-radius: 2px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 40px;line-height: 40px;padding: 0 15px;margin: 0 5px;	color: #999999;background: #eee;border: 1px solid #eee;border-radius: 2px;vertical-align: middle;}

.pages{padding: 15px 20px;text-align: left;color: #ccc;text-align:center; margin-top:30px;}
.pages a{display: inline-block;display: inline-block;height: 40px;line-height: 40px;padding: 0 15px;border: 1px solid #eeeeee;	margin: 0 5px;border-radius: 2px;vertical-align: middle; font-size:14px; color:#999999;}
.pages a:hover{text-decoration: none;background-color: #176db7;	border: 1px solid #176db7; color:#fff;}
.pages .curr a{display: inline-block;height: 40px;line-height: 40px;padding: 0 15px;margin: 0 5px;color: #fff;background-color: #176db7;	border: 1px solid #176db7;border-radius: 2px;vertical-align: middle;}
.pages .prev{float:initial;}
/*产品中心*/
.product{ width:100%; height:auto;}
.product li{ width:270px; height:330px; margin-right:20px; float:left; margin-bottom:20px;}
.product li:nth-child(3n){ margin-right:0;}
.product li a{ display:block; width:100%; height:100%; overflow:hidden;}
.product_pic{ width:100%; height:270px; border:1px solid #e0e0e0; text-align:center; font-size:0; overflow:hidden; border-bottom:none;}
.product_pic span{ display:inline-block; height:100%; vertical-align:middle;}
.product_pic img{ max-height:100%;max-width:100%; transition:all 0.3s linear;}
.product_text{ width:100%; height:55px; line-height:55px; text-align:center; padding:0px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#333333; background:#e4f5ff;}
.product li a:hover .product_pic img{ transform:scale(1.1);}
.product li a:hover .product_text{ background:#1686ca; color:#fff;}


/*产品详情*/
.product01{ width:100%; height:auto;}
.product01_top{ width:100%; height:auto;}
.product_left{ width:415px; height:auto; float:left;}
.ban{ width:100%; height:500px; position:relative; overflow:hidden;}
.ban2{ width:100%; height:415px; position:relative; overflow:hidden; border:1px solid #e0e0e0;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:413px; height:413px; overflow:hidden; text-align:center; font-size:0;}
.ban2 ul li span{ display:inline-block; height:100%; vertical-align:middle;}
.ban2 ul li img{ max-height:413px;max-width:413px;}
.prev{ float:left; cursor:pointer;}
.num{ height:70px;overflow:hidden; width:325px; position:relative; margin:0 auto;}
.min_pic{width:100%; height:auto; margin-top:15px; position:relative;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:70px; height:70px; margin-right:15px; border:1px solid #e0e0e0; text-align:center; font-size:0;}
.num ul li span{ display:inline-block; height:100%; vertical-align:middle;}
.num ul li img{ max-height:68px; max-height:68px;}
.num ul li.on{ border:1px solid #1686ca; padding:0;}
.prev_btn1{ width:29px; text-align:center; height:70px; position: absolute; left:0; top:0; background:url(../images/pic22.jpg) no-repeat center center; cursor:pointer;}
.prev_btn1:hover{ background:url(../images/pic22-1.jpg) no-repeat center center;}
.next_btn1{ width:29px; text-align:center; height:70px; position: absolute; right:0; top:0; background:url(../images/pic23.jpg) no-repeat center center; cursor:pointer;/* transform:rotate(180deg);*/}
.next_btn1:hover{ background:url(../images/pic23-1.jpg) no-repeat center center;}
.product_right{ width:390px; height:auto; float:right;}
.product_title{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #e0e0e0; padding-bottom:10px; font-size:18px; color:#666666;}
.product_de{ width:100%; height:330px; margin-top:20px;}
.pro_tab table{ width:350px; height:auto;border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.pro_tab table td{ height:36px; border-bottom:1px solid #e0e0e0; font-size:14px; color:#333333; text-align:center;border-left:1px solid #e0e0e0;}
.pro_tab table td:first-child{ width:120px; background:#f1f1f1; border-bottom:1px solid #bcbcbc;}
a.product_down{ display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#ffffff; margin-top:38px; background:#1686ca;}
a.product_down img{ margin-right:10px;}

div.product_down{ display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#333333; margin-top:38px; background:#f1f1f1;}
div.product_down img{ margin-right:10px;}
.product_bottom{ width:100%; height:auto; margin-top:55px;}
.pro_dao{ width:100%; height:auto; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.pro_dao li{ width:108px; height:40px; line-height:40px; text-align:center; border:1px solid #e0e0e0; border-bottom:none; margin-right:15px; float:left; font-size:16px; color:#333333; cursor:pointer;}
.pro_dao li:hover{ background:#1686ca; color:#fff;}
.pro_dao li.active{ background:#1686ca; color:#fff;}
.pro_con{ width:100%; height:auto; margin-top:30px;}
.pro_c{ width:100%; height:auto; display:none;}
.pro_c p{ /*font-size:14px; color:#666666; line-height:36px;*/line-height:1.8em;}
/*新闻中心*/
.news{ width:100%; height:auto;}
.news li{ width:100%; height:auto; overflow:hidden; padding:0 0px 20px; border-bottom:1px solid #e0e0e0;}
.news li a{ display:block; width:100%; height:100%; overflow:hidden;}
.news_pic{ width:200px; height:130px; overflow:hidden; float:left;}
.news_pic img{ width:100%; height:100%; object-fit:cover; transition:all 0.3s linear;}
.news_text{ width:628px; height:auto; float:right;}
.news_text h3{ font-size:16px; color:#333333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-weight:normal;}
.news_text p{ font-size:14px; color:#666666; line-height:28px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:56px; margin-top:12px; margin-bottom:12px;}
.news_text span.news_date{ float:left; text-align:left; font-size:14px; color:#999999; line-height:30px;}
.news_text span.news_span{ float:right; width:92px; height:30px; line-height:30px; display:block; text-align:center; border:1px solid #e0e0e0; border-radius:3px; font-size:12px; color:#999999;}
.news li a:hover .news_pic img{ transform:scale(1.1);}
.news li a:hover .news_text h3{ color:#1686ca;}
.news li a:hover .news_text span.news_span{ background:#1686ca; border:1px solid #1686ca; color:#fff;}



/*news*/

.news {
	padding-top: 60px;
	padding-bottom: 30px;
}

.news .content {
	display: block;
    height: 500px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.news .content li {
	width: 285px;
	float: left;
	transition: .3s;
	border: 1px solid #d2d2d2;
	box-sizing: border-box;
	box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.2);
}

.news .content li:hover {
	transform: translateY(-5px);
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2);
}

.news .content li~li {
	margin-left: 20px;
}

.news .content li a {
	display: block;
	width: 100%;
}

.news .content li .img {
	width: 100%;
	height: 225px;
	overflow: hidden;
}

.news .content li .img img {
	width: 100%;
	height: 100%;
}

.news .content li .txt {
	width: 100%;
	height: 220px;
	box-sizing: border-box;
	padding: 20px 25px 0 20px;
}

.news .content li .txt h4 {
	font-size: 16px;
	color: #333;
	line-height: 25px;
	transition: .3s;
	height: 50px;
}

.news .content li .txt .jj,
.news .content li .txt .time {
	font-size: 14px;
	color: #666;
}

.news .content li .txt .jj {
	margin: 20px 0;
	line-height: 25px;
}

.news .content li:hover h4 {
	color: #006eba;
}

.news .index-more {
	margin-top: 30px;
}
.news .index-more {
	margin-top: 50px;
	background: #1a74c0;
	color: #fff;
}
.index-more {
	width: 162px;
	height: 42px;
	line-height: 42px;
	border-radius: 30px;
	text-align: center;
	display: block;
	margin: 0 auto;
	font-size: 14px;
}
/*按钮触发*/
.link{
	transition: 0.52s;
	position: relative;
	overflow: hidden;
}
.anim {
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
}

.anim:before {
	position: relative;
	content: '';
	display: block;
	margin-top: 100%;
}

.anim:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
}

.link:hover .anim {
	animation: anim-out 0.75s;
}

.link:hover .anim:after {
	animation: anim-out-pseudo 0.75s;
}

@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}


/*新闻详情*/
.news01{ width:100%; height:auto;}
.news01_title{ width:100%; height:auto; text-align:center;}
.news01_title h3{ font-size:18px; color:#333333; margin-bottom:10px;font-weight:normal;}
.news01_title p>span{ font-size:12px; color:#999999; margin-right:15px;}
.news_con{ width:100%; height:auto; margin-top:30px;}
.news_con p{ font-size:14px; color:#333333; line-height:28px;}
.news_bottom{ width:100%; height:auto; margin-top:40px; border-top:1px solid #e0e0e0; padding-top:30px;}
.news_left{ width:700px; height:auto; float:left;}
.news_left p{ font-size:14px; color:#666666; margin-bottom:15px;}
.news_left p>a{font-size:14px; color:#666666; }
.news_left p>a:hover{ color:#1686ca;}
.news_right{ float:right; text-align:right;}
.news_right a{ display:block; background:url(../images/icon18.png) no-repeat left center; padding-left:20px; font-size:14px; color:#666;}
.news_right a:hover{ background:url(../images/icon18-1.png) no-repeat left center;color:#1686ca;}


/*技术与服务*/
.service{ width:100%; height:auto;}
.service li{ width:100%; height:55px; overflow:hidden; border-bottom:1px dotted #e0e0e0;}
.service li a{ display:block; width:100%; height:100%; overflow:hidden;}
.service li p{ width:700px; height:55px; line-height:55px; float:left; font-size:16px; color:#666666; overflow:hidden; text-overlfow:ellipsis; white-space:nowrap;}
.service li span{ float:right; line-height:55px; display:block; text-align:right; font-size:14px; color:#666666;}
.service li a:hover p{ color:#1686ca;}

.service_con h3{ font-size:16px; color:#333333; font-weight:bold; margin-top:35px;}
/*联系我们*/
.map{ width:100%; height:475px; position:relative; padding:5px; background:#fff; border:1px solid #e0e0e0; overflow:hidden;}
.map_d{ width:455px; min-height:306px; position:absolute; left:0px; background:#fff; top:50%; margin-top:-153px; z-index:4; padding:0px 15px 0px 20px; overflow:hidden;}
.map_d hr{ display:block; width:27px; height:auto; border:0; border-top:2px solid #1686ca; margin-left:0; margin-top:25px; margin-bottom:10px;}
.map_d h3{ font-size:18px; color:#333333; margin-top:30px;font-weight:normal;}
.map_list{ width:100%; height:auto;}
.map_list li{ width:100%; height:auto; overflow:hidden; margin-bottom:5px;}
.map_left{ float:left;font-size:14px; color:#666666; margin-top:2px;}
.map_right{float:left; width:363px;}
.map_right span{font-size:14px; color:#666666; line-height:28px; margin-right:10px;}
.map_rr{ background:url(../images/pic31.jpg) no-repeat; width:24px; height:42px; position:absolute; right:0px; top:50%; margin-top:-21px; cursor:pointer;}
.map_ll{ background:url(../images/pic32.jpg) no-repeat; width:24px; height:42px; position:absolute; left:0px; top:50%; margin-top:-21px; cursor:pointer; z-index:3;}
.contact_intro{ width:100%; height:auto; overflow:hidden; background:#eeeeee; padding:15px 15px 15px 20px;}
.contact_left{ float:left; width:450px; margin-top:25px;}
.contact_left h3{ font-size:18px; color:#333333;font-weight:normal;}
.contact_left hr{ width:34px; height:auto; margin-left:0; border:none; border-top:1px solid #1686ca; margin-top:20px; margin-bottom:20px;}
.contact_left p>span{ font-size:14px; color:#666666; line-height:28px;}
.contact_right{ width:340px; height:190px; float:right;}
.contact_right img{ width:100%; height:100%; object-fit:cover;}

.con_message{ width:100%; height:auto; margin-top:25px; padding-bottom:50px;}
.message_title{ width:100%; height:auto; overflow:hidden; background:url(../images/bg1.jpg) no-repeat; background-size:cover; text-align:center; padding:30px;}
.message_title h3{ font-size:18px; color:#ffffff;font-weight:normal;}
.message_title hr{ display:block; width:34px; height:auto; border:none; border-top:1px solid #fff; margin-top:10px; margin-bottom:10px;}
.message_title p{ font-size:14px; color:#ffffff;}
.message_con{ width:100%; height:auto; margin-top:35px;}
.message_c{ width:100%; height:auto; margin-bottom:20px; overflow:hidden; text-align:center;}
.mess_input{ width:412px; height:50px; padding-left:15px; border:1px solid #cccccc; margin:0 auto; font-size:12px; color:#666;}
.mess_input::-webkit-input-placeholder{ font-size:12px; color:#ccc;}
.mess_name{ float:left;}
.mess_tel{ float:right;}
.mess_area{ width:100%; height:188px;padding:15px; border:1px solid #cccccc;font-size:12px; color:#666;}
.mess_area::-webkit-input-placeholder{ font-size:12px; color:#ccc;}
.mess_tip{ width:100%; height:auto;}
.mess_tip p{ font-size:12px; color:#73bce8; line-height:24px;}
.mess_c{ margin-top:10px;}
.mess_label input{ background:none; border:1px solid #e0e0e0; vertical-align:middle;}
.mess_label span{ font-size:12px; color:#999999;}
.mess_last{ margin-top:40px;}
.mess_btn{ width:405px; height:57px; border-radius:5px; line-height:57px; border:1px solid #1686ca; background:#1686ca; text-align:center; display:block; cursor:pointer; margin:0 auto; color:#fff; font-size:16px; transition:all 0.3s linear;}
.mess_btn:hover{ background:none; color:#1686ca;}


/*售后服务*/
.customer{ width:100%; height:auto;}
.cus_top{ width:100%; height:158px; background:#1686ca; overflow:hidden;}
.cus_left{ width:310px; height:auto; float:left; padding:30px 0px 30px 30px;}
.cus_left h3{ font-size:24px; color:#ffffff; margin-bottom:15px;}
.cus_left p{ font-size:18px; color:#fff;}
.cus_left span{ font-size:12px; color:#fff; margin-top:5px;}
.cus_right{ width:538px; height:158px; float:right; overflow:hidden;}
.cus_right img{ width:100%; height:100%; object-fit:cover;}
.cus_bottom{ width:100%; height:auto; }
.cus_c{ width:100%; height:auto;margin-top:35px;}
.cus_t{ width:auto; height:35px; background:#1686ca url(../images/pic34.jpg) no-repeat 8px center; background-size:4px 35px; padding-left:35px; padding-right:28px; min-width:120px; line-height:35px; text-align:left; color:#fff; font-size:14px; display:inline-block;}
.cus_l{ width:100%; height:auto;}
.cus_l h3{ font-size:14px; color:#333333; margin-top:17px;}
.cus_l p{ font-size:12px; color:#666666; line-height:24px; margin-top:2px;}

/*下载中心*/
.download{ width:100%; height:auto;}
.down_tab{ width:100%; height:auto; border-right:1px solid #e0e0e0;}
.down_tab td{ border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; font-size:14px; color:#333333; height:45px; text-align:center;}
.down_tab th{ font-weight:normal; text-align:center; height:50px; background:#1686ca; font-size:16px; color:#fff; border-left:1px solid #e0e0e0;}
.down_tab td:first-child{ width:240px;}
.down_tab td:nth-child(2){ width:175px;}
.down_tab td a{ font-size:14px; color:#666666;}
.down_tab td a:hover{ color:#1686ca; text-decoration:underline;}


/*招商加盟*/
.jiameng{ width:100%; height:auto;}
.jia_about{ width:100%; height:auto; margin-bottom:40px; overflow:hidden;}
.jia_tt{ width:100%; height:auto; text-align:center;}
.jia_tt h3{ font-size:18px; color:#1686ca; font-weight:bold;}
.jia_tt hr{ display:block; width:34px; height:auto; border:none; border-top:2px solid #1686ca; margin:0 auto; margin-top:10px;}
.jia_c{ width:100%; height:auto; text-align:center; margin-top:15px;}
.jia_c p{ font-size:12px; color:#666666; line-height:24px;}
.jia_last{ width:100%; height: auto; margin-top:70px; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding-top:35px; min-height:327px;}
.jia_last .jia_tt h3{ color:#fff;}
.jia_last .jia_tt hr{ border-top:2px solid #fff;}
.jia_last .jia_tt p{ font-size:14px; color:#ffffff; margin-top:15px;}
.jia_dao{ width:225px; height:auto; float:right; margin-right:130px; margin-top:35px;}
.jia_dao li{ width:50%; height:auto; float:left; margin-bottom:13px;}
.jia_dao li a{ background:url(../images/icon19.png) no-repeat left center; padding-left:15px; font-size:14px; color:#fff;}
.jia_liu{ width:100%; height:auto; margin-top:40px;}
.jia_o{ width:88px; height:auto; float:left;}
.jia_pic{ width:100%; height:88px;}
.jia_pic img{ width:100%; height:100%;}
.jia_o p{ text-align:center; font-size:14px; color:#666666; margin-top:25px;}
.jia_w{ width:102px; height:88px; float:left; background:url(../images/icon21.png) no-repeat center center;}
.jia_contact{ width:100%; height:auto; margin-top:45px;}
.jia_contact li{ width:33.33%; height:auto; text-align:center; float:left;}
.jia_pp{ width:60px; height:60px; margin:0 auto; margin-bottom:25px;}
.jia_pp img{ width:100%; height:100%;}
.jia_contact li p{ font-size:14px; color:#ffffff; line-height:24px;}
.jia_next{ background:url(../images/bg3.jpg) no-repeat center center; background-size:cover; min-height:327px;}


.wm {padding-bottom: 100px;}
.wm-title {border-bottom: 1px solid #eeeeee; padding-bottom: 14px; height: 31px; margin-top: 23px;}
.wm-title span {font-size: 16px; color: #333; display: block; line-height: 16px; font-weight: bold; position: relative; float: left;}
.wm-title span:after {content: ''; width: 32px; height: 2px; background: #005baa; position: absolute; bottom: -15px; left: 50%; margin-left: -16px;}
.wm-list {overflow: hidden; width: 101%; padding: 30px 0 0;}
.wm-list li, .wm-list dl {float: left; width: 186px; line-height: 16px; margin-bottom: 25px;}
.wm-list a, .wm-list dt {font-size: 16px; color: #3c3c3c; transition: all 0.3s ease-in-out; font-weight: 500; text-transform: none;}
.wm-list dt {margin-bottom: 24px;}
.wm-list dd a {font-size: 14px; color: #999; line-height: 32px;}
.wm-list a:hover {color: #005baa;}

.product_list{ overflow:hidden;}
.product_list li{position:relative;}
.product_list li a{background:none; padding-right:38px;}
.product_list li:hover>a{ background:#1686ca; color:#fff;}
.product_list li span{ width:38px; position:absolute; right:0px; top:0px; background:url(../images/icon13.png) no-repeat center center; height:50px; cursor:pointer;}
.product_list li:hover span{background:#1686ca url(../images/icon13-1.png) no-repeat center center;}
.product_list li span.nav-on{ background:url(../images/icon15.png) no-repeat center center;}
.product_list li:hover span.nav-on{ background:url(../images/icon15-1.png) no-repeat center center;}
.product_list li.current>a{ background:#1686ca; color:#fff;}
.product_list li.current span{background:#1686ca url(../images/icon15-1.png) no-repeat center center;}

.myContent ol{list-style-type: decimal;margin-left:20px;}
.myContent ol li{font-size: 14px;color: #333333;line-height: 28px;list-style-type: decimal;}
.myContent h4,.myContent h4 span{color:#333;}


/* web_footer */
@font-face {
	font-family: 'fontawesome';
	src: url("fonts/Font-Awesome/fontawesome-webfont.eot?v=4.5.0");
	src: url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}

.layout {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.web_footer {
	background-color: #005baa;
	margin-top: 40px;
}

.web_footer,
.web_footer a {
	color: #fff;
}

.web_footer a:hover {
	color: #00a5b3;
}

.foot_items {
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 16px;
}

.foot_items .layout {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}

.foot_items .layout:after {
	display: none;
}



.foot_item {
	width: 25%;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
}

.foot_items .foot_item_erweima{
	width: 45%;
	margin-bottom: 20px;
}

.foot_item .title {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 25px;
}


.foot_item_contact .tit_desc {
	padding-bottom: 15px;
}

.foot_item_contact address li {
	position: relative;
	padding: 0 0 0 30px;
	line-height: 28px;
	font-style: normal;
	padding-bottom: 8px;
}

.foot_item_contact address li:before {
	content: "";
	width: 21px;
	height: 21px;
	position: absolute;
	left: 0;
	top: 3px;
	background-image: url(../images/contact_ico.png);
	background-repeat: no-repeat;
}

.foot_item_contact address li:hover:before {
	opacity: 1;
}

.foot_item_contact address li.foot_phone:before {
	background-position: 0 -19px;
}

.foot_item_contact address li.foot_email:before {
	background-position: 0 -63px;
}

.foot_item_contact address li.foot_skype:before {
	background-position: 0 -41px;
}

.foot_item_contact address li:hover:before {
	-webkit-animation: swing .6s ease;
	-o-animation: swing .6s ease;
	animation: swing .6s ease;
}

.foot_item_contact address li.foot_phone a {
	color: #c9cfd4;
}

.foot_item_contact address li a {
	color: #67A0B5;
}

.company_subscribe .subscribe_tit {
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 30px;
}

.company_subscribe .button {
	font-size: 17px;
	color: #000 !important;
	background-color: #21cdf1;
	border: 2px solid #21cdf1;
	text-transform: uppercase;
	padding: .25em .8em;
	border-radius: 2px;
	box-sizing: content-box;
	background-clip: padding-box;
}

.company_subscribe .button:hover {
	color: #043d78 !important;
	border-radius: 30px;
	padding-left: 1.2em;
	padding-right: 1.2em;
	border-color: rgba(255, 255, 255, .8);
	background-color: #043d78;
	color: #fff !important;
}

.company_subscribe .button:before {
	display: none;
}

.foot_txt_list li {
	max-width: 180px;
	line-height: 34px;
	border-bottom: 1px dashed rgba(255, 255, 255, .3);
}

.foot_txt_list li a {
	display: block;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	padding-left: 20px;
}

.foot_txt_list li a:before {
	content: '\f105';
	font-family: 'FontAwesome';
	position: absolute;
	margin-left: -20px;
}

.foot_txt_list li a:hover {
	-webkit-transform: translateX(8px);
	-ms-transform: translateX(8px);
	-o-transform: translateX(8px);
	transform: translateX(8px);
}

.foot_bar {
	background-color: #061830;
}

.foot_bar .layout {
	padding-top: 15px;
	padding-bottom: 15px;
}

.foot_bar .copyright {
	float: left;
	line-height: 22px;
	font-size: 16px;
	padding: 14px 0;
}

.foot_bar .copyright p{display: inline-block;}

.foot_sns {
	float: right;
}

.foot_sns li {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	padding-left: 10px;
}

.foot_sns li a {
	display: inline-block;
	padding: 13px;
	line-height: 15px;
	border-radius: 50%;
	background-color: #505b71;
	border: 2px solid #505b71;
	vertical-align: middle;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size: 14px;
	overflow: hidden;
}

.foot_sns li img {
	max-height: 20px;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.foot_sns li a:hover {
	border-radius: 40%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 1;
	filter: alpha(opacity=100);
	;
	background-color: #043d78;
	border-color: rgba(255, 255, 255, .8);
}

.tel_link {
	pointer-events: none;
}

@media screen and (max-width: 768px) {
	.tel_link {
		pointer-events: auto;
	}
}

.footer_bottom{ width:100%; height:45px; background:#043d78; font-size:12px; line-height:45px; color:#cccccc;}
.footer_bottom a{font-size:12px;color:#cccccc;}
.footer_bottom .cont p{display: inline-block;}
.f_l{ float:left;display: inline-block;}
.f_r{ float:right;}
.f_l p{display: inline-block;}


/*form--------start---------*/
/*form*/
.c-c-t{width: 100%;position: relative;height: 470px;}
.c-c-t form {}
.c-c-t > .lyform > .m-c > .c-l-c {
    width: 50%;
    margin-bottom: 34px;
}
.c-c-t > .lyform > .m-c > .c-l-c > .c-na {
    height: 40px;
    line-height: 40px;
}
.c-c-t > .lyform > .m-c > .c-l-c > .c-na > span {
    color: #da251d;
    margin-right: 10px;
}
.c-c-t > .lyform > .m-c > .c-l-c > .c-nc {
    margin-left: 8px;
}
.c-c-t > .lyform > .m-c > .c-l-c > .c-nc > input {
    height: 40px;
    width: 410px;
    padding-left: 18px;
    border: 1px solid #ccc;
}
.c-c-t > .lyform > .m-c > .c-c-b {
    width: 100%;
}
.c-c-t > .lyform > .m-c > .c-c-b > .s-na {
    height: 40px;
    line-height: 40px;
}
.c-c-t > .lyform > .m-c > .c-c-b > .s-na > span {
    color: #da251d;
    margin-right: 10px;
}
.c-c-t > .lyform > .m-c > .c-c-b > textarea {
    width: 80%;
    height: 120px;
    padding: 24px;
    border: 1px solid #ccc;
}

.c-c-t .submit {
    width: 168px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: #176db7;
    margin: 0 200px;
    margin-top: 30px;
    border-radius: 20px;
	position: absolute;
    top: 400px;
}
.c-c-t .submit #tel {
  width: 100%;
    border: 0;
    background: none;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
}
/*form--end--*/
/*form--------end------*/