@charset "utf-8";
 html,body{margin: 0;padding: 0;} .pagebox{position:relative;width:1200px; margin:0px auto; }::-webkit-scrollbar-track-piece { width:5px; background-color:#f8f8f8 } ::-webkit-scrollbar { width:5px; background-color:#ccc } ::-webkit-scrollbar-thumb { width:5px; background-color:#aeaeae } ::-webkit-scrollbar-thumb:hover { width:5px; background-color:#ccc } body{overflow-x:hidden;} * { font-family: 'Quicksand','Microsoft Yahei'; } *{ padding:0; margin:0;} .e_pagebox{ width:auto; height:auto; clear:both; float:right; margin-right:30px; margin-top:30px; margin-bottom:30px; position:relative; } .p_page .pre{ display:inline-table; float:left; margin-left:18px; margin-right:5px; } .p_page .pageNum{ display:inline-block; position:static; float:left; margin-right:5px; line-height:30px; } .p_page .next{ display:inline-table; float:left; } .p_page .PageInterval{ display:inline-block; position:static; float:left; margin-right:5px; line-height:38px; font-size:12px; } .p_page .p_PageInterval{ display:inline-block; position:static; float:left; margin-right:5px; line-height:38px; font-size:12px; } .p_page .pre:after{ content:""; display:none; position:absolute; top:5px; left:-14px; width:27px; height:27px; background-color:rgba(242, 242, 242, 1); font-size:0; line-height:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_page .pre:hover:after{ top:4px; left:-12px; background-color:rgba(101, 190, 186, 1); border-radius:4px 0 0 0; -webkit-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_page .pre:active:after{ top:8px; left:-12px; width:28px; height:25px; background-color:rgba(90, 170, 167, 1); border-radius:0 3px 0 0; -webkit-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform:rotate(-226deg); -moz-transform:rotate(-226deg); -o-transform:rotate(-226deg); -ms-transform:rotate(-226deg); transform:rotate(-226deg); z-index:-1; } .p_page .pre{ height:30px; color:rgba(102, 102, 102, 1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(242, 242, 242, 1); text-align:center; padding-top:0; padding-right:20px; padding-left:20px; position:relative; left:0; border-radius: 3PX; top:0; } .p_page .pre:hover{ color:#333; border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color: #f2b767; cursor:pointer; } .p_page .pre:active{ background-color:#f2b767; } .p_page .pre .font{ display:table-cell; vertical-align:middle; bottom:0; font-size:12px; } .p_page .pre:hover .iconfont{ color:rgba(255,255,255,1); } .p_page .pre:active .iconfont{ color:rgba(255,255,255,1); } .p_page .pre .iconfont:before{ content:""; margin-right:5px; } .p_page .next:after{ content:""; display:none; position:absolute; top:5px; right:-14px; width:27px; height:27px; background-color:#f2b767; font-size:0; line-height:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_page .next:hover:after{ top:5px; right:-12px; background-color:#f2b767; border-radius:4px 0 0 0; -webkit-box-shadow:0 3px 0px #777; -moz-box-shadow:0 3px 0px #777; box-shadow:0 3px 0px #777; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); z-index:-1; width:26px; height:26px; } .p_page .next:active:after{ top:8px; right:-12px; width:27px; height:24px; background-color:#f2b767; border-radius:0 3px 0 0; -webkit-box-shadow:0 3px 0px #777; -moz-box-shadow:0 3px 0px #777; box-shadow:0 3px 0px #777; -webkit-transform:rotate(226deg); -moz-transform:rotate(226deg); -o-transform:rotate(226deg); -ms-transform:rotate(226deg); transform:rotate(226deg); z-index:-1; } .p_page .next{ height:30px; color: #333; border-width:0; border-style:solid; border-color: rgba(255,255,255,0); background-color: #f2b767; text-align:center; border-radius: 3PX; padding-top:0; padding-right:20px; padding-left:20px; position:relative; left:0; top:0; } .p_page .next:hover{ color:#333; border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:#f2b767; cursor:pointer; } .p_page .next:active{ background-color:#f2b767; } .p_page .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size:12px; } .p_page .next:hover .iconfont{ color:rgba(255,255,255,1); } .p_page .next:active .iconfont{ color:rgba(255,255,255,1); } .p_page .next .iconfont:before{ content:""; margin-top:3px; float:right; margin-left:5px; } .p_page .pageNum{ position:absolute; background-size:100% 100%; color:inherit; cursor:pointer; display:table; font-family:inherit; font-size:14px; font-weight:inherit; height:inherit; text-decoration:none; width:inherit; } .p_page .pageNum{ height:30px; width:30px; color:rgba(102, 102, 102, 1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(242, 242, 242, 1); text-align:center; position:relative; } .p_page .pageNum:hover{ color:rgba(255,255,255,1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); cursor:pointer; text-decoration:none; background-color:#f2b767; } .p_page .pageNum:active{ text-decoration:none; background-color:#f2b767; } .p_page .pageNum.active{ text-decoration:none; background-color: #f2b767; color: #333; border-radius: 3PX; } .p_page .pageNum .font{ display:table-cell; vertical-align:middle; bottom:0; } .p_page .pageNum .iconfont{ display:inline; color:rgba(255,255,255,1); vertical-align:middle; } .p_page .pageNum:hover .iconfont{ color:rgba(255,255,255,1); } .p_page .pageNum:active .iconfont{ color:rgba(255,255,255,1); } .p_page .pageNum .iconfont:before{ content:""; } .p_page .PageInterval{ line-height:30px; cursor:text; color:rgba(102,102,102,1); } .p_page .p_PageInterval{ line-height:30px; cursor:text; color:rgba(102,102,102,1); } .p_OccupyBox{ margin:0; width:auto; height:auto; padding:0; border:none; overflow:hidden; }
 
 
 
 
.container{ width:1200px; margin:0px auto; clear:both; overflow:hidden} 
.pagebox1{position:relative;width:1200px; margin:0px auto; } 
 
 
 
 
 
 
 
 
 .location {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	line-height: 35px;
	padding: 30px 0;
}
.location ul li {
	float: left;
	width: 10%;
	text-align: center;background:#24b0b1; 
	color: #fff;
	/*margin-right: 5px;*/
	transition: 300ms;
	-webkit-transition: 300ms; font-size:14px;
}
.location ul li:hover {
	background: #000;
	color: #fff;
}
.location ul li:hover a {
	color: #fff;
}
.location ul li.li_active {
	background: #000;
	color: #fff;
}
.location ul li.li_active a {
	color: #fff;
}
.location ul li a {
	color: #fff;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.location p {
	float: right;
	font-size: 14px;
	color: #fff; padding-right:5px;
}
.location p i {
	color: #015cb5;
	font-size: 24px;
	padding-right: 5px;
}
.location p a {
	color: #fff;
}
.location p a:hover {
	color: #000;
}




.news_two_box {
    width: 100%;
    height: 159px;
    border: 1px solid transparent;
    position: relative;
    background: #f7f7f7;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}



.news_two {
    margin: 20px auto;
    font-size: 12px;
    width: 100%;
    min-width: 1100px;
}
.news_two {
    overflow: hidden;
}


.news_two_ul {
    height: auto;
    overflow: hidden;
    padding: 0 0 20px 0;
}

.news_two_ul li {
    width: 100%;
    height: 159px;
    border: 1px solid transparent;
    margin-bottom: 20px;
}

.news_two_img {
    width: 230px;
    height: 157px;
    float: left;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}


.news_two_img img {
    width: 200px;
    height: 130px;
    margin: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}





.news_two_txt {
    width: 56%;
    float: left;
    margin: 36px 0 28px 34px;
    transition: all .3s ease-out 0s;
}

.news_two_box:hover .news_two_txt {
    margin: 36px 0 28px 54px;
}

.news_two_txt span {
    font-size: 24px;
    color: #333;
    display: block;
    height: 34px;
    overflow: hidden;
    margin-bottom: 15px;
    transition: all .3s ease-out 0s;
    font-weight: 900;
}


 .news_two_txt i {
    height: 52px;
    color: #A2A2A2;
    line-height: 24px;
    display: block;
    overflow: hidden;
    transition: all .3s ease-out 0s;
    font-size: 14px; font-style:normal
}




.news_two p {
    margin: 0;
}
.news_two_date {
    width: 180x;
    float: right;
    color: #999;
    padding: 36px 66px 0 0;
    transition: all .3s ease-out 0s;
}

.news_two_box:hover .news_two_date {
    padding: 36px 43px 0 0;
}



.news_two_date span {
    height: 26px;
    font-size: 19px;
}


.ser_but {
    position: absolute;
    top: 80px;
    right: 60px;
    width: 90px;
    height: 35px;
    border-radius: 18px;
    text-align: center;
    border: 1px solid #999;
    transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;
}


.ser_but i {
    width: 70px;
    height: 35px;
    line-height: 35px;
    transition: all 0.3s; font-style:normal
}

.news_two_box:hover .ser_but {
	background: #24B0B1;
	border: 1px solid #24B0B1;
	margin: 0 -10px; color:#FFFFFF
}


.nybanner {
    width: 100%;
    min-height: 500px;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat; margin-top:-80px;
}


#w_wbox-1556441597596 {
    position: absolute;
    top: 0px;
    left: -346px;
    z-index: 100;
    width: 1892px;
    height: 400px;
}



.showinfo{ padding-top:20px; padding-bottom:20px;}
.showinfo .title{font-size: 22px;color: #333333;text-align: center;padding: 10px 0 16px;}
.showinfo .mark{color: #666;height: 38px;line-height: 38px;overflow: hidden;text-align: center;margin-bottom: 20px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.showinfo .mark span{margin: 0 10px;font-size: 12px;}
.showinfo .img{width: 500px;display: block;margin: 10px auto 20px;}
.showinfo .img img{max-width: 100%;display: block;margin: 0 auto;}
.showinfo .showcontxt{color: #666;padding: 10px 2px 30px;line-height: 30px;text-align: justify; font-size:14px;}
.showinfo .showcontxt .t{position: relative;display: inline-block;color: #333;padding: 0 2px 5px;font-size: 16px;margin-bottom: 10px;}
.showinfo .showcontxt .t:after{width: 20px;height: 2px;content: "\20";background: #c21d24;display: block;position: absolute;left: 2px;bottom: -1px;}
.showinfo .showcontxt img{max-width: 100%;height: auto !important;}

.relink{width: 100%;height: 58px;line-height: 58px;border-top: 2px solid #ddd;border-bottom: 2px solid #ddd;}


.txtimglist{width: 100%; clear:both; overflow:hidden; margin-top:20px;}
.txtimglist .item{width:100%;height: auto;padding: 0;padding-bottom: 20px;margin-right: 20px;margin-bottom: 20px;border: 0;border-bottom: 1px solid #dddddd;}
.txtimglist .item:nth-child(2n){margin-right: 0;}
.txtimglist .item a{width: 100%;height:400px;display: block;}
.txtimglist .item img{float: left;margin-right: 10px;}
.txtimglist .item h3{font-size: 25px;line-height: 32px;height: 32px;position: relative;margin-bottom: 10px;padding: 0;overflow: hidden; padding-left:30px; color:#24b0b1}
.txtimglist .item .txt{padding: 0;}
.txtimglist .item .txt {
    color: #999;
    text-align: justify;
    overflow: hidden; padding-left:30px;
}


.txtimglist .item .txt img{height:300px;}




.txtimglist .item:hover h3{color: #116bc4;text-indent: 0;}









.txtimglist1{width: 100%; clear:both; overflow:hidden; margin-top:20px;}
.txtimglist1 .item{width:100%;height: auto;padding: 0;padding-bottom: 20px;margin-right: 20px;margin-bottom: 20px;border: 0;height:330px;display: block;}
.txtimglist1 .item:nth-child(2n){margin-right: 0;}
.txtimglist1 .item a{width: 100%; color:#fff}
.txtimglist1 .item img{float: left;margin-right: 10px;}
.txtimglist1 .item h3{font-size:36px;position: relative;margin-bottom: 10px;padding: 0;overflow: hidden; padding-left:30px; color:#24b0b1; font-weight:normal; text-align:center}
.txtimglist1 .item .txt{padding: 0;}
.txtimglist1 .item .txt {
    color: #999;
    text-align: justify;
    overflow: hidden; padding-left:30px;
}


.txtimglist1 .item .txt img{height:300px;}



.txtimglist1 .item .wbwb{line-height:50px;padding: 0 15px;background-color: #24b0b1;color: #fff; width:50%; text-align:center; font-size:16px; margin-top:20px; margin-left:25%}





.fl {
    float: left;
}

.fr {
    float: right;
}

/*产品内页*/


.box {border: 1px solid #ddd;padding: 30px; margin-top:30px; margin-bottom:30px;}
.box-title {color: #24b0b1;border-bottom: 1px solid #ddd;margin-bottom: 30px;font-size: 30px;padding-bottom: 15px;}

.yunu-showcase {margin: 0 0 40px;}
.yunu-showcase-info {margin-left: 430px;}
.yunu-showcase-info h1 {font-size: 30px;margin: 0 0 30px;font-weight: normal; text-align:center}
.yunu-showcase-info p {margin: 5px 0 0;color: #666;line-height:25px;min-height: 150px; font-size:24px; text-align:center}
.yunu-showcase-info .tel {border-top: 2px solid #e6e6e6;margin-top: 15px;padding-top: 15px;background: url(../images/pc-xc-icon2.png) no-repeat 0 15px;height:65px;padding-left: 60px;line-height: 21px;font-size: 18px;}
.yunu-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #24b0b1;color: #fff;}

.pc-slide{float:left;width:400px;}
.view .swiper-slide .img-center {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 .img-center{height:80px;border:1px solid #ddd;cursor:pointer;position:relative;line-height: 80px;}
.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 .active-nav .img-center{border-color: #24b0b1;}
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;}

.title-1 {background-color: #ebebeb;font-size: 0;margin-bottom: 20px;}
.title-1 span {display: inline-block;line-height: 50px;background-color: #24b0b1;font-size: 18px;color: #fff;padding: 0 30px;}

.content-body {
    line-height: 1.8; font-size:14px;
}

.content-exp {padding: 10px 15px;font-size: 12px;margin-top: 20px;border: 1px solid #ddd;overflow: hidden;}
.content-exp li {line-height: 2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;width: 50%;}
.content-exp li:last-child {text-align: right;}


.list-1 { clear:both; overflow:hidden; padding-top:30px; padding-bottom:30px;margin: -10px 0 0 -10px;}

.list-1 .title {background-color: #ebebeb;font-size: 0;margin-bottom: 20px; text-align:center}
.list-1 .title span {display: inline-block;line-height: 50px;font-size:20px;color: #24b0b1;padding: 0 30px; font-weight:bold}


.list-1 li {float: left;width:33.3333%;}
.list-1 li a {display: block;border: 1px solid #ddd;padding: 5px;margin: 10px 0 0 10px;}
.list-1 li .img-cover {}
.list-1 li .img-cover em {position: absolute;left: 0;top: 50%;width: 100%;text-align: center;color: #fff;font-style: normal;margin-top: -10px;opacity: 0;transition: all 0.5s;}
.list-1 li p {text-align: center;margin: 0;line-height: 44px;background-color: #f0f0f0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:14px;}
.list-1 li a:hover .img-cover span {opacity: 0.6;transform: scale(1.1);}
.list-1 li a:hover .img-cover em {opacity: 1;}



/*案例内页*/
.widget-newsdetail-8{ margin-top:30px; margin-bottom:30px;}
.widget-newsdetail-8 .n_left { width:67%; float:left; }
.widget-newsdetail-8 .n_right{width: 29%;float: right;position: relative;height: 551px;}
.widget-newsdetail-8 ._head ._title { font-size:34px; font-weight:bold; color:#000000; margin-bottom:10px;}

.widget-newsdetail-8 ._tools { font-size:0; color:#7e7e7e; margin-bottom:15px;}
.widget-newsdetail-8 ._tools ._tool{ font-size:12px; margin-right:10px; height:30px; line-height:30px; overflow:hidden; vertical-align: middle; }
.widget-newsdetail-8 ._tools .iconfont { font-size:18px; display:inline-block; height:30px; line-height:30px; vertical-align:-2px;}
.widget-newsdetail-8 ._tools b { font-weight:normal; }
.widget-newsdetail-8 ._tools #switcher { margin-left:10px; }
.widget-newsdetail-8 ._tools #switcher ._title{margin-right:5px;font-size:12px;color:#7e7e7e;}
.widget-newsdetail-8 ._tools #switcher .iconfont { font-size:15px; }
.widget-newsdetail-8 ._tools .bds_more { float:none; background:none; padding:0;}

.widget-newsdetail-8 .myart { line-height:2; min-height:200px; font-size:13px; color:#555555; }

.widget-newsdetail-8 ._tools_right { text-align:right;float: right; }
.widget-newsdetail-8 ._tools ._back { font-size:20px; font-weight:normal; font-weight:bold; 
	color:#676767; height:26px; line-height:26px; border-right:#cccccc 1px solid; padding-right:40px; vertical-align:middle;}
.widget-newsdetail-8 ._tools ._back .iconfont { font-weight:normal; vertical-align:0; }
.widget-newsdetail-8 ._tools .share,.widget-newsdetail-8 ._tools .print { width:36px; height:36px; line-height:36px; text-align:center; background-color:#80939e; border-radius:50%; cursor:pointer; overflow:hidden; margin-right:0; margin-left:15px; vertical-align:middle; display: inline-block;}
.widget-newsdetail-8 ._tools .share:hover,.widget-newsdetail-8 ._tools .print:hover 
{ background-color:#012b5d; }
.widget-newsdetail-8 ._tools .share .iconfont,.widget-newsdetail-8 ._tools .print .iconfont { font-size:18px; color:#ffffff; }
.widget-newsdetail-8 ._tools .share:hover .iconfont,.widget-newsdetail-8 ._tools .print:hover .iconfont { color:#ffffff; }
.widget-newsdetail-8 ._tools .share .iconfont { font-size:20px; }
.el {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.widget-newsdetail-8 .n_right .box1{background: #f1f1f1;position: absolute;top: 0;left: 0;width: 100%;}
.widget-newsdetail-8 .n_right .t{font-size: 28px;color: #4b4b4b;padding: 30px 30px 0;}
.widget-newsdetail-8 .n_right ul li{font-size: 16px;font-weight: bold;height: 55px;line-height: 55px;border-bottom: 1px solid #d2d2d2;}
.widget-newsdetail-8 .n_right ul li a{display: block;}
.widget-newsdetail-8 .n_right .myprev,
.widget-newsdetail-8 .n_right .mynext{height: 30px;line-height: 30px;text-align: center;font-size: 27px;width: 50%;float: left;background: #aeaeae;color: #fff;cursor: pointer;}
.widget-newsdetail-8 .n_right .mynext .iconfont,
.widget-newsdetail-8 .n_right .myprev .iconfont{line-height: 1;vertical-align: middle;color: #fff;font-size: 27px;vertical-align: 0;}
.widget-newsdetail-8 .n_right .mynext:hover,
.widget-newsdetail-8 .n_right .myprev:hover{background: #012b5d;}
.widget-newsdetail-8 .n_right .on_scroll{height: 447px;overflow: hidden;margin: 0 30px;}
.widget-newsdetail-8 .n_right .on_scroll li a:hover{color: #012b5d;}



/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
	display:flex;
	justify-content:center;
	margin-top:10px; padding-bottom:30px; clear:both; overflow:hidden
}
.pagination a {
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	font-size: 14px;
	padding:8px 12px;
	margin:0 5px;
	border-radius:3px;
}
.pagination span {
	color: #333;
	font-size:14px;
	padding:8px 2px;
	margin:0 5px;
	border-radius:3px;
}
.pagination a:hover {
	color:#24b0b1;
	border:1px solid #24b0b1;
}
.pagination a.page-num-current {
	color:#fff;
	background:#24b0b1;
	border:1px solid #24b0b1;
}
/* ----- PB分页数字条效果 结束 ----- */


/*人才招聘*/

table {
    border-collapse: collapse;
    border-spacing: 0;
	text-align:center;
	margin:20px auto;
	padding:20px;
}
 
td,th {
    padding: 0;
}
 
.pure-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #f1f1f1; width:100%; margin-top:30px; margin-bottom:30px; text-align:center
}
 
.pure-table caption {
    color: #000;
    font: italic 85%/1 arial,sans-serif;
    padding: 1em 0;
    text-align: center;
}
 
.pure-table td,.pure-table th {
   
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: 1em 1em; text-align:center; font-size:14px;
}
 
.pure-table thead {
    background-color: #24b0b1;
    color: #fff;
    text-align: left;
    vertical-align: bottom;
}
 
.pure-table td {
    background-color: transparent;
}



/*联系我们*/
.contact-contain {
    padding: 60px 0 115px;
}
.contact-contain .wd1200 {
    display: flex;
}
.contact-contain .wd1200 .map {
    margin-right: 39px;
}
.contact-contain .wd1200 .map #dituContent {
    width: 780px;
    height: 500px;
}
.contact-contain .wd1200 .contact-box {
    flex: 1;
    padding: 28px 20px;
    background-color: #f8f8f8;
}
.contact-contain .wd1200 .contact-box .title {
    font-size: 24px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}


.contact-contain .wd1200 .contact-box .title1 {
    font-size: 24px;
    margin-top: 40px; padding-bottom:15px;
    border-bottom: 1px solid #ccc;
}





.contact-contain .wd1200 .contact-box .info {
    margin-top: 25px;
    font-size: 16px;
    color: #666;
    line-height: 32px;
}
.contact-contain .wd1200 .contact-box .ma {
    margin-top: 45px;
    text-align: center;
}
.contact-contain .wd1200 .contact-box .ma img {
    width: 190px;
}
.contact-contain .wd1200 .contact-box .ma div {
    margin-top: 15px;
    font-size: 16px;
    color: #666;
}


input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}


textarea {
  width: 100%; height:150px;

  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}


input[type=submit] {
  width: 100%;
  background-color: #24b0b1;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #64b0b1;
}


/*下载*/

.downlist { clear:both; overflow:hidden; margin-bottom:50px;}
.downlist li {float: left;width:25%;}
.downlist li a {display: block;border: 1px solid #ddd;padding: 5px;margin: 10px 0 0 10px;}
.downlist li .img-cover {}
.downlist li .img-cover em {position: absolute;left: 0;top: 50%;width: 100%;text-align: center;color: #fff;font-style: normal;margin-top: -10px;opacity: 0;transition: all 0.5s;}
.downlist li p {text-align: center;margin: 0;line-height: 44px;background-color: #f0f0f0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:14px;}
.downlist li a:hover .img-cover span {opacity: 0.6;transform: scale(1.1);}
.downlist li a:hover .img-cover em {opacity: 1;}


.downlist .title {background-color: #ebebeb;font-size: 0;margin-bottom: 20px; text-align:center;margin-top: 20px;}
.downlist .title span {display: inline-block;line-height: 50px;font-size:20px;color: #24b0b1;padding: 0 30px; font-weight:bold}


/*9001cc 以诚为本*/
.qhd-content{ margin-top:50px; margin-bottom:50px; clear:both; overflow:hidden}
.qhd-content .column{
    width: 100%;
}
.qhd-content .column .col-5-1, .qhd-module .column .col-5-1 {
    width: 17.6%;
    margin-right:3%;    float: left;
    min-height: 1px;
    height: auto !important;
    _height: 1px; text-align:center

}

.qhd-content p {
    line-height:3;
}

.qhd-content img {
    vertical-align: middle;
    max-width: 100%;
    _max-width: none;
    height: auto !important; text-align:center
}

.nww-p {
    font-size: 16px;
    font-weight: bold;
}

.qhd-content .column .last{
    margin-right: 0;
    *float: right;
    *clear: right;
}


/*生产实力*/


/*客户案例*/
.icase{padding-top: 30px; padding-bottom:30px;}

.icase .icase_bg ul li{position: relative;height: 440px; z-index:0}
.icase .icase_bg ul li .img{width: 720px;height: 440px;}
.icase .icase_bg ul li .img img{display: block;width: 100%;height: 100%;}

.icase .icase_bg ul li .txt{position: absolute;top: 0px;right: 10px;width:460px;height:417px;padding: 40px 50px 0 50px;background-color: rgba(255, 255, 255, 0.9);;border: 1px solid #eee;box-sizing: border-box;box-shadow:0px 0px 10px #ccc;}
.icase .icase_bg ul li .txt h3{color: #000;font-size: 22px;line-height: 38px;}
.icase .icase_bg ul li .txt span{color: #434343;font-size: 18px;line-height: 28px;}
.icase .icase_bg ul li .txt i{display: block;width: 60px;height: 2px;background: #000;margin: 15px 0;}
.icase .icase_bg ul li .txt p{color: #434343;font-size: 14px;line-height: 28px;text-align: justify;}











/*客户案例*/


.icase1 .icase_bg ul li{position: relative;height: 440px; z-index:0}
.icase1 .icase_bg ul li .img{width: 720px;height: 440px; float:right}
.icase1 .icase_bg ul li .img img{display: block;width: 100%;height: 100%;}

.icase1 .icase_bg ul li .txt{position: absolute;top: 0px;left: 10px;width:460px;height:417px;padding: 40px 50px 0 50px;background-color: rgba(255, 255, 255, 0.9);;border: 1px solid #eee;box-sizing: border-box;box-shadow:0px 0px 10px #ccc; z-index:9999999}
.icase1 .icase_bg ul li .txt h3{color: #000;font-size: 22px;line-height: 38px;}
.icase1 .icase_bg ul li .txt span{color: #434343;font-size: 18px;line-height: 28px;}
.icase1 .icase_bg ul li .txt i{display: block;width: 60px;height: 2px;background: #000;margin: 15px 0;}
.icase1 .icase_bg ul li .txt p{color: #434343;font-size: 14px;line-height: 28px;text-align: justify;}


.index-entrance{ padding:55px 0; overflow: hidden;min-width:100%;box-shadow: 0px 8px 34px rgba(0, 0, 0, 0.05); background-color:#FFFFFF}
.index-entrance li{ width:26.3333%; float: left; overflow: hidden; margin-left:7%;}
.index-entrance li a{ display: block; position: relative; min-height: 70px; }
.index-entrance li a:before{ content: ""; height: 70px;position: absolute; left: 0; top: 0;background: url("../../images/index/ico/icons.png")  no-repeat;}
.index-entrance li h3{ font-size: 18px; color: #000; margin: 0 0 5px;}
.index-entrance li p{ font-size: 12px; color: #666666; line-height: 20px;}
.index-entrance li:hover h3{ color: #059fff; }
.index-entrance li img{ margin-right:10px;float:left; width:50px;border-radius:20%;margin-top:5px;}




.support-list {
	width: 1200px;
	margin: 0 auto; margin-top:40px;
}
.support-list li {
	float: left;
	width: 580px;
	height: 188px;
	background: white;
	/* margin-left:2%;
	*margin-left:1%; */
	margin-bottom: 20px;box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.12);
}
.support-list li:nth-of-type(even){
	margin-left: 20px;
}
.support-list .support-info {

	margin: 34px;
}
.support-list li.first-in {
	margin-left: 10px;
}
.support-list li span{
	display: block;
}
.support-title {
	line-height: 30px;
	font-size: 18px;
	color: #000; font-weight:bold; padding-top:10px;
}
.support-describe {
	line-height: 25px;
	font-size: 14px;
	color: #333;
}




/*首页案例*/
.index-case{overflow: hidden; margin-bottom:50px;}
.index-case-center{overflow: hidden; width: 100%;}
.index-case-t{margin-bottom: 15px; text-align: center;}
.index-case-t span { font-size: 34px; display: block; line-height: 50px; position:relative; text-transform:capitalize;}
.index-case-t i{
	display: inline-block;
    background-color: #107f8a;
    width: 6px;
    height: 6px;
    position: relative;
    margin-bottom: 20px;
    border-radius: 50%;
}
.index-case-t i::after {
    position: absolute;
    left: -70px;
    top: 2px;
    width: 60px;
    height: 2px;
    background-color: #107f8a;
    content: '';
}
.index-case-t i:before {
    position: absolute;
    right: -70px;
    top: 2px;
    width: 60px;
    height: 2px;
    background-color: #107f8a;
    content: '';
}
.index-case-box ul{ overflow: hidden; font-size: 0;} 
.index-case-box ul li{ width:33.3333%; display: inline-block; vertical-align: top; font-size: 14px;} 
.index-case-box ul li .item{ background-color: #000; overflow: hidden; position: relative;}
.index-case-box-frame{ width: 100%; overflow: hidden;}
.index-case-box-frame img{ width: 100%; display: block;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.index-case-box ul li .item:hover img{ transform: scale(1.1);filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.30;}
.index-case-box-text{ overflow:hidden; margin: 15px 0; position: absolute; top: 15px; left:15%; right:15px; bottom: 15px;display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align:left; width:400px;}
.index-case-box ul li .item .th{ font-size: 28px; line-height: 40px;font-weight:bold; color:#FFFFFF; margin-bottom: 10px; text-align:left}  
.index-case-box ul li .item .th a{ color: #fff;}
.index-case-box ul li .item p{
	color: #fff;
	font-size: 14px; 

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height:30px;
margin-bottom: 20px; font-weight:normal; padding-top:50px;
} 
.index-case-box ul li .item span {
    display: block;
}
.index-case-box ul li .item span a {
    color: #fff;
	padding: 8px 20px;
	background-color: #107f8a;
	display: inline-block;
	margin: auto;
	transition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;
	overflow: hidden;border-radius: 4px;
}
.index-case-box ul li .item span a:hover{
	background-color: #252e38;
	color: #fff;}
/*首页部分结束*/




/*关于我们*/
.index-about{position: relative;padding-top: .35rem;padding-bottom: .3rem;background-image: url(../images/about_bg.png);background-position: center bottom;background-repeat: no-repeat;line-height: 1;}
.index-about-contain{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items:top;-ms-flex-line-pack: start;align-content: flex-start;}

.index-about-contain:after{display: none;}
.index-about-contain .intro{width: 680px;margin-top:100px;}
.index-about-contain .intro .imax{margin-top: .14rem;font-size: 14px;color: #4f4f4f;line-height: 28px;text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-align: justify; margin-top:50px;}
.index-about-contain .intro .df{margin-top: .13rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-ms-flex-line-pack: start;align-content: flex-start;}
.index-about-contain .intro .df:after{display: none;}
.index-about-contain .intro .df .link{display: inline-block;vertical-align: top;width: 25%;max-width: 140px;-webkit-box-sizing: border-box;box-sizing: border-box;border: #cdcdcd solid 1px;border-radius: .05rem;text-align: center;padding: .06rem 0;font-size: 15px;color: #4f4f4f;white-space: nowrap;}
.index-about-contain .intro .df .link:nth-child(1n+2){margin-left: 4%;}
.index-about-contain .intro .df .link .ico{display: block;margin-bottom: .05rem;margin-left: auto;margin-right: auto;width: 40px;height: 40px;background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;}
.index-about .number{width: 100%;padding-top:50px;}
.index-about .number li{float:left;width: 33.333%;color: #0a92bc;text-align: center;}
.index-about .number li p{color: #666;font-size: 14px;padding-top: 15px;}
.index-about .number li h3{display: inline-block;font-size: 36px;line-height: 30px;color: #24B0B1;}
.index-about .number li b{display: inline-block;font-size: 36px;line-height: 30px;color: #24B0B1;}


.indexTit .tit {
    font-size: 40px;
    color: #005197;
    font-weight: bold;
    line-height: 40px;
}
.indexTit {
    text-align: center;
}

.indexTit .subtit {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    width: 1200px;
    margin: 0 auto;
    margin-top: 18px;
}

.floor_4_main{background:url(../images/aboutbg.jpg) center center no-repeat; width:100%; height:791px;}
.floor_4_main .indexTit{padding-top:118px;}
.floor_4_main .indexTit .tit,.floor_4_main .indexTit .tit span{color:#fff;}
.floor_4_main .indexTit .subtit{color:#fff;}
.floor_4_main .floor_4_1{display:inline-block; height:440px; padding-top:50px;}



.adv-wrap{
	
}
.adv-wrap ul{
	
}
.adv-wrap ul li{
	width:20%;
	float: left;
	margin: 60px 30px 0; padding:20px;
}
.adv-wrap .adv-icon{
	margin: 0 auto; text-align:center
}
.adv-wrap .adv-title{
	font-size: 20px;
	line-height: 16px;
	letter-spacing: 0px;
	text-align: center;
	margin:30px 0 20px; color:#FFFFFF; font-weight:bold;
}
.adv-wrap .adv-title1{
	font-size:14px;
	line-height: 16px;
	letter-spacing: 0px;
	text-align: center;
	margin:0px 0 20px; color:#FFFFFF;
}



.adv-wrap .adv-content{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	line-height: 30px;
	color: #FFFFFF;
}



.adv-wrap ul li:hover{ background-color:#24B0B1; padding:20px;}