@import url("reset.css");
body{padding-bottom: 40px;}
header{height: 60px; padding: 8px;}
header .logo{height: 100%;}
header .logo img{max-height: 90%;padding-top: 5%;}
header span{display: block;width: 35px;height:30px;background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;margin-left: 8px}
header .language {margin-top: 8px;}
header .language a{display: block;width: 100%;height: 100%;}
header .language_en{background-image: url(../images/language_cn.png);}
header .language_cn{background-image: url(../images/language_en.png);}
header .menu{margin-top: 8px;}
header .menu.open{background-image: url(../images/menu_open.png);}
header .menu.closed{background-image: url(../images/menu_closed.png);}

nav{margin:8px 0;width: 100%;padding: 0 10px;display: none;}
nav ul{border-top: 1px #9B9B9B solid;}
nav ul li{display: block;width: 100%;border-bottom: 1px #9b9b9b solid;padding: 0 5px;}
nav ul li a{display: block;height: 100%;width: 100%;height: 35px;line-height: 35px;}
nav>ul>li>a{background: url(../images/right_arrow.png) right center no-repeat;background-size: 10px auto;}
nav .sonNav{display: none;padding-left:10px;}
nav .sonNav li{padding-right: 0;}
nav .sonNav li a{background: url(../images/right_arrow_s.png) right center no-repeat;background-size: 10px auto;}
nav .sonNav li:last-child{border-bottom-width:0px;}

h5.title{text-align: center;font-size: 14px;color: #000;margin: 10px auto;height: 38px;line-height: 38px;position: relative;display: block;;width: 120px;background: #fff;z-index: 8;}
h5.title::before,h5.title::after{ display: block; content: ''; position: absolute; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; width: 25px;height: 1px;background: #444;z-index: 9;}
h5.title::before{left: -10px;}
h5.title::after{right: -10px;}
h5.title.en_title{width: 250px;font-family: impact;text-transform: uppercase;font-size: 16px;color: #666;}

.cp_list{height: auto;width: 100%;}
.cp_list ul{display: block;}
.cp_list ul li{display: block;width: 35%;float: left;margin-left: 10%;margin-bottom: 10px;}
.cp_list ul li:nth-child(2n){margin-right: 10%;float: right;}
.cp_list ul li a{display: block;width: 100%;}
.cp_list ul li a span{width: 100%;height: 320px;display: block;overflow: hidden;position: relative;border: 1px #979797 solid;}
.cp_list ul li img{max-width: 100%;position: absolute;top:0;left: 0;transition:transform 0.5s; -webkit-transition:transform 0.5s; -moz-transition:transform 0.5s; -ms-transition:transform 0.5s; -o-transition:transform 0.5s;}
.cp_list ul li p{font-size: 14px;height: 25px;line-height: 25px;margin-top: 10px;text-align: center;}
.cp_list ul li a:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; transition:transform 0.5s; -webkit-transition:transform 0.5s; -moz-transition:transform 0.5s; -ms-transition:transform 0.5s; -o-transition:transform 0.5s; }

.index_news{margin-top: 25px;padding: 10px;}
.news_Ctitle{display: block;position: relative;}
.news_Ctitle i{position: absolute;color: #9b9b9b;font-size: 14px;left: 0;top: -10px;}
.news_Ctitle p{display: block;width: 100%;font-size: 15px;height: 25px;line-height: 25px;position: relative;}
.news_Ctitle p::before{display: block;width: calc( 100% - 60px );height: 1px;background: #444;bottom: 2px;left: 60px;content: "";position: absolute;}
.news_Ctitle p span{ height:18px; line-height:18px; width: 50px; font-size: 14px; border: 1px #ccc solid; border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; text-align: center;display: block;position: absolute;right: 0;bottom: 6px;background: url(../images/more.png) center center no-repeat;background-size: 100% auto;}
.news_Ctitle p span:hover{background-image: url(../images/more_press.png);}
.news_Ctitle p span.en{background-image: url(../images/en_more1.png);border: 0;background-size: 100% 100%;}
.news_Ctitle p span.en:hover{background-image: url(../images/en_more1_press.png);}
.news_Ctitle p span a{display: block;width: 100%;height: 100%;}
ul.article_list{display: block;padding: 0 3px;}
ul.article_list li{display: block;height: 30px;line-height: 30px;width: 100%;border-bottom: 1px #ccc dotted;font-size: 14px;padding-left: 15px;overflow: hidden;position: relative;}
ul.article_list li:before{content: "•";display: block;width: 5px;height: 5px;position: absolute;left: 3px;top:0;}
ul.article_list.manual_list a.download_icon{background-image: url(../images/down.png);background-position: center center;background-repeat: no-repeat;display: block;width: 25px;height: 25px;margin: 10px 10px 0;}
ul.article_list.manual_list a.download_icon:hover{background-image: url(../images/down\ _press.png);}
ul.article_list li a:not(.download_icon){height: 30px;width: calc( 100% - 130px );overflow: hidden;text-overflow: ellipsis;display: block;}

footer{background: #282D30;font-size: 11px;color: #D1D1D1;padding: 9px 15px;}
footer .text_info p.address{height: 25px;line-height: 25px;}
footer .text_info p.address img{max-width: 15px;margin-right: 5px;}
footer .copyright{margin-top: 10px;}
footer .copyright p{height: auto;line-height: 25px;}
footer .copyright p a{color: #D1D1D1;}
footer .bottom{margin-top: 20px;}
footer .contact.left{width: 57%;position: relative;padding-left: 15%;}
footer .contact:after{position: absolute;content: "";height: 100%;width: 1px;background: #4A4A4A;right: 0;top: 0;}
footer .contact .tel{color: #FF4242;font-size: 15px;}
/*footer .contact .online{margin-top: 2px;}*/
footer .contact .online a{display: block;background: url(../images/custom.png) center center no-repeat;width: 95px;height: 36px;background-size: 100% auto;}
footer .contact .online.en_online a{background-image: url(../images/en_custom.png);}
footer .ercode.right{width: 43%;text-align: center;font-size: 14px;}
footer .ercode.right img{width: 55px;height: 55px;margin-bottom: 4px;}

section.n_banner{height: 150px;background-size: auto 100%;background-position: center center;background-repeat: no-repeat;}
h3.position{padding-top: 15px;width: 96%;margin:0 auto;height: 45px;line-height: 30px;font-size: 14px;border-bottom: 1px #ccc solid;}
h3.position form{float: right;width: 25px;height: 25px;display: block;border-radius: 17px;background: #eaeaea;overflow: hidden;position: relative;transition: width 0.5s;}
h3.position form input{background: none;border: 0;outline: 0;}
h3.position form input.keywords{position: absolute;z-index: 9;height: 25px;line-height: 25px;padding-left: 100px;}
h3.position form input.submit{background: url(../images/fdj.png) center center no-repeat;position: absolute;right: 2px;top: 2px;background-size: 17px;display: block;height: 20px;width: 20px;z-index: 8;}
h3.position form.form_focus{width: 150px;transition: width 0.5s;}
h3.position form.form_focus input.keywords{padding-left: 10px;}

.sidebar{width: 150px;position: fixed;left: -150px;top: 20%;height: 60%;background: #f1f1f1;transition: left 0.5s;z-index: 9;}
.sidebar.sidebar_show{left: 0;transition: left 0.5s;}
.sidebar h3{background: #373737;height: 35px;line-height: 35px;color: #fff;font-size:14px;}
.sidebar ul#sidemenu{margin-top: 8px;display: block;height: calc( 100% - 35px );overflow-y: auto;}
.sidebar ul#sidemenu>li{display: block;font-size:12px;text-indent: 36px;margin-bottom: 4px;width: 70%;}
.sidebar ul#sidemenu>li:hover,.sidebar ul#sidemenu>li.active{text-indent: 24px;}
.sidebar ul#sidemenu>li>a{display: block;width: 100%;height: 100%;height: 25px;line-height: 25px;background: url(../images/plus.png) 15px 7px no-repeat;color: #000;overflow:hidden;background-size: 12px auto;}
.sidebar ul#sidemenu>li:hover>a,.sidebar ul#sidemenu>li.active>a{color: #fff;background: url(../images/-\ _press.png) 5px 7px no-repeat #00564D;background-size: 12px auto;}
.sidebar ul#sidemenu>li a:hover{color: #fff;}
.sidebar ul#sidemenu ul.sonNav{display: none;padding:10px 0 2px 0;}
.sidebar ul#sidemenu ul.sonNav li{background: none;display: block;}
.sidebar ul#sidemenu ul.sonNav li a{display: block;width: 100%;height: 22px;margin-bottom: 10px;line-height: 22px;}
.sidebar ul#sidemenu ul.sonNav li a:link{color: #000}
.sidebar ul#sidemenu ul.sonNav li a:visited{color: #000}
.sidebar ul#sidemenu ul.sonNav li a:hover{color: #00564D;}
.sidebar ul#sidemenu ul.sonNav li a:active{color: #000}
.sidebar ul#sidemenu ul.sonNav li.active a:link{color: #00564D;}
.sidebar ul#sidemenu ul.sonNav li.active a:visited{color: #00564D;}
.sidebar ul#sidemenu ul.sonNav li.active a:hover{color: #00564D;}
.sidebar ul#sidemenu ul.sonNav li.active a:active{color: #00564D;}
.sidebar ul#sidemenu>li.active ul.sonNav{display: block;}
.sidebar .sidebar_status{width: 15px;height: 32px;background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;position: absolute;right: -15px;top: 50%;}
.sidebar .sidebar_status.sidebar_open{background-image: url(../images/sidebar_open.png);}
.sidebar .sidebar_status.sidebar_closed{background-image: url(../images/sidebar_closed.png);}

a.download_icon{background-image: url(../images/down.png);background-position: center center;background-repeat: no-repeat;display: block;width: 25px;height: 25px;margin: 3px 10px 0;background-size: 20px auto;}
a.download_icon:hover{background-image: url(../images/down\ _press.png);}

/* 右侧悬浮 */
.right_side{position: fixed;bottom: 0;left: 0;z-index: 9999;width: 100%;}
.right_side dl{display: block;width: 33.33%;height: 40px;position: relative;float: left;}
.right_side dl dt > a{display:block;width:100%;height:100%}
.right_side dl.right_qq dt{background: url('../images/m_qq.png') center center no-repeat #6CA9DF;}
.right_side dl.right_tel dt{background: url('../images/m_phone.png') center center no-repeat #78C340;}
.right_side dl.right_ercode dt{background: url('../images/m_wx.png') center center no-repeat #FF811A;}
.right_side dl.right_qq.en_qq dt{background-image: url(../images/en_qq.png);}
.right_side dl.right_tel.en_tel dt{background-image: url(../images/en_tel.png);}
.right_side dl.right_ercode.en_wechat dt{background-image: url(../images/en_wechat.png);}
.right_side dl dt{display: block;width: 100%;height: 100%;position: relative;background-size: auto !important;z-index: 10;}
.right_side dl dd{position: absolute;width: 100%;left: 0;top: 0;transition: transform 0.5s;overflow: hidden;color: #fff;z-index: 9;}
.right_side dl.active dd{transition: transform 0.5s;transform: translateY(-100%);}
.right_side dl.right_qq dd p{height: 30px;line-height: 30px;background: #6CA9DF;color: #fff;font-size: 14px;padding: 0 2px;margin-bottom: 1px;}
.right_side dl.right_qq dd p a{display: block;width: 100%;height: 100%;color: #fff;}
.right_side dl.right_qq dd p a:link,.right_side dl.right_qq dd p a:visited,.right_side dl.right_qq dd p a:hover,.right_side dl.right_qq dd p a:active{color: #fff;}
.right_side dl.right_qq dd p a span{margin-left: 8px;}
.right_side dl.right_qq dd p:hover{background-color: #3379B6;}
.right_side dl.right_tel dd{height: 40px;background: #78C340;text-align: center;line-height: 40px;font-size: 14px;}
.right_side dl.right_tel dd a{color: #fff;}
.right_side dl.right_ercode dd{height: 80px;left: 30px;margin: 0 auto;}
.right_side dl.right_ercode.active dd{width: 80px;}
.right_side dl.right_ercode dd img{width: 80px;height: 80px;position: absolute;left: 0;bottom: 0;}
/*.right_side div.right_top{background: url('../images/r_top.png') center center no-repeat #f2f2f2;opacity: 0.5;transition: opacity 0.5s;cursor: pointer;}
.right_side div.right_top:hover{opacity: 1;transition: opacity 0.5s;}*/



.product_show{padding: 10px 2%;width: 100%;overflow: hidden;}
.product_show .show_img{width: 45%;}
.product_show .show_info{width: 53%;margin-left: 2%;}
.product_show .show_info p{margin-bottom: 4px;font-size: 11px;color:#000;}
.product_show .show_info p.short{line-height: 1.8;}
.product_show .show_info p span{font-weight: 700;display: inline-block;width: 60px;text-align: justify;}
.product_show .show_info dl.long dt{width: 90px;float: left;display: block;font-weight: 700;font-size: 11px;color:#000;}
.product_show .show_info dl.long dd{width: calc( 100% - 90px );float:left;display: block;}
/*.product_show .show_info dl.long dd span{width: 100px;height: 35px;float: left;margin-right: 20px;margin-bottom: 20px; }
.product_show .show_info dl.long dd span:nth-child(3n){margin-right: 0;}*/
.product_show .show_info .select2{width: 100%!important;}
.product_show .show_info dl.long a{ border-radius:15px ; -webkit-border-radius:15px ; -moz-border-radius:15px ; -ms-border-radius:15px ; -o-border-radius:15px ; display: block; border: 1px #ccc solid; height:35px; text-align: center; line-height: 30px; }
.product_show .show_info dl.long a:hover{background: #007DD0;border: 1px #007DD0 solid;color:#fff;font-size: 15px;}
.product_show .show_info .show_contact{margin-top: 18px;}
.product_show .show_info .show_contact a{ display:block; height: 30px; color:#fff; font-size: 15px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; text-align: center;line-height: 30px;width: 80px;float: right;margin-right: 0;}
/*.product_show .show_info .show_contact span{display: inline-block;}*/
.product_show .show_info .show_contact span:first-child a{/*width:120px;*/margin-left: 15px;}
.product_show .show_info .show_contact a:link{background: #DE262B;}
.product_show .show_info .show_contact a:hover{background: #c90000;}

.content{width: 96%;margin:0 auto;padding: 25px 0;overflow: hidden;}
.content img{max-width: 100%;height: auto;}
.content img{max-width: 100%;height: auto;}
.content table{float: none;width: 100%!important;}
.content table td{padding-left: 8px;}
.content ul li{list-style: disc inside ;}
h1.title{font-size: 16px;font-weight: 700;height: 45px;line-height: 45px;background: #eee;width: 96%;margin:0 auto;text-align: center;}

div.spread{height: 26px;line-height: 26px;color: #fff;border-bottom: 1px #4A4A4A solid;position: relative;font-size: 15px;}
div.spread span{position: relative;background: #4a4a4a;display: inline-block;padding: 0 30px 0 8px;}
div.spread span::before{width: 0;height: 0;border-bottom: 25px solid #4a4a4a;border-right: 25px solid transparent;content: "";position: absolute;right:-25px;}
div.spread span i{background: url(../images/arrow-down.png) no-repeat center center;position: absolute;right: 8px;top:8px;display: block;width: 11px;height:12px;}
p.spread{height: 26px;line-height: 26px;color: #fff;border-bottom: 1px #4A4A4A solid;position: relative;font-size: 15px;}
p.spread span{position: relative;background: url(../images/arrow-down.png) no-repeat right center #4a4a4a;display: inline-block;padding: 0 15px 0 8px;}
p.spread span::before{width: 0;height: 0;border-bottom: 25px solid #4a4a4a;border-right: 25px solid transparent;content: "";position: absolute;right:-25px;}
p.spread span i{display:none;}

p.imgtitle{background: url(../images/imgtitle.png) center center no-repeat;width: 100%;height: 26px;text-align: center;color: #fff;line-height: 26px;}

.flexslider .slides img{width: 100%;}


.item_list .product_list{display: block;margin-top: 20px;padding:0 15px;}
.item_list .product_list dl{display: block;border: 1px #d1d1d1 solid;margin-bottom: 20px;float: left;width: 100%;width:calc( 50% - 5px);}
.item_list .product_list dl:nth-child(1n){float: left;}
.item_list .product_list dl:nth-child(2n){float: right;}
.item_list .product_list dl dt{margin: 5px;border: 1px #d1d1d1 solid;position: relative;position: relative;}
.item_list .product_list dl dt:hover{border-color: #00564D;}
.item_list .product_list dl dt a{display: block;width: 100%;height: 100%;}
.item_list .product_list dl dt a.npshow{position: relative;z-index: 9;}
.item_list .product_list dl dt a.npshow:before{background: url(../images/new.png) no-repeat;position: absolute;z-index: 10;width: 46px;height: 31px;content: "";left: 10px;top:0;}
.item_list .product_list dl dt img{ position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ;max-width: 100%;max-height: 100%;position: absolute;}
.item_list .product_list dl dd{margin-top: 4px;}
.item_list .product_list dl dd h1{height: 26px;line-height: 26px;color: #fff;font-size: 14px;text-align: center;width: 100%;overflow: hidden;}
.item_list .product_list dl dd h1 a{display: block;width: 100%;height: 100%;color: #eee;background: rgba(24,51,69,0.80);}
.item_list .product_list dl dd h1 a:hover{color: #fff;background: rgba(24,51,69,1);}
.item_list .product_list dl dd p{display: block;height: 26px;line-height: 26px;border-top: 1px #fff solid;background: #f1f1f1;white-space: nowrap;}
.item_list .product_list dl dd p span{display: block;margin-left: 3px;width: 70px;position: relative;height: 26px;text-align: justify;float: left;}
.item_list .product_list dl.en dd p span{width: 100px;}
.item_list .product_list dl.movies dt{position: relative;}
.item_list .product_list dl.movies dt span{ background: url(../images/play.png) center center no-repeat; display: block; width: 32px; height:32px; top:50%; left:50%; margin-top: -16px; margin-left: -16px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; position: absolute;pointer-events: none;}
.item_list .product_list dl.movies dt:hover span{background-image: url(../images/play_hover.png)}
.item_list .product_list dl.movies dd p{background: none;height:50px;line-height: 50px;border: 0;padding: 0 8px;font-size: 15px;}
.item_list .product_list dl.movies dd p a{ padding: 8px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; line-height: 1;color: #fff;font-size: 14px;margin-top: 8px;}
.item_list .product_list dl.movies dd p a:link{color: #fff;background: #00564d;}
.item_list .product_list dl.movies dd p a:hover{color: #fff;background: #013a34;}


.product_content{margin-top: 40px;}
.product_tab_li{height: 30px;line-height: 30px;background: #fff;border-bottom: 1px #ccc solid;}
.product_tab_li ul{display: block;}
.product_tab_li ul li{display: block;font-size: 14px;color: #303133;cursor: pointer;border: 1px #ccc solid;float: left;background: #f1f1f1;width:80px;height: 30px;line-height: 30px;text-align: center;margin-left: -1px;}
.product_tab_li ul li.selon{background: #183345;color: #fff;border-color: #183345;}
.product_tab_div{display: none;background: #fff;padding: 20px 10px;}
#tab1{border-top-left-radius:5px;}
#tab3{border-top-right-radius:5px;}

.show_contact{margin-top: 18px;}
.show_contact a{ display:block; height: 40px; color:#fff; font-size: 16px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; text-align: center;line-height: 40px;width: 100px;float: right;margin-right: 20px;}
.show_contact span:first-child a{width:150px; }
.show_contact a:link{background: #DE262B;}
.show_contact a:hover{background: #c90000;}

/* FlexSlider Default Theme
*********************************/
.flexslider {  background: #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  background:url(../images/arr.png) no-repeat; text-indent:-999em }
.flex-direction-nav .flex-prev { left: -50px; background-position:0 0 }
.flex-direction-nav .flex-next { right: -50px; background-position:-132px 0}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }


/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 3px; text-align: center;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; background: #ceb384; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #996c33; }
.flex-control-paging li a.flex-active { background: #996c33;  cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
/*分页样式*/
#pages { overflow: hidden; padding: 10px 0;margin-top: 20px; text-align: center;}
#pages a { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E3E3E3; color: #333333; display: inline-block; font-size: 14px; height: 22px; line-height: 22px; margin: 0 3px; padding: 0 8px; text-align: center; }
#pages a.a1 { height: 22px; line-height: 22px; margin-top: 0; padding: 0 12px; }
#pages a:hover { background: none repeat scroll 0 0 #F1F1F1; color: #000000; text-decoration: none; }
#pages span { background: none repeat scroll 0 0 #183345; border: 1px solid #183345; color: #FFFFFF; display: inline-block; height: 22px; line-height: 22px; margin: 0 3px; padding: 0 8px; text-align: center; }

.jwplayer{max-width: 100%;}
/*播放视频样式*/
#a1{position: fixed;width: 100%;height: 100%;left:0;top:0;background:rgba(0,0,0,0.4);z-index:999;display: none;}
#a1 #video_wrap{ width: 60%; height:auto; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ;max-height: 80%;}
#a1 #video_wrap .closed{ position: absolute; display: block; width: 30px; height: 30px; color: #fff; right:-15px; top: -15px; background: rgba(0,0,0,0.5); text-align: center; line-height: 30px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; z-index:9999;cursor: pointer;}
#a1 #video_wrap .closed:hover{background: rgba(0,0,0,1)}

/**
放大镜样式
**/

.product_container{padding: 30px 0;}
.box{ width: 100%;}
.thumb-box{ position: relative; float: left}
.tb-pic a{ display: block;width: 100%;height: 100%;}
/* .tb-pic a img{ vertical-align: middle;} */
.tb-thumb{ overflow: hidden;  width: 100%; padding-top: 10px;}
.tb-thumb li{ float: left; cursor: pointer; display: block; margin-right:3px;text-align: center; width:47px; height: 40px;margin-bottom: 8px;}
.tb-thumb li:last-child{margin-right: 0;}
.tb-thumb li img{width: 100%; height: 100%;}
.tb-s310{border: 1px #ccc solid;width: 100%;}
.tb-s310 a{display: block;width: 100%;height: 100%;position: relative;}
.tb-s310 img{ max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
/* .tb-s40, .tb-s40 a, .tb-s40 img {} */

/* .tb-s40 img{ margin: 0 2px} */
.tb-booth{ position: relative; z-index: 1;}
.tb-thumb li div{border: 1px #d1d1d1 solid;}
.tb-thumb .tb-selected div{ border: 1px #9b9b9b solid;}
.tb-thumb li div{ display: block; width: 100%;height:100%;}
div.zoomDiv{ z-index: 999; position: absolute; top: 0px; left: 0px; width: 200px; height: 200px; background: #ffffff; display: none; text-align: center; overflow: hidden;}
div.zoomMask{ position: absolute; width: 100px; height: 100px; background: url(../images/mask.png) repeat scroll 0 0 transparent; cursor: move; z-index: 1;}