@charset "utf-8";
/* CSS Document */

/*-----whole-----*/
/*-----whole-----*/
html{font-size:100px;}
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;overflow-x:hidden; min-width:1200px}
body.resizing *{transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;}

.contain{width:1200px;margin:0 auto;}
a:hover{color:#30a2dd;}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

input.text,
textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}

/*--- Header ---*/
.Header-wrapper{z-index:99;}
.Header-wrapper .Header-cl{height:70px;position:relative;}

.header-container{width:100%;background:#fff;box-shadow:0px 4px 5px rgba(9,2,4,.17);position:fixed;top:0px;left:0px;z-index:90;}

/*logo*/
.H-logo{height:70px;line-height:70px;font-size:0px;float:left;overflow:hidden;}
.H-logo img{height: 42px;}




















.sy_zs{padding: 45px 0;position: relative;}
.sy_zs .sy_zs_img{float: left;width: 50%;}
.sy_zs .sy_zs_img img{display: block;width: 100%;}
.sy_zs .sy_zs_txt{position: absolute;right: 0;top: 50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%); width: 48%;  padding-top: 30%;}
.sy_zs .sy_zs_txt .h1{font-size: 40px; line-height: 40px;font-weight: bold;color: #1c242f;padding-bottom: 15px;}
.sy_zs .sy_zs_txt .h2{font-size: 16px; line-height: 30px;color: #1c242f;}





/*language*/
.H-lang{position:relative;float:right;}
.H-lang:after{content:"";display:block;width:1px;height:14px;background:#e5e5e5;position:absolute;left:-38px;top:28px;}
.H-lang .Hlang-menu{display:block;padding:0 0 0 24px;height:70px;line-height:70px;font-size:15px;font-weight:600;color:#666666;background:url(../images/icon-Hlang.png) no-repeat left center;transition:none !important;-webkit-transition:none !important;}
.Hlang-menu.cur{background-image:url(../images/icon-close.png);}
.Hlang-box{width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:60px;right:-76px;display:none;padding:20px 0px;}
.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;}
.Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}
.Hlang-box a:hover{color:#fff;background:#00a1e9;}
.Hlang-box a.CN{background-image:url(../images/icon-CN.png);}
.Hlang-box a.JP{background-image:url(../images/icon-jp.png);}
.Hlang-box a.EN{background-image:url(../images/icon-EN.png);}
@media all and (max-width:1370px){
	.Hlang-box{right:0px;}
	.Hlang-box:before{left:100%;margin:0 0 0 -16px;}
}

.H-nav{float:right;margin:0 4.91667% 0 0;}
.H-nav>li{position:relative;float:left;}
.H-nav .Hnav-menu{display:block;padding:0 20px;height:70px;line-height:70px;font-size:15px;font-weight:600;color:#666666;position:relative;}
.Hnav-menu i{display:none;width:50px;height:50px;background:url(../images/icon-dd1.png) no-repeat center center / 14px auto;position:absolute;right:0px;top:0px;z-index:2;}

/*二级*/
.Hn2nd-box{width: 500px;padding:20px 30px 30px 20px;background:#00a1e9;position:absolute;top:70px;right:-244px;display:none;}
.H-nav>li:last-child .Hn2nd-box{right:0px;}
.Hn2nd-dd{display:block;width:21px;height:11px;background:url(../images/icon-Hdd.png) no-repeat center center;position:absolute;bottom:0px;left:50%;margin-left:-10px;display:none;}
.Hn2nd-list{width: 35%;float:left;}
.Hn2nd-list li{width: 100%;padding:0 0 0 20px;float:left;}
.Hn2nd-list li a{display:block;padding:0 0 0 15px;line-height:39px;color:#fff;background:url(../images/icon-l1.png) no-repeat left center;border-bottom:1px solid rgba(255,255,255,.2);}
.Hn2nd-img{display:block;width: 55%;height:160px;overflow:hidden;float:right;}
.H-nav>li.cur .Hnav-menu,
.H-nav>li:hover .Hnav-menu{color:#00a1e9;} 

@media all and (min-width:980px){
	.H-lang:hover .Hlang-box,
	.H-nav>li:hover .Hn2nd-dd,
	.H-nav>li:hover .Hn2nd-box{display:block;animation:fadeDown .6s ease-in-out;-webkit-animation:fadeDown .6s ease-in-out;}	
}
@keyframes fadeDown{
	from{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
	top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes fadeDown{
	from{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
	top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}

.H-nav li .promenu{display: none;width: 900px; margin:0 auto; background: #fff; border-bottom: 1px solid #eeeeee;position: absolute;left: 0px;top: 70px;}
.H-nav li:hover .promenu{display: block;}
.promenu_left{width: 100%; overflow: hidden;}
.hd{width: 180px; float: left; border-right: 1px solid #eeeeee;border-left: 1px solid #eeeeee;background: #FFFFFF;box-sizing: border-box;}
.hd ul{}
.hd li{font-size: 14px;color: #000;position: relative; line-height: 49px;padding-left: 20px; background:#fff url(../images/j_jt.png) no-repeat 200px; width: 220px; border-bottom: 1px solid #eeeeee;}
.hd li:hover{font-size: 14px;color: #fff; display:black; line-height: 49px;padding-left: 20px; background:#00a1e9 url(../images/jh_jt.png) no-repeat 200px;}
.hd a:hover{color: #00a1e9;}
.hd li a{display: block;}
.hd li a:hover{display: block;}
.hd li.hover{font-size: 14px;color: #fff; display:black; line-height: 49px;padding-left: 20px; background:#00a1e9 url(../images/jh_jt.png) no-repeat 200px;}
.bd{width: 620px;position: absolute;left: 220px;top: 0px; background: #fff;}
.bd ul{}
.bd li{width: 180px;height: 150px;display: block;border-right: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee; float: left;}
.bd li .pic{width: 124px; height: auto; margin:auto;}
.bd li .pic img{width: 100%}
.bd li .z1{text-align: center; font-size: 12px; line-height: 35px; color: #333;}



/*--- Footer ---*/
.Footer-wrapper{padding:49px 0 30px;background:#222;}

.F-nav{width:13.3333%;float:left;}
.F-nav dt,
.F-ct .type{line-height:36px;font-weight:600;color:#fff;position:relative;}
.F-nav dd{}
.F-nav dd a,
.F-ct .con{display:block;padding:5px 0;line-height:26px;color:#888;}
.F-nav dd a:hover,
.F-link a:hover{color:#00a1e9;}
.F-nav dt i{display:none;width:50px;height:50px;background:url(../images/icon-dd1.png) no-repeat center center / 12px auto;position:absolute;right:0px;top:0px;}

.F-ct{width:26.6667%;border-right:1px solid #363636;float:left;}

.F-code{text-align:center;float:right;margin:0 4.25% 0 0;}
.F-code img{width:110px;height:110px;object-fit:cover;}
.F-code .type{line-height:24px;color:#999999;margin:5px 0 0;}

.F-link{width:100%;padding:15px 0;line-height:24px;color:#999999;border-top:1px solid #363636;border-bottom:1px solid #363636;float:left;margin:56px 0 0;}
.F-link a{display:inline-block;margin:0 1.75% 0 0;}

.F-cr{width:100%;padding:16px 0 0;line-height:26px;text-align:center;color:#888888;margin:16px 0 0;float:left;}


.F-nav dt.cur i,
.Hnav-menu.cur i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}

/*--- Banner ---*/
.banner{ width:100%; overflow:hidden; position:relative; margin-top:px;}
.banner *{ box-sizing:content-box;}
.banner ul{ position:relative; width:10000%;}
.banner ul li{ float:left; width:1%; overflow:hidden;}
.banner ul li a{ display:block;}
.banner ul li img{display:block; width:1920px; position:relative; left:50%; margin-left:-960px;}
.bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:5;}
.bandd span{z-index:2;cursor:pointer;margin-right:5px;display:inline-block;width:10px;height:10px;zoom:1;border-radius:100%;border:2px solid #888;position:relative;-webkit-transition:.3s;transition:.3s;}
.bandd span:after{content:"";position:absolute;width:6px;height:6px;background:#888;top:2px;left:2px;border-radius:100%}
.bandd span.on,.bandd span:hover{border:2px solid #e8549d;transform:scale(1.1)}
.bandd span.on:after{background:#e8549d}
.banz,.bany{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; opacity:0; transition:0.3s; cursor:pointer; z-index:5;}
.banz{ left:5%; background:url(../img/ban_l.png) center no-repeat;}
.bany{ right:5%; background:url(../img/ban_r.png) center no-repeat;}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}
/*--- Container ---*/

/*首页产品*/

.Index-com-title{text-align: center;padding-top: 66px;}
.Index-com-title h2{font-size: 30px; color: #333; font-weight: normal; position: relative; z-index: 9;}
.Index-com-title h2 {background: url(../images/product-title-xian.png) no-repeat center 14px;}
.Index-com-title h2 a{color: #333;text-decoration: none;}
.Index-com-title span{display: block;position: relative;z-index: 6;font-size: 30px;color: #f1f1f1;font-family: arial;text-transform: uppercase;top: -36px;font-weight: bold;}
.Index-com-title h2 em{color: #00a1e9; font-weight: bold; font-style: normal;}
.Index-com-title p{font-size: 14px;color: #666;margin-top: 3px; margin-bottom: 30px;}

.in_business{width: 100%; height: auto; padding: 0px 0 40px 0; overflow: hidden;background: url(../images/a_bg02.jpg) no-repeat center; background-size: cover;}
.container{width: 100%;max-width: 1200px;margin: auto;}
.row{margin-left: -15px;margin-left: -15px;}
.flex-box{display: flex;flex-wrap: wrap;/*使用这个盒子类型，控制每一行的div高度一致*/}
.flex-box div{box-sizing: border-box;/*设置盒子的内边距padding，让内边距不会影响高度*/}
.flex-box>div{padding: 15px;}
.flex-box>div.Grid-2{width: 66.6666%;}
.flex-box>div.Grid-1{width: 33.3333%;}
.content{position: relative;z-index: 1;width: 100%;background: #ebebeb;overflow: hidden;}
.flex-box>div.Grid-1 .content{padding-bottom: 100%;}
.flex-box>div.Grid-2 .content{position: relative;z-index: 1;width: 100%;padding-bottom:calc(50% - 15px);;background: #ebebeb;}
.content-img{position: absolute;z-index: 1;top:0;bottom: 0;left: 0;right: 0;background-position: center;background-size: cover;}
.content-text{position: absolute;z-index: 1;top:0;bottom: 0;left: 0;right: 0;display: flex;align-items: center;/*垂直居中内部盒子*/background: rgba(0,0,0,0.8);opacity: 0;transform:translate(0%,100%);transition:all .4s;}
.content:hover .content-text{opacity: 1;transform:translate(0%,0%);}
.info{width: 100%;max-width: 100%;padding: 0px 30px;font-size: 14px;color: #fff;line-height: 1.75em;}
.info h2{font-size: 16px; line-height: 40px; font-weight: 600}
/*首页产品*/



.yewu_list{width: 100%; margin: 35px 0; height:auto; overflow: auto;background: #f1f1f1;}
.yewu_list ul{margin-right: -2%;}
.yewu_list li{float:left;width:31.333%;margin-right:2%; margin-top: 0px; margin-bottom: 40px;}
.yewu_list li .img{}
.yewu_list li .img img{ width: 100% }
.yewunameeng{height: 50px;line-height: 50px;border-bottom: 1px solid #ddd;margin-bottom: 18px;}
.yewuname{float: left;font-weight: bold;font-size: 16px;}
.yewueng{float:right;text-transform:uppercase}


.in_about{width: 100%; height: auto; padding: 30px 0; overflow: hidden;}
.in_about_tit{width: 100%; height: auto; text-align: center;}
.in_about_tit_cn{font-size: 26px; color: #333; font-weight: 600; line-height: 50px;}
.in_about_tit_cn_i{width: 30px; background: #555; height: 2px; margin: 0 auto;}
.in_about_tit_cn_zi{font-size: 14px; color: #555; margin-top: 10px;}
.in_about_ny{width: 100%; height: auto; margin-bottom: 0px; overflow: hidden;}
.in_about_textnr{width: 53%; height: auto; float: left;}
.in_about_textnr_tit{font-size: 16px; line-height: 40px; color: #5a5a5a; font-weight: 600}
.in_about_textnr_tit_line{width: 20px; background: #555; height: 2px;}
.in_about_text{width:100%; float:left; margin-top:20px; font-size:16px; line-height:30px; font-weight: normal;}
.in_about_sj{width:100%; float:left; margin-top:40px;margin-bottom:40px;}
.in_about_sj li{width:24%; float:left; border-right:1px solid #e6e6e6; padding-right:3%; margin-right:5%;}
.in_about_sj li .sz{width:100%; float:left;}
.in_about_sj li .sz_bt{font-size:40px; float:left; font-weight:bold; color:#00b9ef; line-height:30px; font-family:Arial;}
.in_about_sj li .sz_xb{float:left; margin:10px 0 0 10px; font-size:14px; color:#000;}
.in_about_sj li .txt{width:100%; float:left; margin-top:10px; font-size:14px;}
.more{width: 15%; height: auto; background: #444; border-radius: 20px; overflow: hidden;text-align: center; }
.more a{ font-size: 14px; line-height: 35px; color: #fff;}
.more a:hover{background: #00b9ef; border-radius: 20px; color: #fff; display: block;}

.in_about_pic{float:right; overflow:hidden; width: 40%}
.in_about_pic img{width:100%;display:block;-webkit-transition:all .3s;transition:all .3s;}
.in_about_pic a:hover img{-webkit-transform:scale(1.1); transform:scale(1.1);}


.ab_img{padding: 15px 0; overflow: hidden;}
.ab_img ul{margin-left: -2%; }
.ab_img ul li{float: left;width: 23%;margin-left: 2%; margin-bottom: 50px;}
.ab_img ul li .jtu{width: 100%;}
.ab_img ul li .jtu img{width: 100%; transition: all .3s ease-in-out; transform: translateY(12px); height:auto;}
.ab_img ul li .jtu img:hover{ transform: translateY(0)}

/*新闻中心*/

.index-news{padding: 50px 0; background: #f4f4f5}
.index-news-content{margin-top:54px; background-color:#fafafa;}
.dinews{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.dinews .nlf{ width:43%; float:left; height:auto; overflow:hidden;}
.dinews .nlf .pic{ width:100%;}
.dinews .nlf .pic img{ width:100%;}
.dinews .nlf h3{ font-size:18px; padding:15px 0 0;}
.dinews .nlf span{ color:#999; font-size:12px;}
.dinews .nlf p{ line-height:1.8; color:#777; padding-top:0px; font-size:14px;}
.dinews .nrg{ width:52%; float:right; height:auto; overflow:hidden;}
.dinews .nrg ul{}
.dinews .nrg ul li{ border:1px #ccc solid; padding:15px; height:auto; overflow:hidden; margin-bottom:10px;}
.dinews .nrg ul li:hover{ border:1px #00a1e9 solid;}
.dinews .nrg ul li h3{ font-size:16px; height:auto; line-height:35px;}
.dinews .nrg ul li h3 a{ font-size:16px; height:auto; line-height:35px; color: #00a1e9}
.dinews .nrg ul li p{ color:#555; font-size:14px;}

/*新闻中心*/

.index-hzhb-bj{background:#fff;padding:30px 0;overflow:hidden; }
.index-hzhb-title{font-size:30px;line-height:35px;color:#fff;text-align:center;font-weight:bold;}
.hs-title{color:#f28004;font-size:36px;line-height:36px;}
.index-hzhb-title-ms{font-size:18px;color:#fff;padding-top:5px;font-weight:normal;}

#demo{width:100%; overflow:hidden; margin:0 auto;}
.index-hzlb-pic{padding-top:0px;}
.index-hzlb-pic li{margin-right:10px;width:187px;}
.index-hzlb-pic li img{border: 1px solid #ccc;}


/*相关链接*/
.index-flink{padding:54px 0 53px;color:#fff;background:#269dd9 url(../images/bg/iFlink-bg.jpg) no-repeat center bottom;}
.iFlink-list{width:101.8333%;margin:0 0 0 -1.8333%;}
.iFlink-list li{width:33.3334%;padding:0 0 0 1.800327332242226%;float:left;}
.iFlink-list dl{padding:9px 0 11px;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);}
.iFlink-list dl dt{padding:0 0 0 3.116883116883117%;line-height:32px;}
.iFlink-list dl dt .type{font-size:16px;}
.iFlink-list dl dt .more{font-size:12px;float:right;}
.iFlink-list dl dt .more span{font-family:'宋体';margin:0 0 0 8px;}
.iFlink-list dl dd{padding:0 0 0 3.116883116883117%;margin:5px 0 0;}
.iFlink-list dl dd a{display:block;padding:5px 0;line-height:22px;float:left;margin:0 6.702412868632708% 0 0;}
.iFlink-list dl dd a:hover{color:#fff;}

/*联系我们*/
.ctUs-container{padding:87px 0 100px;}
.ctUs-container .I-title{width:460px;margin:0 auto;}
.ctUs-map{border:1px solid #dbdbdb;position:relative;overflow:hidden;margin:41px 0 0;}

.ctUs-list{margin:49px 0 0;}
.ctUs-list li{padding:0 20px 0 173px;width:33.3334%;height:44px;position:relative;float:left;}
.ctUs-list li .type{width:128px;height:44px;line-height:44px;text-align:center;color:#fff;border-radius:44px;background:#30a2dd;position:absolute;left:0px;top:0px;}
.ctUs-list li .type:before{content:"";display:block;width:24px;height:1px;background:#d0d0d0;position:absolute;right:-24px;top:50%;margin:-1px 0 0;}
.ctUs-list li .type:after{content:"";display:block;width:7px;height:7px;background:#30a2dd;border-radius:100%;position:absolute;right:-31px;top:50%;margin:-4px 0 0;}
.ctUs-list li .box{display:table;width:100%;height:44px;}
.ctUs-list li .box .con{display:table-cell;vertical-align:middle;color:#666666;}


.inpage-banner{width:100%;height:350px;background-repeat:no-repeat;background-position:center top}
.mianbaoxie1200{width:100%;height:50px;margin-top:-70px;position:relative;z-index:9}
.mianbaoxie1200 .con{width:100%;height:50px;background:url(../images/mub01addressBg.png) repeat}
.mianbaoxie1200 .p1{height:50px;line-height:50px;font-size:13px;color:#fff;float:left;width:1180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mianbaoxie1200 .p1 a{color:#fff;padding:0 4px}
.mianbaoxie1200 .p1 img{margin:0 10px 0 20px;position:relative;top:0px;vertical-align: middle;}
.mianbaoxie1200 .p2{float:right;font-size:13px;color:#fff;line-height:50px;margin-right:22px}

.yunu_menubg{width: 100%; height: auto; overflow: hidden; margin:40px 0;} 
.yunu-menu-inner {text-align: center;margin-bottom: 0px;}
.yunu-menu-inner a {float: left;width: 20%;}
.yunu-menu-inner span {display: block;margin-left: 1px;background-color: #F4F4F4;color: #333;font-size: 18px;line-height: 55px;}
.yunu-menu-inner a:hover span,.yunu-menu-inner a.active span {background: url(../images/p16-icon6.png) no-repeat center bottom #00a1e9;color: #fff;}


.ny_main{width:100%; margin:60px 0; overflow: hidden;}
.ny_main_text{width:100%; float:left; font-size:14px; line-height:30px;}
.ny_main_text_img{float:left; margin-right:40px; margin-bottom:40px; width: 40%}
.ny_main_text_img img{width: 100%}
.ny_main_text p{font-size:15px; line-height:36px;}
.ny_main_text p img{max-width: 100%; display: block;; clear: both; margin:auto;} 
.ny_main_text p strong{color: #d43802; font-weight: 600;font-weight: 18px;}



/*==Honor↓==*/
.workshop_r_img{width:100%; float:left; margin-top:20px;}
.workshop_r_img ul{margin-right: -2%}
.workshop_r_img li{width:23%; height:auto; float:left; margin-right:2%; margin-bottom: 30px; text-align:center; padding:10px 10px 0 10px; background:#f2f2f2; border-bottom:3px solid #ddd; position:relative; box-sizing: border-box;}
.workshop_r_img li .pImg{display:block; width:96%; height:auto; padding:4px; border:1px solid #e3e3e3; background:#fff; display:table-cell; vertical-align:middle;}
.workshop_r_img li img{width:100%; vertical-align:middle}
.workshop_r_img li::before{content:""; position:absolute; height:3px; bottom:-3px; left:0; transition:all .5s; width:0;}
.workshop_r_img li:hover::before{width:100%; background:#00a1e9; transition:all .5s}
.workshop_r_img li p{font-size:16px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:10px 0; box-sizing: border-box; color: #333;}
.workshop_r_img li:hover{background:#eee; box-shadow:0 1px 10px #999;}
/*==Honor↓==*/

.product{width: 100%; height: auto; overflow: hidden;}
.m_left{ background: #fff; width: 20.8%; float:left; }
.ml_title{ overflow: hidden; height: 100px; line-height: 100px; box-sizing: border-box; background: #00a1e9 url(../images/icon24.png) left bottom no-repeat; padding-left: 30px; color: #fff; }
.ml_title h2{ white-space: nowrap; font-size: 26px; }
.ml_title h2 span{ text-transform: uppercase; margin-left: 6px; font-size: 16px; opacity: .2; }
.ml_nav{ border-bottom: 4px solid #eaeaea; }
.ml_nav li{ background: #f7f7f7; font-size: 16px; }
.ml_nav li a{ background: url(../images/icon25.png) 90% center no-repeat; position: relative; display: block; border-bottom: 1px solid #eaeaea; color: #666; padding: 20px 40px 19px 30px; }
.ml_nav li a .tit{ display: block; height: 100%; top: 0; width: 30px; position: absolute; right: 16px; }
.ml_nav li a:hover{background: #fff url(../images/icon25on.png)  90% center no-repeat;}
.ml_nav li.on a .tit,.ml_nav li.active a .tit{ background: #fff url(../images/icon44.png) center no-repeat; }
.ml_nav li.on a,.ml_nav li.active a,.ml_nav dd.on a{ background: url(../images/icon25on.png) 90% center no-repeat; color: #00a1e9; }
.ml_nav li.on,.ml_nav li.active{ background: #fff; }
.ml_nav li.on dl{ display: block; }
.ml_nav dl{ display: none; position: relative; padding: 11px 0 10px; border-bottom: 1px solid #f4f4f4; }
.ml_nav dd{line-height: 40px; padding: 0 20px 0 50px; }
.ml_nav dd a{ font-size: 14px; color: #666;  width: 100%; display: inline-block; vertical-align: middle; }
.ml_nav dd a:hover{ color: #00a1e9; text-decoration: underline; }
.ml_nav dd p a{ box-sizing: border-box; display: block; padding-left: 22px; color: #999; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_right{ background: #fff; width: 75.3%; box-sizing: border-box; float: right}
.mr_name{ border-bottom: 1px solid #eaeaea; height: 72px; line-height: 72px; }
.mr_tit{font-weight: bold; font-size: 20px; color: #00a1e9; display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }

.m_right img{ max-width: 100%; }
.pro_list {padding:30px 0 0 0;margin-top: 0px;overflow: hidden}
.pro_list ul{ margin-right: -2%;}
.pro_list li{float: left; width: 31.333%; text-align: center;margin-right: 2%; margin-bottom: 10px;}  
.pro_list li img{width:95%;  height:auto; border: 1px solid #e2e2e2; padding: 2px;} 
.pro_list li a{color: #555;}
.pro_list li span{ display: block; line-height: 22px; padding: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.pro_list li img:hover{border: 1px solid #00a1e9;}


.products{width:100%; float:left; margin-top:30px;}
.promore_l{width:45%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; border:1px solid #d6d6d6;}
.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;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; 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:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:54px;height:41px;}
.spec-scroll .items ul li img:hover{border:2px solid #c80605; padding:1px;}

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

.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: #00a1e9}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#00a1e9; 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 #00a1e9; color:#fff; background:#00a1e9;}
/* 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:30px; font-size:14px;}
.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:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;}
.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:#00a1e9; 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%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #00a1e9;}
.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{width:100%; max-width:1200px; float:left; 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 #00a1e9;}
.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 #00a1e9;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 #00a1e9; 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 #00a1e9;}

.in_aboutl_btn{width:160px; float:left; margin-top:0px; position:relative; overflow:hidden;}
.in_aboutl_btn a{width:100%; display:block; line-height:40px; background:#fff; border:2px solid #00a0e8; text-align:center; font-size:14px; color:#000; padding:0;}
.in_aboutl_btn a:hover{background:#00a0e8; color:#fff;}
.in_aboutl_btn a:before{content:""; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(120deg,transparent,rgba(255, 255, 255, 0.4),transparent); transition:all 650ms;}
.in_aboutl_btn a:hover:before{left:100%;}


/*下载中心*/
.icon{display: inline-block; background-position: center;background-repeat: no-repeat;vertical-align: middle;}
.down_list{width: 100%; margin-top: 3%;}
.down_list span{float: left;text-align: center;}
.down_list li{height: 70px;line-height: 70px;font-size: 14px; margin-bottom: 10px; color: #666;background: #ececec;}
.down_list .sp1{width: 5%; text-align: center;background: #0063b0;}
.down_list .sp1 i{width: 100%;height: 28px;background-image: url(../images/icon29.png);}
.down_list .sp2{padding-left: 2%;text-align: left;min-width: 15%;} 
.down_list .sp3{width: 25%;text-align: center;} 
.down_list .sp4{float: right;width: 25%; } 
.down_list .sp5 {float: right;margin-top: 17px;margin-right: 1%; width: 10%;height: 34px;text-align: center;line-height: 34px;border:1px solid #c7c7c7;}
.down_list .sp5 a{display: block;}
.down_list .sp5 i{width: 27%;height: 11px;background-image: url(../images/icon30.png);}
/*下载中心*/

.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: #ed831a;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: #00a1e9; 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: #00a1e9;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: #00a1e9;font-weight: bold;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 560px;}
.inf_lc li .nyzi b a:hover{color: #ed831a;}
.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: #ff9900;}

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


/*新闻详情*/
.xinwenxiangqing{width:100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.xinwenxiangqing .nd_head{text-align: center;margin-top:10px;padding-bottom: 30px;border-bottom: 1px dashed #d6d6d6;}
.xinwenxiangqing .nd_head p{color: #00a1e9;font-size: 28px;margin-bottom: 18px;height: auto;overflow: hidden;}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:15px;line-height:30px;  padding: 10px 0;}
.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:#00a1e9; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6;}
.news_random2{width:100%;float:left; background:#fff; border:1px solid #d6d6d6; padding:20px; border-top:none;}
.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:#00a1e9;}
.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: #00a1e9;}
.news_con_b .fhlb{float: right;width: 140px;height: 40px;line-height: 40px;background: #00a1e9;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; font-weight: normal;}





.message{ margin-top:50px;}
.message h3{text-align:left;color:#333;font-size: 20px;line-height: 40px;font-weight: bold;padding: 20px 0 30px;}
.tactfrm ol{width:100%;float:left; margin-top:30px;}
.tactfrm ol li{float: left; width:48.5%; margin-bottom:20px; background:#fff;}
.tactfrm ol li:nth-child(2n){float:right;}
.tactfrm ol li:nth-child(6){float:left;}
.tactfrm ol li:nth-child(7){float:right;}
.tactfrm ol li p{font-size:18px;line-height:20px; color:#333;padding-bottom: 10px;}
.tactfrm ol li input{width:100%; height:60px; line-height:60px;  background:none; border:none; border:1px solid #e6e6e6; color:#999; padding:0 15px; font-size:14px; outline:none; -webkit-appearance:none;}
.tactfrm ol li textarea{font-size:14px; padding:10px 15px; width:100%; height:128px; border:1px solid #e6e6e6; background:none; color:#999; outline:none; -webkit-appearance: none;}
.tactfrm ol li .btn,.tactfrm ol li .btn2{color:#fff; font-size:16px; cursor:pointer;}
.tactfrm ol li .btn{background:#008cd6;}
.tactfrm ol li .btn2{background:#999;}



/*联系我们*/
.contact_lx{ float: left; width:47%; margin-top:55px; font-size: 16px; line-height: 35px;}
.contact_lx p:first-child{font-size: 19px; }

.tactfrm{width:50%;float:right; margin-top:35px;}
.tactfrm h2{font-size: 25px;color:#333;font-weight: normal; margin-bottom: 20px}


/*
.tactfrm ul{overflow: hidden; margin-right: -5%}
.tactfrm li{width:45%;float:left;height:45px;margin:0 5% 12px 0;position:relative;}
.tactfrm li input{width:98%;height:42px;padding:0 15px;border:solid 1px #ddd;border-radius: 3px;}
.tactfrm li.area{height:auto;width:100%;}
.tactfrm li textarea{padding:15px;width:94%;height:120px;border:solid 1px #ddd;border-radius: 3px; font-family: Arial, "sans-serif"}
.tactfrm li:nth-child(2n){margin-right:0;}
.tactfrm .btn{text-align: center;margin-top:0;overflow: hidden;}
.tactfrm .btn input{height:40px;width:120px;font-size:15px;color:#fff;background:#00a2e9;border-radius: 5px; border: none;}
*/



.redxing{position:absolute;top:11px;left:57px;color:#046ca4;}

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