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

}
body {  font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;color: #333; font-weight: normal; padding: 0px; margin: 0px; text-decoration: none; line-height: 27px;
}
a {
text-decoration:none;
 font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
color:#333;
font-weight:normal;
}
a:hover {
color:#009bee;
}
ul {
list-style-type: none;
}
li {
list-style-type:none;
line-height:27px;
}


.fl{float:left;}
.fr{float:right;}
.hz{width:1200px;margin:0 auto;}
.hz:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.clear {clear:both; height:0; overflow:hidden; display:block;}
.clear:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }

.top-bj{width:100%;background:#f2f2f2;border-bottom:1px solid #e9e8e8;line-height:39px;overflow:hidden;}
.top-left{font-size:14px;color:#666;}
.menu-pc{position:relative;}
.menu-pc .wechat{position:absolute;right:-100px;width:100px;text-align:center;line-height:1em;font-weight:bold;}

.yyl{margin-top:5px;}
.yyl li{margin-left:10px;float:left;}
.yyl li a{color:#666;}
.yyl li a:hover,.yyl li a.dj {color:#009bee;}

.logo { float: left; margin:25px 0; }
.logo img{height:70px;}
.logo-wb{font-size: 30px;margin-left:15px; line-height: 30px;margin-top:30px;font-weight:bold;}
.logo-wb2{margin-left:15px;font-size:23.5px;margin-top:8px;color:#02a0e7;}

.fw-hz{ margin-top: 8px; }
.tel {font-size:24px;
    color: #009bee;
    margin-top: 10px;
    font-weight: bold;}
.tel-title{margin-top:10px;font-size:16px;}



.nav{width:100%;background:#02a0e7;float:left;position: relative;}
.mainbav li{float:left;position:relative;border-right:1px solid #1977cd}
.mainbav li>a{font-weight:bold;font-size:15px;padding:0 43px;display:block; color: #fff; text-align:center}
.mainbav .memu{float:left;line-height:58px;height:58px;}
.mainbav .memu:hover,.mainbav .memu.active{color:#009bee;display:block}
.mainbav .memu:hover a,.mainbav .memu.active a{}
.mainbav ul li ul{display:none;position:absolute;width:200px;left:0;top:58px;z-index:999999;background:rgba(255,255,255,0.9)}
.mainbav ul li ul li{float:none;border-right:none;padding:0;line-height:40px;position:relative;text-align:left}
.mainbav ul li ul li a{display:block;color:#333;font-size:14px !important;padding:0 15px;font-weight:normal}
.mainbav ul li ul li a:hover{text-decoration:underline;color:#009bee}
.mainbav ul li ul li ul{position:absolute;left:200px;top:0}




.mainbav .memu:nth-child(2),.mainbav .memu:nth-child(3),.mainbav .memu:nth-child(4),.mainbav .memu:nth-child(5){position:static}
.mainbav .memu:nth-child(2):hover .erji1,.mainbav .memu:nth-child(3):hover .erji1,.mainbav .memu:nth-child(4):hover .erji1,.mainbav .memu:nth-child(5):hover .erji1{margin-top:0;transition:all 0.5s;display:block}
.erji1{width:100%;position:absolute;top:100%;left:0;z-index:999999999;background:#fff;padding:2% 0;transition:all 1s; display: none;}
.erji1pro{overflow:hidden;margin-top:0%;}
.erji1pro dl{ overflow: hidden; /*border-bottom: 1px solid #E5E5E5; background: #b3b3b3;*/}
.erji1pro dd{margin: 4px;float: left; display: -webkit-flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex; background: #029f98;border-radius:6px;}
.erji1pro dd a{font-size: 15px; color:#fff; line-height: 40px; padding: 0 20px;box-sizing: border-box;}
.erji1pro dd a:hover{color:#e80115}
.erji1pro dt{overflow:hidden}
.erji1pro span{line-height:28px;box-sizing:border-box;margin-right:2%; display: block;}
.erji1pro span a{color:#666!important;}
.erji1pro span a:hover{color:#009bee}


.erji1pro2{overflow:hidden;margin-bottom:3%;}
.erji1pro2 dl{background: #b3b3b3; overflow: hidden; border-bottom: 1px solid #E5E5E5;}
.erji1pro2 dd{margin-bottom: 0%;float: left; display: -webkit-flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex; }
.erji1pro2 dd a{font-size: 15px; color:#fff; line-height: 40px; padding: 0 20px;box-sizing: border-box; border-right: 1px solid #bfbfbf;}
.erji1pro2 dd a:hover{color:#009bee}
.erji1pro2 dt{overflow:hidden}
.erji1pro2 span{line-height:28px;box-sizing:border-box;margin-right:2%; display: block;}
.erji1pro2 span a{color:#666!important;}
.erji1pro2 span a:hover{color:#e80115}


.hmore{text-align:center;margin-top:1%;padding-top:2%}
.hmore a{display:block;width:180px;margin:0 auto;font-size:16px;color:#009bee;border:1px solid #009bee;line-height:46px;text-align:center;border-radius:5px;-webkit-transition:0.5s;transition:0.5s}
.hmore a:hover{color:#fff;background:#009bee}

.index-search-hz{overflow:hidden;border:1px solid #f2f2f2;}
.search { display:flex;justify-content:space-between;}
.search .search-left{ line-height: 90px; height: 80px; }
.search .search-left strong{ display:inline-block; padding-left:45px; background: url(../images/l_search.jpg) no-repeat left center; line-height: 80px; color: #4c545e; font-size: 17px; font-weight: normal; }
.search .search-left a { display: inline-block; line-height: 80px; color: #777; font-weight: 100; font-size: 16px; padding: 0 2px; }
.search .search-left a:hover{ color: #0a519a; text-decoration: underline; }
.search .search-left{ line-height: 80px; color: #777}
.search-right{ height: 80px; }
.search-right form { float: right; display: block; width:330px; line-height: 80px; height: 80px; margin:0; position: relative; border-left: 1px solid #eee; }
.search-right form #search-i{ background: url(../images/r_search2.jpg) no-repeat center; width: 80px; height: 80px; position: absolute; right: 0; top: 0; overflow: hidden; display: block; transition:0.3s all ease-in-out; }
.search-right form #search-i input{ display: block; width: 100%; height: 100%; cursor: pointer; background: none; border: 0 none; }
.search-right form #search-bg input { line-height: 80px; background: none; border: 0 none; width: 250px; padding-left: 55px; color: #aaa; background: url(../images/r_search.jpg) no-repeat 15px center; }


/*banner*/

.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:#fff; 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:#009bee;}
.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{font-size:32px;line-height:32px;text-align:center;color:#0065c1;}
.index-title-ms{
	text-align: center;
	margin-top:10px;
	color: #666;
}
.index-about-bj{background:#f5f8fc;padding:50px 0 30px 0;}
.box{
	position: relative;
	width: 100%;
	overflow: hidden;color:#dadada;background:#fff;}

.img-box{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 45%;
	height: 100%;
	overflow: hidden;
}	
.img-box>div{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transform:scale(1); 
	transition:all .6s;  
}	

.text-box{
	float: right;
	width:55%;padding:4%;
}
.text-box h3{font-size:30px;margin-bottom:50px;color:#0076da;font-weight:normal;background:url(../images/index_05.jpg)no-repeat bottom left;padding-bottom:20px;}

.box1{
	position: relative;
	width: 100%;
	overflow: hidden;color:#333;margin-bottom:50px;
}

 .text-box span{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:40px; color: #333;}

.index-about-more{width:160px;background:#0076da;text-align:center;line-height:45px;
border-radius:5px;
-moz-border-radius:5px; /* Old Firefox */overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.index-about-more a{color:#fff;}

.index-about-more:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}
@media(max-width:960px) {
.img-box{
	position: relative;
	width: 100%;
	height: 0%;
	padding-bottom: 60%;margin-top:50px;
}	
/*768PX以下图片高度为宽度60%（也就是img-box的padding值）*/
.img-box>div{
	position: absolute;
	z-index: 1;
	left: 0;
	top:0;
}
.text-box{
	float:none;
	width: 100%;margin:0px;
}
.text-box h3{font-size:30px;line-height:35px;margin-bottom:10px;}
 .text-box span{font-size:15px;line-height:35px; }
}

.inpro{background:#f6f6f6;padding:50px 0;box-sizing:border-box}

.inpro > .hz{display:flex;justify-content:space-between;flex-wrap:wrap;}
.inpro > .hz > h1{width:100%;}

.title{text-align:center;font-size:18px;color:#666666;font-weight:lighter}
.title span{display:block;font-size:40px;color:#222;background:url(../images/t_title.png) no-repeat center;line-height:69px;font-weight:600}
.title .span:hover{color:#02a0e7;}
.inpro_left{width:26%;margin-top:30px}
.inpro_lefts{width:26%;float:left;}
.left{overflow:hidden}
.left .left_title{height:auto;background:url(../images/left01.jpg) no-repeat right;color:#fff}
.left .left_title .bt{font-size:24px;font-weight:bold;line-height:80px;padding-left:26px;text-transform:uppercase;margin:0}
.left .left_title .si{background-position:-248px -76px;vertical-align:middle;width:28px;height:28px;margin-right:30px;margin-top:28px}
.icon{vertical-align:middle;background:url(../images/icon.png) no-repeat}
.left .submenu{overflow:hidden}
.left .submenu li{width:100%}
.left .submenu li a.sub1{line-height:40px;display:block;padding-left:28px;background:url(../images/jtou.png) no-repeat 90% center #fff;font-size:16px;border:1px solid #eeeeee;border-top:0 none;overflow:hidden; font-weight: 600;}
.left .submenu li a.sub1:hover{background:url(../images/jtou_a.png) no-repeat 90% center #fff;border-left:2px solid #02a0e7;border-right:1px solid #f5f5f5;color:#02a0e7}
.left .submenu li.hover a.sub1{background:url(../images/jtou_a.png) no-repeat 90% center #fff;border-left:2px solid #02a0e7;border-right:1px solid #f5f5f5;color:#02a0e7}
.left .submenu s{width:2px;height:61px;display:block;background:#02a0e7;position:absolute;left:0;top:0}
.left .submenu .box{padding-bottom:0;background:#fff;border:1px solid #eeeeee;border-top:0 none;display:none}
.left .submenu .box a{color:#333;line-height:30px;display:block;padding-left:28px;overflow:hidden}
.left .submenu .box a s{width:10px;height:10px;margin-right:8px;display:inline-block;background-position:2px -178px}
.left .submenu .box a:hover,.left .submenu .box a.hover{color:#02a0e7}
.left .submenu li.hover .box{display:block}

.lefts{overflow:hidden}
.lefts .left_title{height:auto;background:url(../images/left01.jpg) no-repeat right;color:#fff}
.lefts .left_title .bt{font-size:24px;font-weight:bold;line-height:80px;padding-left:26px;text-transform:uppercase;margin:0}
.lefts .left_title .si{background-position:-248px -76px;vertical-align:middle;width:28px;height:28px;margin-right:30px;margin-top:28px}
.icon{vertical-align:middle;background:url(../images/icon.png) no-repeat}
.lefts .submenu{overflow:hidden}
.lefts .submenu li{width:98.2%}
.lefts .submenu li a.sub1{line-height:40px;display:block;padding-left:28px;background:url(../images/jtou.png) no-repeat 90% center #fff;font-size:16px;border:1px solid #eeeeee;border-top:0 none;overflow:hidden; font-weight: 600;}
.lefts .submenu li a.sub1:hover{background:url(../images/jtou_a.png) no-repeat 90% center #fff;border-left:2px solid #02a0e7;border-right:1px solid #f5f5f5;color:#02a0e7}
.lefts .submenu li.hover a.sub1{background:url(../images/jtou_a.png) no-repeat 90% center #fff;border-left:2px solid #02a0e7;border-right:1px solid #f5f5f5;color:#02a0e7}
.lefts .submenu s{width:2px;height:61px;display:block;background:#02a0e7;position:absolute;left:0;top:0}
.lefts .submenu .box{padding-bottom:0;background:#fff;border:1px solid #eeeeee;border-top:0 none;display:none}
.lefts .submenu .box a{color:#333;line-height:30px;display:block;padding-left:28px;overflow:hidden}
.lefts .submenu .box a s{width:10px;height:10px;margin-right:8px;display:inline-block;background-position:2px -178px}
.lefts .submenu .box a:hover,.left .submenu .box a.hover{color:#02a0e7}
.lefts .submenu li.hover .box{display:block}



.box3{padding-bottom: 0;background: #fff;border-top: 0 none;display: none;}
.box3 dd{}
.box3 dl a{color: #333;line-height:30px !important;display: block;padding-left:40px !important;overflow: hidden; font-size: 12px !important}
.box3 dl s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.box3 dl a :hover, .left .submenu .box dl a.hover{color: #02a0e7;}
.left .submenu li.hover .box3{display: block;}



.pconcat{padding:10px 0;background:#fff;box-sizing:border-box}
.pconcat p{white-space:nowrap;padding:22px 20px;font-size:16px;color:#0997dc}
.pconcat p b{display:block;font-size:30px;font-family:Arial,Helvetica,sans-serif;line-height:44px}
.pconcat p span{padding-left:25px;background:url(../images/l_tel.png) no-repeat left center}
.pconcat p em{font-style:normal}

.inpro_right{width: 70%; margin-top: 30px}
.sideBox{width: 100%;}
.sideBox ul {width:100%;display: flex;flex-wrap: wrap;}
.sideBox ul li a{text-decoration:none;}
.sideBox ul.cur {display: block;}
.sideBox ul li {width: 31.333%;border: 1px solid #eeeeee;transition: all 0.5s;margin-right:2%;margin-bottom:30px;overflow:hidden;border-radius:6px;box-shadow:0 4px 6px 2px #ccc;}
.sideBox ul li.ImgLeft {margin-right: 0;}
.sideBox ul li i {display: block;text-align: center;}
.sideBox ul li i em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 100%;width: 0;}
.sideBox ul li i img {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transition: all 0.5s;overflow: hidden; max-width: 100%;padding:8px;}
.sideBox ul li p {line-height: 56px;font-size: 14px;color: #555;text-align: center;background: #fff;}
.sideBox ul li i{display:block;overflow:hidden; background: #fff;max-width:280px;max-height:280px;}
.sideBox ul li:hover {box-shadow: 0px 4px 6px 2px #999;border-color: #02a0e7;transform:translateY(-6px);}
.sideBox ul li:hover p {background: #02a0e7;color:#fff;}
.sideBox ul li:hover i img {transform: scale(1.05);}

.adv{ padding-top:61px; height:920px; background:url(../images/ys_bg.jpg) no-repeat center;}
.advtitl{ text-align:center; font-size:20px; color:#c3e3f3; font-weight:lighter;}
.advtitl span{ display:block; font-weight:normal; font-size:45px; color:#fff; margin-bottom:17px;}
.advtab{ font-size:0; margin:40px 0 10px 0; background:#fff;}
.advtab li{ display:inline-block; width:25%; height:156px;font-size:32px; color:#222; position:relative; transition:all .3s ease; cursor:pointer;}
.advtab li p{ padding:48px 0 0 130px;}
.advtab li p em{ display:block; font-size:16px; font-style: normal;}
.advtab li span{ display:block; width:70px; height:70px; border-radius:50%; background:#0997dc; position:absolute;transition:all .4s ease; top:43px; left:35px;}
.advtab li+li:after{ content:''; display:block; position:absolute; width:1px; height:71px; background:#e1e1e1; left:0; top:0; bottom:0; margin:auto 0;}
.advtab li.on span{ background:#f8842f; transform:rotate(360deg);}
.advcon{ height:513px; background:#fff;}
.advwa{ width:45%; float:left; padding:40px 0 0 40px;}
.advt{ padding-left:95px; font-size:31px; color:#333333; height:93px; position:relative; box-sizing:border-box; padding-top:10px; white-space:nowrap;}
.advt em{ height:100%; width:82px; text-align:center; line-height:93px; font-size:52px; color:#fff; left:0; top:0; background:#0997dc; display:block; position:absolute; font-style: normal;}
.advt span{ display:block; font-size:16px; color:#b7b7b7; margin:5px 0 0 0;}
.advword{ padding:45px 0; border-bottom:1px solid #e9e9e9; margin-bottom:30px;}
.advword p{ font-size:15px; color:#666666; line-height:30px; padding-left:60px; background:url(../images/ys_jt.png) no-repeat 17px 11px;}
.advword p+p{ margin-top:20px;}
.advconcat{ padding-left:52px; background:url(../images/ys_tel.png) no-repeat left center; font-size:14px; color:#5d5d5d;}
.advconcat strong{ display:block; font-size:28px; color:#02a0e7; font-family:Arial, Helvetica, sans-serif; margin-top:5px;}
.advpic{width: 50%;}

.speak{ height:822px; background:url(../images/a_bg.jpg) no-repeat center; padding-top:70px;}
.sptitle{ text-align:center; font-size:18px; color:#666666; font-weight:lighter;}
.sptitle b{ font-size:40px; color:#000; font-weight:bold;}
.sptitle em{ display:block; margin:10px 0 30px 0;font-style: normal;}
.sptitle i{ display:block; height:1px; background:#fff;}
.sptitle i:after{ content:''; display:block; width:33px; height:5px; background:#02a0e7; margin:0 auto;}
.spnum{ margin:45px 20px;display:flex;justify-content:space-between;}
.spnum li{ text-align:center; font-size:16px; color:#666666;}
.spnum li span{ display:block; font-size:16px; color:#333; margin-bottom:5px;}
.spnum li b{ font-family:Arial, Helvetica, sans-serif; font-size:50px; color:#000; padding-right:8px;}
.spnum li+li{ }
.spcon{ background:#fff;}
.sppic{width: 45%}
.spwa{ width:50%; margin:35px 0 0 60px;}
.sp_t{ font-size:20px; color:#222;}
.sp_t em{ font-size:65px; color:#f2f2f2; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; line-height:65px; font-style: normal;}
.sp_t span{ display:block; font-size:35px; color:#02a0e7; margin-bottom:5px;}
.sp_c{ font-size:15px; color:#666666; line-height:32px; margin:30px 0 40px 0;}
.sp_sign{ font-size:15px; color:#222222; font-weight:lighter; position:relative;}
.sp_sign img{ position:absolute; top:-13px; left:72px;}

.in_app{width: 100%; height: auto; overflow: hidden; padding: 50px 0; box-sizing: border-box;}
.in_yyal_img{width:100%; float:left;}
.in_yyal_img ul{margin-top: 30px; margin-right: -1%}
.in_yyal_img li{width:32.333%; float:left; margin:10px 1% 0 0; background:#fff; padding:3px; position:relative;}
.in_yyal_img li .pic{width:100%; float:left;}
.in_yyal_img li .pic img{width:100%; display:block;}
.in_yyal_img li .box{position:absolute; top:3px; left:3px; right:3px; bottom:3px; background:rgba(2,160,231,.9);opacity:0;transition:0.3s;}
.in_yyal_img li:hover .box{opacity:1;}
.in_yyal_img li .box_nr{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:380px; max-width:90%;}
.in_yyal_img li .box_fdj{width:60px; height:60px; margin:auto; display:block;}
.in_yyal_img li .box_bt{font-size:24px; text-align:center; color:#fff; margin-top:20px;}
.in_yyal_img li .box_wz{font-size:14px; text-align:center; color:#fff; line-height:24px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis;
 display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; margin-top:10px; padding:0 20px;}


.feature{background:#f2f2f2 ;overflow:hidden;padding:50px 0; margin-top:60px;}
.con{width: 100%; margin-top: 30px}
.con .list{width: 50%; float: left; background:#FFF; margin-bottom:20px;}
.con .list .pic_er{ float:left; width:44%;}
.con .list .pic_er img{ width:263px; height: 166px;}
.con .list dl{ float:right; width:49%; margin-right:3%; margin-top:8px;}
.con .list dt{ line-height:30px; font-size:15px; font-weight: bold; padding-bottom: 6px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.con .list dt a{ color: #02a0e7; font-weight: 600}
.con .list dd.txt{ line-height:25px; height:auto; font-size: 12px; overflow:hidden;}
.con .list dd.more{ margin-top:10px;font-size: 12px; color: #999;}


.product {padding-bottom: 0px;}
.product .pro_type {margin: 35px 0; text-align: center;}
.product .pro_type li {display: inline-block;zoom: 1;vertical-align: middle;position: relative;width: 12%;line-height: 50px;font-size: 15px; margin-right: 5px; text-align: center; border: 1px solid #dee2e6; margin-bottom: -1px; border-radius: 8px; background: #fff}
.product .pro_type li a {text-decoration: none;}
.product .pro_type li i {display: none;width: 13px;height: 7px;position: absolute;left: 50%;margin-left: -7px;top: 40px;background: url(../images/xla.png) no-repeat center;}
.product .pro_type li.cur, .product .pro_type li.cur a {background: #02a0e7; color: #fff;}
.product .pro_type li.cur i {display: block;}

.product .conbox {}
.product .conbox ul {display: none;}
.product .conbox ul.cur {display: block; margin-right: -1%;}
.product .conbox ul li {float: left;width: 23.8%;border: 1px solid #d9d9d9;margin-right: 1%;transition: all 0.5s; margin-bottom: 25px;}
.product .conbox ul li:first-child {/* margin-left: 0; */}
.product .conbox ul li i {display: block;height: auto;/*background: url(Img/Index/probg1.png) no-repeat center;*/text-align: center;overflow:hidden;}
.product .conbox ul li i em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 100%;width: 0;}
.product .conbox ul li i img {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transition: all 0.5s;overflow: hidden;width: 100%;height: auto;}
.product .conbox ul li p {line-height: 56px;font-size: 16px;color: #555;text-align: center;background: #fff;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding: 0 5px;margin-bottom: 0;text-decoration: none;;}
.product .conbox ul li a{text-decoration: none;}
.product .conbox ul li:hover {box-shadow: 10px 10px 20px #999;border-color: #00a2e9;}
.product .conbox ul li:hover p {background: #00a2e9; color: #fff;}
.product .conbox ul li:hover i img {transform: scale(1.05);}


.foot-bj{background:#f5f8fc;padding-top:40px;overflow:hidden;color:#8d8c8c;font-size:15px}
.foot-logo{float:left;width:15%}
.foot-lxfs{float:left;width:78%;display:flex;justify-content:space-around;flex-wrap:wrap;}
.foot-hz-nav{}
.foot-hz-cd{font-size:16px;color:#333;font-weight:bold}
.foot-hz-menu{margin-top:20px}
.foot-hz-menu li{line-height:24px}
.foot-hz-menu a{font-size:14px;color:#8d8c8c;line-height:25px}
.foot-hz-menu a:hover{color:#02a0e7}
.foot-contact{width:30%;float:left;padding-left:5%}
.foot-hz-lxwm{margin-top:15px;font-size:14px}
.foot-hz-lxwm a{color:#666;font-size:14px}
.foot-hz-lxwm a:hover{color:#02a0e7}
.foot-right{float:right;width:17%}
.foot-right-fwrx{font-size:18px;color:#333}
.foot-right-hm{font-size:18px;color:#02a0e7}
.foot-left-tb{margin-top:10px;text-align:center;font-weight:bold;color:#666;font-size:18px;}
.index-copy-bj{background:#484848;padding:10px 0;margin-top:30px;color:#fff;font-size:14px}
.index-copy a{color:#fff}
.index-copy a:hover{color:#fff;text-decoration:underline}
.foot-bq-pc{margin:5px 0 10px 0;overflow:hidden}
.foot-bq-pc li{float:left;margin:0 5px}
.foot-bq-pc li a{color:#d5ecff}
.foot-bq-pc li a:hover{color:#fff;text-decoration:underline}

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

.about-menu-bj{border-bottom:1px solid #f0f0f0;overflow:hidden;line-height:50px;}
.about-menu-left{width:20%;float:left;}
.about-menu-left-title{
    background: #0076da;
    padding:15px;
    color: #fff;
    font-size:24px;
    text-transform: uppercase;}
.about-menu-left-title-yy{FONT-SIZE:16PX;MARGIN-TOP:5PX;COLOR:#cce6fd;}
.about-menu-left-menu li{text-align:center;line-height:48px;margin-bottom:1px;background:#f2f2f2;}
.about-menu-left-menu li:hover a{display:block; background: #18aee7;color:#fff;}


.about-menu-left-title2 {background: #0076da;
    padding:10px;
    color: #fff;
    font-size:16px;font-weight:bold;
    text-transform: uppercase;margin-top:20px;}
	.about-menu-left-contact{padding:6% 4%;border:1px solid #eaeaea;}
.about-title-hz{border-bottom:1px solid #eaeaea;overflow:hidden;}

.about-title{font-size:24px;float:left;}
.about-title p{margin-top:10px;}
.about-nr{line-height:32px;margin-top:30px;}
.about-menu-right{width:76%;float:right;}
.about-menu-top-wz{float:right;}


.xy{ width: 100%; margin: 20px auto 0 auto; text-align: center; overflow:hidden;}
.xy li{margin:0 10px; display:inline-block; font-size:0px;}
.xy li a{  }
.xy li a:hover,.xy li a.sbjg {color:#009bee;font-weight:bold;}
.product-syt a{color:#0065c1;}
.product-syt a:hover{text-decoration:underline;}
.about-content{margin-bottom:30px;}

.product-title{font-size:24px;margin-bottom:30px;margin-top:20px;}


.product-top { width:100% }
.product-top .l { width: 50%; float: left; 
}
.pro-right { width: 45%; float: right; 
}
.product-ny-title { color:#0065c1;width: 100%;border-bottom: 1px dashed #CCCCCC; font-size:20px;font-weight:bold; padding-bottom:10px;
}

.product-ny-fwrx { width:100%; line-height: 28px; font-size: 18px; float: left; margin-top: 20px; 
}
.product-ny-hm{ font-size: 24px; color: #009bee; 
}
.pro-js { width: 100%; margin-top: 30px; }

#demo{width:100%; overflow:hidden; margin:20px auto;}

.product-xq-sj {display:none; }	
.ny-product-xbt{color:#999;}
.ny-product-hz{border-bottom:1px solid #f2f2f2;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: 45px; text-align: center; color: #fff; background: #009bee; font-size: 20px; margin-top: 40px; }
.ny-product-content{margin:25px 0;}
.ny-product-jj{display:none;}
.tj-product{border-top:1px solid #e4e4e4; padding-top: 40px;margin:40px auto 0 auto;width:100%; }
.tj-product-title{ font-size: 30px; text-align: center; }
.tj-product-cp{ margin: 50px 0 15px 0; }
.tj-product-hz{width:230px;margin-right:15px;float:left;margin-bottom:10px;}
.tj-product-pic{display:block; overflow:hidden; margin-bottom:10px;border:1px solid #e4e4e4;}
.tj-product-pic:hover{ border:1px solid #009bee; }
.zzmc{text-align:center;}


.product-ny-zx{background:#009bee;width:160px;line-height:40px;text-align:center;margin-top:30px;}
.product-ny-zx a{color:#fff;font-size:18px;}

.ny-product-content table{border-collapse:collapse;width:100%;}
.ny-product-content table td{padding:5px;border:1px solid #ccc;line-height:22px;width:auto;}


.partner2 ul{padding-top:1px;padding-left:1px;margin-top:15px;}
.partner2 li{float:left;width:15.4%;border:1px solid #eee;margin:0.6%;position: relative;transition:all .5s;}
.partner2 li .pImg{padding-top:62%;}




.news-hz{border-bottom:1px solid #eaeaea;padding-bottom:30px;margin-bottom:30px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.news-hz:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}
.news-rq{text-align:center;width:163px;margin:0 auto;font-size:20px;color:#999;}
.rqsz{font-size:70px;line-height:70px;}
.news-box{float:right;width:78%;}
.news-nr-pic{width:20%;float:left;padding:0.3%;border:1px solid #CCC;}
.news-nr{font-size:14px;margin-top:10px;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:15px;}

.news-centent{width:100%;float:left;color:#666; margin-bototm:15px;}
.news-centent-title{ margin-bottom: 10px;  }
.news-centent-title a{font-weight:bold;color:#034ea9;font-size:15px;}



.news-ti { border-bottom: 1px  dashed  #D0D0D0;font-weight:bold;color:#0065c1;font-size:15px;text-align: center; padding-bottom: 15px; margin-bottom:30px;}

.time {
	font-size: 14px;
	color: #666;font-weight:normal;
}

.map{ padding: 5px; border: 1px solid #e6e6e6;overflow:hidden; }
.contact-hz{ margin-bottom: 30px; overflow: hidden; }

.contact-nr{float:left;width:45%;}
.contact-nr h3{font-size:24px;font-weight:normal;line-height:35px;}
.contact-nr-lxfs{margin-top:20px;}
.contact-nr-lxfs a:hover{color:#009bee;}


.soka{ width: 47.7%; border: 1px solid #D8D8D8; line-height: 40px; margin-bottom: 14px; padding-left: 1%;  font-family:"Microsoft YaHei", verdant, tahoma;  }

.sokb{  border: 1px solid #D8D8D8; line-height: 35px; margin-bottom: 15px; padding-left: 1%; font-family:"Microsoft YaHei", verdant, tahoma;  width:96%;}

.tj{ width: 150px; border: 1px solid #009bee; line-height:42px; text-align: center; color: #fff; background-color: #009bee; cursor: pointer; font-family: Arial,Microsoft YaHei; border-radius:5px; }
input, textarea{outline:none;}

.ban_pic{width: 100%; overflow: hidden;}
.ban_pic img{ width:100%;}


/*  内页公用 */
.bread_content{width:100%;border-bottom:1px solid #dedede; background:#f2f2f2; overflow: hidden;}
.bread_content .bread_box{float: left; padding:20px 0;font-size:14px;color:#333;}
.bread_content .bread_box span.bread_title{display:inline-block;position:relative;padding-left:35px; background: url(../images/sy.png) left center no-repeat;}
.bread_content .bread_box a{color:#444;display:inline-block;margin:0 5px;}
.bread_content .bread_box a:hover{color:#02a0e7;}
.bread_content .bread_box b{color: #02a0e7}
.bread_content .inner_nav{float:right; text-align: right;}
.bread_content .inner_nav ul{margin-top: 10px; display:flex;flex-flow:wrap}
.bread_content .inner_nav ul li{}
.bread_content .inner_nav ul li a{display:inline-block;padding:10px 24px;font-size:15px;color:#333;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;margin:0 8px; border-radius: 15px 0 0 0;}
.bread_content .inner_nav ul li a:hover , .bread_content .inner_nav ul li.active a{color:#fff;background:#02a0e7;}


.products_main{width: 100%;overflow: hidden;padding: 50px 0;}

.newsright{ width:72%; height:auto; float:right}
.toptit { font-size: 22px;font-weight:500;color:#343434; line-height: 52px; background: #f4f4f4; padding-left:16px; margin-bottom:20px; border-left:3px solid #02a0e7;}

.conboxs {width: 100%; height: auto;}
.conboxs ul{display:flex;flex-wrap:wrap;}
.conboxs ul li {width: 32.333%;border: 1px solid #d9d9d9;transition: all 0.5s; margin-bottom: 25px; margin-inline:.5%; background: #fff; padding-bottom: 10px; text-align: center;border-radius:6px;overflow:hidden;}
.conboxs ul li:first-child {/* margin-left: 0; */}
.conboxs ul li i {display: block;height: auto;/*background: url(Img/Index/probg1.png) no-repeat center;*/text-align: center;overflow:hidden;}
.conboxs ul li i em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 100%;width: 0;}
.conboxs ul li i img {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transition: all 0.5s;overflow: hidden;width: 100%;height: auto;}
.conboxs ul li p {line-height: 40px;font-size: 16px;color: #02a0e7;text-align: center;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding: 0 10px;margin-bottom: 0;text-decoration: none;;}
.conboxs ul li a{text-decoration: none;}
.conboxs ul li:hover {box-shadow: 0 4px 6px 2px #999;border-color: #02a0e7;transform: translateY(-6px);}
.conboxs ul li:hover {background: #02a0e7; color: #fff;}
.conboxs ul li:hover i img {transform: scale(1.05);}
.conboxs ul li:hover p{ color: #fff;}
.conboxs ul li .wz{font-size: 14px; line-height: 22px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; padding: 0 10px;}
.conboxs ul li:hover .wz{ color: #fff;}


.pro_right{width: 100%; height: auto; overflow: hidden;}
.productss{width:100%; float:left;}
.productss img{max-width: none !important;}
.promore_l{width:45%;float:left;}

/*图片æ"¾å¤§é•œæ ·å¼*/
.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; border:1px solid #d6d6d6;max-height:400px;object-fit:contain;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图é¢"览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:10%; height:32px; cursor:pointer; margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:51px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:54px;height:41px;object-fit:contain;}
.spec-scroll .items ul li img:hover{border:2px solid #02a0e7; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:1px dashed #e6e6e6;}
.pros_right_top .pbt{overflow:hidden; display:inline-block; font-size:24px; color:#02a0e7; padding-bottom:10px;}
.proleft{width:100%;font-size:14px; line-height:30px; margin-top:20px;}
.proleft p{font-size:14px; line-height:25px; }


.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 20px; overflow:hidden; margin-top:20px;}
.pc-cx-tel-1-t1{width: 28%;height: 44px;background: #02a0e7;font-size: 18px;line-height: 44px;text-align: center;float: right;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: 56px;padding-left: 70px;background: url(../images/head-c-r1.png) no-repeat 0px top;font-size: 18px;color: #454545; float:left}
.pc-cx-tel-1-t2 p{line-height: 24px;}


.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:150px; float:left; margin-right:10px;}
.proleft_btn li a{width:150px; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; display:block; color: #02a0e7}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#02a0e7; color:#fff;}

.tabs-basic{width:100%; margin-top:50px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#eee;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#eee; border:1px solid transparent; padding:10px 40px; color: #333}
.tabs-basic .tab-active{border-bottom:2px solid #02a0e7; color:#fff; background:#02a0e7;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:1.5em; font-size:16px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:1.5em; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%; margin:auto; display: block; clear: both; height: auto !important}
.tabs-basic .div h3,.tabs-basic .div h4{line-height:2em;margin:10px 0;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active a{background:none;padding: 0; display: inline-block; font-size:16px; font-weight:600;}
.tabs-basic .tabs-content-placeholder .div a{background:none;padding: 0; display: inline-block; font-size:16px; font-weight:600;}

/*.tabs-basic .tabs-content-placeholder .div li {display: block}*/

.tabs-basic .tabs-content-placeholder .div.tab-content-active ul,.tabs-basic .tabs-content-placeholder .div.tab-content-active ol{background: none; border-bottom:none;padding-left:40px;} 
.tabs-basic .tabs-content-placeholder .div.tab-content-active ul > li {display:list-item;list-style-type:disc;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active ol > li {display:list-item;list-style-type:decimal;}

.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#02a0e7; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}

.scrollleft2{width:100%; float:left; margin-top:20px; margin-bottom: 30px;}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:99%;height:200px;object-fit:contain; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #02a0e7;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}


.view-page{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;max-width:1200px;margin:40px 0;border-top:1px solid #d6d6d6;padding-top:40px}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px;width:160px;height:40px;line-height:40px;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out}
.view-page .prev{}
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat;padding-left:60px;border:1px solid #e6e6e6;color:#555;line-height:38px}
.view-page .prev:hover a{color:#fff;background:url(../images/le-white.png) 20px center no-repeat #02a0e7}
.view-page a{display:block}
.view-page .back{}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #02a0e7;color:#fff;text-align:center;padding-left:25px;line-height:40px}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #02a0e7;color:#000}
.view-page .next{}
.view-page .next a{background:#fff url(../images/ri.png) 90% center no-repeat;text-align:center;border:1px solid #e6e6e6;line-height:38px;color:#555}
.view-page .next:hover a{color:#fff;background:url(../images/ri-white.png) 90% center no-repeat #02a0e7}


.caseList{width:100%; height: auto; overflow: hidden; margin: 30px 0}
.caseList .ul{margin-right:-2%;}
.caseList .li{float:left;width:31.333%;margin:0 2% 27px 0;transition:all 0.4s;}
.caseList .li .pImg{display:block;width:100%;height:auto;overflow:hidden;}
.caseList .li img{width:100%;height:auto;transition:all 0.5s;}
.caseList .li .wz{font-weight:normal;text-align:center;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;position:relative;z-index:2;}
.caseList .li:hover img{transform:scale(1.1);}
.caseList .li:hover{color:#fff;}

.xinwenxiangqing{width:100%; height: auto; overflow: hidden; margin: 30px 0; }
.xinwenxiangqing .nd_head{text-align: center;margin-top:10px;padding-bottom: 30px;border-bottom: 1px dashed #d6d6d6;}
.xinwenxiangqing .nd_head h1.title{color: #02a0e7;font-size: 28px;margin-bottom: 18px;height: auto;font-weight:normal;}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:16px;line-height:30px;  padding: 30px 0;}
.xinwenxiangqing .nd_text p{font-size:16px;line-height:30px;text-indent: 2em;}
.xinwenxiangqing .nd_text div{text-indent: 2em;}
.xinwenxiangqing .nd_text li p{text-indent: 0em;}
.xinwenxiangqing .nd_text li div{text-indent: 0em;}
.xinwenxiangqing .nd_text img{ max-width: 100%; display: block; margin: 10px auto;}
.xinwenxiangqing .nd_text ol,.xinwenxiangqing .nd_text ul{padding-left:40px;}
.xinwenxiangqing .nd_text li{list-style-type:auto;}
.xinwenxiangqing .nd_text ol > li{list-style-type:decimal;}
.xinwenxiangqing .nd_text ul > li{list-style-type:disc;}
.xinwenxiangqing .nd_text a{font-size:16px;}
.xinwenxiangqing .nd_text h3{font-size: 18px;font-weight:bold;}
.xinwenxiangqing .nd_text h3,.xinwenxiangqing .nd_text h2,.xinwenxiangqing .nd_text h1{line-height: 2em;margin:8px 0;}
.xinwenxiangqing .nd_text table{border-collapse:collapse;}
.xinwenxiangqing .nd_text td, .xinwenxiangqing .nd_text th{border: 1px solid #ddd;text-align:center;}

.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad; color:#333;}
.new_s2{width:100%;float:left; margin-top:50px;}
.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#02a0e7; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}
.news_random2{width:100%;float:left; background:#fff; border:1px solid #d6d6d6; padding:20px; border-top:none; box-sizing: border-box;}
.news_random2 ul li{width:48%; float:left; font-size:14px; line-height:36px; overflow:hidden; margin-right:4%; border-bottom:1px dashed #e6e6e6;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news_random2 ul li:nth-child(2n){margin-right:0;}
.news_random2 ul li a{  padding-left:15px; color: #333}
.news_random2 ul li a:hover{color:#02a0e7;}
.news_random2 ul li span{float:right; color:#999; line-height: 37px;}

.news_con_b{border-top: 1px solid #EEE;margin-top: 50px;padding-top: 50px;}
.news_con_b ul{line-height: 30px;float: left;}
.news_con_b li {font-size: 14px; color: #555;}
.news_con_b li a{font-size: 14px; color: #555;}
.news_con_b li a:hover{font-size: 14px; color: #02a0e7;}
.news_con_b .fhlb{float: right;width: 140px;height: 40px;line-height: 40px;background: #02a0e7;text-align: center;}
.news_con_b .fhlb a{display: block;color: #FFF; font-size: 14px;}
.news_con_b .fhlb a:hover{display: block;color: #FFF;text-decoration: none;}

.inf_lc{padding: 50px 0;}
.inf_lc li{padding: 20px; border: 1px solid white; border-radius: 8px; height: auto; overflow: hidden; margin: 0 0 30px; background: #f9f9f9; box-sizing: border-box;}
.inf_lc li:hover{border-color: #02a0e7;border-radius: 4px;}
.inf_lc li.bg{background: #f5f5f5;}
.inf_lc li .bts{text-align: center;float: left;width: 10%;overflow: hidden; min-height: 100px; background: #02a0e7; padding:30px 0; box-sizing: border-box;}
.inf_lc li .bts b{font-weight: 100;display: block;line-height: 36px;overflow: hidden;font-size: 36px;font-family: Arial;text-transform: uppercase;color: #fff; }
.inf_lc li .bts span{font-weight: 100;display: block;line-height: 16px;height: 16px;overflow: hidden;font-size: 12px;font-family: Arial;text-transform: uppercase;color: #fff; }
.inf_lc li .nyzi{margin-left:3%;line-height: 26px;width: 65%;font-size: 14px;float: left;color: #555;}
.inf_lc li .nyzi b{display: block;font-weight: 100;color: #02a0e7;line-height: 30px;height: 30px;margin: 5px 0;font-size: 15px;}
.inf_lc li .nyzi b a, .inf_lc li .nyzi b a:hover{color: #02a0e7;font-weight: bold;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 560px;}
.inf_lc li .nyzi b a:hover{color: #02a0e7;}
.inf_lc li .fr{margin: 50px 0 0;width: 70px;height: 25px;line-height: 25px;text-align: center;color: #ffffff;background-color: #ff9900;}
.inf_lc li .fr:hover{background: #02a0e7;}

.inf_lc li .pimg{width: 16%; float: right;}
.inf_lc li .pimg img{width: 100%}

/*内页新闻详情*/
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#02a0e7;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin-top:40px; overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{ padding-left:10px;}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}

.inner_content{width:100%;background:#fff; overflow: hidden; margin: 50px 0}
.inner_content .inner_about{width:85%;margin: 0 auto; font-size:15px; color:#444; line-height:34px;  overflow: hidden;}
.inner_content .inner_about img{display:block;max-width:100%; margin: 10px auto;}
.inner_content .inner_about .ye{color: #02a0e7; font-weight: 600; display: inline-block; font-size: 18px;}

.intitle{width:100%;padding:35px 0 28px;font-size: 32px;color: #333;text-align: center;line-height: 38px; font-weight: 600}
.intitle span{position: relative;}
.intitle span:after{width:32px;height: 2px;background: #02a0e7;position: absolute;top:50%;left: 0;margin-left: -50px;content: '';transform: translateY(-50%);}
.intitle span:before{width:32px;height: 2px;background: #02a0e7;position: absolute;top:50%;right: 0;margin-right: -50px;content: '';transform: translateY(-50%);}


/*联系我们*/
.ct_mode{width: 100%; margin: 40px 0 15px 0;}
.ct_mode ul li{width:20%;float:left;padding:0px 15px;text-align: center;box-sizing: border-box;}
.ct_mode ul li span{ display:flex; justify-content:center; align-items:center;　display:block;width:110px;height:110px;line-height:110px !important;text-align:center;background:#02a0e7;border-radius: 50%;margin:0px auto;transition: all 0.5s ease-in-out;position:relative;top:0px;}
.ct_mode ul li span img{width: 45%; vertical-align: middle !important;}
.ct_mode ul li .cbt{font-size:16px;color:#333;margin:12px auto;font-weight: bold;}
.ct_mode ul li p{font-size:15px;color:#444; line-height: 30px;}
.ct_mode ul li:hover span{background:#067fb5;top:-10px;}

.feedback .feedback-ul{display: flex;flex-wrap: wrap;width: 600px;padding:10px;margin: auto;text-align:center;background-color:#f5f5f5;}
.feedback .feedback-ul > li{width: 100%;margin: 10px 0;font-size: 18px;font-weight: 600;color: #02a0e7;}
.feedback .feedback-ul > li label{width:15%;display:inline-block;}
.feedback .feedback-ul > li input{border: 1px solid #999;padding: 6px;border-radius: 6px;width: 80%;height: 35px;}

.feedback .feedback-ul .msg textarea{width: 80%;margin-left:6px;border: 1px solid #999;padding: 6px;border-radius: 6px;}
.feedback .feedback-ul .submit{font-size:16px;}
    
.custom-btn {width: 230px;height: 40px;color: #fff;border-radius: 5px;padding: 10px 25px;font-family: 'Lato', sans-serif;font-weight: 500;background: transparent;cursor: pointer;transition: all 0.3s ease;position: relative;display: inline-block;box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),7px 7px 20px 0px rgba(0,0,0,.1),4px 4px 5px 0px rgba(0,0,0,.1);outline: none;}
.btn-3 {background: rgb(0,172,238);background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);width: 230px;height: 40px;line-height: 42px;padding: 0;border: none;}
.btn-3 span {position: relative;display: block;width: 100%;height: 100%;}
.btn-3:before,.btn-3:after {position: absolute;content: "";right: 0;top: 0;background: rgba(2,126,251,1);transition: all 0.3s ease;}
.btn-3:before {height: 0%;width: 2px;}
.btn-3:after {width: 0%;height: 2px;}
.btn-3:hover{background: transparent;box-shadow: none;}
.btn-3:hover:before {height: 100%;}
.btn-3:hover:after {width: 100%;}
.btn-3 span:hover{color: rgba(2,126,251,1);}
.btn-3 span:before,.btn-3 span:after {position: absolute;content: "";left: 0;bottom: 0;background: rgba(2,126,251,1);transition: all 0.3s ease;}
.btn-3 span:before {width: 2px;height: 0%;}
.btn-3 span:after {width: 0%;height: 2px;}
.btn-3 span:hover:before {height: 100%;}
.btn-3 span:hover:after {width: 100%;}

#map_container{height:400px;}
.feedback{width: 100%;overflow: hidden; margin:10px 0;}
.lxtop{overflow: hidden; border-radius: 3px; background: #ececec42;} .lxtop img{float: left;} .lxtop p{font-size: 16px; line-height: 35px; padding: 40px 30px 0 430px; color: #666;} .lxtop p span{display: block; color: #222; font-size: 18px; line-height: 50px;}
.tactfrms{padding: 50px 0 }
.tactfrms .fbt{font-size: 25px;color:#333;font-weight: normal; margin-bottom: 20px}
.tactfrms ul{overflow: hidden; margin-right: -5%}
.tactfrms li{width:45%;float:left;;margin:0 5% 12px 0;position:relative;}
.tactfrms li input{width:98%;padding:15px;border:solid 1px #ddd;border-radius: 3px;box-sizing: border-box}
.tactfrms li.area{height:auto;width:100%;}
.tactfrms li textarea{padding:15px;width:94%;height:120px;border:solid 1px #ddd;border-radius: 3px; font-family: Arial, "sans-serif";box-sizing: border-box}
.tactfrms li:nth-child(2n){margin-right:0;}
.tactfrms .btn{text-align: center;margin-top:0;overflow: hidden;}
.tactfrms .btn input{height:40px;width:120px;font-size:16px;color:#fff;background:#02a0e7;border-radius: 5px; border: none;}
.redxing{position:absolute;top:11px;left:57px;color:#02a0e7;}

.wtinfogg-list{width: 100%;padding: 0px 0; overflow: hidden;}
.wtinfogg-list a{display: block;width: 100%;border: 1px solid #ededed;transition: all .4s ease;overflow: hidden;float: left; padding: 10px !important; box-sizing: border-box;}
.wtinfogg-list a i{display: block;width: 50px;height: 32px;float: left;background: url('../images/xxgg_ic.png') no-repeat center center /auto 32px;transition: all .3s ease;}
.wtinfogg-list a .wz{margin-left: 20px;float: left;line-height: 32px;font-size: 16px;font-weight: normal;color: #666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.wtinfogg-list a p{line-height: 32px;font-size: 14px;color: #999;float: right; margin-top: 0 !important}
.wtinfogg-list a:hover{border-color: #02a0e7;box-shadow: 0 4px 10px 3px #d1dbe0;}
.wtinfogg-list a:hover i{background: url('../images/xxgg_icH.png') no-repeat center center /auto 32px;}


.nynewsbox{ overflow: hidden; padding: 3% 0;}
.nynewsbox ul{ margin-right: -2%;}
.nynewsbox li{width: 31.333%; float: left; margin-right: 2%;}
.index_news{overflow: hidden;}
.index_news .nybt{background:url(../images/Wdwdbg.png) 0px no-repeat ;color:#02a0e7;padding-left:20px;line-height:40px;font-size:16px; font-weight: 600; border-bottom: 1px solid #ccc;}
.index_news .nybt a{line-height:30px;font-size:16px; font-weight: 600; color:#02a0e7;}
.index_news dl{}
.index_news dd{line-height:35px;border-bottom:dotted 1px #D7D7D7;background:url(../images/more2.png) no-repeat;padding-left:10px}
.index_news dd a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.index_news dd a:hover{color:#A20202}
.nynewsboxw{overflow: hidden;}
.index_news dl{}
.nynewsboxw dd { background: url(../images/dot2.gif) no-repeat;padding-left: 14px;line-height: 30px;border-bottom: dotted 1px #e5e5e5;}
.nynewsboxw dd a:hover {color: #02a0e7}
.time {float: right;}

.xq{overflow: hidden;}

/*links*/
.links_bg{background:#02a0e7;width: 100%;margin: 0 auto; padding:1% 0;}
.links{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; }
.links p{ font-size:18px; color:#fff; padding-left:35px; background:url(../images/f_link.png) no-repeat left center; width: 12%;}
.links p span{ font-size:18px; padding:0 20px 0 5px;}
.linkTagcs li a{ color:#fff; font-size:14px;word-break:break-all}
.linkTagcs li a:hover{ color:#ff0000;font-size:14px;}

.linkTagcs{width:88%;height:auto}
.linkTagcs ul{display:flex;flex-wrap:wrap;}
.linkTagcs li{padding-right:16px;line-height:30px;}
.linkTagcs li img{border:0px}