@import url("reset.css");

#header{background: #183345;height: 40px;line-height: 40px;font-size: 16px;color: #9b9b9b;position: fixed;width: 100%;top: 0;left: 0;z-index: 10;}
#header .w1200{padding:0 15px;}
#header span img{width: 18px;height: 18px;}
#header a{margin: 0 8px;}
#header a:link{color: #fff}
#header a:visited{color: #fff}
#header a:hover{color: #000}
#header a:active{color: #fff}

.top{height: 100px;position: fixed;z-index: 20;top: 40px;left: 0;width: 100%;background: #fff;}
.top > div.w1200{position: relative;height: 100px;}
.top .logo{padding: 23px 23px 23px 0;}
.top .logo img{max-height: 55px;}
.top nav{position: absolute;left: 220px;bottom: 20px;display: block;width: calc( 100% - 200px);height: 40px;z-index: 9;}
.top nav ul{display: block;width: 100%;font-size: 16px;}
.top nav ul>li{width: 100px;float: left;display: block;}
.top nav ul>li>a{display: block;text-align: center;width: 100px;height: 40px;line-height: 40px;}
.top nav ul>li a:link{color: #000;}
.top nav ul>li a:visited{color: #000;}
.top nav ul>li a:hover{color: #fff;}
.top nav ul>li a:active{color: #000;}
.top nav ul>li:hover{background: #183345;}
.top nav ul>li:hover a{color: #fff;}
.top nav ul.sonNav{display: none;width: 100px;font-size: 13px;} 
.top nav ul.sonNav li:hover{background: #2b526c;}
.top nav ul.sonNav li{font-size: 12px;}
.top nav>li{position: relative;}
.top nav ul.sonNav{width: 100px;position: absolute;background:#183345;}
.top nav ul>li:nth-child(3) .sonNav{width: 160px;}
.top nav ul>li:nth-child(5) .sonNav{width: 160px;}
.top nav ul>li:nth-child(3) .sonNav li a{text-align: left;text-indent:10px;}
.top nav ul>li:nth-child(5) .sonNav li a{text-align: left;text-indent:10px;}
.top nav ul.sonNav li{width: 100%;padding: 0 8px;} 
.top nav ul.sonNav li a{text-align: center;width: 100%;} 

/*banner*/
.banner{margin-top: 140px;position: relative;}
.banner .arrow{width: 65px;height:65px;position:absolute;top:50%;background-repeat:no-repeat;background-position:center center;background-size: 100%  100%;z-index:9;cursor:pointer;}
.banner .arrow-l{background-image:url("../images/arrow_l.png");left:50%;transform:translate( -720px , -50%)}
.banner .arrow-l:hover{background-image:url("../images/arrow_l_h.png");}
.banner .arrow-r{background-image:url("../images/arrow_r.png");right:50%;transform:translate(  720px , -50%)}
.banner .arrow-r:hover{background-image:url("../images/arrow_r_h.png");}
#kinMaxShow{visibility:hidden;width:100%; height:500px;overflow:hidden;z-index: 1;}

h5.title{text-align: center;font-size: 20px;color: #000;margin: 40px 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: 40px;height: 2px;background: #444;z-index: 9;}
h5.title::before{left: -50px;}
h5.title::after{right: -50px;}
h5.title.en_title{width: 250px;font-family: impact;text-transform: uppercase;font-size: 21px;color: #666;}

.cp_list{height: auto;}
.cp_list ul{display: block;}
.cp_list ul li{display: block;width: 260px;float: left;margin-left: 53px;}
.cp_list ul li:first-child{margin-left: 0;}
.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 a span:hover{border-color: #183345;}
.cp_list ul li img{width: 260px;height:320px;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: 16px;height: 32px;line-height: 32px;margin-top: 20px;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: 60px;}
.index_news .news_Ctitle p{height: 40px;line-height: 40px;}
.news_Ctitle{display: block;position: relative;}
.news_Ctitle>i{position: absolute;color: #9b9b9b;font-size: 12px;left: 0;top: -30px;background: #8c99a2;border-top-right-radius: 5px;color: #fff;height: 30px;line-height: 30px; text-align: center;width: 60px;}
.news_Ctitle p{display: block;width: 100%;font-size: 20px;height: 30px;line-height: 30px;position: relative;}
.news_Ctitle p::before{display: block;width: calc( 100% - 80px );height: 2px;background: #183345;bottom: 0;left: 80px;content: "";position: absolute;}
.news_Ctitle p span{ height: 35px; line-height: 35px; width: 100px; font-size: 13px; border: 1px #ccc solid; border-radius:15px ; -webkit-border-radius:15px ; -moz-border-radius:15px ; -ms-border-radius:15px ; -o-border-radius:15px ; text-align: center;display: block;position: absolute;right: 5px;bottom: 3px;background: url(../images/more.png) center center no-repeat;}
.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%;}
.news_Ctitle p i{background: #193344;display: block;width: 135px;font-size: 20px;border-top-right-radius:5px;color: #fff;font-size: 18px;height: 40px;line-height: 40px;text-align: center;}
ul.article_list{display: block;padding: 0 10px;}
ul.article_list li{display: block;height: 50px;line-height: 50px;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);}

#footer{background: #282D30;color: #D1D1D1;margin-top: 60px;}
#footer .w1300{padding: 23px 48px;}
#footer .copyright{font-size: 14px;width: 650px;}
#footer .copyright p.address{line-height: 20px;margin:0 0 7px 0;}
#footer .copyright p.address img{margin-right: 8px;}
#footer .copyright p.info{margin-top: 30px;line-height: 2;}
#footer .contact{padding: 0 0 20px 62px;width: 330px;}
#footer .contact .tel{color: #FF4242;font-size: 24px;height: 45px;line-height: 45px;}
#footer .contact .text{color: #D1D1D1;font-size: 18px;height: 25px;line-height: 25px;}
#footer .contact .online{margin-top: 20px;}
#footer .contact .online a{display: block;background: url(../images/custom.png) center center no-repeat;width: 165px;height: 46px;}
#footer .contact .online.en_online a{background-image: url(../images/en_custom.png);}
#footer .contact .online a:hover{background-image: url(../images/custom_press.png);}
#footer .contact .online.en_online a:hover{background-image: url(../images/en_custom_press.png);}
#footer .ercode{padding: 7px 0 0 90px;}
#footer .ercode img{width: 112px;height:112px;margin-bottom: 8px;}
#footer .ercode p{color: #d1d1d1;font-size: 14px;height: 20px;line-height: 20px;display: block;width: 112px;text-align: center;}
#footer .w1300 .left{position: relative;}
#footer .w1300 .left::before{ display: block; content: ""; width: 1px; height:150px; background: #4A4A4A; position: absolute; right:0; top: 2px; }
#footer .w1300 .left:last-child::before{display: none;}

section.n_banner{background-repeat: no-repeat;background-position: center center;height: 400px;margin-top: 140px;}
.wrap{margin: 40px auto;}
.wrap .sidebar{width: 250px;background: #f1f1f1;height: auto!important;min-height: 783px!important;}
.wrap .sidebar h4{height: 65px;line-height: 65px;background: #183345;font-size: 24px;color: #fff;}
.wrap .sidebar ul#sidemenu{margin-top: 16px;display: block;}
.wrap .sidebar ul#sidemenu>li{display: block;font-size:16px;text-indent: 65px;margin-bottom: 12px;}
/*.wrap .sidebar ul#sidemenu>li:hover,.wrap .sidebar ul#sidemenu>li.active{text-indent: 26px;padding-right: 100px;}*/
.wrap .sidebar ul#sidemenu>li>a{display: block;width: 100%;height: 100%;height: 30px;line-height: 30px;background: url(../images/plus.png) 40px 6px no-repeat;color: #000;overflow:hidden;}
.wrap .sidebar ul#sidemenu>li:hover>a{color: #fff;background: url(../images/+\ _press.png) 40px 6px no-repeat #183345;}
.wrap .sidebar ul#sidemenu>li.active>a{color: #fff;background: url(../images/-\ _press.png) 40px 6px no-repeat #183345;}
.wrap .sidebar ul#sidemenu>li a:hover{color: #fff;}
.wrap .sidebar ul#sidemenu ul.sonNav{display: none;padding:10px 0 2px 0;}
.wrap .sidebar ul#sidemenu ul.sonNav li{background: none;display: block;}
.wrap .sidebar ul#sidemenu ul.sonNav li a{display: block;width: 100%;height: 22px;margin-bottom: 10px;line-height: 22px;overflow: hidden;}
.wrap .sidebar ul#sidemenu ul.sonNav li a:link{color: #000}
.wrap .sidebar ul#sidemenu ul.sonNav li a:visited{color: #000}
.wrap .sidebar ul#sidemenu ul.sonNav li a:hover{color: #007DD0;}
.wrap .sidebar ul#sidemenu ul.sonNav li a:active{color: #000}
.wrap .sidebar ul#sidemenu ul.sonNav li.active>a:link{color: #007DD0;}
.wrap .sidebar ul#sidemenu ul.sonNav li.active>a:visited{color: #007DD0;}
.wrap .sidebar ul#sidemenu ul.sonNav li.active>a:hover{color: #007DD0;}
.wrap .sidebar ul#sidemenu ul.sonNav li.active>a:active{color: #007DD0;}
.wrap .sidebar ul#sidemenu>li.active ul.sonNav{display: block;}
.wrap .sidebar ul#sidemenu ul.thirNav{display: none;}
.wrap .sidebar ul#sidemenu li.active>ul.thirNav{display: block;}
.wrap .sidebar ul#sidemenu li.active.noactive{position: relative;padding-left: 25px;}
.wrap .sidebar ul#sidemenu li.active.noactive:before{position: absolute;width: 20px;height: 20px;display: block;content: "-";left: 0;top: -9px;font-size: 26px;font-weight: 700;color: #007DD0;}
.wrap .sidebar ul#sidemenu li.noactive:not(.active) a{position: relative;padding-left: 25px;}
.wrap .sidebar ul#sidemenu li.noactive:not(.active) a:before{position: absolute;width: 20px;height: 20px;display: block;content: "+";left: 0;top: -1px;font-size: 26px;font-weight: 700;}

.wrap .main {width: calc( 100% - 290px )}
.wrap .main{width: calc( 100% - 270px );float: right;}
.wrap .main .main_top{position: relative;border-bottom: 1px #9b9b9b solid;}
.wrap .main .main_top h3.position{height: 35px;line-height: 35px;font-size: 14px;}
.wrap .main .main_top .search_wrap{ position: absolute; background: #eaeaea; width: 235px; height: 32px; border-radius: 30px ; -webkit-border-radius: 30px ; -moz-border-radius: 30px ; -ms-border-radius: 30px ; -o-border-radius: 30px ; bottom:11px;right: 0;}
.wrap .main .main_top .search_wrap input{background: none;border: 0;box-shadow: none;position: absolute;}
.wrap .main .main_top .search_wrap .keywords{font-size: 14px;color: #9b9b9b;height: 22px;line-height: 22px;width: calc( 100% - 40px );border-right: 1px #9b9b9b solid;padding-left: 20px;outline: none;top:5px;}
.wrap .main .main_top .search_wrap .btn_search{width: 40px;height: 22px;background: url(../images/fdj.png) center center no-repeat;background-size: 17px 17px;right: 5px;top: 5px;}
.wrap .main>h1{background: #f8f8f8;padding: 10px;font-size: 18px;margin: 10px 0;}
.wrap .main > h1 p{height: 30px;line-height: 30px;color: #ccc;font-size: 14px;padding-top: 8px;}
.wrap .main > h1 p span{margin: 0 10px;}
.wrap .main .content {padding-top: 30px;overflow-x: hidden;}
.wrap .main .content img{max-width: 100%;height: auto;}
.wrap .main .content table{float: none;color: #000000;}
.wrap .main .content table td{padding-left: 8px;}
.wrap .main .content ul li{list-style: disc inside ;}
.wrap .main .item_list .product_list{display: block;margin-top: 20px;}
.wrap .main .item_list .product_list dl{display: block;float: left;border: 1px #d1d1d1 solid;margin-bottom: 20px;width: 220px;float: left;margin-right: 16px;}
.wrap .main .item_list .product_list dl:nth-child(4n){margin-right: 0;}
.wrap .main .item_list .product_list dl dt{margin: 5px;border: 1px #d1d1d1 solid;position: relative;position: relative;height: 198px;width: 208px;}
.wrap .main .item_list .product_list dl dt:hover{border-color: #007DD0;}
.wrap .main .item_list .product_list dl dt a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.wrap .main .item_list .product_list dl dt a.npshow{position: relative;z-index: 9;}
.wrap .main .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;}
.wrap .main .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;}
.wrap .main .item_list .product_list dl dd{margin-top: 4px;}
.wrap .main .item_list .product_list dl dd h1{height: 26px;line-height: 26px;color: #fff;font-size: 13px;text-align: center;width: 100%;overflow: hidden;}
.wrap .main .item_list .product_list dl dd h1 a{display: block;width: 100%;height: 100%;color: #eee;background: rgba(24,51,69,0.80);}
.wrap .main .item_list .product_list dl dd h1 a:hover{color: #fff;background: rgba(24,51,69,1);}
.wrap .main .item_list .product_list dl dd p{display: block;height: 26px;line-height: 26px;border-top: 1px #fff solid;background: #f1f1f1;}
.wrap .main .item_list .product_list dl dd p span{display: block;margin-left: 10px;width: 70px;position: relative;height: 26px;text-align: justify;float: left;}
.wrap .main .item_list .product_list dl.movies dt{position: relative;}
.wrap .main .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;}
.wrap .main .item_list .product_list dl.movies dt:hover span{background-image: url(../images/play_hover.png)}
.wrap .main .item_list .product_list dl.movies dd p{background: none;height:50px;line-height: 50px;border: 0;padding: 0 8px;font-size: 14px;overflow: hidden;}
.wrap .main .item_list .product_list dl.movies dd p a{ padding: 8px 15px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; line-height: 1;color: #fff;margin-top: 10px;}
.wrap .main .item_list .product_list dl.movies dd p a:link{color: #fff;background: #007DD0;}
.wrap .main .item_list .product_list dl.movies dd p a:hover{color: #fff;background: #013a34;}
.wrap .main .product_show{padding-top: 30px;}
.wrap .main .show_img{width: 420px;}
.wrap .main .show_info{width: calc( 100% - 450px )}
.wrap .main .show_info p{margin-bottom: 15px;font-size: 16px;color:#000;}
.wrap .main .show_info p.short{height: 22px;line-height: 22px;}
.wrap .main .show_info p span{font-weight: 700;display: inline-block;min-width: 90px;text-align: justify;}
.wrap .main .show_info dl.long dt{width: 120px;float: left;display: block;font-weight: 700;font-size: 16px;color:#000;}
.wrap .main .show_info dl.long dd{width: calc( 100% - 120px );float:left;display: block;}
.wrap .main .show_info dl.long dd span{width: 100px;height: 35px;float: left;margin-right: 20px;margin-bottom: 20px; }
.wrap .main .show_info dl.long dd span:nth-child(3n){margin-right: 0;}
.wrap .main .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: 35px; }
.wrap .main .show_info dl.long a:hover{background: #007DD0;border: 1px #007DD0 solid;color:#fff;font-size: 14px;}
.wrap .main .show_info .show_contact{margin-top: 18px;}
.wrap .main .show_info .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;}
.wrap .main .show_info .show_contact span:first-child a{width:150px; }
.wrap .main .show_info .show_contact a:link{background: #DE262B;}
.wrap .main .show_info .show_contact a:hover{background: #c90000;}

.product_content{margin-top: 40px;}
.product_tab_li{height: 40px;line-height: 40px;background: #fff;border-bottom: 1px #ccc solid;}
.product_tab_li ul{display: block;}
.product_tab_li ul li{display: block;font-size: 16px;color: #303133;cursor:pointer;border: 1px #d1d1d1 solid;float: left;background:#f1f1f1;width:100px;height: 40px;line-height: 40px;text-align:center;margin-left: -1px;}
.product_tab_li ul li:first-child{margin-left: 0;}
.product_tab_li.en ul li{display: inline-block;width: auto;padding:0 15px;}
.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;}

div.spread{height: 26px;line-height: 26px;color: #fff;border-bottom: 1px #4A4A4A solid;position: relative;font-size: 14px;}
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: 14px;}
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;}
p.new-imgtitle{text-align: center;height: 26px;color: #fff;line-height: 26px;}
p.new-imgtitle i{padding:5px 15px 4px;position: relative;background: #007dd0;font-style: normal;}
p.new-imgtitle i:before,p.new-imgtitle i:after{position: absolute;content: "";top: 0;background-repeat: no-repeat;height: 26px;width: 35px;}
p.new-imgtitle i:before{background-image: url(../images/title_left.png);left:-35px;}
p.new-imgtitle i:after{background-image: url(../images/title_right.png);right: -35px;}

#articleVideo{margin:0 auto;}

#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: 12px; 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; }

/*播放视频样式*/
#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:5px;text-align: center; width:80px; height: 65px;margin-bottom: 8px;}
.tb-thumb li:last-child{margin-right: 0;}
.tb-thumb li img{max-width: 100%;max-height: 100%;}
.tb-s310{border: 1px #ccc solid;height: 350px; 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;}

/* 右侧悬浮 */
.right_side{position: fixed;top: 50%;transform: translateY(-50%);right: 0;z-index: 9999;}
.right_side dl{display: block;width: 100px;height: 100px;margin-bottom: 2px;position: relative;}
.right_side dl.right_qq dt{background: url('../images/r_qq.png') center center no-repeat #6CA9DF;}
.right_side dl.right_tel dt{background: url('../images/r_phone.png') center center no-repeat #78C340;}
.right_side dl.right_ercode dt{background: url('../images/r_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%;}
.right_side dl dt > a{display:block;width:100%;height:100%}
.right_side dl dd{position: absolute;width: 0;left: 0;top: 0;transition: left 0.5s, width 0.5s;overflow: hidden;color: #fff;}
.right_side dl:hover dd{width: 200px;left: -200px;transition: left 0.5s, width 0.5s;}
.right_side dl.right_qq dd p{height: 50px;line-height: 50px;width: 200px;background: url('../images/QQ.png') 15px center no-repeat #6CA9DF;color: #fff;font-size: 16px;padding-left: 38px;margin-bottom: 1px;background-size: 20px 20px;}
.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: 100px;background: #78C340;text-align: center;line-height: 100px;font-size: 16px;}
.right_side dl.right_ercode dd{height: 160px;top: -60px;}
.right_side dl.right_ercode:hover dd{width: 160px;left:-160px;}
.right_side dl.right_ercode dd img{width: 160px;height: 160px;position: absolute;left: 0;bottom: 0;}
.right_side div.right_top{width: 100px;height: 100px;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;}

.jwdisplayIcon{background-size: 18.5px 100%, 36px 100%, 19px 100%!important;}

#mainTop{display: block;width: 1px;height: 1px;position: absolute;left: 0;top: -140px;}