@media screen and (max-width:1199px) {
.top_bg{width:100%; height:80px; margin:auto; background:#fff; border-bottom:1px solid #e6e6e6; border-top:none; position:fixed; top:0; left:0; z-index:9999;}
.w1200{width:95%; margin:auto;}
.logo{width:120px; float:left; margin-top:15px;}
.logo img{width:100%; display:block;}

.navMenubox{position:fixed; top:80px; bottom:0px; width:100%; left:0px; background:#fff; display:none; height:cala(100vh - 80px); overflow-y:auto; margin-left:0; float:inherit;}
.navMenu{width:100%;}
.navMenu> li{position:relative; width:100%; border-bottom:1px solid #e6e6e6;}
.navMenu>li>a{display:block; padding:0 0 0 20px; color:#000; text-decoration:none; font-size:16px; background:#fff;line-height: 50px; margin-right:50px;}
.navMenu>li>i{position:absolute; right:10px; top:8px; width:36px; height:36px; background:#fff url(../images/off.png) no-repeat center; cursor:pointer;}
.navMenu>li>i.active{width:36px; height:36px; background:#fff url(../images/on.png) no-repeat center;}
.navMenu>li>a.active{color:#fff; background:#00a2ea; }
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu{display:none; clear:both; margin:8px 0px;}
.navMenu>li>ul.sub-menu li{background:none; margin:0px; padding:0px; position:relative;}
.navMenu>li>ul.sub-menu li>a{display: block; font-size:14px; line-height:36px; padding-left:20px; border-top:1px solid #e6e6e6;}
.navMenu>li>ul.sub-menu li>a i{position:absolute; right:10px; top:0; width:36px; height:36px; background:url(../images/pic26.png) no-repeat center; cursor:pointer;}
.navMenu>li>ul.sub-menu li>a.active i{width:36px; height:36px; background:url(../images/pic27.png) no-repeat center;}
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a{color: #fff; background:#00a2ea;}

.naverbox{display:block; position:relative; top:0; left:0; z-index:100;}
.naverbox .btn{position:absolute; top:25px; right:0; height:30px;}
.naverbox .btn span{display:block; width:30px; height:30px; color:#fff; background:url(../images/dh.png) no-repeat center; cursor:pointer;}

.top_r{float:right; margin-top:30px;}
.topr_lg{float:left; font-size:16px; margin-right:20px; color:#000;}
.topr_lg a{color:#000;} .topr_lg a:hover{color:#00a2ea;}

.Hsrch{float:right; margin-right:50px;}
.Hsrch-menu{display:block; width:20px; height:19px; background:url(../images/fdj.png) no-repeat center center / cover;}
.Hsrch-box{width:100%; height:80px; background:#fff; position:absolute; top:0px; left:0px; display:none; z-index:100;}
.Hsrch-block{width:90% !important; height:32px; margin:25px auto 0;}
.Hsrch-block .btn{width:24px; height:32px; background:url(../images/fdj.png) no-repeat center center; float:left;}
.Hsrch-block .close{display:block; width:20px; height:30px; background:url(../images/icon-close2.png) no-repeat center center;float:right;}
.Hsrch-block .text{width:80%;height:32px; font-size:14px; float:left; margin:0 0 0 10px;}
.Hsrch-block .text::-webkit-input-placeholder{color:#6f6f6f;}
.Hlang:hover .Hlang-box{display:block;}

.flexslider,.side{display:none;}

.banner_box img{width:100%; display:block;}
.banner_box{width:100%;text-align:center; margin-top:80px;}
.banner_box img{vertical-align:middle;}
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box img{vertical-align:middle;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden; position:absolute; left:50%; transform:translate(-50%,0); bottom:20px;}
.roll_img_mb_01 .nav_box li{width:10px;height:10px; border-radius:50%; font-size:1px; overflow:hidden; background:#fff; float:left; margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#00a2ea;}

.in_probg{height:960px; margin:auto; background:url(../images/in_probg.jpg) center no-repeat; padding:40px 0;}
.icon_title{width:100%; margin:auto; text-align:center !important; line-height:30px;}
.icon_title span{color:#00a2ea; font-size:20px; font-weight: bold; padding:0 24px; background:url(../images/xfk.png) no-repeat left top; position:relative;}
.icon_title span a{color:#00a2ea;} .icon_title span a:hover{color:#000;}
.icon_title span:before{content:""; position:absolute; right:0; bottom:0; width:17px; height:16px; background: url(../images/xfk2.png) no-repeat center center;}
.icon_title span i{display:inline-block; width:6px; height:6px; background:#00a2ea; border-radius:2px; position:relative; top:-9px; margin:0 18px;}
.icon_title span em{font-style:normal; text-transform:uppercase; color:#333; font-size:14px; font-family:"BEBAS_";}

.in_pro_img{width:100%; margin:30px auto 0;}
.in_pro_img li{width:49%; height:auto; float:left; margin:0 2% 90px 0; position:relative;}
.in_pro_img li:nth-child(2n){margin-right:0;}
.in_pro_img li .pic{width:100%; float:left; overflow:hidden;}
.in_pro_img li a .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.in_pro_img li a:hover .pic img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.in_pro_img li .text{width:100%; float:left; margin-top:20px;}
.in_pro_img li a .text{width:100%; height:100%; background:rgba(0,0,0,0); position:absolute; left:0; bottom:0; transition:all ease-in-out .3s;}
.in_pro_img li a:hover .text{background:rgba(0,0,0,.7);}
.in_pro_img li .text_nr{width:100%; height:60px; position:absolute; top:100%; left:0; background-color:transparent; transition:all ease-in-out .3s;}
.in_pro_img li a .text_nr:after{display:none;}
.in_pro_img li a:hover .text_nr:after{display:none;}
.in_pro_img li .title{color:#000; padding:20px 0 5px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.in_pro_img li a .title{font-size:16px; transition:all ease-in-out .3s;}
.in_pro_img li a:hover .title{color:#00a2ea;}
.in_pro_img li .subtitle{text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.in_pro_img li a::after{content:'+'; width:30px; height:30px; line-height:30px; margin:auto; margin-left:-15px; margin-top:0px; display:inline-block; position:absolute; top:0; left:50%;
z-index:10; border-radius:50px; border:2px solid #fff; transition:all 0.6s cubic-bezier(.17, .84, .44, 1) 0s; opacity:0; color:#fff; font-size:40px; text-align:center; font-family:"Times New Roman", "微软雅黑"; } 
.in_pro_img li:hover a::after{margin-left:-15px; margin-top:-15px; top:50%; opacity:1;} 

.in_btn{width:60%; margin:30px auto 0;}
.in_btn a{width:100%; height:50px; display:block; background:#fff; border:2px solid #d6d6d6; border-radius:30px; text-align:center; line-height:46px; font-size:16px;}
.in_btn a:hover{background:#00a2ea; border-color:#00a2ea; color:#fff;}

.in_about{width:95%; margin:40px auto 0;}
.in_aboutl{width:100%; float:left; padding-top:20px;}
.in_aboutl_bt{width:100%; float:left; text-align:center; margin-top:20px; font-size:24px; line-height:30px; color:#333;}
.in_aboutl_bt:after{content:""; display:block; width:40px; height:2px; background:#d6d6d6; margin:10px auto 0;}
.in_aboutl_wz{width:100%; float:left; margin-top:20px; font-size:14px; line-height:28px;}
.in_aboutl .an a{margin-top:25px; display:inline-block; color:#00a2ea; text-transform:uppercase; font-size:15px; background: url(../images/more1.jpg) no-repeat right center; padding-right: 38px;}

.in_aboutr{width:100%; float:left; margin-top:20px; position:relative;}
.in_aboutr i{display:none;}
.in_aboutr span{display:block; width:100%; overflow:hidden;}
.in_aboutr span img{width:100%; display:block; transition: all .3s;}
.in_aboutr span img:hover{transform:scale(1.1); transition: all .3s;}

.dbap{height:100%; background:url(../images/in_newsbg.jpg) fixed 100% 100%; padding:40px 0; margin:40px auto 0;}
.icon_title2{width:100%; margin:auto; text-align:center; line-height:30px;}
.icon_title2 span{color:#fff; font-size:20px; font-weight: bold; padding:0 24px; background:url(../images/xfk3.png) no-repeat left top; position:relative;}
.icon_title2 span a{color:#fff;} .icon_title2 span a:hover{color:#000;}
.icon_title2 span:before{content:""; position:absolute; right:0; bottom:0; width:17px; height:16px; background: url(../images/xfk4.png) no-repeat center center;}
.icon_title2 span i{display:inline-block; width:6px; height:6px; background:#fff; border-radius:2px; position:relative; top:-9px; margin:0 18px;}
.icon_title2 span em{font-style:normal; text-transform:uppercase; color:#000; font-size:14px; font-family:"BEBAS_";}
.dbap .hd{padding:30px 0;}
.dbap .hd ul{font-size:0px;text-align:center;}
.dbap .hd ul li{display: inline-block; font-size:15px;background:#FFF; cursor:pointer; width:32%; margin-right:2%; line-height:40px;border-radius:30px;}
.dbap .hd ul li:nth-child(3n){margin-right:0;}
.dbap .hd ul li.on{font-weight:bold; color:#FFF; background:#00b1ff; box-shadow:0 3px 10px #333;}
.dbap .inBox{}
.dbap .bd .inBd{width:100%;  margin-top:10px; position: relative;}
.dbap .bd .inBd .pic{width:100%; float:left; overflow:hidden;}
.dbap .bd .inBd .pic img{width:100%; display:block;}
.dbap .bd .inBd a:hover .pic img{transform:scale(1.1); transition: all .3s;}
.dbap .bd .inBd .yi{color:#FFF;}
.dbap .bd .inBd .yi h2{font-size:16px;position: absolute;left:0px;bottom:0;right:100px;background: rgba(0,0,0,0.5);height: 50px;line-height: 50px;padding:0 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dbap .bd .inBd .yi h2 a{color: #FFF;}
.dbap .bd .inBd .yi h2 a:hover{color: #FFF;}
.dbap .bd .inBd .yi .more{position: absolute;right:0px;bottom:0;width:100px;height:50px;line-height: 50px;text-align:center;background:#00b1ff;}
.dbap .bd .inBd .yi .more a i{display:inline-block; background:url(../images/more2.png) no-repeat center center; width:24px; height:6px; position:relative; margin-left:10px; top:-2px;}
.dbap .bd .inBd .yi .more a{color:#FFF;display:block;}
.dbap .bd .inBd .yi .more a:hover{color:#FFF;display:block;text-decoration:none;}
.dbap .bd .inHd{width:100%;}
.dbap .bd .inHd ul{}
.dbap .bd .inHd li{margin-bottom:3px;background: #FFF;padding:20px 0;}
.dbap .bd .inHd li:hover{background: #00b1ff;}
.dbap .bd .inHd li .li_l{}
.dbap .bd .inHd li h2{font-size:16px;margin-bottom:10px; line-height:21px;height:21px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dbap .bd .inHd li p{line-height:24px;height:72px;overflow:hidden;color:#999;font-size:14px;}
.dbap .bd .inHd li:hover p{color: #FFF;}
.dbap .bd .inHd li .riqi{float:right; text-align:center;font-size:14px;}
.dbap .bd .inHd li a{padding:0 20px;display: block;}
.dbap .bd .inHd li:hover a{color:#fff;padding:0 20px;display: block;text-decoration:none;}

.footer_bg{margin:40px auto 0; background:#222; padding:30px 0; overflow:hidden; display:none;}
.foot_left{width:100%; float:left;}
.foot_llist{width:100%; float:left;}
.foot_llist ul{width:100%; border-bottom:1px solid #333; padding-bottom:10px;}
.foot_llist ul li.foot_l_bt{width:100%; height:40px !important; line-height:40px; background:url(../images/img-73.png) no-repeat right center; background-size:16px; transition: all .3s; display:block !important;}
.foot_llist ul li{display:none;}
.foot_llist ul li a{width:100%; display:block; font-size:14px; color:#fff;}
.foot_llist ul li.foot_l_bt a{float:left; width:auto; color:#fff; font-size:16px; font-weight:bold;}
.foot_llist ul li:last-child{margin-bottom:10px;}
.foot_llist ul li a:hover{color:#00a2ea;}

.foot_cont,.foot_ewm{display:none;}

.copy{width:100%; margin:auto; background:#000; padding:20px 5%; overflow:hidden; line-height:30px; text-align:center; font-size:14px; color:#999;}
.copy a{color:#999;} .copy a:hover{color:#00a2ea;}


/*首页代码 End*/

.ny_bn{width:100%; height:auto; margin:80px auto 0; position:relative; overflow:hidden;}
.ny_bn img{width:100%; height:100px; display:block;}
.ny_bn_txt{position:absolute; left:50%; top:25px; width:95%; margin-left:-50%; text-align:center;}
.ny_bn_txt h1{font-size:20px; line-height:24px; color:#fff; font-weight:bold; text-shadow:0 1px 5px #000;}
.ny_bn_txt p{font-size:14px; margin-top:5px; color:#fff; text-shadow:0 1px 5px #000;}

.ny_main{width:95%; margin:40px auto;}
.ny_left{width:100%; float:left; margin-top:40px;}
.leib2{width:100%; float:left;}
.leib2 .tit{width:100%; float:left; font-size:24px; color:#00a2ea; padding-bottom:10px; border-bottom:1px solid #e6e6e6; overflow:hidden;}
.leib2 .tit a{display:block; font-size:24px; color:#00a2ea; font-weight:bold; text-align:center;}
.leib2 .nr{width:100%; float:left; padding:5px 0;}
.leib2 ul{width:95%; margin:auto;}
.leib2 ul li{padding:0 0 0 0; width:100%; overflow:hidden; border-bottom:1px solid #eee; font-size:14px; line-height:36px; background: url(../images/pro_li.gif) no-repeat right center;}
.leib2 .nr ul li:last-child{border-bottom:0;}
.leib2 .nr li a:hover,.leib2 .nr li a.cur{color:#00a2ea;}
.leib2 .nr h3{width:100%; margin:5px auto 0;}
.leib2 .nr h3 a{width:100%; height:50px; font-weight:400; display:block; font-size:16px; line-height:50px; border-bottom:1px solid #e6e6e6; color:#333;}
.leib2 .nr h3 a:hover ,.leib2 .nr h3 a.cur{color:#00a2ea; font-weight:bold; text-decoration:none;}

.ny_right{width:100%; float:left;}
.site_tit{width:100%;float:left; background:url(../images/home_tb.png)left 3px no-repeat; padding-left:25px; font-size:14px; border-bottom:1px solid #e6e6e6; padding-bottom:10px;}
.site_tit span{font-weight:bold; color:#00a2ea;}

.nyr_text{width:100%; float:left; margin-top:30px; font-size:14px; line-height:30px;}
.nyr_text img{width:100%; display:block;}
.nyr_text strong{font-size:16px; font-weight:bold; color:#00a2ea;}

.honor_r_img{width:100%; float:left;}
.honor_r_img li{width:100%; float:left; margin-top:30px; text-align:center; padding:10px 10px 0 10px; border:1px solid #e3e3e3; background:#fff; border-bottom:3px solid #ddd; position:relative;}
.honor_r_img li .pImg{display:block; width:100%; padding:4px; border:1px solid #e3e3e3; background:#fff; display:table-cell; vertical-align:middle;}
.honor_r_img li img{width:100%; vertical-align:middle}
.honor_r_img li::before{content:""; position:absolute; height:3px; bottom:-3px; left:0; transition:all .5s; width:0;}
.honor_r_img li:hover::before{width:100%; background:#00a2ea; transition:all .5s}
.honor_r_img li span{font-size:14px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:10px 0;}
.honor_r_img li:hover{background:#eee; box-shadow:0 1px 10px #999;}

.pagination{width:100%; height:auto; float:left; text-align:center; font-size:0px; position:relative; overflow:hidden; margin:30px 0 0;}
.pagination a,.pagination span{display:inline-block; padding:0 6px; line-height:20px; font-size:14px; border:1px solid #e5e5e5; margin:0 3px;}
.pagination span.current,.pagination a:hover{color:#fff; border-color:#00a2ea; background:#00a2ea;}

/** 关于我们代码 End **/

.pro_img{width:100%; float:left;}
.pro_img li{width:100%; height:auto; float:left; margin:0 0 80px 0; position:relative; border:1px solid #e6e6e6;}
.pro_img li .pic{width:100%; float:left; overflow:hidden;}
.pro_img li a .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.pro_img li a:hover .pic img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.pro_img li .text{width:100%; float:left; margin-top:20px;}
.pro_img li a .text{width:100%; height:100%; background:rgba(0,0,0,0); position:absolute; left:0; bottom:0; transition:all ease-in-out .3s;}
.pro_img li a:hover .text{background:rgba(0,0,0,.7);}
.pro_img li .text_nr{width:100%; height:60px; position:absolute; top:100%; left:0; background-color:transparent; transition:all ease-in-out .3s;}
.pro_img li a .text_nr:after{display:none;}
.pro_img li a:hover .text_nr:after{display:none;}
.pro_img li .title{color:#000; padding:10px 0 0; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pro_img li a .title{font-size:15px; transition:all ease-in-out .3s; text-align:center;}
.pro_img li a:hover .title{color:#244ea2;}
.pro_img li .subtitle{text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pro_img li a::after{content:'+'; width:30px; height:30px; line-height:30px; margin:auto; margin-left:-15px; margin-top:0px; display:inline-block; position:absolute; top:0; left:50%;
z-index:10; border-radius:50px; border:2px solid #fff; transition:all 0.6s cubic-bezier(.17, .84, .44, 1) 0s; opacity:0; color:#fff; font-size:40px; text-align:center; font-family:"Times New Roman", "微软雅黑"; } 
.pro_img li:hover a::after{margin-left:-15px; margin-top:-15px; top:50%; opacity:1;}

.products{width:100%; float:left; margin-top:40px;}
.promore_l{width:100%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; border:1px solid #e6e6e6;}
.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%;}
.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:15px;}
.spec-scroll .items{float:left;position:relative;width:75%; height:64px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px; margin-top:5px;}
.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:54px;}
.spec-scroll .items ul li img:hover{border:2px solid #00a2ea; padding:1px;}

.pros_right{width:100%; float:left; margin-top:30px; overflow:hidden;}
.pros_right_top{width:100%; float:left; border-bottom:1px solid #e6e6e6;}
.pros_right_top strong{overflow:hidden; display:inline-block; font-size:20px; color:#00a2ea; padding-bottom:10px;}
.pros_right_top p{font-size:16px;}

.proleft{width:100%;float:left; font-size:14px; line-height:30px; margin-top:20px;}

.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:49%; float:left; margin-right:2%;}
.proleft_btn li:nth-child(2n){margin-right:0;}
.proleft_btn li a{width:100%; height:35px; line-height:35px; text-align:center; font-size:16px; background:#eee; display:block;}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#00a2ea; color:#fff;}

.tabs-basic{width:100%; margin-top:40px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6;}
.tabs-basic ul li{display:inline-block; width:49%; font-size:16px; text-transform:uppercase;}
.tabs-basic a{width:100%; display:block; text-decoration:none; text-align:center; background:#eee; border:1px solid transparent; padding:10px 20px;}
.tabs-basic .tab-active{border-bottom:2px solid #00a2ea; color:#fff; background:#00a2ea; font-weight:bold;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:30px auto 0; background:#fff;}
.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; font-size:14px;}
.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:30px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#00a2ea; line-height:43px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6;}

.scrollleft2{width:100%; float:left; margin-top:20px;}
.scrollleft2 li{width:180px; float:left; margin-right:10px; overflow:hidden;}
.scrollleft2 li img{width:100%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #00a2ea;}
.scrollleft2 li span{display:block; width:100%; line-height:30px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;float:left;}

/** 产品中心代码 End **/


.newsList{width:100%; float:left;}
.newsList li{border:1px solid #e2e2e2; background:#fff; padding:10px; overflow:hidden; margin-top:20px; transition:all .3s;}
.newsList li .font{width:100%; float:left; overflow:hidden; color:#333;}
.newsList li .date{width:80px; height:80px; background:#00a2ea; color:#d6d6d6; padding-left:15px; font-size:20px; margin-bottom:10px; position:relative; transition:all .4s;}
.newsList li .date a{color:#fff;}
.newsList li .date a:hover{color:#fff;}
.newsList li .date span{display:block; padding-top:15px; font-size:16px; color:#fff;}
.newsList li .date:after{position:absolute; content:""; width:50px; left:60px; background:#00a2ea; height:1px; top:10px; width:0; transition:all .3s;}
.newsList li h3{font-size:18px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px; color:#fff;}
.newsList li .txt{width:100%; float:left; color:#666; font-size:14px; 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;}
.newsList li .pic{width:100%; float:left; margin-top:10px; overflow:hidden;}
.newsList li img{width:100%; display:block; transition:all .5s;}
.newsList li:hover .date{margin-right:60px;}
.newsList li:hover .date:after{width:80%;}
.newsList li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.newsList li:hover{box-shadow:0 5px 10px #d6d6d6;}

.new-view-title{width:100%; float:left; margin-top:30px; text-align:center; padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
.new-view-title h1{line-height:30px; font-size:20px; font-weight:bold; color:#00a2ea;}
.new-view-wz{width:100%; float:left; margin-top:20px; text-align:center; line-height:30px; font-size:14px; color:#999;}

.newsmore_text{width:100%;float:left; margin-top:20px; line-height:30px; font-size:14px;}
.newsmore_text img{width:100%; display:block;}

.view-page{width:100%; float:left; position:relative; margin-top:20px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:100%; float:left; height:38px; border:solid 1px #e5e5e5; line-height:38px; position:static;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; margin-top:10px; text-align:center;}
.view-page .prev{left:0;}
.view-page .prev a{background:url(../images/le.png) 12px center no-repeat;}
.view-page .next a{text-align:center;}
.view-page a{display:block;} 
.view-page .back{left:50%; width:100%;}
.view-page .back a{background:url(../images/back.png) 16px center no-repeat #00a2ea; color:#fff; text-align:center;}
.view-page .back a:hover{background:url(../images/back.png) 16px center no-repeat #791d8d; color:#fff;}
.view-page .next{right:0;}
.view-page .next a{background:url(../images/ri.png) 95% center no-repeat; }
.view-page .prev:hover a{background:url(../images/le-white.png) 12px center no-repeat #00a2ea; color:#fff;}
.view-page .next:hover a{background:url(../images/ri-white.png) 95% center no-repeat #00a2ea; color:#fff;}

.new_s2{width:100%;float:left; margin-top:30px;}
.news_random2{width:100%;float:left; background:#fff; border:1px solid #d6d6d6; padding:10px; border-top:none;}
.news_random2 ul li{width:100%; float:left; font-size:14px; line-height:36px; overflow:hidden; border-bottom:1px dashed #e6e6e6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_random2 ul li a{background:url(../images/ly_li.png) no-repeat left center; padding-left:15px;}
.news_random2 ul li a:hover{color:#00a2ea;}
.news_random2 ul li span{float:right; font-size:12px; color:#999;}

/** 新闻中心代码 End **/

.solDload-thead{width:100%; float:left; padding:15px 0 15px 3%; background:#00a2ea; margin-top:30px;}
.solDload-thead .th{text-align:center;line-height:20px;font-size:16px;font-weight:600;color:#fff;float:left;}
.solDload-thead .th.th-name,.solDload-tbody dd .td.td-name{width:55%; text-align:left;}
.solDload-thead .th.th-date,.solDload-tbody dd .td.td-date{width:25%;}
.solDload-thead .th.th-action,.solDload-tbody dd .td.td-action{width:20%;}

.solDload-tbody{width:100%; float:left;}
.solDload-tbody dt{padding:0 0 0 3.25%;height:50px;line-height:50px;font-size:16px;font-weight:600;background:#f6f6f6;}
.solDload-tbody dd{padding:10px 0 10px 3%;border-top:1px solid #f2f2f2;}
.solDload-tbody dd .td{text-align:center;float:left;}
.solDload-tbody dd .td.td-name{}
.solDload-tbody dd .td.td-name .t1{width:100%; float:left; line-height:29px;font-size:16px;}
.solDload-tbody dd .td.td-name .t2{width:100%; float:left; line-height:24px;color:#a4a4a4;}
.solDload-tbody dd .td.td-date{line-height:20px; font-size:14px; color:#999; margin:18px 0 0;}
.solDload-tbody dd .td.td-action{}
.solDload-tbody dd .td.td-action .btn{display:block;width:40px;height:54px;background:url(../images/icon-pdf.png) no-repeat center center / cover;margin:auto; border:0; background-size:40px 54px;}

.supp_text{width:100%; float:left; margin-top:30px; font-size:14px; line-height:30px;}

/*下载中心代码 End*/

.slide_join{width:100%; float:left; margin-top:30px;}
.slide_join ul{display: none;}
.slide_join h3{float:left;width:100%; height:45px; padding:0 5%; font-weight:normal; background-color:#eee; margin-bottom:20px; cursor:pointer;}
.slide_join h3:first-of-type{margin-top:0;}
.slide_join h3.on{background-color:#00a2ea;}
.slide_join h3 span{float:left; width:80%; height:45px; color:#000; font-size:16px; line-height:45px; overflow: hidden; text-overflow:ellipsis;}
.slide_join h3.on span{color:#fff;}
.slide_join h3 em{float:right; width:30px;height:30px; margin:8px 0 0 0; background:url(../images/join_img9.png) no-repeat;}
.slide_join h3.on em{background:url(../images/join_img10.png) no-repeat;}
.slide_join ul{float:left; width:100%; background-color:#fff; padding:0 0 20px 0;}
.slide_join ul .join_show{float:left; width:100%; font-size:14px; line-height:26px;}
.slide_join ul .join_show strong{font-size:18px; font-weight:bold; color:#00a2ea;}
.slide_join ul a{display:block;width:160px;height:40px;line-height:36px; background:#00a2ea url(../images/icon_joinuser.png) no-repeat 25px 10px; color:#fff; text-align:center; padding-left:20px; margin-top:20px;}
.join_show table{ border-collapse:collapse; border:1px #ccc solid !important; width:100% !important; line-height:30px !important;}
.join_show table td{padding:5px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #ccc solid !important; line-height:30px!important;}
.join_show table td div{padding:0px !important; height:auto !important;}

/**人才招聘代码 End**/

.message{width:100%; float:left; margin-top:30px;}
.message h3{text-align:center; color:#333; font-size:16px; font-weight:bold;}
.message ol{width:100%;float:left; margin-top:20px;}
.message ol li{float:left; width:100%; margin-bottom:10px; background:#fff; border:1px solid #e6e6e6;}
.message ol li:nth-child(6),.message ol li:nth-child(7){width:100%; border:none;}
.message ol li input{width:100%; height:35px;  background:none; border:none; color:#999; padding:0 15px; font-size:14px; outline:none; -webkit-appearance:none;}
.message ol li textarea{font-size:14px; padding:10px 15px; width:100%; height:180px; border:none; background:none; color:#999; outline:none; -webkit-appearance: none;}
.message ol li .btn,.message ol li .btn2{color:#fff; font-size:14px; cursor:pointer;}
.message ol li .btn{background:#00a2ea;}
.message ol li .btn2{background:#999;}

/**客户留言代码 End**/

.cont_text{width:100%; float:left; border-bottom:1px solid #d6d6d6; padding-bottom:20px; margin-top:30px;}
.cont_l{width:100%;float:left; line-height:28px; font-size:14px;}
.cont_l h1{font-size:20px; font-weight:bold; color:#00a2ea; margin-bottom:10px;}
.cont_r{width:100%;float:right; text-align:center; margin-top:30px;}
.cont_r img{width:200px; height:200px;}
.map{width:100%; float:left; margin-top:30px;}
#mapbarframe{height:300px !important;}

/**联系我们代码 End**/

}




