*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5;color:#3d3d3d;outline:0;font-family:'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif;font-style: normal;}
html,body{width:100%; position:relative;height:100%;}
.bodyw,.body_st{height:100%;}
body{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#3d3d3d;-webkit-transition:0.5s;transition:0.5s;}
a:hover{color:#008bdb;}

/** 重置图片元素 **/
.l{ float:left;}
.r{ float:right;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.w1650{ width:1400px;max-width: 95%; margin:auto;}
.w1400{ width:1400px;max-width: 95%; margin:auto;}
.w1200{ width:1200px;max-width: 95%; margin:auto;}

.top_bg{position: fixed;left: 0;top: 0;right: 0;z-index: 9;-webkit-transition: 0.5s;transition: 0.5s;border-bottom: 1px solid rgba(0, 0, 0, 0.1);height: 101px;}
.top_h{}
.top_h .logo{padding: 18px 0;}
.top_h .logo img{height:65px;}

.img1{display: block;}
.img2{display: none;}

.dh_tx{position: absolute;top:0;}
.dh_tx i{position: absolute;top: 0; height:101px;-webkit-transition:0.5s;transition:0.5s;}
.dh_tx i:after{content: "";position: absolute;left: 30px;bottom: 0;right: 30px; -webkit-transition:0.5s;transition:0.5s;border-bottom: 2px solid #008bdb;}
.dh{}
.dh ul li{float: left;position: relative;}
.dh ul li p a{display: block;line-height: 101px;font-size: 17px;position: relative;color: #fff;padding: 0 30px;}
.dh ul li.on p a{color: #008bdb;}
.dh ul li .dh_fl{position: absolute;left: 50%;top: 101px;width:200px;display: none;margin-left: -101px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.dh ul li .dh_fl ul{background: #fff;}
.dh ul li .dh_fl ul li{float: none;padding: 0;border-bottom: 1px dotted #eee;}
.dh ul li .dh_fl ul li a{display: block; font-size: 15px;line-height: 44px;position: relative;color: #666; text-align:center;}
/*.dh ul li .dh_fl ul li a:after{float: right;font-size: 12px;content: "\e68b";font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/
.dh ul li .dh_fl ul li:hover a{color: #fff; background:#B91A2E;}
.top_ss{margin-left: 20px;}
.top_ss span.button{ display:block; width:30px; height:101px;font-size: 18px;line-height: 101px;text-align: center;color: #fff; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;}
.serach{position:absolute;left: 0; right:0px;background: #FFF; top:0px; width:100%;overflow:hidden; z-index:10;display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;padding: 30px 0;}
.serach form{position: relative;}
.serach form input[type='text']{font-size:16px; width:100%; height:40px; line-height:40px;padding:0 101px 0 50px; color:#333;background: none;}
.serach form a{position: absolute;left: 0;top:0px;width: 40px;height:40px;font-size: 20px;line-height: 40px;text-align: center;color: #666;}
.serach form span{position: absolute;right: 0;top:0px;width: 40px;height:40px;cursor: pointer;}
.serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #333;margin: -1px 0 0 -12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:after{content:""; position: absolute;left: 50%;top:50%;width: 2px;height:24px;background: #333;margin: -12px 0 0 -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:hover:before{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.serach form span:hover:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.top_yy{margin-top:35px;margin-left: 30px; text-align:center;color: #fff;}
.top_yy a{font-size: 17px;line-height:32px; color: #fff; }
.top_yy a:hover{ color:#008bdb;}

.top_bg.on{background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.top_bg.on .dh_tx i:after{border-bottom: 2px solid #008bdb;}
.top_bg.on .dh ul li p a{color: #333;}
.top_bg.on .dh ul li.on p a{color: #008bdb;}
.top_bg.on .dh ul li .dh_fl ul li:hover a{color: #fff; background:#008bdb;}
.top_bg.on .top_ss span.button{color: #333;}
.top_bg.on .top_ss:hover span.button{color: #008bdb;}
.top_bg.on .top_yy{ color:#333;}
.top_bg.on .top_yy a{ color:#333;}



.top_hbg{background:#fff;}
.top_hbg .img1{display: none;}
.top_hbg .img2{display: block;}
.top_hbg .dh ul li p a{color: #333}
.top_hbg .dh ul li.on p a{color: #008bdb;}
.top_hbg .top_yy a{color: #333}
.top_hbg .top_ss span.button{color: #008bdb;}

.banner{width:100%;overflow:hidden;position:relative;}
.banner ul{ position:relative; width:10000%;}
.banner ul li{float:left;width:1%;overflow:hidden;position:relative;}
.banner ul li img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.banner ul li.on img{animation-name:puffIn;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:5;}
.bandd span{z-index:2;cursor:pointer;margin:0 5px;display:inline-block;width:50px;height:2px;zoom:1;position:relative;-webkit-transition:0.5s;transition:0.5s;background: #fff;}
.bandd span.on{background:#BD1B20;}
.banz,.bany{ position:absolute; top:50%; width:50px; height:50px; opacity:0;  -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 24px;line-height:50px;text-align: center;color: #333;background: rgba(255, 255, 255, 0.5);border-radius: 50%;}
.banz{ left:5%;}
.bany{ right:5%;}
.banz:before,.bany:before{position: absolute;top: 50%;left: 50%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%) ;}
.bany:before{-webkit-transform:translate(-50%, -50%) rotate(180deg);transform:translate(-50%, -50%) rotate(180deg);}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}




/*  产品 */
.indexcasepic{ padding:50px 0 40px 0; background: url(../images/bg.jpg) no-repeat; background-size: 100% 100%; overflow: hidden;}
.inbtny{text-align: center;}
.inbtny_cn{font-size: 40px; color: #2379c3; font-weight: 600; margin-top:0px;}
.inbtny_en{font-size: 16px; color: #555; letter-spacing: -1px; margin-top: 8px; text-transform:uppercase}
.inbtny_img{margin-top: 0px; display: inline-block;}

.inbtny2{text-align: center; }
.inbtny2_cn{font-size: 25px; color: #fff; font-weight: 600; margin-top:100px;}
.inbtny2_en{font-size: 16px; color: #fff; letter-spacing: -1px; margin-top: 8px; text-transform:uppercase}
.inbtny2_img{margin-top: 0px; display: inline-block;}

.indexcasepic ul li{width:23.23%; float:left; overflow:hidden;margin: 0.8%; border: 1px solid #e9e9e9}

.casezoom{width:100%; float:left; overflow:hidden; position:relative; display:inline-block}
.casezoom img{width:100%; transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s; line-height:1em;}
.casezoom:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}
.effect-line{ margin-bottom:30px;}
.hover_line{width:100%; height:100%; background:transparent; left:0%; top:0%; cursor:pointer; position:absolute; opacity: 1;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out}
.hover_line::before,.hover_line::after{position:absolute; top:20px; right:20px; z-index:1; bottom:20px; left:20px; content: ''; opacity: 0; -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.hover_line::before{border-top:1px solid; border-bottom:1px solid; -webkit-transform: scale(0,1); transform: scale(0,1); opacity: 0}
.hover_line::after{border-right:1px solid; border-left:1px solid; -webkit-transform: scale(1,0); transform: scale(1,0); opacity: 0}
.effect-line a:hover.hover_line::before,.effect-line a:hover.hover_line::after{opacity:1;-webkit-transform: scale(1);transform: scale(1)}
.hover_line::before,.case-list .hover_line::after{top:20px; right:20px; bottom:20px; left:20px}

.indexcasepic li figure{width:100%; overflow:hidden; margin:0;}
.indexcasepic li a{position:absolute; left:0; top:0;width:100%; height:100%; background:#2379c3; opacity:0; color:#fff;}
.indexcasepic li a:hover{opacity:0.7;}
.indexcasepic li i{background:url(../images/main_link_tb.png) no-repeat; margin:20% auto 0; width:70px; height:70px; background-size:100%; display:block;transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;}
.indexcasepic li a:hover i{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.indexcasepic li p{margin:10px 30px;font-size:16px;text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1; }
/*  产品 */



/*==============核心业务=====================*/
.inprobox{padding:60px 0 ;overflow: hidden; width:100%; margin: 0 auto;}
.sy_title{ text-align:center; margin-bottom:2.5rem}
.sy_title .bbt{ font-size:30px; color:#3a3a3a; font-weight:600}
.sy_title .cn { font-size:16px; color:#666; margin:10px 0 10px}
.sy_title .en{font-size:12px;color:#3a3a3a;opacity:0.61;text-transform:uppercase;transform: scale(0.9);}


.sy_title2{ text-align:center; margin-bottom:2.5rem}
.sy_title2 .bbt{ font-size:2.125rem; color:#fff; font-weight:bold}
.sy_title2 .cn { font-size:18px; color:#fff; margin:10px 0 10px}
.sy_title2 .en{font-size:12px;color:#fff;opacity:0.61;text-transform:uppercase;transform: scale(0.9);}

.inpro{overflow: hidden;}
.inpro ul{margin-right:-2%;}
.inpro li{width:18%; float: left; margin-right: 2%; border: 3px solid #008bdb;border-top-left-radius:40px;border-bottom-right-radius:40px; margin-bottom: 2%; overflow: hidden; transition: all 0.5s;}
.inpro li .inimg{overflow: hidden;}
.inpro li .inimg img{width: 99.9%; height: auto; font-size: 0;border-top-left-radius: 40px; display: block;transition: all 0.5s;}
.inpro li .inwz{padding: 15px; box-sizing: border-box;  background: #008bdb; display: flex;justify-content: center;align-items: center;}
.inpro li .inwz1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #fff }
.inpro li .inwz2{text-align: left;color: #999;font-size: 15px;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.inpro li:hover{box-shadow: 6px 6px 6px rgba(0,0,0,.2);
				 /*考虑浏览器兼容性*/
				 -moz-box-shadow: 6px 6px 6px rgba(0,0,0,.2);
                 -webkit-box-shadow: 6px 6px 6px rgba(0,0,0,.2);transition: all 1s;}
.inpro li:hover .inwz1{color: #fff}
.inpro li:hover .inwz2{color: #fff}
.inpro li:hover .inimg img{transform: scale(1.1);}
 
.in_about{width: 100%; height: auto; padding-bottom:50px; box-sizing: border-box; background: #f6fafd url(../images/i_appbg.jpg) top repeat-x; overflow: hidden;}
.in_protit{overflow: hidden;}
.in_protitzi{font-size: 32px;line-height: 36px;font-weight: 600;color: #333; float: left; margin-bottom: 32px;}
.in_protitzi p { font-size:16px; color:#666; margin:10px 0 10px; font-weight: normal;}
.in_protitmore{font-size: 12px;color: #666; float: right;}
.in_protitmore a:hover{color: #f00}

.anli_nor { margin-top:0px;}
.anli_nor dl { text-align:center;  width:23%; height:auto; min-height:300px; border-radius:5px;  box-shadow: 0 0 10px #ccc; float:left; margin-right:2%; background: #fff; padding: 2%; box-sizing: border-box;}
.anli_nor dl dt {margin:15px 10px;}
.anli_nor dl dt img { transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;max-width: 100%;} 
/*.anli_nor dl:hover dt img { transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg);}*/
.anli_nor dl dd{font-size:16px; box-sizing: border-box;}
.anli_nor dl dd.biaoti{ font-size:20px; font-weight: bold; color:#333;line-height:50px;}
.anli_nor dl:hover .biaoti{color: #008bdb}
.anli_nor dl:last-child{margin-right: 0}

.in_aboutny{overflow: hidden; margin: 5% 2% 0 0;}
.in_aboutnyleft{width:56%; float: left; background: #fff; padding:3.6%; box-sizing: border-box; }
.in_aboutnyleftzi{font-size: 16px; line-height: 28px;}
.in_aboutnyleftmore{width: 120px; background: #008bdb; text-align: center; color: #fff; font-size: 14px; margin-top: 30px; padding:10px 15px; border-radius: 12px;}
.in_aboutnyleftmore a{color: #fff;}
.in_aboutnyright{width:44%; float: right;}
.in_aboutnyright img{width:100%;}

/*技术支持*/
.title{margin-top: 20px;}
.title .fl{width: 25%;}
.title .fl hr{width: 55px;height: 3px;background: #404040;outline: none;border:none;margin-left: 0px;margin-bottom: 20px;margin-top: 0px;}
.title .fl img{display: block;float: left;}
.title .fl p{color: #333333;line-height: 40px;text-transform: uppercase;}
.title .fl p span{font-size: 24px;margin: 0 10px;}
.title .fr{width: 72%;border-bottom:1px solid #f5f5f5;text-align: right;line-height: 45px;height: 45px;}
.title .fr a{color: #666666;text-transform: uppercase;}
.title .fr a:hover{color: #008bdb;}

.section03{width: 100%;overflow: hidden; padding: 50px 0; box-sizing: border-box;}
.section03 .section03_content{padding-top: 60px;height: auto;}
.section03 .left_1{width: 35%;height: auto;float: left;background: #f7f7f7;padding:3%; box-sizing: border-box;}
.section03 .left_1 span{font-size: 25px;color: #999;padding-top: 50px;display: block;}
.section03 .left_1 a{display: block;font-size: 20px;color: #333;}
.section03 .left_1 p{color: #999;padding-top: 20px;line-height:25px;}
.section03 .left_1 .more{width: 150px;height: 40px;text-align: center;line-height: 40px;background: #008bdb;padding: 0px;font-size: 14px;color: #fff;margin-top: 30px;}
.section03 .left_1 .fang{height:188px;overflow: hidden;margin-top:30px;}
.section03 .left_1 img{transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear;width: 100%;display: block;}
.section03 .left_1 img:hover{-webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);}
.section03 .left_2{width: 63%;float: left;margin:0 0 0 2%;}
.section03 .left_2 .bigl{height: 168px;padding: 0 20px;border-top: 1px solid #ebebeb;}
.section03 .left_2 .bigl .zuo{float: left;width: 80%;padding: 15px 0;color: #999;line-height:25px;}
.section03 .left_2 .date{height: 80px;color: #999;padding-top: 42px;float: right;width: 20%;text-align: right;margin-top: 0px;}
.section03 .left_2 a{display: block;font-size: 18px;color: #333;line-height: 50px;}
.section03 .left_2 .date .zuos{font-size: 25px;text-align: right;}
.section03 .left_2 .date .you{float: right;border-left:1px solid #eaeaea;height: 18px;margin-top: 20px;}
.section03 .left_2 .date .you span{font-size: 18px;padding-left: 15px;}

.section03 .left_2 .bigl:hover{background: #fff;box-shadow: 0px 4px 8px 0px rgba(76, 76, 76, 0.25);}
.section03 .left_2 .bigl:hover a{color: #008bdb;}
.section03 .left_2 .bigl:hover .date{color: #008bdb;}
.section03 .left_2 .bigl:hover span:first-child{color: #008bdb;}

@media (max-width:1200px) {
.n_news li{ width:46%;}
}
@media (max-width:920px) {
.n_news li{ width:44%;}
}
@media (max-width:800px) {
.n_news li{ width:100%; padding-bottom:30px; margin:2% 0;}
.n_news ul{ margin:0;}
.sy-news{ width:100%; padding:0px 0 20px 0; margin-top:20px; }
.n_news li .text_box{ position:relative; padding:15px 0; }
.n_news .fot_box{ padding-top:20px;}
.n_news li p{ margin-top:10px;}
}


#banquan{width: 100%;height: auto;background: url(../images/ban_bg.jpg)no-repeat center;position: relative; background-size: cover;}
#banquan .w1650{height: auto;}
#banquan .zuo{color: #fff;width: 40%;float: left;}
#banquan .zuo .tit p{font-size: 30px;padding-top: 100px;}
#banquan .zuo .tit{font-size: 16px;line-height: 35px;}
#banquan .zuo .phone{padding-top: 50px;}
#banquan .zuo .phone img{display: block;float: left;padding-right: 15px;height: 35px;}
#banquan .zuo .phone{color: #fff;font-size: 25px;}
#banquan .zuo .di{line-height: 35px;padding-top: 30px;font-size: 16px;}
#banquan .zhong{width:36%;float: left;padding-top: 100px;}
#banquan .zhong li{width: 50%;float: left;line-height: 45px;}
#banquan .zhong a{font-size: 16px;color: #fff;display: block;}
#banquan .you{width:22%;float: right;padding-top: 100px;}
#banquan .you .erwei{width: 124px;height: 124px;border:1px solid #8f8f8f;float: left;color: #fff;text-align: center;font-size: 16px;line-height: 45px;}
#banquan .you .erwei img{display: block;width: 100%}
#banquan .you .erwei:nth-child(2){float: right;}

#banquan .dibu{height: auto;background: #008bdb; margin-top: 85px; overflow: hidden; padding:2.5%; box-sizing: border-box;}
#banquan .dibu .dlogo{width: 16%; float: left;}
#banquan .dibu .dlogo img{width: 100%}
#banquan .dibu .wen{float: right; text-align: right; color: #fff; width: 40%}
#banquan .dibu .wen .wz{font-size:16px; line-height: 30px; float: left; margin-right: 3%}
#banquan .dibu .wen .wz1{font-size:16px; line-height: 30px; float: right;}
#banquan .dibu .wen span{padding: 0 10px;}
#banquan .dibu .wen a{color: #fff;}


.listBanner{ width:100%; height:auto; overflow: hidden;}
.listBanner img{width:100%; font-size: 0;vertical-align: middle;}

.con-nav{width: 100%;line-height:64px;border-bottom: 1px solid #e8e8e8;position:relative;}
.con-nav ul{max-width: 1200px;margin: 0 auto;}
.con-nav ul li{float: left;padding-right:2%;}
.con-nav ul li a{display: block;font-size:16px;color:#666666;position: relative;text-align:center;}
.con-nav ul li a:hover{color: #008bdb;}
.con-nav ul li:first-child a{/*border-left: 1px solid #d1d1d1;*/}
.con-nav ul li.active a{color: #008bdb;}
.con-nav .line{display:block;width:0px;height:4px;background:#008bdb;position:absolute;left:0px;top:0px;}

.con_nav_fr{float: right;}
.con_nav_fr em{float: left; width:16px;height:69px;margin-right:5px;background:url(../images/home.png) no-repeat center;}
.con_nav_fr i{float: left;width:10px;height:69px;margin:0 5px;background:url(../images/sNav_icon.png) no-repeat center;}
.con_nav_fr span{float: left;font-size:16px;color:#666;line-height: 69px;}
.con_nav_fr a{float: left;font-size:16px;color:#666;line-height: 69px;}
.con_nav_fr a:hover{color:#008bdb;}
.con_nav_fr a.on{color:#008bdb;}


.w80{width: 60%; margin:0 auto;}
.hza {
	margin:40px auto;
}
.hza:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.index-about{margin:50px auto;font-size:16px;color:#222;line-height:30px;}
.index-about img{max-width: 100%; height: auto; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; overflow: hidden;}
.index-about:hover img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);}

.index-video-pc{margin:0 auto;text-align:center; width: 35%; margin-left: 30px; float: right;}
.index-video-pc img{border-radius: 20px 0 20px 0 }
.index-video-sj{display:none;margin:0 auto;text-align:center;}
.fancybox-content{width:100% !important;height:100% !important;}

.AutoTitle{ text-align:center; padding:0px; }
.btitle{ font-size:32px; line-height:45px; color:#333333; font-weight:bold; text-transform: uppercase;}
.btitle span{color:#008bdb; }
.btitle::after{ content:""; display:block; height:2px; width:40px; background:#008bdb; margin:4px auto 0; }


.AutoTitle2{ text-align:center; padding:0px; }
.btitle2{ font-size:32px; line-height:45px; color:#fff; font-weight:bold; text-transform: uppercase;}
.btitle2 span{color:#fff; }
.btitle2::after{ content:""; display:block; height:2px; width:40px; background:#fff; margin:4px auto 0; }

/*愿景使命*/
.com-vision{padding:50px 0;color:#fff;background:url(../images/comVision-bg.jpg) no-repeat center center / cover; overflow: hidden;}
.comVision-list{}
.comVision-list li{padding:0 2.5%;width:25%;text-align:center;float:left;margin:40px 0 0;}
.comVision-list .comVision-icon{display:block;width:130px;height:130px;line-height:128px;font-size:0px;border:1px solid rgba(255,255,255,.3);border-radius:100%;position:relative;margin:0 auto;}
.comVision-icon img{width:100%;height:100%;position:relative;z-index:2;}
.comVision-list li .name{line-height:35px;font-size:20px;margin:27px 0 0;}
.comVision-list li .con{line-height:24px;margin:10px 0 0;}
.comVision-icon .icon{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:2;}
.comVision-icon .icon.icon1{background:url(../images/comVision-1.png) no-repeat center center / cover;}
.comVision-icon .icon.icon2{background:url(../images/comVision-2.png) no-repeat center center / cover;}
.comVision-icon .icon.icon3{background:url(../images/comVision-3.png) no-repeat center center / cover;}
.comVision-icon .icon.icon4{background:url(../images/comVision-4.png) no-repeat center center / cover;}
.comVision-icon .red-bak{position: absolute;width: 100%;height: 100%;top:0px;left: 0px;border-radius: 100%;background:#fff;opacity:0;}
.comVision-list li:hover .comVision-icon{border:1px solid rgba(255,255,255,0)}
.comVision-list li:hover .comVision-icon .red-bak{-webkit-animation:flipInY2 1s .2s ease both; -moz-animation:flipInY2 1s .2s ease both;opacity:1;}
.comVision-list li:hover .comVision-icon .icon.icon1{background-image:url(../images/comVision-1-2.png);}
.comVision-list li:hover .comVision-icon .icon.icon2{background-image:url(../images/comVision-2-2.png);}
.comVision-list li:hover .comVision-icon .icon.icon3{background-image:url(../images/comVision-3-2.png);}
.comVision-list li:hover .comVision-icon .icon.icon4{background-image:url(../images/comVision-4-2.png);}


.inhonor2bg{padding: 50px 0; overflow: hidden; background: #efefef}
.Title2{height: auto;text-align: center;}
.Title2 .title2{font-size: 32px;color: #333333;font-weight: bold;line-height: 2;}

.Title2 .title2 span{color: #008bdb;}
.Title2 .title2 .line2{display: inline-block;width: 28px;height: 1px;position: relative;top:-10px;margin: 0 10px;background: #888888;}
.Title2 .text2{font-size:16px;color: #666666;line-height: 1.5;padding: 0 15px}
.ny_gy_zs{margin-top: 20px;}
.ny_al_bg{padding: 50px 70px 0; position:relative; box-sizing: border-box;}
.ny_al{overflow:hidden;}
.ny_al ul{ width:10000%; position:relative;}
.ny_al ul li{ float:left; width:0.232%; margin-right:0.02%;box-sizing:border-box; text-align: center; box-sizing: border-box; display:table; }
.ny_al ul li:hover{ }
.ny_al ul li a{display:table-cell; vertical-align:middle;}
.ny_al ul li img{ display:block; box-sizing:border-box; width:100%;border: 5px #ddd solid;transition: all 0.5s;}
.ny_al ul li .wz{ text-align:center; font-size:15px; line-height:40px; color:#333;}
.ny_al ul li:hover .wz{color:#008bdb;}
.ny_al ul li:hover img{border: 5px #008bdb solid;}

.ny_al ul li .wz2{ text-align:center; font-size:16px; line-height:40px; color:#333}
.ny_al ul li:hover .wz2{color:#008bdb}

.ny_alz,.ny_aly{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; transition:0.3s; cursor:pointer;}
.ny_alz{ left:0; background:url(../images/swiper1-l.png) center no-repeat;}
.ny_aly{ right:0; background:url(../images/swiper1-r.png) center no-repeat;}


.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:#008bdb;}
.bread_content .bread_box b{color: #008bdb}
.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:#008bdb;}


/* 应用行业 */
.prelblt{width: 100%;padding: 50px 0 70px;overflow: hidden;}
.prelblt ul{margin-left: -1%;display: flex;flex-wrap: wrap;display: -ms-flex;-ms-flex-wrap: wrap;}
.prelblt li{width: 32.333%;margin-left: 1%;margin-top: 1%;float: left;}
.prelblt li a{display: block;width: 100%;position: relative;overflow: hidden;}
.prelblt li a img{width: 100%;object-fit: cover;transition: all .4s linear; font-size: 0}
.prelblt-wd{position: absolute;width: 100%;padding: 0 38px;bottom: 30px;color: #fff;left: 0;z-index: 2;}
.prelblt-wd .cbt{font-size: 28px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.prelblt-wd p{font-size: 15px;margin-top: 18px; line-height:25px; display: -webkit-box;   -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}
.prelblt li a:before{content: "";position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background:rgba(0,0,0,0.5);background-size: contain;transition: all .6s ease;}
.prelblt li a:hover img{transform: scale(1.06);}
.prelblt li a:hover:before{ background:rgba(0,0,0,0.8);}
.prelbbz{width: 100%;overflow: hidden;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;padding: 92px 0;}
.prelbbz-wd{width: 100%;text-align: center;color: #fff;}
.prelbbz-wd h6{font-size: 36px;}
.prelbbz-wd p{font-size: 16px;line-height: 1.4em;margin: 28px 0 36px;}
.prelbbz-wd a{display: inline-block;width: 160px;height: 50px;line-height: 50px;border-radius: 25px;font-size: 16px;color: #fff;background: #2d67d6;}

.xqny{width:100%; height: auto; overflow: hidden; padding: 50px 0; }

.ny_gy_bg{padding: 50px 0; overflow: hidden;}
/*内页新闻中心*/
.inf_lc{padding: 12px 0 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: #008bdb;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: #008bdb; 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: #008bdb;line-height: 30px;margin: 5px 0;font-size: 15px;}
.inf_lc li .nyzi span{display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.inf_lc li .nyzi b a, .inf_lc li .nyzi b a:hover{color: #008bdb;font-weight: bold;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.inf_lc li .nyzi b a:hover{color: #008bdb;}
.inf_lc li .fr{margin: 50px 0 0;width: 70px;height: 25px;line-height: 25px;text-align: center;color: #ffffff;background-color: #008bdb;}
.inf_lc li .fr:hover{background: #008bdb;}

.inf_lc li .pimg{width: 16%; float: right;}
.inf_lc li .pimg img{width: 100%}
/*内页新闻中心*/

.contact{width: 100%; height: auto; overflow: hidden; padding: 50px 0; box-sizing: border-box;}
.contact_lx{ float: left; width:47%;font-size: 16px; line-height: 35px;}
.contact_lx p:first-child{font-size: 19px; }

.list{}
.list li{ width:50%; float:left; }
.list li:last-child{ width:100%;}
.list li dd{ float:left; width:50%;}
.list li .zi{ font-size:24px; color:#008bdb; padding-bottom:30px;}
.list li .txt{ position:relative; line-height:30px; margin-bottom:20px;}
.list li .txt p{ font-size:16px; padding-left:40px;}
.list li .txt em{ position:absolute; left:0; top:0;}
.list li h3{ padding-bottom:20px; font-size:18px; color:#232425;}

.tactfrms{width:50%;float:right; }
.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:#008bdb;border-radius: 5px; border: none;}
.redxing{position:absolute;top:11px;left:57px;color:#008bdb;}

.contact_map{ width:100%;  padding-top: 30px;}
.contact_tu{width:43%;float:right;  margin-top: 25px;}
#map_container{height: 600px; margin: 25px 0;}




.xinwenxiangqing{width:100%; height: auto; overflow: hidden;}
.xinwenxiangqing .nd_head{text-align: center;padding-bottom: 30px;border-bottom: 1px dashed #d6d6d6;}
.xinwenxiangqing .nd_head p{color: #008bdb;font-size: 28px;margin-bottom: 18px;height: auto;}
.xinwenxiangqing .nd_head span{color: #555;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:14px;line-height:30px;  padding: 30px 0; color: #333}
.xinwenxiangqing .nd_text img{ max-width: 100%; display: block; margin: 10px auto;}
.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:#008bdb; 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; 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{background:url(../images/ly_li.png) no-repeat left center; padding-left:15px; color: #333}
.news_random2 ul li a:hover{color:#008bdb;}
.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: #008bdb;}
.news_con_b .fhlb{float: right;width: 140px;height: 40px;line-height: 40px;background: #008bdb;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;}

.view-page{width:100%; position:relative; 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; position: absolute;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{left:0;}
.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 #008bdb;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px; width:160px;}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #008bdb;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 #008bdb; color:#000;}
.view-page .next{right:0;}
.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 #008bdb;}


.related-product {overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#008bdb;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{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px; color: #666}
.relatedNews_font ul li a:hover{color: #008bdb}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}


.downloads{  overflow: hidden; }
.downloads ul li{ width: 100%; height: 65px; border: 1px solid #e5e5e5; margin-bottom: 20px; overflow: hidden; }
.downloads ul li:nth-child(2n){ background: #f7f7f7; }
.downloads ul li i{ width: 5%; min-width: 60px; line-height: 64px; text-align: center; font-size: 30px; color: #a2a2a2; float: left; display: block; }
.downloads ul li i img{max-width: 30px; vertical-align: middle;}
.downloads ul li p{ width: 50%; height: 64px; line-height: 64px; font-family: 'helveticaneuecyr-medium'; font-size: 16px; color: #4d4d4d; float: left; display: block; margin-bottom: 0;}
.downloads ul li h5{ width: 40%; height: 64px; line-height: 64px; font-family: 'Arial'; font-size: 20px; color: #a2a2a2; float: left; display: block; }
.downloads ul li a{ width: 5%; min-width: 60px; height: 64px; float: right; display: block; }
.downloads ul li a i{ font-size: 24px; }
.downloads ul li a:hover i{ color: #f00; }

.pronyimg {padding:0; height:auto; overflow:hidden;}
.pronyimg ul { list-style: none; overflow: hidden; margin-right: -2%; }
.pronyimg li { width:23%; height: auto; overflow: hidden; margin-right:2%; float: left; margin-bottom: 20px;}
.pronyimg li .pic {border: 1px solid #cdcdcd; height:auto; overflow: hidden; font-size: 0}
.pronyimg li a { display: block; width: 100%; overflow: hidden; transition:all 0.3s;}
.pronyimg li .pic img { width: 100%!important; overflow: hidden;}
.pronyimg li div:hover { border: 1px solid #008bdb; }
.pronyimg li a:hover{ transform:scale(1.2,1.2);  overflow: hidden;}
.pronyimg li span { display: block; text-align: center; line-height:25px; color: #222; font-size: 14px; margin: 10px 0; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden; box-sizing: border-box;
}


/* 产品列表 */
.newsleft{width:20%; height:auto; float:left;}
.blk-xs{width:100%;}
.fdh-01-tit {background: #008bdb;height: auto;}
.fdh-01-tit .nbt{font-size: 24px;font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center;}
.fdh-01-tit .nbt span{font-size: 14px;text-transform: uppercase;}

.fdh-01-nav-one .nbt2{line-height: 50px;margin-bottom: 2px;overflow: hidden;background:#ececec;}
.fdh-01-nav-one .nbt2 a{display:inline-block;font-size: 16px;font-weight: normal;color: #666666;overflow: hidden;vertical-align: middle;width:calc(100% - 50px);box-sizing: border-box;padding-left:20px;}
.fdh-01-nav-one .nbt2 i{display:inline-block; vertical-align: middle;width:50px;height:50px;background: url(../images/p14-icon5.png) center center no-repeat;}
.fdh-01-nav-one .nbt2 i.xu{background: url(../images/p14-icon2.png) center center no-repeat;}
.fdh-01-nav-one dl{display:none;}

.fdh-01-nav-one .nbt2.sidenavcur, .fdh-01-nav-one .nbt2:hover{background: #008bdb}
.fdh-01-nav-one .nbt2.sidenavcur a, .fdh-01-nav-one .nbt2:hover a{color: #fff;}
.fdh-01-nav dl{padding: 2px 0 4px;}
.fdh-01-nav dt{height: 50px;font-size: 16px;line-height: 50px;padding-left: 54px;padding-right: 40px;margin-bottom: 1px;background: #ececec;position: relative;overflow: hidden;}
.fdh-01-nav dt:after{content: "";width: 8px;height: 8px;border: 2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;right: 32px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after{border-color: #008bdb;}
.fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a{color: #008bdb;}
.fdh-01-nav dd{border: 1px solid #ececec;border-bottom: 0;}
.fdh-01-nav p{height: 50px;font-size: 14px;line-height: 50px;padding-left: 72px;padding-right: 40px;border-bottom: 1px solid #ececec;background: #fff;position: relative;overflow: hidden;}
.fdh-01-nav p.sidenavcur a, .fdh-01-nav p:hover a{color: #008bdb;}
.fdh-01-nav p.sidenavcur:after, .fdh-01-nav p:hover:after{background: #008bdb;}
.fdh-01-nav a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fdh-01-nav a.cur{color: #008bdb;}

.ablxpne{overflow: hidden;padding: 30px 0;padding-left: 65px;border-radius: 10px;background: url(../images/pro_phone.png) no-repeat 10px center;background-color: #008bdb; margin-top: 3%;}
.ablxpne p{font-size: 16px;color: #fff;}
.ablxpne b{display: block;font-size: 24px;color: #fff;font-family: 'Times New Roman'}

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

.nypro{overflow: hidden; margin-top: 30px;}
.nypro ul{margin-right:-2%}
.nypro li{width: 48%; float: left; margin:0 2% 2% 0; border-bottom: 1px solid #eee; padding-bottom: 20px}
.nypro li .ppimg{width: 45%; float: left;border:1px solid #008bdb;}
.nypro li .ppimg img{max-width: 100%; margin: auto; display: block; clear: both; }
.nypro li .pwz{float: right; width: 51%}
.nypro li .pwz p{font-size: 14px; line-height: 25px; line-height: 25px}
.nypro li .pwz p span{color: #008bdb}

@media(max-width: 1200px){

.footer{ padding:10px 0 30px;}
.ft-menu{ display:none;}
.ft-infos{ float:left; width:60%; margin-right:20px;}
.ft-infos .con{margin-top:10px;}
.ft-QRcode{ float:none; margin-top:20px;}
.ft-QRcode .tel em{ font-size:18px;}

.flinks { padding:20px 0; }
.flinks dd a{ padding-left:0; margin-right:10px; padding-right:10px;}

}

@media(max-width: 980px){
.ft-QRcode .QRcode-list .item{width:110px;}
.ft-QRcode .QRcode-list .item i {width: 100px;}
.ft-QRcode .QRcode-list .item:nth-of-type(2){ display:none;}
}
@media(max-width: 320px){
.ft-infos{ width:55%;margin-right:10px;}
.ft-QRcode .QRcode-list .item{width:100px;}
.ft-QRcode .QRcode-list .item i {width: 90px;}
.ft-QRcode .QRcode-list .item:nth-of-type(2){ display:none;}

.ft-infos .con p{ padding: 6px 0; font-size: 13px;}
}