@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}

ul{ padding:0px; margin:0px;}
h1,h2,h3,h4{ padding:0px; margin:0px; font-weight:normal}
p{ padding:0px; margin:0px;}

@font-face {
	font-family:Barlow-Bold;
	src: url('../fonts/Barlow-Bold.ttf'); }

@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
	
	
	@font-face {
    font-family: 'PingFang';
    src: url(../fonts/AkzidenzGrotesk-BoldCondAlt.otf);
}

@font-face {
    font-family: 'PingFang_reg';
    src: url(../fonts/PingFang-ExtraLight.woff2);
}


body{ margin:0 auto;padding:0px;width:100%;min-width:1200px;font-size:15px;color:#646464; margin:0px;font-family: Microsoft YaHei; }
.head_w{position:relative;margin:0 auto; width:1200px;}
.head{padding-top:30px;position:absolute; z-index:11111; width:100%}
.head .logo h1{color:#fff; font-size:30px; font-weight:bold;}
.head .logo .enname{ font-family:Barlow-Regular; color:#fff; font-size:18px; text-transform:uppercase; letter-spacing:2.3px;}


/*导航*/
.nav{ width:50%; margin:0 auto; margin-top:15px;}
.nav ul{ width:100%; margin:0 auto;display: flex; flex-wrap: wrap; justify-content: space-between; border-radius:30px; border:1px solid #cc0000;}
.nav li:nth-child(1) :hover{ border-top-left-radius:30px; border-bottom-left-radius:30px; background:#cc0000;}
.nav li:nth-child(5) :hover{ border-top-right-radius:30px; border-bottom-right-radius:30px; background:#cc0000;}
.nav li {  display: inline-block;list-style: none;font-size: 15.5px;text-align: center;position: relative;}
.nav li a {display: block;text-align: center;position: relative;color: #fff; font-size:15.5px;line-height:42px; text-transform:uppercase; padding-left:22px; padding-right:22px; }
.nav li.hover a, .nav li:hover a {color: #FFF;}
.nav li:hover a{ background:#cc0000}
.nav li.hover{ background:#cc0000;border-top-left-radius:30px; border-bottom-left-radius:30px;}
.nav li .subnav { width:133px;background: #016155;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left:0px;overflow: hidden;position: absolute;top: 52px; z-index: 99999999;}
.nav li .subnav {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0); }
.nav li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #fff;display: block;font-size: 15px;font-weight: 500;line-height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%; padding-left:0px;padding-right:0px; border-bottom:1px solid rgba(255,255,255,0.1);}
.nav li .subnav a:hover {text-indent: 5px; background:none}

/*通栏*/

.shangceng{ position:relative}
.fafa{content: " ";
background: rgba(0,15,38,.3);
position: absolute;
left: 0px;
right: 0px;
z-index: 200;
width: 100%;
height: 500px;}
.ba{ background:#fff!important; height:500px;}
#wrapper {
	position:relative; z-index:1111; 
}



.fullwidthbanner-container{
	width:100% !important;
	position:relative; 
	padding:0;
	max-height:500px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:500px !important;
	position:relative;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#c20000 !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#c20000 !important;
 }
/** BULLETS **/
.tp-bullets { display:block;display:block!important;
    z-index: 1111111;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer; 
    position: relative;
    background: #014292;
    width: 98px;
    height: 0px;
    float: left;
	margin-bottom: 10px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 1100;
	cursor: pointer; 
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 1100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;


    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer { 
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 2000;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {display:none;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


/*首页产品*/
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 15%; left: 5%; text-align: center; width: 90%; height: 70%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

/*首页产品*/
/**
 * Created by WangCheng on 2020/9/24.
 */


/*背景框*/

.mask-layer * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.mask-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 202020;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mask-layer .mask-layer-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    background: url(../images/closeicon.png) no-repeat center center;
    background-size: cover;
    cursor: pointer;
}

.mask-layer-black {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .75;
    position: absolute;
    top: 0;
    left: 0;
}

.mask-layer-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.mask-layer-container .small-content {
    width: 630px;
    height: 100px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    bottom: 0;
    overflow: hidden;
}

.small-content .small-img-box {
    position: relative;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
}

.small-img-box .mask-small-img {
    width: 100px;
    height: 100px;
    border: 2px solid transparent;
    margin: 0 5px 0 0;
    opacity: 0.4;
    cursor: pointer;
}

.small-img-box .mask-small-img.onthis {
    border: 2px solid #1e9fff;
    opacity: 1;
}

.small-content .box-go-left {
    position: absolute;
    width: 20px;
    display: block;
    text-align: center;
    left: 0px;
    bottom: 0;
    height: 100px;
    background: url(../images/left_img.png) no-repeat center;
    background-size: 20px;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.small-content .box-go-right {
    position: absolute;
    width: 20px;
    display: block;
    text-align: center;
    right: 0px;
    bottom: 0;
    height: 100px;
    background: url(../images/right_img.png) no-repeat center;
    background-size: 20px;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.small-content .box-go-left:hover,
.small-content .box-go-right:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.8);
    background-size: 24px;
}

.mask-layer-container .img-pre {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    background: url(../images/prev.png) no-repeat center center;
    cursor: pointer;
}

.mask-layer-container .img-pre:hover {
    background: url(../images/prev_h.png) no-repeat center center;
    background-color: rgba(0, 0, 0, 0.3);
}

.mask-layer-container .img-next {
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 100%;
    cursor: pointer;
    background: url(../images/next.png) no-repeat center center;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.mask-layer-container .img-next:hover {
    background: url(../images/next_h.png) no-repeat center center;
    background-color: rgba(0, 0, 0, 0.3);
}

.mask-layer-container .mask-layer-imgbox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.mask-layer-container .mask-layer-imgbox.has-small {
    height: calc(100% - 105px);
}

.mask-layer-imgbox .mask-layer-imgName {
    z-index: 999; text-align:center;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    height: 60px; line-height:60px;
    width: 630px;

    color: #ffffff;
    background: rgba(0, 0, 0, 0.3);
    transition: all linear 0.3s;
}

.mask-layer-imgbox:hover .mask-layer-imgName {
    bottom: 0px;
}

.mask-layer-imgbox .layer-img-box {
    position: relative;
    width: 100%;
    height: 100%;
}
.layer-img-box>p{
    position: absolute;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    width: 100%;
    height: 100%;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    cursor: move;
    left: 0;
    top: 0;
}

.mask-layer-imgbox .layer-img-box img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
}

.mask-layer-imgbox .layer-img-box img:hover {
    cursor: move;
}

.zoomImg-hide-box {
    display: none !important;
}
/*右键菜单*/
.mask-layer  .contextmenu {
    list-style: none;
    display: none;
    position: absolute;
    width: 180px;
    background: #FFFFFF;
    border-radius: 5px;
    z-index: 99;
    border: 1px solid #333;
}

.mask-layer .contextmenu li {
    transition: ease 0.3s;
}

.mask-layer .contextmenu li:hover {
    background: #333333;
}

.mask-layer .contextmenu li>a {
    display: block;
    padding: 10px 10px 10px 35px;
    color: #000000;
    text-decoration: none;
    transition: ease 0.3s;
}
.mask-layer .contextmenu li>a.clockwise{
   background: url(../images/right_rotate.png) no-repeat left 5px center; 
   background-size:24px 24px ;
}
.contextmenu li>a.clockwise:hover{
   background: url(../images/right_rotate_h.png) no-repeat left 5px center; 
   background-size:24px 24px ;
}
.mask-layer .contextmenu li>a.counterClockwise{
   background: url(../images/left_rotate.png) no-repeat left 5px center; 
   background-size:24px 24px ;
}
.contextmenu li>a.counterClockwise:hover{
   background: url(../images/left_rotate_h.png) no-repeat left 5px center; 
   background-size:24px 24px ;
}
.mask-layer .contextmenu li>a.downimg{
   background: url(../images/down.png) no-repeat left 5px center; 
   background-size:24px 24px ;
}
.contextmenu li>a.downimg:hover{
   background: url(../images/down_h.png) no-repeat left 5px center; 
   background-size:24px 24px ;
}



.mask-layer .contextmenu li:hover>a {
    color: #FFFFFF;
}
.mask-layer .contextmenu .menu-parend:hover .menu-child {
    display: block;
}

.content {width: 100%; margin-top:25px;}
.zoomImgBox ul li:nth-child(2n){ float:right}
.zoomImgBox ul li{ border:1px solid #eee; margin-bottom:15px;
float:left; width:48%;height: 150px; cursor:pointer;
overflow:hidden!important;display: flex;justify-content: center;
align-items: center;}
.zoomImgBox ul li img{ transition: all 0.8s; max-height:130px;object-fit: cover; width:100%; }
.zoomImgBox ul li:hover img  {transform: scale(1.105);overflow:hidden!important;}

.wd1200{ width:1200px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.index_pro{ width:32%;}
.ttop{ border-bottom:1px solid #eaeaea}
.ttop h2{ color:#EF4E22; font-size:18px; border-bottom:1px solid #EF4E22; padding-bottom:10px; display:inline-block}

.index_about{ width:40%; margin-left:3%;}
.about_pic img{ width:100%; display:block;object-fit: cover; height:230px; transition: all 0.8s;}
.about_pic {margin-top:25px;}
.about_pic:hover img  {transform: scale(1.105);overflow:hidden!important;}
.about_pic{ overflow:hidden}
.about_txt{ margin-top:20px; line-height:28px; color:#999999;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:6;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.abmore{ border:1px solid #EF4E22; line-height:35px; width:120px; text-align:center; margin-top:25px; cursor:pointer}
.abmore a{ color:#EF4E22}
.abmore:hover{ background:#EF4E22;}
.abmore:hover a{ color:#fff;}
.index_xcp{ width:22%;}
.tupian{ margin-top:25px}
.tupian img{ width:100%; height:230px; object-fit: cover;}
.tupian img:nth-child(2){ margin-top:20px;}

.miao{ margin-bottom:20px; line-height:23px;}

/*留言*/
.conbg{ background:url(../images/conbg.jpg) no-repeat center; margin:0 auto;}
.lianxi{ width:50%; padding-top:80px; padding-bottom:80px;}
.liantop h2{ color:#EF4E22; font-size:25x; font-weight:bold}
.liantop h2 span{ padding-left:10px; color:#c5c5c5; font-size:18px;font-weight:bold}
.liantxt{ color:#c5c5c5; line-height:28px; margin-top:20px;}
.liantxt a{color:#c5c5c5;}

.liuyan{ width:45%; }

.contact_2 h2{ text-align:left;font-size:15px; color:#c5c5c5; margin-bottom:30px; }

.contact_2_1 ul{ margin-bottom:30px;}
.contact_2_1 ul li{ margin-bottom:10px;
float:left; width:47%; color:#fff;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.contact_2_1 ul li:nth-child(5){ width:47%; margin-top:50px;}
.contact_2_1 ul li:nth-child(6){
width:47%; margin-top:20px;}
.contact_2_1_mid{
background:rgba(255,255,255,0.9); border:1px rgba(255,255,255,0.2) solid; padding:0.8em 1em; width:80%}
.teshuw{ width:90%}
.contact_2_1_mid input{ color:#333;
border:none!important; background:none!important; width:95%; font-size:14px;outline:none; }
.contact_2_1_mid textarea{ width:100%;color:#333;
border:0; background:none; font-size:14px;outline:none;}
.tixing{padding-left:10px; line-height:50px;}

.anniu2{ border:0PX;
font-size:14px; display:inline-block; color:#fff; background-color:#EF4E22; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.anniu2 {
margin-bottom:1.5em;}
.anniu2:hover{
background-color:#999;}



.contact_2_2 a{
font-size:1.125em; display:inline-block; color:#fff; background-color:#2c82cd; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.contact_2_2{
margin-bottom:5.625em; margin-top:1.5em;}
.contact_2_2 a:hover{
background-color:#999;}



/*底部*/
.foot{ background:#222222;}
.foota{width:1200px;padding-top:70px; padding-bottom:70px; color: rgba(169, 169, 169, 1); margin:0 auto; word-break:break-all}
a.zzb07link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration:none;
	color: rgba(169, 169, 169, 1);}

a.zzb07link:hover {
	text-decoration: underline;
	color: rgba(169, 169, 169, 1);}
.zzb07tail
{
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color: rgba(169, 169, 169, 1);
}


/*内页*/

/*翻页*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #555; line-height: 30px; text-decoration: none; clear:both; }
.contentPage a:link {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #555; font-weight: normal;}
.contentPage a:visited {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #555; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#555;font-weight:normal;}
.contentPage .current{color:#e73b00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #009631; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

.nymain{ width:1200px; margin:0 auto; padding-top:50px; padding-bottom:50px; }
.nleft{ width:20%;}
.nleft .leftm ul { padding:15px;border:1px solid #ddd; border-top:0px;}
.nleft .leftm ul li{ line-height:40px; border-bottom:1px  dashed #ddd;}
.nleft .leftm ul li a{ color:#666; padding-left:20px;}
.nleft .leftm ul li:hover a{ color:#EF4E22}
.nleft .leftm ul li:last-child{ border-bottom:0px;}
.nleft .leftm h2{ background:#EF4E22; color:#fff; padding-left:20px; line-height:50px; font-size:17px;}
.nleft .leftlx { margin-top:30px; color:#666;}
.nleft .leftlx h2{ background:#EF4E22; color:#fff; padding-left:20px; line-height:50px; font-size:17px;}
.nleft .leftlx{ border:1px solid #ddd; border-top:0px;}
.nleft .leftlx ul li{ padding-top:10px; padding-bottom:10px; line-height:30px; border-bottom:1px  dashed #ddd;}
.nleft .leftlx ul{ padding:15px;}
.nleft .leftlx ul li:last-child{ border-bottom:0px; padding-bottom:0px;}
.weixin{ height:27px;position:relative;}
.weixin a{ line-height:27px; height:27px; display:block; position:absolute; left:0; top:0;background:url(../images/wechat.png) no-repeat left; background-size:auto 27px; padding-left:35px; color:#666;  }
.weixin .weixin_nr{ background:#fff;width:100px;  padding:15px; text-align:center; position:absolute; left:125px; top:0px; display:none;}
.weixin .weixin_nr img{}
.weixin .weixin_nr .arrow{ }
.weixin.on .weixin_nr{ display:block;}
.weixin .weixin_nr p{ line-height:20px; padding-top:5px;}
.flian{ background: url(../images/info.png) no-repeat left; padding-left:35px;font-weight:bold}

.shijian{ background:url(../images/time.png) no-repeat left; padding-left:35px; font-weight:bold}

.nright{ width:77%}
.nright .nrtop { border-bottom:1px solid #eaeaea}
.nright .nrtop h2{ color:#EF4E22; border-bottom:1px solid #EF4E22; padding-bottom:10px; display:inline-block; font-size:17px;}
.nright .neirong{ margin-top:25px; line-height:28px;}


/*内页公司简介图片*/
.aboutimg img{ object-fit: cover; height:400px; width:100%; overflow:hidden}

/*荣誉图片*/
.honor ul li:hover .caption{ color:#ef4e22}
.honor ul li{ float:left; width:30%; margin-left:1.5%; margin-right:1.5%; margin-bottom:30px; cursor:pointer}
.img-box{ width:100%; height:230px; overflow:hidden}
.img-box img{ width:100%; height:230px; object-fit: cover; transition: all 0.8s;}
.honor ul li:hover img{   transform: scale(1.1);}
.honor ul li .caption{ text-align:center; padding-top:5px;}


/*荣誉*/
.rongyu ul li{ text-align:center;float:left;display:inline;width:30%; margin-left:1.5%; margin-right:1.5%;height:173px; overflow:hidden;background:#fff; border:1px dotted #ccc;  border-radius:5px;box-shadow:0px 10px 10px 0px rgba(0,0,0,.1); margin-bottom:30px; padding-top:2px;}
.rongyu ul li span{line-height:22px;display:block;background:#FFF; text-align:center; padding-top:10px; font-size:14px;  color:#555}

.zu112{width:100%; height:120px; overflow:hidden; display: flex;justify-content: center;align-items: center;padding-top:10px;}
.zu112 img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; max-height:100%; max-width:100% }
.rongyu ul li:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}
.rongyu ul li:hover span{ color:#ef4e22}

/*产品*/
.rongyu2 ul li{ text-align:center;float:left;display:inline;width:30%; margin-left:1.5%; margin-right:1.5%;overflow:hidden;margin-bottom:30px;}
.rongyu2 ul li span{line-height:22px;display:block;background:#FFF; text-align:center; padding-top:10px; font-size:14px;  color:#555; height:50px;}

.zu1122{width:100%; height:180px; overflow:hidden; display: flex;justify-content: center;align-items: center;background:#fff; border:1px dotted #ccc;  border-radius:5px;box-shadow:0px 10px 10px 0px rgba(0,0,0,.1); }
.zu1122 img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; max-height:95%; max-width:100% }
.rongyu2 ul li:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}
.rongyu2 ul li:hover span{ color:#ef4e22}

/*内页联系我们*/
.ditu{ width:50%}
.ditu img{ width:auto!important}
.nylianxi{ width:45%}
.rit-box .top-tit {
border-bottom: 1px dotted #BBBBBB;
padding-bottom: 20px;}
.rit-box .top-tit h3 {font-size: 20px;font-weight:normal; color:#000; margin-bottom:0px;}
.rit-box .top-tit p {font-size: 15px;color: #999999;}
.rit-box .top-tit p font{ color:#ef4e22; font-weight:bold; font-size:25px;}
.city li.on, .city li:hover {background-color: #f29028;}
.city li {float: left;margin-right: 10px;width: 150px;height: 38px;text-align: center;line-height: 38px;font-size: 15px;background-color: #ef4e22;}
.city li a{ color:#fff}
.city {width: 420px;display: table;margin-top: 15px;}
.kbm{ margin-top:20px;}


.nytop{ border-bottom:1px  dashed #d8d8d8;}
.nytop h2{ color:#ef4e22; font-size:17px; padding-bottom:10px}
.proxx{ margin-top:40px;}
.proxx .pro_tu{ width:50%;}
.proxx .pro_tu img{ width:100%}
.rpo_txt{ width:45%;}
.rpo_txt .zhanshi { font-size:17px; color:#333;}
.ltel{ color:#ef4e22; font-size:20px; border:1px solid #ef4e22; width:200px; line-height:40px; text-align:center; margin-top:30px;}
.xiangxi{ margin-top:50px; border:1px solid #ddd;}
.xiangxi .rxx h2{ color:#ef4e22; border-top:3px solid #ef4e22; display:inline-block; font-size:18px; padding:20px;}
.xiangxi .rxx{ border-bottom:1px solid #ddd;}
.rnr{ min-height:200px; padding:20px;}

.nybanner{ height:400px; overflow:hidden}
.nyabout{ background:url(../images/nyabout.jpg) no-repeat center; height:400px; margin:0 auto; width:100%;}

.nycon{ background:url(../images/nycon.jpg) no-repeat center; height:400px; margin:0 auto; width:100%;}
.nyhonor{ background:url(../images/nyhonor.jpg) no-repeat center; height:400px; margin:0 auto; width:100%;}
.nypro{ background:url(../images/nypro.jpg) no-repeat center; height:400px; margin:0 auto; width:100%;}
.nyfac{ background:url(../images/top2.jpg) no-repeat center; height:400px; margin:0 auto; width:100%;}