*{margin:0;padding:0}
li,ul{list-style:none}
a{text-decoration:none}
body{font-size:14px;word-spacing:normal;color:#333;font-family:"Microsoft YaHei UI";font-style:normal;font-weight:400;position:relative;line-height:1.7}
.container{max-width:1200px;margin:0 auto}
.clearfix{zoom:1}
.clearfix:after,.clearfix:before{display:table;content:""}
.inner_banner img{width:100%}
.clearfix:after{clear:both}
input{outline:0}
img{max-width:100%}
.fl{float:left}
.fr{float:right}
#head{height:100%;position:relative}
.head_top{background:#0b8dd7}
.logo_bar{width:30%;position:absolute;top:0;height:100px;background:#0b8dd7;float:left;text-align:right;padding-right:30px;line-height:100px;transform:skew(-45deg,0deg);left:-50px}
.logo_bar img{max-width:100%;max-height:100%;vertical-align:middle;transform:skew(45deg,0deg)}
.info-links,.search_bar{float:right}
.logo,.mobile_logo{display:inline-block}
.mobile_login_menu img{vertical-align:middle;cursor:pointer;background:#000}
.nav_en1 li{float:none!important;background:#0b8dd7;width:250px;display:none}
.nav_en1 li:hover{background:#0b8dd7}
.mobile_login_menu{line-height:67px;float:right;display:none}
.hide_menuwrap{position:absolute;float:right;transition:all .3s;z-index:200;right:0;width:250px}
.info-links li{line-height:25px;height:25px}
.info-links li img{width:24px;vertical-align:middle}
.search_bar{position:relative}
#txtSearch{border-radius:14px;background:#f5f5f5;padding:3px 20px;border:0;height:24px;line-height:24px;width:210px;display:block;margin:10px 0;color:#999;font-size:12px;outline:0}
#btnSearch{width:55px;height:30px;position:absolute;right:-1px;top:10px;border:none;background:#666;color:#fff;cursor:pointer;outline:0;-moz-border-radius-topleft:15px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:15px;-moz-border-radius-bottomleft:0;-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:15px}
.info-links{margin-right:30px}
.info-links a{color:#fff}
.nav>li,.nav_en1>li{float:left;position:relative}
.nav>li:hover,.nav_en1>li:hover{background:#0b8dd7}
.nav>li a,.nav_en1>li a{display:block;padding:11px 30px;font-weight:500;font-size:17px;color:#000}
.nav,.nav_en1{float:right}
.hidden_content{position:relative;z-index:1000;height:67px;display:none;background:#0b8dd7;padding:0 25px}
.nav .submenu,.nav_en1 .submenu{position:absolute;float:left;width:auto;top:50px;padding-left:0;opacity:.95;filter:alpha(opacity=85);z-index:9999999;display:none;text-align:left;overflow:hidden}
.nav .submenu li,.nav_en1 .submenu li{display:block;height:50px;line-height:50px;background:#fff}
.nav .submenu li:hover,.nav_en1 .submenu li:hover{background:#0b8dd7}
.nav .submenu li:hover a,.nav_en1 .submenu li:hover a{color:#fff}
.nav .submenu li a,.nav_en1 .submenu li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:45px;height:45px;width:220px;border:none!important;background:0 0;text-align:left;padding:0 15px}
#slider{width:100%;margin:0 auto;display:-webkit-box}
.responsive{width:100%;height:auto;display:block}
.controls li:nth-child(1){left:0}
.controls li{top:50%;margin-top:-30px}
.controls li:nth-child(2){right:0}
.in_title{height:80px;line-height:80px}
.in_title>span{width:50px;height:1px;background:#000;color:#000;display:inline-block;vertical-align:middle}
.in_title h3,.in_title h6,.in_title p{display:inline-block;vertical-align:middle;font-size:23px;font-weight:700;margin-left:5px}
.about_li li{float:left;width:31.333%;margin-right:3%;position:relative}
.about_li li:last-child{margin-right:0}
.about_li li img{max-width:100%;display:block}
.about_li li:hover .ab_mask{transform:scale(1);opacity:.6}
.about_li li:hover .hide_content{visibility:visible}
.ab_mask{position:absolute;width:100%;height:100%;background:#000;top:0;transition:all .3s;transform:scale(0)}
.hide_content{position:absolute;top:0;width:80%;padding:10%;color:#fff;text-align:center;visibility:hidden}
.mid_span{display:inline-block;width:50px;background:#fff;height:3px}
.hide_content a{color:#fff}
.hide_content .about-li-title,.hide_content h3{font-size:26px}
.hide_content p{margin-top:10px;height:70px;overflow:hidden}
.btn_bar{margin-top:10px}
.btn_bar a:hover{border-bottom:2px solid #fff}
.box{float:left;width:25%;position:relative;transition:all .8s;overflow:hidden}
.box_content{padding:8%;border-bottom:1px dotted #ddd;border-right:1px dotted #ddd}
.box img{max-width:100%;display:block}
.content{position:absolute;z-index:2;background:#0b8dd7;width:83%;height:82%;margin:8%;left:-100%;top:-100%;opacity:.6;text-align:center;color:#fff;overflow:hidden}
.content a{color:#fff}
.content.trans{transition:all .6s;backface-visibility:hidden}
.content_title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px}
.trans_con{padding:10%}
.trans p{margin:6px 0;font-family:Myriad Pro Regular;color:#fefefe;font-size:16px;padding:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:52px}
#defind_area{margin-top:50px;overflow:hidden}
.oneinfo{background-color:#f7f7f7}
.oneinfo>div{width:50%;float:left}
.defind_fl{background:#f7f7f7}
.defind_fl ul li{width:49%;text-align:center;border:1px solid #f7f7f7;background:#fff;float:left}
.defind_fl ul li:hover{background:#f5f5f5;border:1px solid #fff}
.defind_content{padding:6% 10%}
.defind_fl ul li .defind-num,.defind_fl ul li h3{color:#363636;font-size:50px;font-family:"Microsoft YaHei UI";font-weight:400}
.defind_fl ul li p{color:#7f7f7f;font-size:24px}
.defind_fr{background:url(30.jpg);background-size:cover}
.fr_content{height:100%;position:relative}
.rvc{float:left;position:relative;margin:auto;max-width:100%;height:100%;color:#fff}
#about .rvc{max-width:66%}
.rvc .rvc-wrapper{overflow:hidden}
.rvc .rvc-wrapper ul{overflow:hidden;position:relative}
.rvc .rvc-wrapper ul li{float:left;text-align:center;position:relative}
.img-wrapper a img{width:100%}
.rvc-next,.rvc-prv{position:absolute;height:100%;top:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;right:20px;cursor:pointer}
.rvc-prv{left:20px}
.rvc_topimg{width:100px;height:100px;border-radius:50%;border:2px solid #fff;display:inline-block;margin:20px 0}
.topimg{padding:5px}
.topimg img{width:100%}
.rvc_name span{display:inline-block;width:50px;height:1px;background:#fff;margin-bottom:4px}
.rvc_name{margin-bottom:20px}
.rvc_name p{display:inline-block;margin:0 10px;font-size:22px}
.bottom_content{font-size:18px;max-width:600px;margin:0 auto;padding:0 15px;font-family:"Microsoft YaHei UI";opacity:.7}
.news_wrap .fl img{max-width:100%}
.news_wrap .fl,.news_wrap .fr{width:50%}
.news_fr li{transition:all .6s;padding:21px;margin:0 15px;font-family:Helvetica}
.news_fr h3 a{color:#363636;font-size:21px;font-weight:400;font-family:Helvetica}
.news_fr li>span{width:73px;height:1px;background:#000;margin-bottom:8px;display:none}
.news_fr p{display:none;font-family:Helvetica}
.active{box-shadow:1px 5px 20px #c9c7c7;display:block}
.active p,.news_fr li.active>span{display:block}
.news_fr .btn_bar{padding-left:10px}
.news_fr .btn_bar a{color:#000;font-size:18px}
.img-wrapper .btn_bar a{color:#fff}
.news_wrap .fr .btn_bar{margin-top:10px;padding-left:30px}
.news_wrap .fr .btn_bar a{color:#000}
.foot_li ul li a:hover,.news_wrap .fr .btn_bar a:hover{text-decoration:underline}
.foot{background:#0b8dd7;margin-top:50px;padding-top:70px;color:#000}
.foot_li>li{float:left;width:25%}
.foot_info{padding:0 15px;line-height:1.7}
.foot_li a{color:#000;padding:3px 0;display:inline-block}
.faddress_bar li{padding:7px 0}
.foot_info .fi-title,.foot_info h3{border-bottom:1px solid #666;padding-bottom:15px;margin-bottom:15px;color:#333;font-weight:600;font-size:16px}
.share_box{margin-top:1.2rem}
.share_box img{display:inline-block;margin-right:7px}
.copyright{background:#7f7f7f;padding:15px 0;text-align:center;color:#fff;font-size:16px}
.foot_info a img{max-height:75px}
.pro_right ul li:nth-child(1) .itembody_in{padding-top:0}
.products{padding-top:20px;transition:all .3s}
.ssp_mid{background:#fff!important}
.ssp_mid .content_title{width:100%;height:35px;padding:5px 0;margin-bottom:10px;font-weight:400;color:#333;font-size:14px}
.products_wrap{padding:0 25px;margin-top:5px}
.pro_left{width:200px;padding-bottom:10px;font-size:15px;line-height:1.7;color:#666}
.list_left,.list_right,.pro_left{float:left}
.con_title{height:55px;line-height:55px;color:#fff;background:#0b8dd7;font-size:20px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.pro_left .sf-menu{margin:0 auto;padding-bottom:20px}
.pro_left .sf-menu li{border-bottom:1px solid #fff}
.pro_left .sf-menu a{display:block;color:#000;line-height:20px;font-size:16px;padding:9px 0 9px 18px;background:url(pico.png) 5px 15px no-repeat}
.pro_left .sf-menu a:hover{color:#fff;background-color:#0b8dd7}
.pro_right{padding-left:230px;margin-bottom:75px}
.singgle_b{width:33.333%;float:left;transition:all .3s}
.single_imgb img{max-width:100%}
.singgle_b .watch_box{padding:0 10px 20px 10px}
.change_box{text-align:center}
.singgle_b .watch_box img{max-height:100%;max-width:100%}
.singgle_b .watch_box>a{display:block;color:#000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 0;font-size:15px;font-weight:700}
.singgle_b .watch_box p{text-align:center;margin-top:10px;color:#666;height:45px;overflow:hidden;line-height:1.7}
.pror_wrap{width:100%;font-size:14px}
.pror_detail{width:100%;display:inline-block;padding-bottom:20px;border-bottom:1px dashed #ccc}
.pror_detail .fl{max-width:400px;float:left}
.pror_detail .fr{width:52%;float:right;font-size:14px;line-height:25px}
.productsTags,.pror_detail .fr h1{font-weight:600;width:100%;display:block;font-size:19px;border-bottom:1px dashed #ddd;padding:7px 0;margin-bottom:10px;line-height:34px;color:#666}
.special_read{padding:6px 12px;background:#0b8dd7;color:#fff!important;border-radius:5px;transition:all .3s;display:inline-block!important;line-height:1.2!important;margin-right:5px}
.pror_detail .special_read{margin-top:10px}
.itembody{width:100%;float:left}
.itembody .list_right .case_detail{padding:0}
.itembody_in{padding:30px 0;border-bottom:1px dotted #e4e4e4;transition:all .3s;overflow:hidden}
.itembody .list_left{width:250px}
.itembody .list_right{transition:all .3s;padding-left:270px;float:none}
.itembody .list_right h3 a{color:#000;font-size:18px}
.itembody .list_left img{width:100%;height:100%}
.pages{text-align:center;font-size:12px;padding:15px 0 20px 0;color:#0b8dd7;clear:both;margin-bottom:30px}
.pages a,.pages span{display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0 10px;line-height:30px}
.pages a:link,.pages a:visited{color:#666;background:#fff}
.pages a:active,.pages a:hover,.pages span.ctxt{color:#fff;background:#0b8dd7;text-decoration:none}
#imgshow{display:none!important}
.pshare{float:left;padding:8px 0 0 0}
.jsshare{text-align:center;padding-top:25px}
.pshare li{float:left;width:48%;height:28px;line-height:28px}
.pshare li img{vertical-align:middle;margin-right:12px}
.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0 8px 0 0;position:relative}
.jsshare a,.jsshare a img{width:35px;vertical-align:middle}
.watch_botton{margin-top:30px}
.button_box button{border:none;width:140px;padding:10px 20px;font-size:14px;color:#fff;cursor:pointer;outline:0;background:#0b8dd7}
.button_box p{padding:10px 0}
.productsTags,.pror_detail .fr h1{font-weight:600;display:block;font-size:19px;border-bottom:1px dashed #ddd;padding:7px 0;margin-bottom:10px;line-height:34px;color:#666}
.watch_botton .ptit{border:none;padding:10px 20px;font-size:14px;color:#fff;cursor:pointer;outline:0;background:#0b8dd7;display:inline-block;line-height:16px;margin:25px 0 10px;}
h1{text-transform:capitalize;font-size:36px}
.plist{display:inline-block}
.plist ul{float:left;width:100%;transition:all .6s}
.plist ul .fl{float:left;width:250px}
.plist ul .fl img{width:100%;height:100%}
.plist ul strong{font-weight:700}
.plist ul li>p{transition:all .3s;padding-left:270px}
.plist ul a{color:#333}
.plist ul a:hover{color:#666}
.rollPro1{width:100%;margin:10px auto;overflow:hidden}
.rollPro1 li{width:30%;float:left;margin-right:3%;text-align:center}
.rollPro1 li .pbox{border:1px solid #ddd;padding:4px;width:100%;height:230px;position:relative}
.rollPro1 li a{text-decoration:none;color:#333}
.rollPro1 li .pbox img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.rollPro1 li p{height:40px;line-height:20px;overflow:hidden;margin:10px auto}
@media screen and (max-width:1050px){
.rollPro1 li .pbox{height:180px}
}
.news_message{padding:0 16px;border:none}
.news_message .news_li{text-align:right;height:40px;margin-top:0!important;background:url(pico.png) 5px 15px no-repeat;border-bottom:1px dashed #ddd;line-height:40px;color:#888;overflow:hidden}
.news_message .news_li a{float:left;font-size:15px;text-align:left;text-indent:15px;color:#666;display:inline-block;width:80%;overflow:hidden;height:40px}
.news_message li span{font-size:14px;color:#333}
.news_message li a:hover{color:#666;text-decoration:underline}
.box_li{padding:20px 0;border-bottom:1px solid #ececec;float:left}
.box_left{width:200px;float:left}
.box_left img{width:100%}
.box_right{padding-left:220px;float:none}
.box_right h3 a{color:#333;font-size:18px;line-height:16px}
.artical_date{padding:5px 0;color:#666;font-size:14px}
.tit{text-align:center;color:#333;font-size:22px}
.time{line-height:30px;border-bottom:1px solid #ccc;padding-top:10px;font-size:12px;color:#999;width:160px;margin:0 auto 20px;text-align:center}
.pinfo img{max-width:100%}
.prev_next{padding:20px 0;font-size:16px;color:#444;width:100%;border:none!important}
.prev_next li:nth-child(1){margin-right:5%}
.prev_next li{float:left;width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prev_next a{color:#444;font-size:15px}
.pro_right .news_top,.products_wrap.clearfix .ptit{font-size:25px;line-height:24px;padding:25px 0 15px 0;font-weight:400;height:30px;color:#000;}
.news_mid{border:none!important}
.news_mid li{float:left;width:50%;height:35px;line-height:35px}
.news_mid li a{display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size:14px;border-bottom:1px dashed #ccc;color:#333}
.news_mid a:hover{color:#000;text-decoration:underline}
.prev_next a:hover{color:#000}
.case_explain{padding:10px 0;line-height:26px}
.ejfl{font-size:24px;font-weight:400;margin-bottom:10px}
@media screen and (max-width:1300px){
.logo_bar{width:25%}
}
@media screen and (max-width:1200px){
.pror_detail .fr{width:100%}
}
@media screen and (max-width:1150px){
.nav>li a,.nav_en1>li a{padding:11px 20px}
}
@media screen and (max-width:960px){
.hidden_content{display:block}
.box{width:33.33%}
.hide_content p{height:42px}
.hide_content{padding:6% 10%}
.oneinfo>div{width:100%;float:none!important}
.fr_content .rvc{float:none!important}
.foot_li>li{width:50%}
.nav .submenu,.nav_en1 .submenu{top:0;left:-250px}
.itembody .list_left{float:none}
.itembody .list_right{width:100%;padding-left:0!important;margin-top:10px}
.nav{position:absolute;float:right;transition:all .3s;z-index:200;right:0;width:300px;min-width:unset;top:67px;padding:0;background:#fff;height:unset}
.nav>li{float:none;display:none}
.nav>li a{line-height:45px;padding:0 20px}
.nav .submenu{left:unset!important;right:300px;top:0}
.mobile_login_menu{display:block;margin-right:15px}
.logo_bar{height:67px;line-height:67px;transform:unset;background:0 0}
.logo_bar img{transform:unset}
}
@media screen and (max-width:760px){
.news_wrap .fl,.news_wrap .fr{width:100%}
.fl_img{padding:5% 0}
.about_li li{width:100%;margin-right:0}
.about_li li img{margin:0 auto}
.pro_left{width:100%!important;float:none!important}
.pro_right{padding-left:0!important}
.news_message{padding:0!important}
}
@media screen and (max-width:640px){
.box{width:50%}
.defind_fl ul li{width:99%}
.foot_li>li{width:100%}
}
.table{width:100%;border-collapse:collapse}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0 0 0;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct{background:url(down2_2.png) right top no-repeat}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url(down2_1.png) no-repeat;padding:0 12px 0 16px}
.inner_banner img{display:block}
.bPosition{padding:10px 20px;background:#fafafa;text-align:right;font-size:12px;color:#666;width:calc(100% - 50px);margin:0 auto 20px;box-sizing:border-box}
.bPosition a{font-size:12px;color:#666}
.head_top .container{display:flex;justify-content:flex-end}
#xyz *{box-sizing:border-box}
#xyz{position:relative;z-index:99999;width:120px;height:30px;line-height:30px;margin-left:10px;top:10px}
.xyz12{width:100%;position:absolute;height:100%}
.xyz12 ul{border:1px #eee solid;background:#fff}
.xyz12 li{float:none;margin-left:0;width:100%;position:relative;height:28px;z-index:1;text-align:left}
.xyz12 li a{color:#333;font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 8px}
.xyz12 li.selected{border-top:0}
.xyz12 li.selected a{color:#8550d9}
.xyz12 span{position:absolute;right:6px;top:0;background:url(../../../Content/C_IMG/amore.png) center no-repeat;display:block;width:30px;height:30px;cursor:pointer;z-index:100}
.xyz12 span.dp{background:url(../../../Content/C_IMG/amore1.png) center no-repeat}
.xyz12 li img{vertical-align:middle;margin:0 7px 0 0;width:16px}
.xyz12 li:hover{background:#f2f2f2}
@media (max-width:960px){
.head_top .container .info-links,.head_top .container .search_bar{display:none}
#xyz{position:absolute;right:62px;top:19px}
}
#con{margin-top:30px}
#tagContent{padding-top:20px}
#tags:after{content:'';display:block;clear:both;visibility:hidden;height:0}
#tags li{margin-bottom:10px;float:left}
#tags li a{text-decoration:none;display:block;line-height:40px;padding:0 18px;margin-right:8px;background:#efefef;color:#222;font-size:16px}
ul#tags li.selectTag a{color:#fff;background:#0b8dd7}
.tagContent{display:none;width:100%;color:#333;padding-top:10px;font-size:14px;line-height:28px}
#tagContent div.selectTag{display:block}
.index-news-t a{font-size:18px;margin:5px 0;display:block}
.content_title{white-space:normal}

.news-page{display:flex;display:-webkit-flex;justify-content:space-between;}
.news-page>div{width:48%;flex-basis:48%;position:relative}
.news-page>div .news-p{font-size:22px;color:#000;margin-bottom:8px}
.news-page>div .news-a{display:flex;display:-webkit-flex;height:36px;align-items:center;color:#777;font-size:16px;margin-top: 18px;position:relative;z-index:1;}
.news-page>div .news-a i{margin-right:10px;display:block;width:36px;height:36px;background:#222;position:relative;color:#fff}
.news-page>div .news-a i:after{content:' ';width:8px;height:8px;border:2px #fff solid;border-right:none;border-top:none;position:absolute;top:50%;margin-top:-5px;margin-left:-4px;left:50%;transform:rotate(45deg)}
.news-page .next{text-align:right}
.news-page>div>a:first-child{margin:10px 0;display:inline-block}
.news-page>.next .news-a{justify-content:flex-end}
.news-page>.next .news-a i{margin-left:10px;margin-right:0}
.news-page>.next .news-a i:after{transform:rotate(-135deg);margin-left:-7px}
.news-page{border-top:1px #e2e2e2 solid;padding: 25px 0;}
.news-page>div:hover .news-a i{background:#0b8dd7}

.Content-1-Product {margin-top:12px;}
.Content-1-Product * {color:#222;}
.productsTags {font-size:15px;line-height:1.6;font-weight:500;border:none;}
.news-page>div .news-p a {color:#222;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
.news-page {justify-content:space-between;}
.proIntro {border:1px solid #ccc;margin:25px 0 0;padding:8px;color:#555;border-radius:5px;}
.proIntro a {color:#555;}
.project-img {width: 200px;}
.bPosition{width:auto;padding:0;margin:0}.navb{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#fafafa;text-align:right;font-size:12px;color:#666;width:calc(100% - 50px);margin:0 auto 20px;box-sizing:border-box}.navb h1,.navb h2{font-size:16px}
.project-list li{display:flex;background:#fbfbfb;margin-bottom:30px;padding:20px}.project-info{width:auto;margin-left:20px}.project-info a{flex-direction:column;width:100%;height:100%;display:flex;justify-content:space-evenly}.project-name{font-size:18px;line-height:1.3}.project-content{font-size:14px;color:#777270;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;overflow:hidden}