@charset "utf-8";
/* CSS Document */
* {padding: 0px; margin: 0px; box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
img {
border:none;max-width:100%; }

body { font-size: 15px;font-family:Arial,"微软雅黑",Microsoft YaHei;color: #333; font-weight: normal; padding: 0px; margin: 0px; text-decoration: none; line-height: 27px;padding-top:150px;
}
a {
text-decoration:none;
font-family:Arial,"微软雅黑",Microsoft YaHei;
color:#333;
font-weight:normal;
}
a:hover { color:#0b61a5; }
.clear {
clear:both;
}
ul {
list-style-type: none;
}
li {
list-style-type:none;
line-height:27px;
}
.fl{float:left;}
.fr{float:right;}
.hz{width:90%;margin:0 auto;}
.hza{ width:90%; margin:65px auto; }
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}



.top-pc { position: fixed; z-index: 99999; top: 0px; left: 0;  background: #fff; width: 100%;border:1px solid #f8f8f8; }
.head{ height: 40px; line-height: 40px; background:#333; position: relative; z-index: 1201; }
.head > .page{ display: block; height: 100%; position:relative; }
.head_rbg{ background: url(../images/20190122165714_1998790932.png) no-repeat center; width: 1090px; height: 40px; position: absolute; right: -825px; top:0; }
.head .fl{ color: #fff; line-height: 40px; font-weight: 100; }
.head .fl .color{ color: #0b61a5; font-size: inherit; font-weight: inherit; }
.head .fr a { display: block; padding-left: 37px; font-size: 15px; line-height: 40px; padding-right: 3px; cursor: pointer; position: relative; color: #fff; height: 40px; transition: 0.3s all ease; float: left; font-family: arial; }
.head .fr a:after{ content: ''; display: block; width: 26px; height: 26px; position: absolute; left: 5px; top: 8px; transition: 0.3s all ease; }

.head .fr a.head_btn1:after{ background: url(../images/20190122154301_992294089.png) no-repeat center 0; }
.head .fr a.head_btn2:after{ background: url(../images/20190122154253_869151464.png) no-repeat center 0; }
.head .fr a.head_btn3:after{ background: url(../images/20190122154258_240868778.png) no-repeat center 0; }
/*.head .fr a:hover:after{ background-position-y: -40px; }*/
.head .fr .wx .wxewm { width: 133px; height: 133px; position: absolute; top: 45px; z-index: 2222; left: -45px; display: none; }
.head .fr .wx .wxewm img{ width: 133px; height: 133px; display: block; }

.logo{float:left;margin-top:10px;}
.logo img{height:90px;}
.top-right { display: block; white-space : nowrap; }
.nav { display: inline-block; box-sizing: border-box; vertical-align: bottom; }
.mainbav ul:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
.mainbav li { position: relative; padding: 0 35px; }
.mainbav li:last-of-type { padding-right: 0px; }
.mainbav li a { font-size: 17px; color:#000; }
.mainbav .memu { float: left; line-height:110px;  }
.mainbav .memu:hover, .mainbav .memu.active { display: block; }
.mainbav .memu:hover a, .mainbav .memu.active a { color: #0b61a5;}
.mainbav ul li ul { display: none; position: absolute; width:220px; left: 0; top: 110px; z-index: 999999; background: rgba(243,243,243,0.9); }
.mainbav ul li ul li { float: none; border-right: none; padding: 0; line-height: 50px; position: relative; text-align: left; }
.mainbav ul li ul li a { display: block; color: #333 !important; font-size: 15px; font-weight: normal; padding: 0 15px; }
.mainbav ul li ul li a:hover {  background-color: #0b61a5; color: #fff!important; }
.mainbav ul li ul li ul { position: absolute; left: 100%; top: 0; }



.top02_r{ float:right;margin-left:80px;}
.index-yyl { display: inline-block; box-sizing: border-box; vertical-align: middle; line-height: 110px;  }
.index-yyl img { display: inline-block; vertical-align: middle; margin-bottom: 2px; margin-right: 3px; }
.set { background: 45px 10px no-repeat; font-size:15px;}
.select { background: 45px 10px no-repeat; }
.new { width: 140px; position: absolute; z-index: 999; display: none; text-align: center; top: 130px;margin-left:-20px;}
.nav1 ul li { line-height: 42px; background: rgba(255,255,255,0.9); border-bottom: 1px solid #fff; }
.nav1 ul li:hover { background: #0b61a5; color: #FFF; }
.new a { color: #666666; text-decoration: none; font-size:15px;}
.nav1 .new a:hover { color: #fff; }
.sousuo { display: inline-block; box-sizing: border-box; vertical-align: bottom; line-height: 110px; position: relative; z-index: 1; transition: all 0.5s; }
.sousuo .sousuo_an { width: 60px; height:110px; display: table-cell; vertical-align: middle; background: url(../images/index_07.jpg) center no-repeat; cursor: pointer; transition: all 0.5s; }
.sousuo .ssk_bj { width: 100%; display: none; position: fixed; left: 0; top:150px; z-index: 10; }
.sousuo .ssk { max-width: 1300px; width: 90%; overflow: hidden; margin: 0 auto; box-shadow: 0 2px 14px rgba(0,0,0,0.1); background: #fff; }
.sousuo .ssk .input_txt { width: 64%; height: 58px; float: left; line-height: 58px; padding: 0 3%; border: none; border-radius: 0; }
.sousuo .ssk .input_btn { width: 30%; height: 58px; float: right; FONT-SIZE: 18px; color: #fff; line-height: 58px; border: 0 none; border-radius: 0; background: #0b61a5; cursor: pointer; }
.p-show { display: block !important; }



.block_home_slider{height:auto; position:relative; line-height:0px; text-align:center;}/*底部小图标*/
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:40px; height:40px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; display:none;}
.block_home_slider .flex-direction-nav a.flex-prev {left:0; background:url(../images/jt1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:0; background:url(../images/jt2.png) no-repeat;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:20px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:12px; height:12px; display:block; background:#333; text-indent:-9000px; cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:34px; background:#00307c;}
.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li{height:100%;display: none;-webkit-backface-visibility: hidden;list-style-type:none; position:relative;}
#home_slider2{display:none;}




.top_sj { display:none; }


.index-title{
	text-align: center;
	font-size: 36px;
	line-height:36px;
	color: #333;
}
.index-title-ms{
	text-align:center;
	margin-top:25px;
	color: #999;

}

.index-product-bj{background:#f5f5f5;padding:60px 0 ;overflow:hidden;}
.index-product-hz{margin-top:50px;}

.lanren{width:100%; overflow:hidden;margin-bottom:1px;}
.lanren ul li{width:32%;margin-right:1%;height:335px;float:left;position:relative;overflow:hidden;cursor:pointer;}

.lanren .txt{width:100%;height:60px; background:url(../images/1px.png) repeat;position:absolute;left:0;bottom:0;color:#fff;}
.lanren .txt h3{font-size:22px;font-weight:100;height:60px;text-align:center;line-height:60px;}
.lanren .txt p{font-size:15px;text-align:center;margin-top:60px;padding:0 80px;color:#c3c3c3;}

.grid {
	overflow: hidden;
	margin: 0;
	/* [disabled]padding: 3em 0 0 0; */
	width: 100%;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width:50%;
	height: 500px;
	background: #000;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 400;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;font-size:18px;
	
}


/*---------------*/
/***** Milo *****/
/*---------------*/

figure.effect-milo {
	background: #2e5d5a;
}

figure.effect-milo img {
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.12);
	transform: translate3d(-30px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-milo:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

figure.effect-milo h2 {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1em 1.2em;
}

figure.effect-milo p {
	padding: 0 10px 0 0;
	width: 50%;
	border-right: 1px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
}

figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}



figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico figcaption {
	padding: 3em;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
	padding: 20% 0 20px 0;
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


.index-cpyy-box{
	display:flex;
	flex-wrap:wrap;
}
.index-cpyy-box>div:nth-of-type(2){ text-align:left;}
.index-cpyy-box>div:nth-of-type(3){ order:1;}
.index-cpyy-box>div:nth-of-type(4){order:0;}

.index-cpyy-hz{width: 100%; margin:65px auto 50px auto; }
.index-cpyy-pic{float:left;display:block; overflow:hidden; width:50%;}
.index-cpyy-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-cpyy-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}


.index-cpyy-right{float:left;padding:8% 5% 0 5%;width:50%;background:#F5F5F5;}
.index-cpyy-title{FONT-SIZE:30PX;background:url(../images/index_05.jpg)no-repeat bottom left;padding-bottom:20px; }
.index-cpyy-content{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;margin:55px 0; font-size:16px}

.index-cpyy-pic1{float:left;display:block; overflow:hidden; width:50%;}
.index-cpyy-pic1 img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-cpyy-pic1 img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
.index-cpyy-pic2{float:right;display:block; overflow:hidden; width:50%;}
.index-cpyy-pic2 img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-cpyy-pic2 img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}


.index-cpyy-left{float:left;padding:5% 5% 0 5%;width:50%;text-align:right;background:#0065c1;color:#fff;}

.index-cpyy-left-title {FONT-SIZE:30PX;background:url(../images/index_05.jpg)no-repeat bottom right;padding-bottom:20px; }
.index-cpyy-left-content{margin-top:55px; overflow:hidden;font-size:16px;}



.index-about-bj{background:url(../images/infou-ba.jpg)no-repeat #f7f7f7;padding:80px 0;overflow:hidden;}
.index-about-hz{margin-top:40px;}
.index-about-pic{float:left;width:35%;}
.index-about-right{width:50%;float:left;background:#fff;padding:4.5% 6%;}
.index-about-right-title{font-size:30px;}
.index-about-right-conact{ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; margin-top:40px;color:#999;}

.infou-ul {
    margin-top:100px;}

    .infou-ul ul {
        margin-top: -46px;
    }

    .infou-ul li {
        float: left;
        width: 33.333%;
        margin-top: 46px;
    }

        .infou-ul li > div {
        }

        .infou-ul li h3 {
            color: #333;
            font-size: 0;
            line-height: 70px;
            height: 70px;
        }

            .infou-ul li h3 span {
                font-size: 30px;
            
            }

                .infou-ul li h3 span:nth-child(1) {
                    font-size: 50px;
                 
                }

            .infou-ul li h3 d {
                display: inline;
               
                font-size: 30px;
            }

        .infou-ul li p {
            margin-top: 3px;
            font-size: 15px;
            line-height: 30px;
            color: #666;
        }

        .infou-ul li:hover h3 {
            color: #0264ab;
        }



.index-news-nr{margin-top:45px;}
.index-news-nr-left{width:32%;margin-right:2%;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);}
.index-news-nr-left:nth-child(3n){margin-right:0;}
.index-news-nr-left-title{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:15px; }
.index-news-nr-left-title a{font-size:18px; }
.index-news-nr-left-rq{ color: #666;font-size:16px;}
.index-news-nr-left-content{ margin:20px 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #999; }
.index-news-nr-hz{background:#fff;padding:5%;}
.index-news-more-hz{border-top:1px solid #eee;padding-top:20px;overflow:hidden;}
.index-news-more-hz a:hover{color:#0b61a5;}
.index-news-nr-left-pic{ display:block; overflow:hidden; }

.index-news-nr-left-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-news-nr-left-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;width:100%;}



.foot-bj { background: #222; padding-top:60px; overflow: hidden; color: #a0a0a0;  }
.foot-dy{
	float: left;
	width: 18%;
	margin-right: 3%;
}
.foot-dy-nr{margin-top:30px;}
.search{margin-top:30px;}
input {
	outline:none;
}
.sok {width:75%;
padding-left:10px;
	background:#3b3b3b; 
	border:none;line-height:45px;float:left;color:#fff;

}

.foot-lxfs {
	float: left;
	width:35%;
}
.foot-hz-nav {
	float: left;
	margin-right:6%;
}
.foot-hz-cd { font-size:18px; color: #fff; }
.foot-hz-menu { margin-top: 30px; }
.foot-hz-menu a { color: #999;line-height:32px; }
.foot-hz-menu a:hover { color: #fff; text-decoration: underline; }
.foot-contact {
	width: 22%;
	float: left;
}
.foot-hz-lxwm{margin-top:30px;margin-right:15%;}
.foot-hz-lxwm a { color: #a0a0a0;  }
.foot-hz-lxwm a:hover { color: #fff; text-decoration: underline; }
.foot-right { float: left; width:22%;}
.foot-right-fwrx { font-size:20px; color: #fff; }
.foot-left-tb { margin-top: 20px; }
.foot-left-tb li{float:left;margin-right:30px;text-align:center;}
.index-copy-bj { border-top:1px solid #333; padding:20px 0; margin-top:80px; }
.index-copy a { color: #a0a0a0;}
.index-copy a:hover { color: #fff; text-decoration: underline; }
.foot-bq-pc { margin:12px 0; overflow: hidden; }
.foot-bq-pc li { color: #a0a0a0; float: left; margin: 0 5px;  }
.foot-bq-pc li a { color: #a0a0a0;  }
.foot-bq-pc li a:hover { color: #fff; text-decoration: underline; }

/*----友情链接----*/
.link{ height: 70px; background: #000; line-height: 70px;}
.link strong{ font-size: 18px; color: #fff; font-weight: normal;}
.link span{ font-size: 14px; color: #666; margin-left:30px;}
.link a{ font-size: 15px; color: #999; margin: 0 20px;}
.link a:hover{ color: #fd9214;}




.img-banner{ background:center center; width:100%; overflow:hidden;}
.img-banner div{ line-height:0px;}
.img-banner div img{opacity:0;}

/*内页样式开始*/
.ny-banner-sj{display:none;}
.ny-banner {height:320px; background-position:center; background-size:cover;}


.about-menu-bj{border-bottom:1px solid #f0f0f0;overflow:hidden;line-height:60px;}
.about-menu-left{width:15%;float:left;}
.about-menu-left-title{
	background: #0b61a5;
	padding: 30px;
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
}
.about-menu-left-title-yy{FONT-SIZE:15PX;MARGIN-TOP:10PX;COLOR:#cce6fd;text-transform:uppercase;}

.about-menu-left-menu li{font-size:16px;text-align:center;line-height:55px;margin-bottom:1px;background:#f2f2f2;}

.about-menu-left-menu li:hover a,.about-menu-left-menu li.on a {display:block; background:#18aee7;color:#fff;}

.about-title{font-size:26px;margin-bottom:40px;line-height:30px;}
.about-title p{margin-top:10px;}

.about-menu-right{width:82%;float:right;}
.about-nr-left{width:48%;float:left;}
.about-nr-pic{float:right;width:45%;}

.index-product-box2{width:23%;background:#fff;float:left;margin-right:2%;margin-bottom:50px;display:block; overflow:hidden;border:1px solid #ececec; }
.index-product-box2:nth-child(4n){margin-right:0;}

.index-product-box{width:32%;background:#fff;float:left;margin-right:2%;margin-bottom:50px;display:block; overflow:hidden;border:1px solid #ececec; }
.index-product-box:nth-child(3n){margin-right:0;}

.index-product-pic{ overflow:hidden;}
.index-product-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-product-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
.index-product-wb{padding:5%;border-top:1px solid #f1f1f1;}
.index-product-title{font-size:18px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index-product-xh{margin:25px 0;height: 85px;overflow: auto;padding-right:15px;color:#999;font-size:14px;}
div::-webkit-scrollbar{
  width:7px;
  height:7px;
  /**/
}
div::-webkit-scrollbar-track{
  background: rgb(239, 239, 239);
  border-radius:2px;
}
div::-webkit-scrollbar-thumb{
  background: #bfbfbf;
  border-radius:10px;
}
div::-webkit-scrollbar-thumb:hover{
  background: #333;
}
div::-webkit-scrollbar-corner{
  background: #179a16;}


.product-xq-sj {display:none; }	

#demo{width:100%; overflow:hidden; }
.tj-product{margin-top:40px; }
.tjcp-title{font-size:30px;text-align:center;margin-bottom:40px;}
.tj-product-hz{width:300px;margin-right:20px;float:left;}
.tj-product-pic img{border:1px solid #eeeeee; }
.tj-product-pic img:hover{border:1px solid #0b61a5;}
.zzmc{text-align:center;margin-top:15px;}
.zzmc-title{font-size:18px;color:#0b61a5;}

.ny-product-box{width:23.3%;background:#fff;float:left;margin-right:2%;margin-bottom:20px;display:block; overflow:hidden; }

.ny-product-box img{border:1px solid #f0f0f0;}
.ny-product-box img:hover{border:1px solid #0065c1;}
.ny-product-box-title{text-align:center;padding:15px 0;background:#f2f2f2;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.menu_head{width:100%;line-height:50px;padding-left:38px;cursor:pointer;border-bottom:1px solid #e1e1e1;position:relative;margin:0px;font-weight:bold;background:#f1f1f1 url(../images/pro_left.png) center right no-repeat;}

.menu_list .current{background:#f1f1f1 url(../images/pro_down.png) center right no-repeat;}
.menu_body{width:100%;height:auto;overflow:hidden;line-height:38px;border-left:1px solid #e1e1e1;backguound:#fff;border-right:1px solid #e1e1e1;}
.menu_body a{display:block;width:100%;padding:5px 0 5px 38px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;font-size:14px;}
.menu_body a:hover{text-decoration:underline;color:#0b61a5;}

.product-ms{margin-bottom:30px;}
.product-box { float:left;width:77%;margin-left:3%;}
.product-top-hz{width:85%;margin:0 auto;}
.product-top{width: 100%;}
.product-top .l { width: 50%; float: left; }
.pro-right { width: 45%; float: right; 
}
.product-ny-title { width: 100%; font-size:28px;}


.pro-js { width: 100%; margin-top:25px; color:#666;}

.pri1-btn {
border-top:1px solid #f2f2f2;
    margin-top:50px;padding-top:50px;
}

    .pri1-btn a {
        border: 1px solid #0264ab;
        text-align: center;
        display: inline-block;
        margin: 0 5px;
       width: 40%;
        height: 55px;
        line-height: 55px;
        font-size: 16px;
        color: #0264ab;
        transition: ease .5s;
    }

        .pri1-btn a:hover {
            color: #fff;
            background: #0264ab;
        }

        .pri1-btn a span {
            position: relative;
            display: inline-block;
            width: auto;
        }
	/* -- 产品详细页__产品详细参数 -- */
.mod_goods_info {clear:both;margin-top:50px;position:relative}
.mod_goods_info .hds {border-bottom:1px solid #e5e5e5;height:43px;_overflow:hidden;}
.mod_goods_info .hds li {float:left;cursor:pointer;margin-right:-1px;}
.mod_goods_info .hds li h3 {display:block;margin-right:40px;text-align:center;font-weight:normal;}
.mod_goods_info .hds li h3 a {font-weight: normal;text-decoration:none;outline:none;}
.mod_goods_info .hds .status_on {border-bottom:0;position:relative;}
.mod_goods_info .hds .status_on h3 {height:43px;border-bottom:3px solid #0b61a5;}
.proinfo{margin:40px 0;}

#con {margin-top:50px;}
#tags { width:100%;border-bottom:1px solid #e5e5e5;overflow:hidden; }
#tags LI { FLOAT: left;line-height:50px;height:50px;cursor:pointer;}
#tags LI A { margin-right:50px; font-size:20px;}
#tags LI.selectTag A {color:#0b61a5;border-bottom:4px solid #0b61a5;padding-bottom:11px;}
#tagContent {FLOAT: left;margin:40px 0 60px 0; }
.tagContent { DISPLAY: none;  }

.product-xq table{border-collapse:collapse;width:100%;}
.product-xq table td{border:1px solid #c1c1c1;padding:10px;line-height:25px; width:auto;}


#tagContent DIV.selectTag { DISPLAY: block }

.ny-product-right{float:left;width:77%;margin-left:3%;}

.case-list{overflow:hidden}
.case-list li{margin-bottom:50px;float:left;width:23%;margin-right:2%;}
.case-list .con{display:block;overflow:hidden}
.case-list .pic{padding-top:67.4%;position:relative;overflow:hidden;}
.case-list .pic img{position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #eee;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.case-list .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,101,193,.7);opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';z-index:2;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.case-list .mask .moreCase{padding-top:64px;position:absolute;left:0;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;color:#fff;text-align:center;background:url(../images/caseL-i1.png) center top no-repeat}
.case-list .inner{padding-top:30px;overflow:hidden}
.case-list .inner h4{font-size:16px;color:#333;padding-bottom:15px;border-bottom:1px solid #eaeaea;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.case-list .inner .en{color:#666;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.case-list .con:hover .pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.case-list .con:hover .mask{opacity:1;filter:alpha(opacity=100);filter:alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'}
.case-list .con:hover .inner h4{color:#0065c1;border-color:#0065c1;}



.ny-product-xbt{color:#999;}
.ny-product-hz{border-bottom:1px solid #e5e5e5;overflow:hidden;padding-bottom:20px;}
.ny-product-dy{ width:350px;margin-top:15px; background:#666;border-radius:5px; display:block;line-height:45px;text-align:center;color:#e60012;font-size:16px; }
.ny-product-dy a{color:#fff;}
.ny-product-ms-hz{ border-top: 1px solid  #e9e9e9; }
.ny-product-ms{ width: 180px; line-height: 52px; text-align: center; color: #fff; background: #0b61a5; font-size: 18px; margin-top: 40px; }
.ny-product-content{margin:25px 0;}



.info-page {
    font-size: 0;
    text-align: center;
    position: relative;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding:20px 0;
}

    .info-page a {
        display: inline-block;
        font-size: 18px;
        line-height: 30px;
        color: #0264ab;
    }

.info-left {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 33.33%;
    background: url(../images/info-left.png)no-repeat center left;
    background-size: 22px 14px;
    padding-left: 40px;
}

.info-page a.info-cent {
    color: #666;
    padding-top: 26px;
    display: inline-block;
    position: relative;
}

    .info-page a.info-cent::before {
        position: absolute;
        content: "";
        width: 23px;
        height: 23px;
        background: url(../images/infopage-cen.png)no-repeat center;
        background-size: 100% 100%;
        transition: ease 1s;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .info-page a.info-cent:hover::before {
        transform: rotate(180deg) translateX(50%);
    }

.info-right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 33.33%;
    background: url(../images/info-right.png)no-repeat center right;
    background-size: 22px 14px;
    padding-right: 40px;
}


.xy{ width: 100%; margin:0 auto; text-align: center; overflow:hidden;}
.xy li{margin:0 10px; display:inline-block; font-size:0px;}
.xy li a{ font-size:16px; }
.xy li a:hover,.xy li a.sbjg {color:#0b61a5;font-weight:bold;}

.about_eb{ margin-top:50px; position:relative;display:block;padding-bottom:30px;}
.about_eb ul li{background:url(../images/abourt_eb-libg.png) no-repeat 130px top;display:block !important; width:100%; overflow:hidden;}
.about_eb ul li strong{ float:left; width:14%; font-size:16px; color:#0b61a5;}
.about_eb ul li span{ width:80%;  margin-bottom:40px;float:left;}



.news-rq { width:8%; border-right: 1px dashed #e1e1e1; text-align: center; font-size: 16px; padding: 32px 0; color: #666;  }
.news-rq-x {    font-size: 36px;
    line-height: 40px;}
.news-wz-hz { width:89%; }
.news-hz { border-bottom: 1px solid #eaeaea; padding-bottom: 30px; margin-bottom: 50px; overflow: hidden; display: block; transition: transform 0.5s; -webkit-transition: transform 0.5s; }
.news-hz:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); }

.rqsz { font-size: 70px; line-height: 70px; }
.news-centent { width: 100%; float: left; color: #666; margin-bototm: 15px;}
.news-centent-title { margin-bottom: 10px; }
.news-centent-title a { font-size: 18px; }
.news-nr { margin: 25px 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;color:#999; }
.news-ll { width: 70px; height: 52px; float: right; text-align: center; border: 1px solid #d6d7d6; border-radius: 5px; padding-top: 18px; margin-right: 30px; }
.news-ti { font-size: 24px;}
.time { font-size: 14px; color: #666; font-weight: normal; }
.news-more { width: 150px; line-height:42px; text-align: center;  }
.news-more a{color:#666;font-size:15px;border: 1px solid #e1e1e1;display: block;}
.news-more:hover a { background: #0b61a5; color: #fff; display: block; }
.about-content { margin: 45px 0;  }


.map-tu {float:left;width:100%; padding:5px; margin-top:80px;border: 1px solid #e6e6e6;overflow:hidden;}

.contact-hz{ margin-bottom: 30px; overflow: hidden; }

.contact-nr{float:right;width:50%;}
.contact-nr .gsm{font-size:26px;font-weight:normal;}
.contact-ewm-hz{margin-top:30px;float:left;width:100%;}
.contact-nr-ewm{float:left;text-align:center;margin-right:6%;width:18%;}
.contact-nr-lxfs a:hover{color:#ec1c26;}

.about-menu-pic{float:left;width:45%;}



.contact-feedback-title{font-size:24px;margin-bottom:20px;}

 input,textarea {
	outline:none;
 }
.soka{ width: 49.5%;margin-right:0.5%; border: 1px solid #D8D8D8; line-height: 45px; margin-bottom: 15px; padding-left: 1%;  font-size: 15px;font-family:"Microsoft YaHei", verdant, tahoma;  }
.soka:nth-child(2n){margin-right:0;}
.sokb{  border: 1px solid #D8D8D8; line-height: 35px; margin-bottom: 15px; padding-left: 1%;font-size: 15px; font-family:"Microsoft YaHei", verdant, tahoma; width:100%;}

.tj{ width: 160px; border: 1px solid #0b61a5; line-height: 42px; text-align: center; color: #fff; background-color: #0b61a5; cursor: pointer; font-family: Arial,Microsoft YaHei; font-size: 15px; }

.down-box{margin-bottom:60px;}
.down-table {
    text-align: left;
}

    .down-table th {
        font-size: 22px;
        color: #222;
        background-color: #f7f7f7;
        font-weight: 400;
        padding: 18px 0 19px 15px;
        width: 25%;
    }

        .down-table th:first-child {
            padding-left: 28px;
            width: 39.285%;
        }

        .down-table th:last-child {
            width: 10.714%;
        }

    .down-table td:first-child {
        padding-left: 28px;
        padding-right: 20px;
    }

    .down-table td {
        font-size: 16px;
        color: #666;
        padding: 21px 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .down-table .dott2 {
        width: 10px;
        height: 10px;
        margin-top:9px;
    }

    .down-table td:last-child {
        padding: 10px 11px 10px 0;
    }

    .down-table td a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 11px 0;
    }

        .down-table td a:hover {
            text-align: center;
            background-color: #0264ab;
            color: #fff;
        }

            .down-table td a:hover .down-icon {
                background: url(../images/down-icon1.png)no-repeat center #fff;
            }

.dott2 {
    float: left;
    width: 6px;
    height: 6px;
    background-color: #0264ab;
    vertical-align: middle;
    margin-top: 25px;
    margin-right: 9px;
}

.dott {
    border-radius: 50%;
}
.down-icon {
    background: url(../images/down-icon.png)no-repeat center #0264ab;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 10px;
}

/* 按钮 */
.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 13px 48px;
    margin-right: 6px;
    text-decoration: none;
    position: relative;
    color: #0264ab;
    font-size: 16px;
}

.btn12 {
    background-color: #fff;
    color: #0264ab;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .6s;
    transition: all .6s;
}

    .btn12:hover {
        color: #fff;
    }

    .btn12 .bgsqr1,
    .btn12 .bgsqr2 {
        background: #0264ab;
        position: absolute;
        top: 50%;
        top: 0\9;
        content: '';
        width: 20px;
        height: 20px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
        opacity: 0.5;
    }

    .btn12 .bgsqr1 {
        left: -20px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .btn12 .bgsqr2 {
        right: -20px;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    .btn12:hover .bgsqr1 {
        -webkit-animation: criss-cross-left .8s both;
        animation: criss-cross-left .8s both;
        width: 375px\9;
        height: 375px\9;
        opacity: 1;
    }

    .btn12:hover .bgsqr2 {
        -webkit-animation: criss-cross-right .8s both;
        animation: criss-cross-right .8s both;
        width: 375px\9;
        height: 375px\9;
        opacity: 1;
    }

    .btn12 span {
        position: relative;
        z-index: 1;
    }
.prob-wrap {
margin-bottom:60px;
overflow:hidden;
}
.clearfix:before,.clearfix:after,
.container:before,.container:after,
.container-middle:before,.container-middle:after{
  content: " ";display: table;
}
.clearfix:after,.container:after,.container-middle:after{
  clear: both;
}
.prob-img {
    background-color: #0264ab;
    border-radius: 50%;
    display: inline-block;
    margin-top: 5px;
}

.prob-wenti .prob-font {
    background-color: #eeeeee;
    border-radius: 6px 6px 6px 0;
    font-size: 20px;
    color: #333;
    padding: 17px 18px 16px;
    width: calc(100% - 71px);
    float: right;
    position: relative;
}

    .prob-wenti .prob-font::before {
        transition: all 0.5s;
        content: "";
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 6px solid #eeeeee;
        position: absolute;
        bottom: 0;
        left: -7px;
    }

.prob-huida {
    padding: 25px 0 52px 0;
}

    .prob-huida .prob-img {
        background-color: #eeeeee;
    }

    .prob-huida .prob-font {
        float: right;
       
        color: #777;
        width: calc(100% - 71px);
    }

        .prob-huida .prob-font p {
            padding-bottom: 5px;
        }

    .prob-huida:hover img,
    .prob-wenti:hover img {
        animation: swing 1s;
    }

.prob-wrap li:hover .prob-wenti p {
    color: #0264ab;
}

.service-content{ margin-top:30px;}
.service-left-content{font-size:18px;margin-top:30px;}
.service-left-content p{margin-bottom:5px;}
.service-content p{margin-bottom:5px;}
 .service-content p a{text-decoration:underline; color: #0264ab;}
.service-right{float:left;padding:8% 5% 0 5%;width:50%;background:#fff;}
.service-left{float:left;padding:8% 5% 0 5%;width:50%;text-align:right;background:#fff;}
.service-right-title{FONT-SIZE:26px;background:url(../images/index_05.jpg)no-repeat bottom left;padding-bottom:20px; }
.service-left-title {FONT-SIZE:26px;background:url(../images/index_05.jpg)no-repeat bottom right;padding-bottom:20px; }
.service-zxzx-hz{margin-top:100px;border-top:1px solid #e5e5e5;padding-top:50px;}
.service-bottom{margin-top:80px;}
.service-bottom-pic-hz{float:left;width:50%;}
.service-bottom-pic{width:40%;float:left;}
.service-bottom-wb{width:55%;float:left;padding:0 3%;color:#666;}
.service-bottom-wb h3{margin-bottom:25px;font-weight:normal;font-size:26px;color:#333;background:url(../images/index_05.jpg)no-repeat bottom left;}

 .btn2{overflow:hidden;width:100%;height:42px;border:solid 1px #d8d8d8;border-radius:30px;margin:25px auto 0;}
 .btn2 a{display:block;width:50%;height:42px;line-height:42px;text-align:center;float:left;font-size:14px;color:#777;text-decoration:none}
 .btn2 a i{display:inline-block;width:16px;height:16px;margin-left:10px;position:relative;top:2px}
 .btn2 a i:after, .btn2 a i:before{content:'';width:0;height:0;display:block;position:absolute;right:0;top:0;z-index:5;border-top:8px transparent dashed;border-right:8px transparent dashed;border-bottom:8px transparent dashed;border-left:8px #ccc solid;overflow:hidden}
 .btn2 a i:after{right:3px;border-left-color:#fff}
 .btn2 a:hover i:before{border-left-color:#fff}
 .btn2 a:hover i:after{border-left-color:#0b61a5}
 .btn2 a.more{border-right:1px solid #eaeaea;-webkit-box-sizing:border-box;box-sizing:border-box}
 .btn2 a:hover{color:#fff}
.btn2 a.more:hover{background-color:#0b61a5;border-top-left-radius:30px;border-bottom-left-radius:30px}
.btn2 a.zx:hover{background-color:#0b61a5;border-top-right-radius:30px;border-bottom-right-radius:30px}

.news_list{width:1300px;margin:15px auto 0px auto;}
.news_list li{ padding:20px; border-bottom:1px solid #ddd;margin:40px 0px;transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;overflow:hidden;}
.news_list li img{ width:320px; float:left; margin:0px 65px 0px 0px;border:1px solid #e3e3e3;padding:5px;}
.news_list h2{  padding:100px 20px 0px 0px; font-weight:normal;}
.news_list h2 a{ font-size:20px;}
.news_list p{ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; 
color:#787878;margin:25px 0;}
.news_list .more_02{ height:42px; line-height:42px; display: inline-block; padding:0px 25px; background:#b6b6b6;color:#fff; margin:10px 0px 0px 0px; float:left;}

@media (max-width:1500px){
.hz{width:98%;}
.hza{width:98%;}
.mainbav li a { font-size: 18px;}
.mainbav li { position: relative; padding: 0 18px; }
.set{font-size: 17px;}
.about-menu-left {width:20%;}
.about-menu-right{width:78%;}
.index-about-pic {width: 50%;}
.infou-ul li h3 span:nth-child(1) {font-size: 60px;}
.index-about-right { padding: 4.234%;}
}