﻿body{ margin: 0; padding: 0; font-family:  Arial ;font-size: 12px; color: #333;min-width:1200px;}
*{margin:0;padding:0;color:#333;}
h1,h2,h3,h4,h5{ margin: 0; padding: 0;}
h1{font-size:36px;margin:0;font-weight:normal;}
h2{font-size:25px;margin:0;}
h3{font-size:22px;margin:0;font-weight:normal;}
h4{font-size:20px;margin:0;font-weight:normal;}
h5{font-size:18px;margin:0;font-weight:normal;}
i{font-style:normal;}
ul,li,p,span{ list-style-type: none; margin: 0; padding: 0;}
.fl{ float: left;} .fr{ float: right;} .clearfix{ clear: both;}
img{ margin:0; padding:0;border:none;}
a{ list-style:none;margin:0;padding:0;text-decoration:none;}
a:hover{ list-style:none ; text-decoration:none;color:#064ca2; cursor:pointer; }
a:hover p{color:#064ca2;}
div{ margin: 0; padding: 0;}
.context{ width:1200px; margin:0 auto; padding:0;}
.rows{padding:30px 0;overflow:hidden;}
.acontext{ width:1000px; margin:0 auto; padding:0;overflow:hidden; }
input,button,textarea,input:focus,textarea:focus,video:focus{outline:none;font-family: "黑体", Arial;}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
.mb-50{margin-bottom:50px;}
.mt-50{margin-top:50px;}
.mt-100{margin-top:100px;}
.ct{text-align:center;}
.o-flow{overflow:hidden;}
.fontw{color:#fff;}
.fbu{color:#064ca2;}
.fw{font-weight:bold;}
input::-webkit-input-placeholder {color: #999;}
input:-moz-placeholder {color: #999;}
input::-moz-placeholder {color: #999;}
input::-ms-input-placeholder {color: #999;}
.col-4{width:40%;float:left;}
.col-2{width:20%;float:left;}
.mtb_100{margin:100px 0;}
.ptb_30{padding:30px 0;}
.ptb_50{padding:50px 0;}
.ptb_80{padding:80px 0;}
.mt_100{margin-top:100px;}

.jz_header{background:#f3f3f3 url(../images/logobg.png) no-repeat 50% 50%;height:150px;overflow:hidden; position:fixed;z-index:9999;top:0;left:0;width:100%;}
.jz_header dl dd{float:left;}
.jz_header dl dd a{color:#fff;line-height:150px;margin:0 25px;}
.jz_header .logo{margin-top:35px;}
.jz_header dl .active,.jz_header dl dd:hover{background:#f3f3f3;}
.jz_header dl .active a,.jz_header dl dd:hover a{color:#0066a3;}

.jz_cate{background:url(../images/catebg.png) no-repeat 50% 50%;height:445px;margin-top:-50px;position:relative;z-index:100;text-align:center;overflow:hidden;}
.jz_cate dd{width:25%;float:left;background:url(../images/catedlbg.png) no-repeat 50% 50%;height:445px;}
.jz_cate .c_a{background:url(../images/cate_a.png) no-repeat 50% 100%;}
.jz_cate .c_b{background:url(../images/cate_b.png) no-repeat 50% 100%;}
.jz_cate .c_c{background:url(../images/cate_c.png) no-repeat 50% 100%;}
.jz_cate .c_d{background:url(../images/cate_d.png) no-repeat 50% 100%;}
.jz_cate span{display:block;height:210px;}
.jz_cate p,.jz_cate a{color:#fff;}
.jz_cate p{font-size:16px;margin-top:20px;line-height:30px;}
.jz_cate a:hover{color:#2299d6;}

.jz_about{overflow:hidden;position:relative;z-index:1000;margin-top:-50px;}
.jz_about .atit{background:url(../images/jz_01.jpg) no-repeat 0 100%;width:171px;height:345px;float:left;display:block;}
.jz_about .aimg{background:url(../images/jz_02.jpg) no-repeat 0 0;width:277px;height:345px;float:right;}
.jz_about .ainfo{margin-left:5%;float:left;width:49%;margin-top:13%;}
.jz_about .ainfo h2{line-height:50px;}
.jz_about .ainfo h2 span{color:#0066a3;}
.jz_about .ainfo p{line-height:22px;color:#999;}

.jz_pro{overflow:hidden;background:url(../images/jz_03.jpg) no-repeat 50% top;height:582px;margin:80px 0;padding:80px 0;}
.jz_pro .pcate{width:302px;float:left;}
.jz_pro .pcate h1{background:url(../images/jz_04.jpg) no-repeat 0 top;width:302px;height:119px;}
.jz_pro .pcate dl dd{width:100%;background:#0066a3;height:60px;line-height:60px;overflow:hidden;margin-top:5px;}
.jz_pro .pcate dl dd:hover,.jz_pro .pcate dl dd .selected{background:#fff;}
.jz_pro .pcate dl dd:hover a,.jz_pro .pcate dl dd .selected{color:#0066a3;font-weight:bold;}
.jz_pro .pcate dl dd a{color:#fff;padding:0 30px;display:block;font-size:16px;}
.jz_pro .pcate dl dd a span{background:url(../images/jz_05.png) no-repeat 50% 50%;display:block;position:absolute;height:60px;width:32px;float:right;position:relative;}
.jz_pro .pshow{background:#fff;width:72%;float:right;height:570px;}
.jz_pro .pshow .show_a{width:95.8%;margin:0 auto;overflow:hidden;border:1px solid #eee;height:250px;margin-top:15px;display:none;}
.jz_pro .pshow .show_a .show_a_img{width:50%;float:left;overflow:hidden;text-align:center;}
.jz_pro .pshow .show_a .show_a_img img{width:270px;}
.jz_pro .pshow .show_a .show_a_info{background:#f2f2f2;width:50%;float:right;height:250px;}
.jz_pro .pshow .show_a .show_a_info h3{margin:40px 30px 10px 30px;}
.jz_pro .pshow .show_a .show_a_info p{margin:0 30px 10px 30px;}
.jz_pro .pshow .show_a .show_a_info span{margin:0 30px 0 30px;color:#999;display:block;}
.jz_pro .pshow .show_a .show_a_info a{display:block;width:120px;line-height:35px;border:1px solid #0066a3;background:#fff;text-align:center;margin:10px 30px;color:#0066a3;}
.jz_pro .pshow .show_a .show_a_info a:hover{background:#2299d6;color:#fff;}
.jz_pro .pshow .show_b{width:97%;margin:0 auto;overflow:hidden;height:270px;margin-top:15px;}
.jz_pro .pshow .show_b ul li{float:left;width:279px;}
.jz_pro .pshow .show_b ul li a{width:95%;display:block;border:1px solid #eee;margin:0 auto;overflow:hidden;}
.jz_pro .pshow .show_b ul li a img{width:100%;}
.jz_pro .pshow .show_b .list{overflow:hidden;width:9999px;}
.jz_pro .pshow .show_b .box{overflow:hidden;position:relative;width:100%;height:270px;margin:0 auto;}
.jz_pro .pshow .show_b .box .list li p{margin-top:-30px;padding-left:15px;position:absolute;width:279px;overflow:hidden;height:20px;}

.jz_adv{overflow:hidden;margin:80px 0;}
.jz_adv .adv_h1{background:url(../images/jz_06.jpg) no-repeat 50% 50%;height:97px;text-align:center;}
.jz_adv .adv_tab{margin-top:60px;overflow:hidden;}
.jz_adv .adv_tab dd a{display:block;width:100%;}
.jz_adv .adv_tab dd{float:left;width:25%;height:190px;text-align:center;}
.jz_adv .adv_tab dd:hover,.jz_adv .adv_tab .selected{float:left;background:url(../images/jz_07.png) no-repeat 50% 50%;height:190px;text-align:center;}
.jz_adv .adv_tab dd:hover h2,.jz_adv .adv_tab dd:hover p,.jz_adv .adv_tab .selected h2,.jz_adv .adv_tab .selected p{color:#fff;}
.jz_adv .adv_tab .ta span{background:url(../images/jz_09_.png) no-repeat 50% 50%;display:block;height:38px;margin-top:55px;}
.jz_adv .adv_tab .tb span{background:url(../images/jz_10_.png) no-repeat 50% 50%;display:block;height:38px;margin-top:55px;}
.jz_adv .adv_tab .tc span{background:url(../images/jz_11_.png) no-repeat 50% 50%;display:block;height:38px;margin-top:55px;}
.jz_adv .adv_tab .td span{background:url(../images/jz_12_.png) no-repeat 50% 50%;display:block;height:38px;margin-top:55px;}
.jz_adv .adv_tab .ta:hover span,.jz_adv .adv_tab .ta .selected span{background:url(../images/jz_09.png) no-repeat 50% 50%;display:block;height:38px;margin-top:55px;}
.jz_adv .adv_tab .tb:hover span,.jz_adv .adv_tab .tb .selected span{background:url(../images/jz_10.png) no-repeat 50% 50%;display:block;height:38px;margin-top:55px;}
.jz_adv .adv_tab .tc:hover span,.jz_adv .adv_tab .tc .selected span{background:url(../images/jz_11.png) no-repeat 50% 50%;display:block;height:38px;margin-top:55px;}
.jz_adv .adv_tab .td:hover span,.jz_adv .adv_tab .td .selected span{background:url(../images/jz_12.png) no-repeat 50% 50%;display:block;height:38px;margin-top:55px;}
.jz_adv .adv_tab dd{ cursor:pointer;}
.jz_adv .adv_tab dd h2{margin-top:10px;}
.jz_adv .adv_tab dd p{color:#ccc;}

.jz_adv .advinfo{background:#f7f7f7;padding:60px 0;overflow:hidden;}
.jz_adv .advinfo .a_info{float:right;width:550px;background:url(../images/jz_14.png) no-repeat 50% top;height:435px;display:none;}
.jz_adv .advinfo .a_info h2{color:#fff;width:120px;text-align:center;font-size:14px;margin-top:20px;float:left;}
.jz_adv .advinfo .a_info .tit{float:right;width:73%;margin-top:15px;}
.jz_adv .advinfo .a_info .tit h3{font-weight:bold;color:#0066a3;line-height:40px;}
.jz_adv .advinfo .a_info .tit p{color:#999;}
.jz_adv .advinfo .a_info .des{float:right;width:73%;margin-top:50px;color:#999;line-height:22px;}
.jz_adv .advinfo .a_info .des .view{display:block;width:120px;line-height:35px;border:1px solid #0066a3;background:#fff;text-align:center;color:#0066a3;margin-top:80px;}
.jz_adv .advinfo .a_info .des .view:hover{background:#2299d6;color:#fff;}

.jz_news{overflow:hidden;margin:80px 0;}
.jz_news dl dd{float:left;width:50%;background:url(../images/jz_15.png) no-repeat 0 top;height:200px;margin-bottom:20px;}
.jz_news dl dd a{display:block;float:right;width:53%;margin-right:60px;}
.jz_news dl dd a h4{line-height:40px;height:40px;overflow:hidden;margin-top:40px;border-bottom:1px solid #999;}
.jz_news dl dd a h4:hover{color:#2299d6;}
.jz_news dl dd a p{margin-top:15px;height:40px;overflow:hidden;line-height:20px;color:#999;}

footer{background:#0066a3;padding:30px 0;margin-top:80px;overflow:hidden;}
footer .flogo{float:left;margin-top:40px;}
footer .con{background:url(../images/jz_17.png) no-repeat 0 0;width:393px;height:214px;float:left;margin-left:50px;}
footer .con .tel{color:#fff;background:url(../images/jz_22.png) no-repeat 0 0;height:46px;padding-left:55px;font-size:30px;margin:40px 0 0 40px;font-weight:bold;}
footer .con p{color:#fff;margin-left:40px;line-height:30px;}
footer .mnav{background:url(../images/jz_18.png) no-repeat 0 0;margin-left:50px;width:314px;height:174px;float:left;padding-top:40px;}
footer .mnav a{color:#fff;float:left;color:#fff;display:block;padding-left:55px;line-height:30px;}
footer .mnav a:hover,footer .mnav a:hover span{color:#2299d6;}
footer .mnav a span{font-family:'宋体';font-size:10px;color:#fff;}
footer .cade{float:right;background:url(../images/jz_20.png) no-repeat 0 0;width:175px;height:214px;text-align:center;}
footer .cade img{margin-top:20px;}
footer .cade p{color:#fff;line-height:30px;}
.footm{text-align:center;line-height:30px;color:#999;}
.footm2{text-align:center;line-height:30px;color:#999;background:#f3f3f3;}

.jznbanner{background:url(../images/nbanner.jpg) no-repeat 50% top;height:424px;overflow:hidden;margin-top:150px;}
.jzn{padding:80px 0;overflow:hidden;}
.jzn_about .tit{text-align:right;border-bottom:1px solid #eee;padding-bottom:15px;float:right;width:100%;}
.jzn_about .tit p{color:#999;}
.jzn_about .aboutinfo{margin-top:50px;overflow:hidden;float:left;}
.jzn_about .aboutinfo .fimg{background:url(../images/jz_02.jpg) no-repeat 0 top;width:277px;height:345px;float:left;}
.jzn_about .aboutinfo .finfo{width:70%;float:right;}
.jzn_about .aboutinfo .finfo .ft{color:#666;line-height:80px;}
.jzn_about .nadv{overflow:hidden;width:100%;float:left;margin-top:40px;}
.jzn_about .nadv h2{width:50%;float:left;padding:15px 0;}
.jzn_about .nadv h2 span{display:block;height:75px;width:60px;float:left;padding-right:15px;border:1px solid #ccc;border-radius:100px;}
.jzn_about .nadv h2 p{margin-left:10px;float:left;color:#999;font-weight:normal;font-size:18px;margin-top:20px;}
.jzn_about .nadv .va span{background:url(../images/jz_09_.png) no-repeat 50% 50%;}
.jzn_about .nadv .vb span{background:url(../images/jz_10_.png) no-repeat 50% 50%;}
.jzn_about .nadv .vc span{background:url(../images/jz_11_.png) no-repeat 50% 50%;}
.jzn_about .nadv .vd span{background:url(../images/jz_12_.png) no-repeat 50% 50%;}

#l-map{height:500px;width:100%;}
#r-result{width:100%;}
.jznprolist{overflow:hidden;}
.pmenu{overflow:hidden;margin-bottom:20px;float:left;width:180px; position:fixed;z-index:100000;}
.pmenu .pt a{font-size:18px;font-weight:bold;line-height:60px;background:url(../images/jz_23.png) no-repeat;color:#fff;padding-left:15px;}
.pmenu dd{float:left;width:98%;line-height:40px;margin-bottom:2px;}
.pmenu dd a{display:block;width:99%;background:url(../images/jz_24.png) no-repeat;padding-left:15px;font-family:'Microsoft yahei';color:#0066a3;}
.pmenu dd a:Hover,.jznprolist .pmenu .cur a{background:#f4f4f4;color:#2299d6;}
.jznprolist .plist{overflow:hidden;float:left;width:100%;margin-top:20px;}
.jznprolist .plist dd{float:left;width:25%;margin-bottom:8px;height:340px;overflow:hidden;}
.jznprolist .plist dd a{display:block;width:95%;text-align:center;background:#fff;border:1px solid #eee;}
.jznprolist .plist dd a:Hover{background:#2299d6;}
.jznprolist .plist dd a:Hover p{color:#fff;}
.jznprolist .plist dd img{width:100%;overflow:hidden;transition: all 0.6s;}
.jznprolist .plist dd p{padding:10px 10px;line-height:30px;overflow:hidden;}
.jznprolist .plist img:hover{transform: scale(1.3);cursor:pointer;}
.page{margin:50px 0;float:right;width:75%;}
.page a{padding:10px;text-align:center;background:#f3f3f3;margin:0 2px;}
.page .cur,.page a:Hover,.page a:Hover span{background:#2299d6;color:#fff;}
.jznnews dl dd{overflow:hidden;background:#f7f7f7;margin-bottom:20px;}
.jznnews dl dd a{overflow:hidden;padding:20px;display:block;}
.jznnews dl dd a img{width:130px;height:130px;}
.jznnews dl dd .news_des{width:60%;margin-left:30px;}
.jznnews dl dd span{display:block;}

.jznnews dl dd .news_des .n_t{line-height:50px;font-size:16px;height:50px;overflow:hidden;}
.jznnews dl dd .news_des .n_d{color:#999;line-height:20px;height:40px;overflow:hidden;}
.jznnews dl dd .news_time{width:10%;text-align:right;}
.jznnews dl dd .news_time .time{font-size:16px;color:#999;margin-top:40px;}
.jznnews dl dd .news_time .more{line-height:24px;}
.jznnews .info_tit{text-align:center;border-bottom:1px solid #ddd;line-height:70px;}
.jznnews .info_des{background-color:#f8f8f8;line-height:20px;border:1px solid #f6f6f6;padding:10px;color:#999;}
.jznnews .info_con{margin:30px 0;}
.jznnews .info_next{text-align:right;padding:30px 0;font-size:16px;border-top:1px solid #ddd}
.jznnews .info_next a{color:#999;}
.jznproinfo .divbox{width:40%;background:#fff;margin:0 50px 50px 50px;overflow:hidden;}
.jznproinfo .divbox2{width:40%;background:#f7f7f7;padding:50px;overflow:hidden;}
.jznproinfo .fl{text-align:center;}
.jznproinfo .divbox2 h1{border-bottom:1px solid #ccc;padding-bottom:30px;margin-bottom:30px;}
.jznproinfo .divbox2 p{color:#999;margin:8px 0;}
.jznproinfo .infocontext{padding:30px 0;background:#fff;overflow:hidden;}
.jznproinfo .infocontext .protab{overflow:hidden;border-bottom:1px solid #f3f3f3;}
.jznproinfo .infocontext .protab a{display:block;}
.jznproinfo .infocontext .protab dd a:hover,.jznproinfo .infocontext .protab dd .selected{background:none;}
.jznproinfo .infocontext .protab dd a{float:left;width:20%;background:#f3f3f3;border-top-left-radius:15px;border-top-right-radius:15px;text-align:center;line-height:60px;font-size:30px;margin-right:10px;}
.jznproinfo .description{margin:20px 0;line-height:24px;color:#999;float:left;width:100%;}
#menu_con3 li{display:none;}
.jznfeedback .fbtext{color:#ccc;line-height:20px;}
form{margin-top:40px;overflow:hidden;}
.form{overflow:hidden;background:#fafafa;margin:0 auto;width:80%;border-bottom:6px solid #e0e0e0;padding:50px;}
.form-item {margin-bottom:10px;width:50%;float:left;}
.form-item input {border:1px solid #cfcfcf;border-radius: 2px;color: #000;height:40px;transition: background 0.3s ease-in-out;width:85%;padding-left:10px;}
.form-item input:focus {outline: none;border-color: #9ecaed;box-shadow:0 0 10px #9ecaed;}
.button-panel {width: 100%;float:left;}
.button-panel .button { -webkit-appearance: none;background: #2299d6;border: none;border-radius: 2px;color:#fff;cursor: pointer;height:40px;font-family: 'Open Sans', sans-serif;letter-spacing: 0.05em;text-align: center;text-transform: uppercase;transition: background 0.3s ease-in-out;width: 200px;margin:0 auto;margin-top:20px;float:right;}
.form-items textarea{width:91.4%;border:1px solid #ddd;padding:10px;}
.form-items{width:100%;float:left;}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
input[type=search] {
	background: url(../images/search-icon.png) no-repeat 9px center;
	padding: 9px 10px 9px 32px;
	width: 55px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #6dcff6;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}
#demo-b input[type=search] {
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
	position:absolute;
	margin-top:-7px;
	border:none;
	margin-top:55px;
}
#demo-b input[type=search]:hover {
	background-color: #fff;
}
#demo-b input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#demo-b input:-moz-placeholder {
	color: transparent;
}
#demo-b input::-webkit-input-placeholder {
	color: transparent;
}

.xkncon .cmap{width:50%;float:left;}
.xkncon .cimg{float:right;width:560px;height:500px;background:url(../images/cimg.jpg) no-repeat 50% 50%;}

/*productimg*/

.top-img{
    width: 500px;height: auto;font-size: 0;position: relative;
}
.activeimg{
    overflow: hidden;position: relative;
}
.top-img .activeimg img{
    width: 500px;
}

.top-img .left:hover,.top-img .right:hover{
    background: rgba(0,0,0,0.5);
}

.bot-img{
    height: 90px;width: 500px;margin:15px;
}
.bot-img ul{
    width: 100%;height: 100px;
}
.bot-img ul li{
    width: 90px;margin-right: 10px;float: left;border: 1px solid #fff;cursor: pointer;font-size: 0;
}
.bot-img ul li.active{
    border: 1px solid #ff6600;
}
.bot-img ul li img{
    width: 100%;
}
.bot-img ul li:last-child{
    margin-right: 0;
}

@font-face { font-family: jdcfont; src: url(../fonts/jdcfont.eot); src: url(../fonts/jdcfont.eot#iefix) format("embedded-opentype"), url(../fonts/jdcfont.woff) format("woff"), url(../fonts/jdcfont.ttf) format("truetype"), url(../fonts/jdcfont.svg#jdcfont) format("svg") }
.jdcfont { font-family: jdcfont!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale }
.jdc-side { display: none; position: fixed; right: 20px; bottom: 20px; z-index: 300; width: 60px }
.mod_hang_qrcode { position: relative }
.mod-qr-tips { height: 70px; background: url(../images/qrtips.png) center no-repeat; background-size: 100% }
.mod_hang_qrcode_show { display: none; position: absolute; right: 70px; top: -65px; width: 138px; min-height: 166px; border: 0 none; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_show p { margin-top: 5px; line-height: 16px; color: #666; font-size: 12px; text-align: center }
.mod_hang_qrcode_show_bg { width: 124px; height: 124px; margin: 8px auto 0; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 124px auto; background-size: 124px auto; background-image: url(../images/jz_21.jpg) }
.jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../images/jz_21.jpg) }
.jdc_hang_qrcode p { padding-bottom: 5px }
.mod_hang_qrcode_btn { display: block; width: 60px; height: 60px; color: #0989c5; font-size: 40px; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease }
.mod_hang_top { display: block; width: 60px; height: 60px; margin: 5px 0 0; text-align: center; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; background-color: transparent }
.mod_hang_qrcode:hover .mod_hang_qrcode_show { display: block }
.mod_hang_qrcode_btn { position: relative; margin-top: 5px; text-align: center; background-color: transparent; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_qrcode_btn:hover { color: #fff }
.mod_hang_top { -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_top .mod_hang_qrcode_btn { background: 0 0; margin: 0 }
.mod_hang_appeal_btn { display: block; width: 60px; height: 60px; color: #0989c5; text-align: center; font-size: 20px; cursor: pointer; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) ;}
.mod_hang_appeal:hover .mod_hang_appeal_show{ display:block;opacity: 1;}
.mod_hang_appeal_btn i, .mod_hang_qrcode_btn i { display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 40px; color: #0989c5; background-color: #fff }
.mod_hang_appeal_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_appeal.show .mod_hang_appeal_show { display: block }
.mod_hang_appeal_show { opacity: 0; z-index:-9; right:-500px; position: absolute; right: 70px; bottom: 0; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1); width: 300px }
.mod_hang_appeal_show li {
*zoom:1; cursor: pointer }
.mod_hang_appeal_show li:hover { background: #f3f5fb }
.mod_hang_appeal_show li:after, .mod_hang_appeal_show li:before { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden }
.mod_hang_appeal_show .icon_box, .mod_hang_appeal_show .text_box { float: left; width: 215px; height: 90px; cursor: pointer }
.mod_hang_appeal_show .icon_box { width: 78px; line-height: 90px; text-align: center }
.mod_hang_appeal_show .icon_box i { color: #0989c5; font-size: 30px }
.mod_hang_appeal_show .text_box h5 { margin-top: 10px; font-size: 16px; color: #03004c; line-height: 24px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.mod_hang_appeal_show .text_box p { margin-top: 10px; max-height: 36px; overflow: hidden; line-height: 18px; font-size: 12px; color: #666; cursor: pointer }
.jdc_feedback_qrcode .mod_hang_qrcode_btn { margin-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show { min-height: 226px }
.jdc_feedback_qrcode .mod_hang_qrcode_show p { padding-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show_bg { margin-top: 0; background-image: none }
@media (max-width:768px) {
.jdc-rwd .jdc-side { display: none!important }
}
.jdc-lang-en .jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../images/jz_21.jpg) }
.jdc-lang-en .mod-qr-tips { position: relative }
.jdc-lang-en .mod-qr-tips:after { content: "Search"; position: absolute; left: 41px; top: 8px; width: 85px; height: 30px; line-height: 30px; background: #fff; color: #666; font-size: 16px }
.mod_hang_qrcode_show img{width:100%;}











