/*public style*/
*{ padding:0; margin:0;}
html,body{-webkit-text-size-adjust:none;}
body{ font-size:14px; font-family:'Arial', sans-serif; text-align:justify; text-justify:inter-ideograph; background:#fff;  word-wrap:break-word; padding-top:80px; min-width:1080px; position:relative; letter-spacing: 0;}
a{blr: expression(this.onFocus=this.close()); text-decoration:none;}
a{blr: expression(this.onFocus=this.blur());} 
a:focus {-moz-outline-style: none;} 
a img{ border:none; background:none;}
:focus {outline: none;} 
.l{ float:left;}
.r{ float:right;}
ul,ol{ list-style-type:none;}
.cl{zoom:1;}
.cl:after,.newsbox li a:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
textarea{resize:none;}
.mg{width:1080px; margin:0px auto;}
.c1{color:#0080ff;}
.more{width:500px; height:55px; border:1px solid #f8f8f8; border-radius:55px; display:block; margin:100px auto; text-align:center; line-height:55px; font-size:24px; color:#9c9c9c; font-weight:normal; background:#f8f8f8;}
.more:hover{ border:1px solid #0080ff; background:#fff;}
.backt{display:none; width:60px; height:60px; border-radius:5px; text-align:center; line-height:60px; color:#FFF; background:#000; opacity:0.8; position:fixed; right:0; bottom:300px; cursor:pointer; -webkit-transition-duration:0.3s; -webkit-transition-timing-function:ease;}
.backt:hover{background:#0080ff;}
#h5_nav{display:none;}

/*nav style*/
#nav{background:#fff; box-shadow:0px 0px 20px #b9b9b9; height:80px; width:100%; min-width:1080px; position:fixed; top:0; left:0; z-index:3;}
#nav .bgc{background:#0080ff; width:100%; height:100%; display:none; position:absolute; top:0; left:0; z-index:-1;}
#nav .logo{width:196px; height:80px; display:block; background:url(../images/logo_80.png) no-repeat center top; text-indent:-9999em; margin-left:20px; position:relative;}
#nav .logo_60{width:196px; height:60px; display:block; background:url(../images/logo_60.png) no-repeat center top; text-indent:-9999em; margin-left:20px; position:relative;}

.Language{float:right; padding:30px 10px 0px 0px; color:#666;}
.Language a{ display:inline-block; margin:0px 5px;}
#nav.on .Language{padding:22px 10px 0px 20px; color:#fff;}
/*�ٶ���֤*/

#nav .logo img{position:absolute; right:-65px; top:30px; border-radius:3px;}
#nav .nav dl{float:left; position:relative; margin-right:20px;}
#nav .nav dl a{color:#8b8b8b; display:block; text-align:center; -webkit-transition-property:background-color; -webkit-transition-duration:0.6s; -webkit-transition-timing-function:ease;}
#nav .nav dl dt a{width:100px; height:80px; line-height:80px; border-radius:3px;}
#nav .nav dl dt a:hover,#nav .nav dl.on dt a,#nav.on .nav dl dt a:hover,#nav.on .nav dl.on dt a{background:url(../images/nav_bg.png) no-repeat center center; color:#000;}
#nav .nav dl dt a em{width:14px; height:14px; display:inline-block; background:url(../images/nav_jt.gif) no-repeat center top; float:right; margin:33px 10px 0px 0px;}
#nav .nav dl dt a:hover em,#nav .nav dl.on dt a em{background-position:center bottom;}
#nav .nav dl dd{display:none; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); width:150px; position:absolute; background:#fff; left:-25px; top:100px; border:1px solid #f1f1f1;border-radius: 5px;}
#nav .nav dl dd a{width:150px; line-height:40px; height:40px; border-bottom:1px solid #f1f1f1;}
#nav .nav dl dd a:hover{background:#f8f8f8; color:#333;}

/*nav style when windows scrolling*/
#nav.on {height:60px;}
#nav.on .nav dl dt a{color:#fff; height:60px; line-height:60px;font-weight: bold;}
#nav.on .logo{height:60px; background-position:center bottom; margin-left:0px;}
#nav.on .nav dl dt a em{background-image:url(../images/nav_jt_w.gif); margin:23px 10px 0px 0px;}



/*new banner style*/
.banner{width:100%;position:relative; display:block; overflow:hidden;}
.banner ul li{display:none; background:none;}
.banner ul li.on{display:block;}
.banner ol{ display:block; width:100%; position:absolute; bottom:50px; left:0; text-align:center;}
.banner ol li{width:100px; height:44px; border:3px solid #fff; display:inline-block; overflow:hidden; background:#ededed; margin:10px; cursor:pointer;}
.banner ol li img{width:100%; height:100%;}
.banner ol li.on{border-color:#0b3290; background:#fff;}

.idx_block{opacity:0; margin-top:30px;}
.idx_block .mg{width:1160px;}
.idx_block .tit1{font-size:25px; text-align:center; display:block; font-weight:normal; color:#333; padding:70px 0px 50px;}
.idx_block li{float:left; width:380px; height:510px; color:#747474; line-height:30px; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); margin-top:20px;}
.idx_block li.c{margin-left:10px;margin-right:10px;}
.idx_block li div{width:380px; height:240px; position:relative;}
.idx_block li div img.h{position:absolute; left:0; top:0;}
.idx_block li strong{color:#333; font-size:18px; font-weight:normal; display:block; padding:20px;}
.idx_block li p{padding:0px 20px;}

.idx_block li:hover{background:url(../images/idx_blk1_hover_bg.gif) no-repeat; box-shadow:0px 0px 20px #ccc;}

.tit2{text-align:center; width:100%; padding-top:100px; overflow:hidden;}
.tit2 strong{font-weight:normal; display:block; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.tit2 .line{width:510px; display:inline-block; border-top:1px solid #000; margin:5px 0px;}
.tit2 .t1{font-size:26px; margin-left:-100px;}
.tit2 .t2{margin-right:-100px;}

/*field*/
.field{margin-top:40px;width: 1160px;margin-left: auto;margin-right: auto;}
.field a{width:33%; display:block; height:344px; background:#f8f8f8; float:left;margin:0.15%; text-align:center;}
.field a i{display:inline-block; overflow:hidden; width:110px; height:110px; margin-top:80px;}
.field a strong{display:block; margin:25px 0px 10px; font-size:18px; color:#666; font-weight:normal;}
.field a font{color:#000; display:block; padding-top:10px; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
/* .field a:hover i img{margin-top:-110px;} */
.field a:hover{background:url(../images/idx_blk2_hover_bg.gif) no-repeat center center; box-shadow:10px 10px 10px #f1f1f1;}
.field a:hover strong{color:#000;}

/*news style*/
.newsbox ul{padding:30px 0px;}
.newsbox ul li{padding:40px 0px; -webkit-transition-property:background-color; -webkit-transition-duration:0.6s; -webkit-transition-timing-function:ease;}
.newsbox ul li:hover{ background:url(../images/news_hover_bg.gif);}
.newsbox ul li:hover a span.r{color:#0080ff;}
.newsbox ul li a{max-width:1160px; height:145px; display:block; margin:0px auto; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.newsbox ul li a font.l{height:145px; width:261px; overflow:hidden; display:block; margin-right:30px;}
.newsbox ul li a strong{color:#303030; font-weight:normal; font-size:24px; display:block; padding:10px 0px;}
.newsbox ul li a font{line-height:24px; color:#808080; display:block; font-size:14px;}
.newsbox ul li a span.r{ display:block; height:115px; height:105px; margin-left:100px; color:#464646; text-align:right; padding-top:45px;}
.newsbox ul li a span.r b{font-size:36px; display:block; font-weight:normal;}

.tit3{height:400px; width:100%; text-align:center; background:url(../images/bg_zh.jpg) no-repeat center center; background-attachment:fixed;}
.tit3 img{margin-top:150px;}

.exbox.mg{ margin:100px auto 200px; width:1160px;}
.btn_l,.btn_r{display:block; height:175px; width:50px; background:url(../images/banner_jt.png) no-repeat; cursor:pointer; margin-top:120px;}
.btn_r{background-position:bottom center; left:30px;}
.picbox{ width:1000px; height:390px; display:block; overflow:hidden;}
.picbox ul{ list-style-type:none;}
.picbox ul li{ width:1000px; float:left; color:#333; font-size:14px;}
.picbox ul li div.blk{width:320px; height:390px; float:left; margin:6px; /* background:#353535; */}
.picbox ul li div.blk div{padding:20px; background:#f8f8f8;}
.picbox ul li div.blk strong{font-size:55px; font-weight:normal; display:block;}
.picbox ul li div.blk strong font{font-size:20px;}
.picbox ul li div.blk span{line-height:24px;}
.picbox ul li div.blk p{color:#fff; line-height:30px; padding:20px;}

.footer{background:#242328; /* padding-top:60px; */ border-bottom:1px solid #19181c;}
.footer .mg{/* padding-bottom:30px; padding-top:30px; */ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.footer .mg .l{width:195px; height:85px; background:url(../images/tit_lxwm.png) no-repeat; text-indent:-999em;}
.footer .mg .c{font-size:14px; color:#fff; line-height:46px; display:block; float:right; margin-right:220px;}
.footer .mg .c a{color:#fff;}
.footer .mg .c p{padding:13px 0px 0px 35px; background:url(../images/footericon.gif) no-repeat left 20px;}
.footer .mg .c p font{display:inline-block; height:21px; line-height:21px; background:url(../images/gp.png) no-repeat 50px center; padding-left:80px;}
.footer .mg .r{text-align:center; color:#fff; line-height:24px;}

.down{border-top:1px solid #312f36; color:#e8e8e8; line-height:60px; background:#242328;}

.product{padding:30px 0px 200px;width: 80%;margin-left: auto;margin-right: auto;}
.product .pnav{ /* width:80%; */ margin:0px auto;}
.product .pnav li{margin:0px 1%; /* width:16%; float:left; */}
.product .pnav li a{height:40px; display:block;  /* border-bottom:2px solid #fff; */ line-height:40px; text-align:center; color:#000;}
.product .pnav li.on a,.product .pnav li a:hover{/* border-color:#0080ff; */color: #0080ff;}

.product dl dd{float:left; width:25%; max-height:330px; text-align:center;}
.product dl dd a{display:block; max-width:270px; margin:0px auto; overflow:hidden;}
.product dl dd a font{display:block; color:#333; font-size:14px;line-height: 20px;overflow: hidden;height:40px;}
.product dl dd a span{display:block; max-height:270px; border-radius:10px; margin-bottom:10px; position:relative; overflow:hidden;}
.product dl dd a span em,.book li a em{max-width:80px; height:80px; display:block; position:absolute; overflow:hidden; text-indent:-999em; background:url(../images/eye.png) no-repeat center center; left:50%; top:50%; margin:-60px 0px 0px -40px; z-index:1; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.product dl dd a:hover font{color:#0080ff;}
.product dl dd a:hover span{ background:#f2f2f2;}
.product dl dd a img{width:70%; margin-top:40px;}
.product dl dd a img.zz{width:100%; height:100%; margin:0; position:absolute; left:0; top:0;}
.product dl dd a img.mark{display:none; right:40px; bottom:40px; position:absolute; width:109px; height:36px;}

.p_viewbox{overflow:hidden;}
.bigpic{width:40%; background:#eee; text-align:center; padding-bottom:2000px; margin-bottom:-2000px; position:relative;}
.r_txt{width:60%;}

.bigpic img{width:80%; max-width:100%; margin:80px 0px 80px 0px;}
.bigpic img.zz{width:100%; height:100%; margin:0; position:absolute; top:0; left:0;}

.p_view .p_top .cl h1{font-size:24px; font-weight:normal; color:#333; line-height:30px; display:inline;}
.p_view .p_top .cl a,.appbox .r a.backpage{ width:90px; height:30px; margin-left:30px; line-height:30px; font-size:12px; display:inline-block; border-radius:30px; border:1px solid #949494; text-align:center; color:#949494;}
.p_view .p_top .cl a:hover,.appbox .r a.backpage:hover{ border-color:#0080ff; color:#000;}
.p_view .p_top ul{line-height:30px; color:#808080; padding-top:20px;}

.p_view{padding:70px 50px;}

.p_txt{line-height:25px;}
.p_txt ul.cl{border-bottom:1px solid #bfbfbf; margin:30px 0px;}
.p_txt ul.cl li{float:left; cursor:pointer; background:#bfbfbf; width:120px; margin-right:10px; height:30px; padding:5px 0px; line-height:30px; text-align:center; color:#fff;}
.p_txt ul.cl li.on{background:#0080ff;}
.p_txt .no1,.p_txt .no2,.p_txt .no3{display:none;}
.p_txt .on{display:block;}
.p_txt .no1 p,.radio .p_txt p{padding-bottom:10px; line-height:25px; background:url(../images/dian.gif) no-repeat left 10px; padding-left:10px;}
.p_txt .no2{border-top:1px solid #ddd;}
.p_txt .no2.mas{border:none; text-align:center;}
.p_txt .no2.mas img{margin:10px 0px;}
.TOParamL2 {width:200px; font-size:12px;float:left; background:#f2f2f2; margin-right:20px; padding-left:20px;}
.TOParamLine{border-bottom:1px solid #ddd;}

.appmain{padding:10px;}
.appmain h3 strong{background:#fff; color:#000; font-size:16px; line-height:28px; display:inline-block; padding:0px 5px; margin-right:5px;}
.appmain div{margin-top:30px;}
.appmain ul{ margin:10px;}
.appmain a{color:#0080ff; margin-left:10px;}

.appmain h1{font-size:20px; border-top:1px solid #ddd; padding-top:20px;}
.appmain ul li strong{display:block; color:#000;}
.appmain ul li p{padding-bottom:10px; line-height:25px;}

/*news*/
.bnews{background:url(../images/banner_news_3.jpg) no-repeat left top #f9f9f9; width:100%; height:300px;}
.pages{text-align:center; padding-top:20px;}
.pages a{width:80px; height:40px; display:inline-block; background:#e7e7e7; color:#000; line-height:40px; text-align:center; margin:0px 5px;border-radius: 4px;}
.pages a:hover{background:#b7b7b7;}
.pages a.on{background:#0080ff; color:#fff;}

.news_view{color:#808080; line-height:30px; font-size:13px; padding:40px 0px 100px;}
.news_view .pic{text-align:center; background:#f8f8f8; padding:10px 0px; margin-bottom:10px; text-indent:0;}
.news_view .pic img{margin-bottom:10px;}
.news_view p{padding-bottom:15px; text-indent:2em;}
.news_view strong{color:#0080ff;}
.news_view .box{padding:30px;}
.newstit h1{font-size:24px; font-weight:normal; color:#333; line-height:30px;}
.newstit a{ width:90px; height:30px; margin-left:30px; font-size:12px; display:inline-block; border-radius:30px; border:1px solid #949494; text-align:center; color:#949494;}
.newstit a:hover{ border-color:#0080ff; color:#000;}
.newstit .l{border-left:2px solid #0080ff; padding-left:8px;}

/*about*/
.banner_ab{background:url(../images/banner_about.png) no-repeat center bottom; width:100%; height:300px;}
.abouttxt{ width:1080px; padding:10px 10px 50px 10px; margin:0px auto; color:#868686; line-height:30px; font-size:13px; font-weight:"����";}
.abouttxt p{text-indent:2em; padding:10px 0px;}
.abouttxt ul{width:400px;}
.abouttxt ul li{ float:left; width:200px;}

/*Q&A*/
.qabg{background:url(../images/banner_qa_1.jpg) no-repeat left bottom #f9f9f9; width:100%; height:300px;}
.qa {padding:50px 0px 100px;}
.qa li{border-bottom:1px solid #dcdcdc; padding:0; margin:2px 0px;}
.qa li h3{font-weight:normal; font-size:18px; padding:20px; cursor:pointer;}
.qa li h3 b{float:right; font-size:20px; font-weight:normal;}
.qa li h3:hover,.qa li h3.on{background:url(../images/news_hover_bg.gif);}
.qa li div{ padding:20px; display:none; color:#666; line-height:22px;}
.qa li div p{/* padding-bottom:20px; */}
.qa li div strong{ color:#0080ff; display:block;}
.qa li div font{display:block; font-family:"����"; color:#999;}
.qa li div a{text-decoration:underline; color:#000;}

/*315*/
.box315,.book{padding:150px 0px;}
.fwcx{background:#fafafa; border:1px solid #dcdcdc; text-align:center; padding:100px 0px; margin-left:320px;}
#Q_Result{ font-size:14px; padding-bottom:30px;}
.fwcx input{height:30px; width:200px; line-height:30px;}
#q_button,.bounceInDown .btn{width:50px; background:#0080ff; color:#fff; border:none; cursor:pointer;}

.bounceInDown{position:relative;}
.bounceInDown p{font-size:14px; padding:30px 0px 10px; color:#0080ff;}
.bounceInDown .btn{width:80px;}
.bounceInDown .info{position:absolute; left:0; top:0; width:100%; text-align:center; margin-top:-50px;}

/*booking*/
.bgb.bnews{background-image:url(../images/banner_book.jpg);}
.book li{float:left; width:20%; text-align:center; position:relative; margin-bottom:50px;}
.book li a img{width:75%;}
.book li a{color:#666;}

/*contact*/
.contact div.l dl{width:1080px; padding:50px 0px 50px;}
.contact div.l dl dt{ color:#0080ff; display:block; font-weight:bold; font-size:22px; padding-bottom:10px;}
.contact div.l dl dd{float:left; width:35%;}
.contact dl{float:left; width:500px; color:#666; padding:10px; margin:10px 0px; line-height:30px; height:130px;}
.contact dl dt{font-size:18px; color:#333;}
.contact dl dt font{ font-size:12px; color:#666;}
.contact span{display:block; border-bottom:1px solid #CCC; width:100%; float:left; font-size:22px;font-weight: bold; padding-bottom:10px; position:relative;margin-top: 30px;color: #0080ff;}
.contact span img{position:absolute; right:0; bottom:0;}
.contact dl dd p{font-size: 16px;}
.contact dl dd em{font-style:normal;font-weight: bold;padding-right: 10px;}

.feedback {width:1080px;margin: 10px auto;}
.feedback .row {padding: 10px 0px;position: relative;}
.feedback .row .input {width: 60%;height: 43px;line-height: 43px;font-size: 12px;color: #19181c;text-indent: 10px;box-sizing: border-box;border-radius: 5px;margin-top: 5px;-webkit-appearance: none;border: 1px #0080ff solid;outline: none;}
.feedback .row .contents {width: 60%;height: 150px;padding: 5px;font-size: 12px;color: #19181c;box-sizing: border-box;border-radius: 5px;margin-top: 5px;-webkit-appearance: none;border: 1px #0080ff solid;outline: none;}
.feedback .row .fl {float: left;}
.feedback .row .form_button{width: 160px;height: 40px;line-height: 40px;background: #0080ff;color: #fff;font-size: 14px;border: none;text-transform: uppercase;cursor: pointer;border-radius: 5px;}
.history ul li{padding:10px;}
.history ul li span{font-size:30px; float:left; margin-top:-20px;}

/*join us*/
.joinbg{background-image:url(../images/banner_cu.jpg);}

.djsm.bnews{background-image:url(../images/banner_djsm.jpg);}

.bcus{background-image:url(../images/banner_cus.jpg);}
.customers strong{color:#0080ff; font-size:14px;}
.customers td{padding:10px;}


/*3-16 style of app update*/
.banklist{padding:20px 0px 0px 10px;}
.banklist dt strong{font-size:14px; padding-right:5px; color:#000;}
.banklist dd{ margin-top:10px; cursor:pointer; display:block; width:46%; padding:2%; margin-top:10px; float:left;}
.appbox .r .banklist dd a{color:#323232;}
.banklist dd a:hover{color:#0080ff;}
.banklist dd a font{display:block; font-size:10px;}

/*2017_6_7 video*/
.video{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; display:none;}
.video .sp{ width:900px; height:619px; position:absolute; top:50%; left:50%; margin:-310px 0px 0px -450px;}
.video div.btmbg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:#000; opacity:0.8;}
.video strong{font-size:50px; color:#fff; font-weight:normal; position:absolute; right:10px; top:10px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

/*2017-12-20 �㲥��Ʒ���ӵ���*/
.product .subnav{width:100%; height:30px; padding:60px 0px; background:url(../images/navbg.jpg) repeat-x center center; text-align:center;}
.product .subnav li{ display:inline-block; margin:0px 20px;}
.product .subnav li a{color:#CCC; font-size:14px; line-height:30px; display:block; padding:0px 10px;}
.product .subnav li a:hover,.product .subnav li.on a{color:#fff; text-shadow:0px 2px 2px #333;}
.radiotoggle{ cursor:pointer;}
.radio .p_txt ul.cl{border-bottom:none;}
.radio .p_txt ul.cl li{width:auto; padding:0px 10px; border-radius:3px; margin:0px 15px 15px 0px;}
.radio .bigpic img{margin:100px 0px 0px;}
.radio .p_txt .no2{border:none;}
.rd{display:none;}
.radio .p_txt p.wz{background:none; text-indent:2em;}

.dx_list li{ width:16%; height:450px; padding:1%; margin:10px 1%; text-align:center; float:left;}
.dx_list li img{width:70%; margin:10px auto;}
.dx_list li dl{line-height:20px; color:#666; text-align:left;}
.dx_list li dt{color:#000; display:block; text-align:center; font-weight:bold; color:#0080ff;}
.dx_list li dd{background:url(../images/dian.gif) no-repeat left 10px; padding-left:10px;}

/*download*/
.dl .bnews{background:url(../images/banner_dl.jpg) no-repeat left bottom #f9f9f9;}
.dl .download{text-align:center; padding:100px 0px; font-size:14px;}
.dl .download p{padding-bottom:40px;}
.dl .download a{background:url(../images/download.png) no-repeat left center; padding-left:35px; color:#333;}
.dl .download a:hover{color:#0080ff;}

/*applications*/
.app_banner{background:url(../images/app_banner.jpg) no-repeat center top; width:100%; height:300px;}
.app_banner_des{font-size: 14px;margin: 10px 0px;}
.appbox{width: 1080px;margin-left: auto;margin-right: auto;}
.appbox h2{padding: 20px 0px;}
.appbox .content{margin: 0px 5px;}
.appbox .content p{line-height: 28px;}
.appbox .recommended{}
.appbox .recommen_product dl dd{float:left; width:20%; text-align:center; }
.appbox .recommen_product dl dd a{display:block; width:180px; margin:0px auto; overflow:hidden;}
.appbox .recommen_product dl dd a font{display:block; color:#333; font-size:14px;}
.appbox .recommen_product dl dd a span{display:block; height:180px; border-radius:10px; position:relative; overflow:hidden;}
.appbox .recommen_product dl dd a span em{width:50px; height:50px; display:block; position:absolute; overflow:hidden; text-indent:-999em; background:url(../images/eye.png) no-repeat center center; left:50%; top:50%; margin:-60px 0px 0px -40px; z-index:1; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.appbox .recommen_product dl dd a:hover font{color:#0080ff;}
.appbox .recommen_product dl dd a:hover span{ background:#f2f2f2;}
.appbox .recommen_product dl dd a img{width:70%; margin-top:30px;}
.appbox .recommen_product dl dd a img.zz{width:100%; height:100%; margin:0; position:absolute; left:0; top:0;}
.appbox .recommen_product dl dd a img.mark{display:none; right:40px; bottom:40px; position:absolute; width:109px; height:36px;}

/*exhibition*/
.event-list{width: 1080px;margin-left: auto;margin-right: auto;line-height: 30px;}
.event-list li{background: #f8f8f8;width: auto;padding: 20px;position: relative;border-bottom: none;margin: 10px 0px;overflow: hidden;}
.event-list li img{width: 180px;height: 100px;float: left;vertical-align: middle;}
.event-list li .line{position: absolute;left: 20px;right:20px; bottom: 0;width: 100%;height: 1px;background: #dad8d8;}
.event-list a{font-size: 100%;vertical-align: baseline;background: transparent;text-decoration: none;color: #333;}
.event-list li dl{margin-left: 200px;width: 900px;}
.event-list li dt{color: #d71921;font-size: 16px;line-height: 30px;}
.event-list li dt a{color: #d71921;}
.event-list li dd{color: #555;font-size: 12px;line-height: 26px;}
/*exhibition detail*/
.event-main {width: 1080px;margin-left: auto;margin-right: auto;overflow: hidden;}
.event-main .events-detail{width: 100%;float: left;/* background: #f8f8f8; */padding-bottom: 40px;}
.event-main .events-detail a{ width:90px; height:30px; margin-top:40px; font-size:12px; display:inline-block; border-radius:30px; border:1px solid #949494; text-align:center; color:#949494;line-height: 30px;}
.event-main .events-detail a:hover {border-color: #0080ff;color: #000;}
.event-main .events-detail dl{width: 90%;border-bottom: 1px solid #dad8d8;padding: 15px 0;float: left;}
.event-main .events-detail dt{font-size: 22px;color: #000;line-height: 30px;}
.event-main .events-detail dd{font-size: 12px;color: #444;line-height: 20px;}
.event-main .events-detail .detail-img{width: 100%;padding: 20px 0;clear: both;}
/**/
.slide-out-tab-wrapper{position: fixed;top: auto;bottom: 0;right: 10px;width: 300px;background-color: #ebf7ff;z-index: 99999;}
.slide-out-tab-wrapper .opener,.slide-out-tab-wrapper .closer{float: right;}
.slide-out-tab-wrapper .title{padding: 10px 25px;margin-top: 0;background-color: #b1cfe8;color: #1978be;font-weight: bold;cursor: pointer;font-size: 24px;}
.slide-out-tab-wrapper .slide-out-tab-content{display: block;max-height: calc(95vh - 46px);padding: 0 10px;overflow: auto;margin-top: 1rem;}
.slide-out-tab-wrapper .slide-out-tab-content p{margin-top: 0;margin-bottom: 1rem;font-size: 1rem;}
.slide-out-tab-wrapper .slide-out-tab-content .hbspt-form{line-height: 30px;}
.slide-out-tab-wrapper .slide-out-tab-content .hbspt-form .row{margin-bottom: 1rem;}
.slide-out-tab-wrapper .slide-out-tab-content .hbspt-form .actions{margin-bottom: 1.5rem;}
.slide-out-tab-wrapper .slide-out-tab-content .hbspt-form .hs-input{display: inline-block;width: 250px;height: 20px;padding: 4px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 13px;font-weight: normal;line-height: 20px;color: #666;border: 1px solid #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;}
.slide-out-tab-wrapper .slide-out-tab-content .hbspt-form .msg{height: 60px !important;}
.slide-out-tab-wrapper .slide-out-tab-content .hbspt-form .hs-button{width: 260px;height: 28px;padding: 4px;color:#fff;text-shadow: 0 -1px 0 #3574e3;background-color: #3574e3;background-image: linear-gradient(to bottom, #7ec8f4,#3574e3);box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5);border-top: 1px solid #64baf0;border-bottom: 1px solid #1c4ed5;border-right: 1px solid #468ee6;border-left: 1px solid #468ee6;border-radius: 4px;transition: opacity 0.15s linear;-moz-user-select: none;-webkit-user-select: none;user-select: none;}

.p_message{margin-top: 20px;width: 80%;margin-left: 80px;clear: both;padding-top: 50px;}
.p_message .page-title{font-size: 18px;color: #0080ff;text-align: left;font-weight: bold;}
.p_message .page-title em{font-style: normal;}
.p_message p{font-size: 15px;line-height: 24px;color: #808080;margin-bottom: 15px;}
.p_message li{margin-bottom: 15px;}
.p_message li p{font-size: 13px;margin-left: 0;display: inline-block;margin-bottom: 5px;margin-right: 10px;text-transform: capitalize;color: #333;}
.p_message li a{color: #0080ff;text-decoration: underline;text-transform: capitalize;}
.p_message .meInput{width: 60%;height: 43px;border: 1px solid #0080ff;padding-left: 10px;vertical-align: middle;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;color: #808080;background: #fff;line-height: 60px;border-radius: 5px;}
.p_message .meText{width: 60%;min-height: 150px;max-width: 100%;padding: 15px 10px;vertical-align: middle;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;border: none;border: 1px solid #0080ff;color: #808080;background: #fff;border-radius: 5px;}
.p_message .send{height: 46px;line-height: 46px;display: inline-block;margin-top: 10px;background: #0080ff;padding: 0 60px;font-size: 14px;text-transform: uppercase;color: #fff;border-radius: 5px;border: 1px solid #0080ff;margin-bottom: 20px;cursor: pointer;}

.relat{margin-top: 10px;width: 75%;margin-left: 80px;text-align: left;}
.relat .right-title2{margin-bottom: 0px;padding: 0px;margin-bottom: 10px;border-bottom: 1px solid #ebebeb;text-align: left;}
.relat .right-title2 span{display: inline-block;margin: 0 5px 0 0;list-style: none;cursor: pointer;font-size: 18px;text-transform: capitalize;color: #0080ff;text-align: center;padding: 10px 0px;border-radius: 3px;font-weight: bold;}
.relat .nbs-flexisel-container{position: relative;max-width: 100%;}
.relat .nbs-flexisel-inner{float: left;width: 100%;overflow: hidden;margin: 0;}
.relat .nbs-flexisel-ul{position: relative;width: 9999px;margin: 0px;padding: 0px;list-style-type: none;text-align: left;}
.relat .nbs-flexisel-ul .nbs-flexisel-item{float: left;margin: 15px 10px 0px 10px;padding: 0px;cursor: pointer;line-height: 0px;text-align: center;min-height: 250px;list-style: none;}
.relat .nbs-flexisel-ul .in_hot_pro_img{max-width: 184px;max-height: 184px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;width: 100%;height: auto;display: inline-block;position: relative;border: 1px solid #eee;}
.relat .nbs-flexisel-ul .in_hot_pro_img img{width: 100%;cursor: pointer;position: relative;max-width: 184px;}
.relat .nbs-flexisel-ul .in_hot_pro_t{overflow: hidden;height: 40px;overflow: hidden;color: #333;display: block;line-height: 20px;font-size: 14px;margin: 10px auto 5px;max-width: 184px;}
.relat .nbs-flexisel-ul p{margin: 0px auto;max-width: 184px;color: #999999;line-height: 20px;overflow: hidden;height: 40px;}
.relat .nbs-flexisel-nav-left{right: 4%;text-align: center;background: url(../images/prev-b.png) no-repeat;filter: alpha(opacity=20);-moz-opacity: 0.2;opacity: 0.2;}
.relat .nbs-flexisel-nav-right{right: 0%;text-align: center;background: url(../images/next-b.png) no-repeat;filter: alpha(opacity=20);-moz-opacity: 0.2;opacity: 0.2;}
.relat .nbs-flexisel-nav-left,.relat .nbs-flexisel-nav-right{width: 10px;height: 17px;position: absolute;cursor: pointer;z-index: 100;top: -37px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.indexwrap{ width: 70px; position: fixed; right: 0px; top: 404px; z-index: 9999;}
.indexwrap > a { border-radius:6px;}
.indexwrap a,.indexwrap .tel{display: block; width: 62px; height: 62px; position: relative; margin-bottom: 1px; background:#1a1a1a url(../images/indexwrap_01.png) no-repeat; font-size: 16px; text-align: center; line-height: 20px;}
.indexwrap a:hover,.indexwrap .tel:hover { background-color:#346ccd; border-radius:6px;}
.indexwrap a.chat{ background-position: center 11px;}
.indexwrap .tel{ background-position: center -60px; border-radius:6px;}
.indexwrap .tel a{display:inline;background:none;color:#fff;font-size:13px;    line-height: 45px;}
.indexwrap a.top{ background:#1a1a1a url(../images/indexwrap_01.png) center -132px no-repeat;/* padding-top: 36px; */ height:62px;line-height:82px; font-weight: bold; color: #fff;vertical-align: bottom;}
.indexwrap a.top:hover { background-position:center -130px;}
.tex-box{ width: 280px; height: 145px; background: #1a1a1a url(../images/indexwrap_02.png) left top no-repeat; position: absolute; right: 65px; top:-40px; border-radius:6px;}
.tex-box p{ height: 45px; font-size: 13px;line-height: 45px; color: #fefefe; padding:0 10px 0 40px; text-align: left;}
.tex-box p span{display:block; height:17px;line-height: 17px; padding-top: 7px;}
.display-block{ display: block;}
.display-none{ display: none;}
@media only screen and (max-width: 768px) {
	.indexwrap .tel{ display:none}
	.indexwrap a.chat{ display:none}
}
.pro_left{width: 305px;float: left;/* margin-top: 30px; */padding-right: 5px;}
.pro_left{border-right: 1px solid #e5e5e5;}
.pro_left .categor h2,.pro_left .hot_pro h2,.pro_left .new_pro h2{font-size: 22px;display: block;margin-bottom: 5px;text-transform: uppercase;position: relative;color: #0080ff;font-weight: bold;text-align: left;}
.pro_left .categor li > a{text-align: left;}
.pro_left .hot_pro,.pro_left .new_pro{height: 100%;margin-top: 20px;}
.pro_left .hot_pro .htmleaf-content,.pro_left .new_pro .htmleaf-content{border-top: none;margin-top: 20px;}
.pro_left .hot_pro li,.pro_left .new_pro li{margin: 5px 0px;height: 100px;}
.pro_left .hot_pro li > a, .pro_left .new_pro li > a{display: inline-block;float: left;width: 100%;max-width: 85px;max-height: 85px;overflow: hidden;border: 1px solid #eee;}
.pro_left .hot_pro li > a img, .pro_left .new_pro li > a img{max-width: 100%;height: auto;width: 100%;}
.pro_left .hot_pro li .lnews-right, .pro_left .new_pro li .lnews-right{float: right;width: 210px;}
.pro_left .hot_pro li .lnews-right > a, .pro_left .new_pro li .lnews-right > a{color: #0080ff;font-size: 14px;display: block;margin-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal;line-height: 20px;height: 40px;}
.pro_left .hot_pro li .lnews-right p, .pro_left .new_pro li .lnews-right p{color: #555;font-size: 13px;line-height: 20px;overflow: hidden;height: 40px;text-align: left;}
.pro_right{width: calc(100% - 317px);float: left;margin-left: 5px;}
.pro_right .page_num{width: 100%;margin: 20px auto;text-align: center;}
.pro_right .page_num > p{display: inline-block;color: #fff;background: #0080ff;font-size: 14px;text-transform: capitalize;margin-bottom: 0;padding: 5px 13px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;height: 30px;border-radius: 3px;line-height: 30px;}
.pro_right .page_num a{display: inline-block;color: #333;background: #f4f4f4;font-size: 14px;text-transform: capitalize;padding: 5px 13px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;margin: 0 2px;height: 30px;border-radius: 3px;line-height: 30px;}

.breadcrumbW{background: #F5F5F5;padding: 15px 0 20px;}
.breadcrumbW .container{width: 1200px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.breadcrumbW .page-title {display: block;font-weight: bold;font-size: 30px;text-transform: capitalize;color: #555;text-align: center;font-style: normal;}
.breadcrumbW .breadcrumb {background: none;text-align: center;z-index: 99;border-radius: 0;margin: 8px 0 0;padding: 8px 15px;list-style: none;}
.breadcrumbW .breadcrumb span {text-transform: capitalize;display: inline-block;margin: 0 5px;color: #555;vertical-align: middle;}
.breadcrumbW .breadcrumb a {text-transform: capitalize;display: inline-block;font-size: 14px;vertical-align: middle;color: #555;}
.pro_classify {}
.pro_classify h2{padding: 5px 10px;height: 30px;line-height: 30px;}
.pro_classify p{padding: 5px 10px;height: 40px;line-height: 20px;}