@import url(pscroll.css);

/*内页*/

.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:auto 100%; position:relative;}

.o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}

.postions{ height:58px; line-height:58px; overflow:hidden; background:#f4f6f9;  color:#666666; font-size:12px;}

.postions a{color:#666666; }

.postions a:hover{ color:#017cc0;}

.postions .postions_r{}

.postions .postions_r img{ vertical-align:baseline; margin-right:5px;}

.postions h2{ float:left; font-weight:normal; color:#333; height:58px; font-size:20px;}

.postions h2 span{font-size:16px; font-family:Arial;}

.postions .rclass{ float:right;background:url(../images/pos_bg2.png) left center no-repeat;background-size:20px auto;  padding-left:25px;-webkit-tap-highlight-color: #fff;-webkit-tap-highlight-color: transparent; display:none;}

.postions .postions_b{ float:right;}

.postions .postions_b a{ float:left; width:128px; overflow:hidden; text-align:center;font-size:14px; background:url(../images/about_bg3.png) right center no-repeat;}

.postions .postions_b a:last-child{ background:none;}

.postions .postions_b a.isel{ background:#008ade; color:#fff;}

/*分类弹窗*/

.about_bgs{z-index: 19891024;background:url(../images/about_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}

.about_tc{z-index: 19891025; width: 0%; right: 0%; position:absolute; overflow: hidden; top:0; height:100%;/* display: none;*/transition: all 0.3s;}

.about_tc .about_divs{ position:absolute; right:0; width:80%; background-color:#fff; top:0; overflow:hidden; height:100%;}

.about_tc .about_divs .about_divs_t{ height:46px; line-height:46px; font-size:20px; color:#fff; background-color:#008cd6; padding-left:4%; letter-spacing:0.5px; text-transform:uppercase; overflow:hidden;}

.about_tc .about_divs .about_divs_t2 a{line-height:24px;height:auto; padding-bottom:3%; padding-top:3%; overflow:hidden; margin-top:2px; display:block; background-color:#efefef; padding-left:4%; font-size:14px;}

.about_tc .about_divs a{ height:46px; line-height:46px; overflow:hidden; margin-top:2px; display:block; background-color:#efefef; padding-left:4%; font-size:14px;}

.about_tc .about_divs a:Hover{ color:#017cc0;}

.about_tc .about_divs a.left_sel{ background-color:#017cc0; color:#fff; font-size:16px;}

.about_tc .closed2{ right:80%; position:absolute; top:150px; cursor:pointer; width:40px;}

.about_tc .closed2:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}

/*分页*/

.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:40px; padding-bottom:40px; clear:both;}

.yema a{ display:inline-block; height:26px; line-height:26px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:12px;margin-left:1px; margin-right:1px;  text-align:center; color:#757575; font-size:13px; border:1px solid #bcbcbc; background-color:#fff;}

.yema a:hover{ text-decoration:none; color:#fff; background-color:#008ade;border:1px solid #008ade;}

.yema a.on{color:#fff; background-color:#008ade; border:1px solid #008ade;}

.yema a.first,.yema a.last{ margin-right:0; }

.yema a.first:hover,.yema a.last:hover{background-color:#008ade;}



/*产品中心*/

.product_l{ float: left;width:228px;  margin-top: 5%; margin-right:3%; margin-bottom:2%; }

.product_l .product_l_titile{ overflow: hidden;color:#3630b9; height:68px; background-color:#017cc0;}

.product_l .product_l_titile h2{ font-weight:normal; font-size:16px; color:#fff;  line-height:68px;  padding-left:32px;}

.product_l .i_left_ul2{ overflow:hidden; border:1px solid #d8d8d8;}

.product_l .i_left_ul2 li{ display:block; overflow:hidden;border-bottom:1px solid #d8d8d8; height:48px; line-height:48px;font-size:14px; color:#333333; }

.product_l .i_left_ul2 li:last-child{ border-bottom:0;}

.product_l .i_left_ul2 li a{color:#333333; text-decoration:none; display:block;padding-left:30px;background:url(../images/product_bg1.png) #f4f8f9 198px center no-repeat; padding-right:30px;}

.product_l .i_left_ul2 li a:hover{ color:#017cc0;}

.product_l .i_left_ul2 li.left_sel{}

.product_l .i_left_ul2 li.left_sel a{ color:#fff;background:url(../images/product_bg2.png) #017cc0 198px center no-repeat;}

.product_l .i_left_con{ background:#f4f8f9;border:1px solid #d8d8d8; /* overflow:hidden; */ margin-top:20px; padding-left:19px; padding-right:19px; padding-top:19px; padding-bottom:4px;}

.product_l .i_left_con .i_left_a{ padding-bottom:5px; /* overflow:hidden; */ border-bottom:1px solid #e1e4e4;}

.product_l .i_left_con .a{ margin:0 auto; margin-bottom:10px; display:block; width:115px; height:29px; line-height:29px; color:#fff; font-size:14px; text-indent:42px;transition:all 0.3s;}

.product_l .i_left_con .a.bgs1{background:url(../images/product_bg3.png) no-repeat;}

.product_l .i_left_con .a.bgs2{background:url(../images/product_bg4.png) no-repeat;}
.product_l .i_left_con .a.bgs3{background:url(../images/wx.png) no-repeat;position: relative;}
.product_l .i_left_con .a.bgs3:hover{opacity: 1;}
.product_l .i_left_con .a .socials-img {
    /* 定位在按钮上方，底部紧贴按钮顶部，留 14px 间隙 */
    position: absolute;
    bottom: calc(100% + 14px);   /* 按钮顶部往上 14px */
    left: 50%;
    transform: translateX(-50%) translateY(12px);  /* 初始向下偏移，为滑入动画准备 */
    
    /* 默认透明且无法点击 */
    opacity: 0;
    pointer-events: none;
    
    /* 层级 - 确保在其他元素之上 */
    z-index: 9999;
    
    /* 外观美化 */
    background: #ffffff;
    padding: 12px 12px 10px;
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.20);
    
    /* 防止文字换行影响布局（图片是块级，无文字） */
    white-space: nowrap;
    
    /* 渐变动画：上滑 + 淡入 + 弹性缓动 */
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.product_l .i_left_con .a.bgs3:hover .socials-img {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);  /* 上浮到位 */
}
.product_l .i_left_con .a .socials-img img {
    width: 160px;            /* 可根据需要调整 */
    height: auto;
    display: block;
    border-radius: 8px;
    border: 1px solid #f0f2f5;
    background: #fff;
}
.product_l .i_left_con .a .socials-img::after {
    content: '';
    position: absolute;
    top: 100%;               /* 在弹出框的下边缘 */
    left: 50%;
    transform: translateX(-50%);
    
    /* 画一个向上的三角形，颜色与弹出框背景一致 */
    border: 8px solid transparent;
    border-top-color: #ffffff;
    
    /* 消除锯齿毛边 */
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.02));
}


.product_l .i_left_con .a:Hover{filter: Alpha(Opacity=80);opacity: 0.8;}

.product_l .i_left_con .tels{height:58px; line-height:58px; color:#017cc0; font-size:20px; font-weight:bold; padding-left:28px;background:url(../images/product_bg5.png) no-repeat;transition:all 0.3s;}

.product_l .i_left_con .tels:hover{filter: Alpha(Opacity=80);opacity: 0.8;}



.product_r{ margin-top:5%; overflow:hidden;margin-bottom:2%;}

.product_ul{}

.product_ul ul li{ float:left; width:32%; margin-bottom:2%;overflow:hidden; margin-right:2%; position:relative; text-align:center; }

.product_ul ul li:nth-child(3n+0){ margin-right:0;}

.product_ul ul li .imgs{overflow:hidden; border:1px solid #e7e7e7; position:relative; padding-top:77.5%;}

.product_ul ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; position:absolute; height:100%; left:0; top:0;object-fit: contain;}

.product_ul ul li:hover .imgs{border:1px solid #73b8e2;}

/*.product_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}*/

.product_ul ul li .conts{ width:100%; position:absolute; height:100%; left:0; bottom:-100%; overflow:hidden; background:rgba(0, 138, 222, 0.5); color:#fff;transition:all 0.6s;}

.product_ul ul li .conts i{ width:32px; height:32px; margin:0 auto; display:block; background:url(../images/i_bg2.png) center center no-repeat;background-size:0% 0%; overflow:hidden; margin-top:20%; margin-bottom:6%;transition:all 0.8s;}

.product_ul ul li .conts .p{ width:94%; max-width:178px; margin:0 auto;  height:60px; line-height:20px; overflow:hidden; font-size:14px;}

.product_ul ul li:hover .conts{ bottom:0;}

.product_ul ul li:hover .conts i{background-size:100% 100%;}

.product_ul ul li .txts{ overflow:hidden; background:#f0f0f0;transition:all 0.4s; padding-top:3%; padding-bottom:3%; color:#333; padding-left:2%; padding-right:2%; position:relative; z-index:0;}

.product_ul ul li .txts:after{ content: "";background:#008ade; left:0;position:absolute; width:100%; height:0; top:0; overflow:hidden;transition:all 0.4s; z-index:-1;}

.product_ul ul li .txts .h2{ height:25px; line-height:25px; overflow:hidden; font-weight:normal; font-size:16px;}

.product_ul ul li .txts .p{ line-height:25px; overflow:hidden; height:25px; font-size:14px; }

.product_ul ul li:hover .txts{color:#fff;}

.product_ul ul li:hover .txts:after{ height:100%;}



.right_a{position:fixed; top:40%; right:2%; display:none;}

.right_a a{width:77px; height:71px; line-height:71px; display:block; margin-bottom:10px; text-indent:77px; position: relative;background-size: 100% 100%;
    background-position: center center; background-repeat: no-repeat; }

.right_a .bgs1{background-image: url(../images/right_pic1.png);}

.right_a .bgs2{background-image: url(../images/right_pic2.png);}
.right_a .bgs3{background-image: url(../images/right_pic3.png);}
.right_a a .socials-img {
    /* 定位在按钮左侧 */
    position: absolute;
    top: 50%;
    right: calc(100% + 16px);    /* 紧贴按钮右侧（即按钮左侧外部） */
    transform: translateY(-50%) scale(0.9); /* 初始稍微缩小 */
    
    /* 默认隐藏（透明 + 不可点击） */
    opacity: 0;
    pointer-events: none;
    
    /* 外观 */
    background: #ffffff;
    padding: 12px 12px 10px;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
    z-index: 9999;
    
    /* 过渡动画 */
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    white-space: nowrap;
}
.right_a a .socials-img img {
    width: 140px;          
    height: auto;
    display: block;
    border-radius: 8px;
    border: 1px solid #eee;
}
.right_a a .socials-img::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -14px;           
    transform: translateY(-50%);
    border: 8px solid transparent;
    border-left-color: #ffffff;
}
.right_a a .socials-img.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) scale(1); 
}

/*产品详细*/

.pro_one{/* overflow:hidden;*/ padding-bottom:4%; font-size:14px;  color:#333333;}

.pro_one .product_one_l{ width:54%; max-width:517px; overflow:hidden; float:left; border:1px solid #e7e7e7; margin-bottom:2%; margin-bottom:3%;}

.pro_one .product_one_l.applicat{ max-width:none; width:50%;}

.pro_one .pro_one_r{ float:right; width:43%; max-width:380px;color:#565656; margin-bottom:2%;}

.pro_one .pro_one_r.applicat{max-width:536px; width:47%;}

.pro_one .pro_one_r h2{color:#333333; font-weight:normal; line-height:22px; padding-bottom:8%; border-bottom:1px solid #dfdfdf;}

.pro_one .pro_one_r.applicat h2{ padding-bottom:6%; padding-top:6%;}

.pro_one .pro_one_r .p{line-height:28px; overflow:hidden;border-bottom:1px dashed #dfdfdf;  font-size:14px; padding-top:6%;padding-bottom:6%;}



.pro_t{ height:60px; line-height:58px; overflow:hidden; margin-bottom:16px; background:url(../images/product_bg6.png) left bottom repeat-x;}

.pro_t h2{ float:left; text-align:center; width:114px; font-size:16px; font-weight:normal; float:left; color:#017cc0; border-bottom:2px solid #017cc0;}

.pro_two{overflow:hidden; margin:0 auto; padding-bottom:2%; padding-top:1%;}

.pro_two .pro_two_txt{ line-height:24px;font-size:13px; color:#333333; overflow:hidden; padding-bottom:10px; }

.pro_two .pro_two_txt img{ max-width:100%; margin-bottom:1%;}

.pro_two .pro_two_txt .f16{ font-size:16px;}



.prenext{ border-top:1px solid #e6e6e6;font-size:14px; margin-bottom:10px;line-height:30px; padding-top:15px; margin-top:15px; color:#333333; clear:both;}

.prenext a{ color:#333333;}

.prenext a:hover{ color:#008ade; text-decoration:none;}



/*企业简介*/

.about_a{ overflow:hidden; padding-top:3%; text-align:center; margin-bottom:3%; background:url(../images/about_bg2.png) center bottom no-repeat; padding-bottom:15px; color:#333; font-size:14px; line-height:20px;}

.about_a h2{ font-weight:normal; line-height:34px; margin-bottom:3px;}

.about_a span{ display:block; font-family:Arial; text-transform:uppercase;}



.about_con{ overflow:hidden; margin-bottom:6%;font-size:14px; color:#6e6e6e; line-height:26px; }

.about_con img{ max-width:100%;}

.about_con .imgs{ float:left; width:40.8%; overflow:hidden; padding-bottom:6%;}

.about_con .imgs img{ width:100%; display:block;}

.about_con .imgs img:hover{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}

.about_con .txts{float:right; width:55.8%; overflow:hidden; padding-top:2%; padding-bottom:6%;}

.about_con .txts h2{ font-weight:bold; color:#6e6e6e; margin-bottom:4%;background:url(../images/about_bg4.png) left bottom no-repeat; padding-bottom:3%;}

.about_con .txts .p{ padding-bottom:10px;}

.about_con .about_ul{ overflow:hidden; clear:both;border:1px solid #dfdfdf; border-right:0;}

.about_con .about_ul ul li{width:calc(25% - 1px);width:-webkit-calc(25% - 1px);width:-moz-calc(25% - 1px); float:left; overflow:hidden; text-align:center; font-size:14px; color:#666666; line-height:20px; padding-bottom:2%; padding-top:2%; border-right:1px solid #dfdfdf;}

.about_con .about_ul ul li h2{ font-weight:bold;color:#df203d; line-height:38px; font-family:Arial;}



/*里程碑*/

.history_con{ background:url(../images/history_bg1.png) center top no-repeat; min-height:200px;  width:100%; padding-bottom:3%; margin:0 auto;margin-bottom:5%; padding-top:4%;}

.history_con ul li{ display:table; width:100%; vertical-align:middle; margin-top:15px; margin-bottom:15px; background:url(../images/history_bg2.png) center center no-repeat; overflow:hidden;}

.history_con ul li .txts{ display:table-cell; width:46%; vertical-align:middle;}

.history_con ul li .txts .conts .descs{font-size:14px; color:#333; line-height:22px; padding:20px; padding-top:12px; padding-bottom:12px; background-color:#f3f5f8;}

.history_con ul li .txts.pr .conts{ padding-right:56px; background:url(../images/history_bg3.png) right center no-repeat;}

.history_con ul li .txts.pl .conts{ padding-left:56px; background:url(../images/history_bg3.png) left center no-repeat;}

.history_con ul li .imgs{ display:table-cell; width:46%;vertical-align:middle;}

.history_con ul li .imgs b{ font-weight:normal; color:#007dc8; padding-left:4%; padding-right:4%; display:inline-block;}

.history_con ul li .imgs img{ max-width:245px; width:60%;display:inline-block;transition:all 0.3s;}

.history_con ul li .imgs img:hover{filter: Alpha(Opacity=80);opacity: 0.8;}

.history_con ul li .pr{ padding-right:4%; text-align:right;}

.history_con ul li .pl{ padding-left:4%; text-align:left;}



/*资质荣誉*/

.honor_ul{ overflow:hidden; margin-top:2%;}

.honor_ul ul li{ width:23.5%; margin-right:2%; float:left; overflow:hidden; margin-bottom:3%;}

.honor_ul ul li:nth-child(4n+0){ margin-right:0;}

.honor_ul ul li .imgs{ width:100%; overflow:hidden; position:relative; padding-top:137.6%;}

.honor_ul ul li .imgs img{ width:100%;-webkit-transition: all 0.8s ease-out;

-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;

transition: all 0.8s ease-out; position:absolute; top:0; left:0; height:100%;}

.honor_ul ul li h2{ color:#000; font-size:14px; font-weight:normal; height:42px; overflow:hidden; line-height:42px; text-align:center;}

.honor_ul ul li:Hover .imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.honor_ul ul li:Hover h2{ color:#5795c5;}

/*荣誉弹窗*/

#zoom {

	z-index: 99990;

	position: fixed;

	top: 0;

	left: 0;

	display: none;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.8);

	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}

#zoom .content {

	z-index: 99991;

	position: absolute;

	top: 50%;

	left: 50%;

	width: 200px;

	height: 200px;

	background: #ffffff no-repeat 50% 50%;

	padding: 0;

	margin: -100px 0 0 -100px;

	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);

	border-radius: 4px;

}

#zoom .content.loading {

	background-image: url('../img/loading.gif');

}

#zoom img {

	display: block;

	max-width: none;

	background: #ececec;

	box-shadow: 0 1px 3px rgba(0,0,0,0.25);



}

#zoom .close {

	z-index: 99993;

	position: absolute;

	top: 0;

	right: 0;

	width: 49px;

	height: 49px;

	cursor: pointer;

	background: transparent url('../img/icons/close.png') no-repeat 50% 50%;

	opacity: 1;

	filter: alpha(opacity=100);

	border-radius: 0 0 0 4px;

}

#zoom .previous,

#zoom .next {

	z-index: 99992;

	position: absolute;

	top: 50%;

	overflow: hidden;

	display: block;

	width: 49px;

	height: 49px;

	margin-top: -25px;

}

#zoom .previous {

	left: 0;

	background: url('../img/icons/arrows.png') no-repeat 0 0;

	border-radius: 0 4px 4px 0;

}

#zoom .next {

	right: 0;

	background: url('../img/icons/arrows.png') no-repeat 100% 0;

	border-radius: 4px 0 0 4px;

}

#zoom .close:hover {

	background-color: #da4f49;

}

#zoom .previous:hover,

#zoom .next:hover {

	background-color: #0088cc;

}



/*联系我们*/

.bg-g{background-color: #f4f6f9; overflow:hidden;}

.bg-g .h2{ color:#008ade; font-weight:bold; font-size:20px; text-align:center; margin-bottom:2%; padding-top:3%;}

.bg-g .con_ul{ width:94%; max-width:770px; margin:0 auto; overflow:hidden; padding-bottom:3%;}

.bg-g .con_ul ul{ width:100%;}

.bg-g .con_ul ul li{ float:left; width:52%; padding-left:4%; padding-right:4%; border-bottom:1px dashed #e1e1e1; padding-top:1%; padding-bottom:1%; line-height:22px; font-size:16px; overflow:hidden;}

.bg-g .con_ul ul li:nth-child(2n+0){ width:32%;}

.bg-g .con_ul ul li:nth-child(2n+0) .p{ max-width:206px; float:right; width:100%;}

.ui-fullpart{padding: 4% 0;}

.ui-fullpart.nopd{padding: 0;}

.ui-head2{}

.ui-head2 h3{color: #333333;font-size: 26px;font-weight: bold;text-align: center;line-height: 1em;position: relative;}

.ui-head2 h3:before{content: '';display: inline-block;width: 30px;height: 2px;background-color: #27a4e8;position: absolute;bottom: -18px;left: 50%;margin-left: -15px;}

.ui-head2 p{line-height: 1em;text-align: center;color: #666666;font-size: 14px;margin-top: 3%;}

.ht45{height: 45px;}

.ht40{ height: 40px;}

.ht30{height: 30px;}

.text-center{text-align:center}



.ui-contactmaps{}

.ui-contactmaps >.ct{margin-top: 25px;}

.ui-contactmaps >.ct .maps{}

.ui-contactmaps >.ct .maps iframe{height: 400px;}

.ui-contactform{ overflow:hidden; clear:both;}

.ui-contactform table{width: 100%;margin: -20px;}

.ui-contactform table tr{}

.ui-contactform table tr td{padding: 20px;}

.ui-contactform .tt{width: 100%;background-color: #f4f6f9;position: relative;}

.ui-contactform .tt >label{line-height: 45px;color: #666;font-size: 14px;position: absolute;top: 0;left: 0;text-indent: 15px;}

.ui-contactform .tt textarea,

.ui-contactform .tt input{border: none;width: 100%;height: 45px;background: none;text-indent: 85px;line-height: 45px;outline:none;}

.ui-contactform .tt textarea{height: 250px;padding: 5px 20px;text-indent: 65px;line-height: 35px;}

.ui-contactform .bt{display: inline-block;width: 140px;line-height: 38px;text-align: center;color: #fff;background-color: #008ade;font-size: 14px;}

.ui-contactform .bt:hover{opacity: .8;}



/*招贤纳士*/

.job_bg{padding-top:2%; overflow:hidden; background-color:#fff;}

.job_t{ line-height:28px; margin-top:3%; margin-bottom:3%; overflow:hidden; text-align:center;}

.job_list ul{ padding:0;}

.job_list table{border-collapse:collapse;border-spacing:0; margin-bottom:10px;}

.job_list table td{height:60px; color:#333333; font-size:14px; text-align:center;}

.job_list table td b{ display:block; color:#008ade; margin-bottom:5px; margin-top:10px;}

.job_list ul li{ height:60px; overflow:hidden; cursor:pointer;transition:all 0.3s;margin-bottom:10px; background:#f7f7f7;margin-bottom:20px;}

.job_list ul li tr:first-child td:last-child{background:url(../images/job_pic.png) 56% 15px no-repeat; }

.job_list ul li:Hover{}

.job_list ul li.hauto{height:auto; background:none; }

.job_list ul li.hauto tr:first-child{background:#008ade; }

.job_list ul li.hauto tr:first-child td:last-child{background:url(../images/job_pic3.png) 56% 15px no-repeat;}

.job_list ul li.hauto tr:first-child td{color:#fff;}

.job_list ul li .job_con{ line-height:26px; font-size:14px; padding-bottom:10px; padding-top:15px; color:#666;}

.job_list .job_a a{ float:left; padding-right:23px; padding-left:50px; height:39px; line-height:39px; background:url(../images/job_pic4.png) #818181 15px center no-repeat; font-size:14px; color:#fff; text-align:left;}

.job_list .job_a a:Hover{ text-decoration:none;filter:alpha(opacity=70);opacity:0.7;transition:all 0.3s; }



/*新闻中心*/

.news_con{ overflow:hidden; margin-top:3%;}

.news_con ul li{ overflow:hidden; margin-bottom:3%; padding-bottom:3%; border-bottom:1px dashed #cccccc; display:block;}

.news_con ul li:last-child{ border-bottom:0; margin-bottom:0;}

.news_con ul li .imgs{ width:29%; float:left; display:inline; overflow:hidden; position:relative; padding-top:18.7%;}

.news_con ul li .imgs img{width:100%;/* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; position:absolute; top:0; left:0; height:100%;object-fit:cover;}

.news_con ul li:hover .imgs img{/*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.news_con ul li .i_about_r{ float:right; display:inline; line-height:22px; width:68%; overflow:hidden; }

.news_con ul li .i_about_r h3{ line-height:30px; height:30px; overflow:hidden; font-size:24px; color:#333; font-weight:normal; margin-bottom:1.5%; margin-top:5px;}

.news_con ul li .i_about_r label{ font-family:"宋体";}

.news_con ul li .i_about_r .dates{ font-size:18px; color:#666; background:url(../images/news_bg1.jpg) left top no-repeat; padding-top:1.5%; margin-top:1%; margin-bottom:1%; display:block;}

.news_con ul li .i_about_r .p{ height:60px; overflow:hidden; font-size:12px; color:#666; line-height:20px;}

.news_con ul li .i_about_r .news_more{ margin-top:4%; width:138px; text-align:center; float:left; height:35px; line-height:35px;background-color:#fff; border:1px solid #e6e6e6; color:#9d9d9d; font-size:14px;transition: all 0.3s;}

.news_con ul li:hover .i_about_r .news_more{  background-color:#027dc0; color:#fff;border:1px solid #008ade;}

.news_con ul li:hover .i_about_r h3{ color:#008ade;}

.news_con ul li:hover .i_about_r .dates{background:url(../images/news_bg2.jpg) left top no-repeat;color:#008ade;}



/*新闻资讯详细*/

.about_x2{ overflow:hidden; padding-bottom:10px; padding-top:4%;}

.about_x2 .show_t{ line-height:36px; font-size:24px; color:#000; text-align:center; margin-bottom:2%; margin-top:5px; font-weight:normal;}

.about_x2 .con_line{height:40px; line-height:40px;font-size:12px; color:#999999; border-bottom:1px dashed #cccccc; text-align:center; }

.about_x2 img{margin-bottom:10px; display:block; max-width:100%;}

.about_x2 .con_id{ line-height:24px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:28px;font-size:12px; color:#666666;text-align:left;/* font-family:"宋体";*/ padding-bottom:20px;}

.about_x2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}

.about_x2 .con_id p{ padding-bottom:10px; overflow:hidden;}

.about_x2 table{border-collapse:collapse;border-spacing:0;}

.about_x2 table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}



.goback{ float:right; height:26px; line-height:26px; text-align:right; padding-left:23px;background:url(../images/goback.png) left center no-repeat; font-size:14px; color:#333333; margin-top:8px;/* border-bottom:1px solid #a6a6a6;*/}

.fenxiang{ height:30px; overflow:hidden;}

.fenxiang .span{ float:right; font-size:14px; line-height:34px;}

/*应用领域*/

.application_ul{ overflow:hidden; padding-top:1%;}

.application_ul ul li{ float:left; width:32%; overflow:hidden; margin-bottom:2%; margin-right:2%; position:relative; text-align:center;}

.application_ul ul li:nth-child(3n+0){ margin-right:0;}

.application_ul ul li img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;position:absolute; top:0; left:0; height:100%;object-fit: contain;}

.application_ul ul li .imgs{overflow:hidden; border:1px solid #e7e7e7;position:relative; padding-top:63%;}

.application_ul ul li:hover .imgs{border:1px solid #73b8e2;}

.application_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.application_ul ul li .conts{ width:100%; position:absolute; height:100%; left:0; bottom:0; /*bottom:-100%;*/ overflow:hidden; background:rgba(0, 0, 0, 0.5); color:#fff;transition:all 0.6s;filter:alpha(opacity=0);opacity:0;}

.application_ul ul li .conts i{ width:37px; height:37px; margin:0 auto; display:block; background:url(../images/application_bg1.png) center center no-repeat;background-size:0% 0%; overflow:hidden; margin-top:5%; margin-bottom:3%;transition:all 0.8s;}

.application_ul ul li .conts .p{ width:94%; max-width:330px; margin:0 auto;  height:72px; line-height:24px; overflow:hidden; font-size:14px;}

.application_ul ul li:hover .conts{/* bottom:0;*/filter:alpha(opacity=100);opacity:1.0;}

.application_ul ul li:hover .conts i{background-size:100% 100%;margin-top:20%;}

.application_ul ul li .imgs .h2{ height:50px; line-height:50px; overflow:hidden; font-weight:normal; font-size:14px; background:rgba(0, 0, 0, 0.5); position:absolute; width:100%; bottom:0; color:#fff;transition:all 0.3s;}

.application_ul ul li:hover .imgs .h2{ height:0;}



@media screen and (max-width: 1760px) {



}

@media screen and (max-width: 1660px) {

/*新闻中心*/



}

@media screen and (max-width: 1440px) {

/*企业简介*/

.about_con .txts{ padding-top:1%;}

.about_con .txts h2{ margin-bottom:2%;}





}



@media screen and (max-width: 1200px) {

.o_big{ height:200px;}

.postions h2{ font-size:18px;}

.postions h2 span{ font-size:14px;}

/*新闻中心*/

.news_con ul li .i_about_r h3{ font-size:22px; margin-bottom:1%;}

.news_con ul li .i_about_r .dates{ font-size:16px;}

.news_con ul li .i_about_r .news_more{ margin-top:3%;}

.news_con ul li .i_about_r .news_more{ height:32px; line-height:32px; width:130px;}



}



@media screen and (max-width: 1100px) {

.postions .postions_b a{ width:110px; font-size:13px;}

/*产品详细*/

.pro_one .pro_one_r .p{ line-height:24px;}

.pro_t{ height:52px; line-height:50px; }

/*企业简介*/

.about_con{ line-height:24px;}

/*资质荣誉*/

.honor_ul ul li{ width:32%;}

.honor_ul ul li:nth-child(4n+0){ margin-right:2%;}

.honor_ul ul li:nth-child(3n+0){ margin-right:0;}

/*联系我们*/

.bg-g .con_ul ul li{ font-size:14px;}

.ui-contactform table{margin: -10px;}

.ui-contactform table tr td{padding: 10px;}

/*新闻中心*/

.news_con ul li .i_about_r h3{ font-size:20px; margin-bottom:0.6%;}

.news_con ul li .i_about_r .p{ line-height:20px;}

.news_con ul li .i_about_r .news_more{ margin-top:2%;}













}

@media screen and (max-width: 1000px) {

/*新闻中心*/

.news_con ul li .i_about_r h3{ font-size:20px; line-height:28px; height:28px;}

.news_con ul li .i_about_r .news_more{ margin-top:1.5%; font-size:13px;}

}

@media screen and (max-width: 960px) {

/*产品中心*/

.product_ul ul li{ width:49%; }

.product_ul ul li:nth-child(3n+0){ margin-right:2%;}

.product_ul ul li:nth-child(2n+0){ margin-right:0;}

/*产品详细*/

.pro_one .product_one_l{ width:auto; max-width:none; float:none;}

.pro_one .product_one_l.applicat{width:auto;}

.pro_one .pro_one_r{ width:100%; float:none; margin:0 auto; margin-top:4%;max-width:none;}

.pro_one .pro_one_r.applicat{width:auto;}

.pro_one .pro_one_r h2{ width:100%; padding-bottom:4%;}

.pro_one .pro_one_r .p{ line-height:22px; padding-top:4%; padding-bottom:4%;}

/*企业简介*/

.about_con{ display:block;line-height:22px; font-size:13px;}

.about_con .imgs{ width:100%; float:none; padding-bottom:1%;}

.about_con .imgs img{ min-height:inherit;}

.about_con .txts{width:100%; display:block; padding-top:5%;  float:none;}

.about_con .txts h2{ padding-bottom:2%;}

/*新闻中心*/

.news_con ul li .i_about_r h3{ font-size:18px; }

.news_con ul li .i_about_r .dates{ font-size:14px;}

.news_con ul li .i_about_r .news_more{ display:none;}







}

@media screen and (max-width: 830px) {

.o_big{ height:190px;}

.postions h2{ font-size:16px;}

.postions h2 span{ font-size:13px;}

.postions .postions_b a{ width:100px;}



}

@media screen and (max-width: 780px) {

.postions{ height:42px; line-height:42px;}

.postions .rclass{ display:block;}

.postions h2{ display:none;}

.postions .postions_r.r{ float:left;}

.postions .postions_b{ display:none;}

/*产品中心*/

.product_l{ display:none;}

.right_a{ display:block;}

/*产品详细*/

.pro_two .pro_two_txt .f16{ font-size:14px;}

.prenext{ font-size:12px;}

/*里程碑*/

.history_con ul li .txts .conts .descs{font-size:12px;line-height:20px; padding:10px; padding-top:6px; padding-bottom:6px; }

.history_con ul li .txts.pr .conts{ padding-right:36px; background-size:20px auto;}

.history_con ul li .txts.pl .conts{ padding-left:36px; background-size:20px auto;}

/*联系我们*/

.bg-g .h2{ font-size:16px;}

.bg-g .con_ul ul li{ width:92%; padding-top:2%; padding-bottom:2%;}

.bg-g .con_ul ul li:nth-child(2n+0){width:92%;}

.bg-g .con_ul ul li:nth-child(2n+0) .p{ max-width:none; float:none;}

.ui-fullpart{padding: 5% 0;}

.ui-head2 h3{font-size: 18px;}

.ui-head2 p{margin-top: 20px;font-size: 12px;line-height: 1.4em;}

.ht45{height: 20px;}

.ht40{height: 20px;}

.ht30{height: 15px;}



.ui-contactmaps >.ct .maps{ margin-bottom:5%;}

.ui-contactmaps >.ct .maps iframe{height: 250px;}

.ui-contactmaps >.ct{margin-top: 15px;}

.ui-contactmaps >.ct{margin-top: 15px;}

.ui-contactform .tt >label{font-size: 12px;}

.ui-contactform .tt textarea, 

.ui-contactform .tt input{text-indent: 75px;}

.ui-contactform .tt textarea{text-indent: 55px;}

.ui-contactform .bt{width: 100%;}

.ui-contactform table{margin: 0; }

.ui-contactform table tr td{padding: 0;padding-bottom: 10px;}

.ui-contactform table,.ui-contactform tbody,.ui-contactform tr,.ui-contactform td{width: 100%;display: block;}

/*新闻中心*/

.news_con ul li .i_about_r h3{ font-size:16px;}

.news_con ul li .i_about_r .dates{ font-size:13px;}

/*应用领域*/

.application_ul ul li{  width:49%;}

.application_ul ul li:nth-child(3n+0){ margin-right:2%;}

.application_ul ul li:nth-child(2n+0){ margin-right:0;}







}



@media screen and (max-width: 640px) {

.o_big{ height:170px;}

.postions h2{ font-size:14px;}

.postions h2 span{ display:none;}

/*产品中心*/

.right_a a{ width:68px; height:63px;}

.product_ul ul li:hover .imgs{border:1px solid #e7e7e7;}

.product_ul ul li:hover .conts{ bottom:-100%;}

.product_ul ul li:hover .txts{color:#333;}

.product_ul ul li:hover .txts:after{ height:0%;}

/*产品详细*/

.pro_two .pro_two_txt{ font-size:12px; line-height:22px;}

.prenext span.l,.prenext span.r{ float:none; display:block;}

/*企业简介*/

.about_a{ font-size:12px; padding-top:4%; padding-bottom:10px;}

.about_a h2{ line-height:26px; margin-bottom:0;}

.about_con .txts h2.f20{ font-size:16px;}

/*资质荣誉*/

.honor_ul ul li{ width:49%;}

.honor_ul ul li:nth-child(3n+0){ margin-right:2%;}

.honor_ul ul li:nth-child(2n+0){ margin-right:0;}

.honor_ul ul li h2{ font-size:12px;}

/*招贤纳士*/

.job_t{ line-height:24px;}

.job_list table td{ height:50px;}

.job_list ul li.hauto tr:first-child td:last-child{ background-position:56% 10px;}

/*新闻中心*/

.news_con ul li .i_about_r h3{ height:24px; line-height:24px; margin-top:0;}

.news_con ul li .i_about_r .p{ line-height:18px; height:36px;}

/*新闻资讯详细*/

.goback{ margin-top:-42px;}



/*应用领域*/

.application_ul ul li .conts i{ width:28px; height:28px; margin-bottom:4%;}

.application_ul ul li:hover .conts i{ margin-top:15%;}

.application_ul ul li .imgs .h2{ height:42px; line-height:42px;}



}

@media screen and (max-width: 520px) {

/*产品中心*/

.right_a a{ width:60px; height:55px;}

/*产品详细*/

.pro_t h2{ font-size:15px; width:96px;}

}

@media screen and (max-width: 480px) {

.o_big{ height:150px; background-size:auto 120%;}

/*产品中心*/

.product_ul ul li .conts i{ width:22px; height:22px; margin-top:15%;}

.product_ul ul li .conts .p{ font-size:12px;}

.product_ul ul li .txts .h2{ font-size:14px; line-height:24px; height:24px;}

.product_ul ul li .txts .p{ font-size:12px;line-height:24px; height:24px;}

.right_a a{ width:50px; height:46px;}

.right_a .bgs1{ background-size:108% 108%;}

.right_a .bgs2{ background-size:108% 108%;}

/*产品详细*/

.pro_one .pro_one_r{ margin-top:10px;}

.pro_one .pro_one_r h2{ font-size:16px; line-height:24px; margin-bottom:10px;}

.pro_one .pro_one_r .p{ font-size:12px; line-height:20px;}

/*企业简介*/

.about_con .about_ul ul li{width:calc(50% - 1px);width:-webkit-calc(50% - 1px);width:-moz-calc(50% - 1px); padding-bottom:3%;}

.about_con .about_ul ul li:nth-child(1),.about_con .about_ul ul li:nth-child(2){ border-bottom:1px solid #dfdfdf;}

/*里程碑*/

.history_con ul li .txts .conts .descs{ padding:8px;  }

.history_con ul li .txts.pr .conts{ padding-right:26px; background-size:10px auto;}

.history_con ul li .txts.pl .conts{ padding-left:26px; background-size:10px auto;}

.history_con ul li .imgs{ position:relative; padding-top:26px;}

.history_con ul li .imgs b{ display:block; width:78%; position:absolute; top:0;}

.history_con ul li .imgs.pl{ padding-left:10%;}

.history_con ul li .imgs.pr{ padding-right:10%;}

.history_con ul li .imgs img{ width:80%;}

/*招贤纳士*/

.job_list table td{ font-size:12px;}

.job_list ul li{background: url(../images/job_pic.png) #fff 99% 15px no-repeat;background-size:22px 22px;}

/*.job_list ul li:Hover{background:url(../images/job_pic3.png) #00a1e9 99% 10px no-repeat;}*/

/*.job_list ul li.hauto{background: url(../images/job_pic3.png) #f6f6f6 99% 10px no-repeat;}*/

.job_list ul li.hauto tr:first-child td:last-child{background-position: 56% 15px; background-size:22px 22px;}

.job_list ul li tr:first-child td:last-child{ background:none;}

.job_list ul li .job_con{ font-size:12px;}

/*新闻中心*/

.news_con ul li .i_about_r h3{ font-size:14px; margin-bottom:2px;}

.news_con ul li .i_about_r .dates{ display:none; padding-top:2%; font-size:12px; margin-bottom:0; line-height:18px; margin-top:0;}

.news_con ul li .i_about_r .p{ height:36px;}

/*新闻资讯详细*/

.about_x2 .show_t{ font-size:20px; line-height:28px;}

.goback{ margin-top:10px; float:none;}

/*应用领域*/

.application_ul ul li .conts .p{ line-height:20px; height:60px; font-size:12px;}

}

@media screen and (max-width: 360px) {

/*新闻资讯详细*/

.about_x2 .show_t{ font-size:18px; line-height:26px; }

}

@media screen and (max-width: 320px) {



}