@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
.clear{ clear:both;}
a{ text-decoration:none; cursor:pointer; -webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out}
li{ list-style:none;}
input{border:none;   outline:medium;}
body{ width:100%;font-family:微软雅黑; background:#F5F5F5;}
html{overflow-x: hidden;}


/*产品中心*/
.bann01{ width:100%; background:url(img/banner_1.jpg) no-repeat center; height:347px;}
.cp{ width:73px; float:left;}
.cp img{ display:block; width:73px; height:29px; overflow:hidden; border:0; margin-top:7px;}
.middle_4_1{ width:; background:#ddd; }
.middle_4{ width:100%; background:#ddd;margin:0 auto; background:#ddd; height:42px; line-height:42px; text-align:center; font-size:14px; margin-top:27px;}
.middle_4 a{width:60px; text-align:center; color:#1c1c1c; padding:4px 5px; margin:0px 5px;}
.middle_4 a:hover{ background:#DBC700; color:#fff;}
#active_1{ background:#DBC700; color:#fff;}

.middle_5{ width:980px; margin:30px auto auto; background:#fff; padding:10px 30px;overflow:hidden; margin:0 auto;}
.mid_51{ width:75%; height:35px; line-height:35px; font-size:25px; color:#333; overflow: hidden;}

.mid_51 a{  border:1px solid #ccc; width:100px;  height:35px; line-height:35px; display:block; float:right; border-radius:2px; color:#333; font-size:12px; text-align:center;}
.mid_52{ width:100%; font-size:20px; border-bottom:2px #dbc700 solid; margin-top:30px;}
.le{ display:block; color:#fff; width:113px; height:43px; float:left; text-align:center; background:#dbc700; line-height:42px;border-radius:5px 5px 0px 0px; cursor:pointer;}
.ri{ display:block; color:#333; width:113px; height:43px; float:left; text-align:center; line-height:42px;border-radius:5px 5px 0px 0px;cursor:pointer;}
.boa{ display:none;}
.mid_52 a:hover{ color:#FFF; background:#dbc700;}
#active1{ color:#FFF; background:#dbc700;}
.mid_53{ width:100%; margin:10px 0px;}
.mid_531{ width:100%; border-bottom:1px #bfbfbf dashed; font-size:14px; height:25px; line-height:25px; padding-bottom:5px; margin-top:4px;}
.mid_531 span{ display:block; float:left; color:#4d4d4d;}
.mid_531 font{ display:block; float:left; color:#fff; width:58px; height:25px; line-height:25px; text-align:center; background:#dbc700; margin:0px 2px;}
.mid_531 font a{ color:#fff;}
.mid_531 em{ display:block; font-style:normal; float:left; margin:0px 11px;}
.mid_531 em a{ color:#4d4d4d;}
.mid_531 em a:hover{ color:#dbc700;}
.mid_54{ width:100%; margin-top:12px;}
.mid_541{ width:100%; border-bottom:2px #dbc700 solid;}
.mid_541 span{ display:block; background:#dbc700; width:130px; height:30px; line-height:32px; text-align:center; color:#fff;border-radius:5px 5px 0px 0px;}
.mid_542{ width:1000px; margin-top:14px; margin-bottom:20px;}
.mid_542 ul{ width:1020px; margin-left:-10px;}
.mid_542 li{ float:left; width:230px; margin:0px 10px; display:inline;}
.mid_542 li img{ display:block; width:230px; height:166px; overflow:hidden; border:0;}
.mid_542 li span{ display:block; width:100%; font-size:14px; color:#000; line-height:22px; margin-top:2px;}


/* side-bar */
.side-pannel{position:fixed;right:0px;z-index:99;}
.side-bar{bottom:80px;background:#fff}
.side-bar a{display:block;cursor:pointer;width:58px;height:59px;position:relative;color:#676767; background:url(img/d_top.jpg) no-repeat;}

/*产品显示*/
.mid_62{ float:left; margin-left:8px; width:433px; font-size:14px; color:#333; line-height:26px; margin-top: 14px; border:1px solid #ccc;}
.mid_63{ display:block; width:100%;}
.mid_63 .mid_sp{padding:0 10px; display:block; border-bottom:1px solid #ccc; font-weight: bold; line-height: 35px;}
.mid_63 .mid_de{padding:0 10px; display:block; border-bottom:1px solid #ccc; color:#585858; line-height: 35px; height: 35px; overflow: hidden;}
.mid_64{ width:100%; display:block; margin-top:32px;}
.mid_65{ width:159px; height:41px; line-height:41px; float:right; }
.mid_65 img{ display:inline-block; float:left; width:28px; height:28px; overflow:hidden; margin-top:6px; margin-left:22px; margin-right:4px; border:0;}
.mid_65 span{ float:left; font-size:16px; color:#fff;}
.sxp{float: right; width:500px; text-align:center; font-size:14px; color:#333; }
.sxp span{ height:25px; line-height:25px; overflow:hidden;}
.sxp span a{ color:#333;}
.sxp span a:hover,.sxp01 a:hover{ text-decoration:underline;}
.sxp01{ display:block; font-size:14px;width:124px; height:32px; line-height:32px; overflow:hidden; margin:16px 0px 0px;}
.sxp01 a{ color:#fff; }


<!--{if $language == 'Chinese'}-->
.mid_63 .mid_tp{padding-left:10px; display: block; float: left; font-weight: bold; width: 95px; border-right: 1px solid #ccc;}
<!--{else}-->
.mid_63 .mid_tp{padding-left:10px; display: block; float: left; font-weight: bold; width:166px; border-right: 1px solid #ccc;}
<!--{/if}-->


.ydy{ width:800px; margin:0 auto;}
.ydy1{ width:800px; margin:20px auto;}
.ydy1 a{ display:block; background:#FFEC17; color:#000; width:180px; height:40px; line-height:40px; float:right;border-radius:5px; text-align:center; font-weight:bold; letter-spacing:2px;}
.yd_xg1{ width:100%; height:auto !important; min-height:600px; _height:600px;background:url(img/video_bg.jpg) no-repeat center; padding-top:30px;}
.image img{ display:block; _height:100%;  max-width:480px; max-height:340px;  margin-top: 3px; overflow:hidden;}


/* picbox */
.picbox{width:509px; float:left; margin-top:14px;}
#featured{height:363px;overflow:hidden;position:relative;}
#featured .image{width:500px; height:360px;overflow:hidden; display: flex; align-items: center; justify-content: center;}
#thumbs{width:515px;height:78px; overflow:hidden;}
*html #thumbs{height:100%;}
#thumbs li{display:inline;float:left;cursor:pointer; margin-right:10px; border: 1px solid #ccc; margin-top: 10px;}
#thumbs li a{table-layout: fixed; display:inline-block;font-size:0px;width:83px;height:60px;padding:0px 4px 0px 4px; display: flex; align-items: center; justify-content: center;}
#thumbs li a img{margin:0 auto; display: block; font-size:0px; _height:100%; max-width:85px;max-height:60px; border:0;}
 
#thumbs li a.current img{ display: block;_height:100%; max-width:85px;max-height:60px;}
#thumbs li a:hover{background-image:url(img/cp09_bg.jpg);}
#thumbs li a.current{background-image:url(img/cp09_bg.jpg);}