/*图片放大*/

.img-plus{vertical-align: top; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}

.img-plus:hover{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}



/*图片内阴影*/

.img-cover:before{content:"";position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; box-shadow: 0 0 30px rgba(0,0,0,0.2) inset; opacity: 0; filter: alpha(opacity=0); content: ""; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}

.img-cover:hover:before{opacity: 1; filter: alpha(opacity=100);}



/*图片透明*/

.img-opacity{-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}

.img-opacity:hover{opacity: .9; filter: alpha(opacity=90);}



/*图片去色*/

.img-gray{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}



.com-table {

	display: table;

	height: 100%;

}

.com-cell {

	display: table-cell;

	vertical-align: middle;

}





/*分页*/

.page-list { height: 35px; line-height: 35px; text-align: center;}

.page-list .pages {margin-top: 40px;}

.page-list .pages a, .page-list .pages span { display: inline-block; width: 32px; height: 32px; line-height: 32px; border-radius: 3px; color: #999; margin: 0 5px; font-size: 14px; font-family: "宋体"; transition: .2s}

.page-list .pages .pre, .page-list .pages .nex { background-color: #EAEAEA; color: #666;}

.page-list .pages .pre:hover, .page-list .pages .nex:hover { background-color: #ba2523; color: #fff;}

.page-list .pages .current, .page-list .pages a:hover { background-color: #ba2523; color: #fff;}







/* ====== 产品详情 ====== */





/* ====== 新闻详情 ====== */

.news-container { padding-bottom: 60px;}

.news-container .icon-eye { width: 21px; height: 11px; background: url(../images/icon_view.png) no-repeat center; position: relative; }



.news-show-left {float: left; width: 800px; background: #fff; margin: auto; }

.news-show-left .news-title {padding: 40px 20px; padding-bottom: 20px; text-align: center;}

.news-show-left .news-title h2 {font-size: 24px; color: #333; padding-bottom: 15px;font-weight: normal;}

.news-show-left .news-title p {font-size: 14px; color: #a3afb7;padding-bottom: 15px;border-bottom: 1px solid #F0F2F5;}

.news-show-left .news-title p a {color: #a3afb7;}

.news-show-left .news-views {margin: 40px 20px 20px; margin-top: 0; font-size: 14px;min-height: 600px; color: #666; line-height: 25px; overflow: hidden;}

.news-show-left .news-views img { max-width: 100%;}

.news-show-left .news-other {padding: 10px 15px; border-top: 1px #F0F2F5 solid;}

.news-show-left .news-other p {display: block; height: 30px;line-height: 30px;padding-left:3px;

    width: 70%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.news-show-left .news-other p a {font-size: 14px; color: #333;}

.news-show-left .news-other p a:hover {color: #ba2523;}

.news-show-left .share-bar { padding: 20px;}



.news-show-right {float: right; width: 370px;}

.news-show-right dl {display: block; margin-top: 0; margin-bottom: 20px; background: #fff;}

.news-show-right dl dt {display: block; height: 42px; line-height: 42px; position: relative; border-bottom: 1px #F0F2F5 solid;}

.news-show-right dl.tab dt {height: 42px; line-height: 42px;color: #1d1d1d; font-size: 18px;padding-left: 20px;}

.news-show-right dl.tab dd {height: 664px; position: relative;}

.news-show-right dl.tab dd ul {display: block; padding: 0 20px;height: 618px;}

.news-show-right dl.tab dd ul li {display: block; padding: 20px 0 10px; border-bottom: 1px #F0F2F5 solid;}

.news-show-right dl.tab dd ul li .pic { line-height: 51px; margin-right: 14px; width: 86px; height: 51px; overflow: hidden; position: relative;}

.news-show-right dl.tab dd ul li .pic img {width: 86px;}

.news-show-right dl.tab dd ul li h5 { padding-top: 4px; padding-bottom: 10px; font-size: 14px; color: #333; display: block; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.news-show-right dl.tab dd ul li h5 a { color: #333;}

.news-show-right dl.tab dd ul li h5 a:hover { color: #ba2523;}

.news-show-right dl.tab dd ul li .news-cate { color: #999;}

.news-show-right dl.tab dd ul li i { float: left;font-size: 12px;color: #999;}

.news-show-right dl.tab dd ul li em { float: right; padding-left: 25px;  font-size: 12px; color: #999; background: url(../images/icon_view.png) no-repeat left center; font-style: normal;}

.news-show-right dl.tab dd .more_r {color: #333; height: 45px; line-height: 45px; border-top: 1px #F0F2F5 solid; position: relative; top: -1px; text-align: center;}

.news-show-right dl.tab dd .more_r a {display: inline-block; position: relative; color: #333;}

.news-show-right dl.tab dd .more_r a b {margin-left: 5px;font-family: "宋体";-webkit-transition: transform .3s;-o-transition: transform .3s;transition: transform .3s;}

.news-show-right dl.tab dd .more_r a:hover b {-webkit-transform: translateX(5px);-ms-transform: translateX(5px);-o-transform: translateX(5px);transform: translateX(5px);}

.news-show-right dl.tab dd .more_r a:hover {color: #ba2523;}

.news-show-right dl.list dt {padding-left: 20px; color: #333; font-size: 18px;}

.news-show-right dl.tab dt a {width: 33%; height: 42px; line-height: 42px; text-align: center; display: table-cell; color: #009A62; font-size: 18px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

.news-show-right dl.list dt a b {width: 15px; height: 15px; overflow: hidden; display: inline-block; vertical-align: middle; background-position: 0 -64px; margin-left: 2px; position: relative; top: -1px;}

.news-show-right dl.list dd ul {display: block; padding: 20px;}

.news-show-right dl.list dd ul li {padding-bottom: 12px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.news-show-right dl.list dd ul li a {color: #333; font-size: 14px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}

.news-show-right dl.list dd ul li a:hover {color: #ba2523;}



/* ====== 右侧客服 ====== */





/*视频弹窗*/

.vwrap {

    display: none;

    z-index: 1040;

    width: 100%;

    position: fixed;

    left:0;

    top:0;

}

.vwrap .videobtg {

    z-index: 900;

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: #000;

    opacity: 0.7;

    filter: alpha(opacity=70);

    overflow: hidden;

}

.vwrap .videobox {

    z-index: 990;

    width: 860px;

    height: 480px;

    background-color: #fff;

    position: fixed;

    left: 50%;

    top: 50%;

    margin-top: -240px;

    margin-left: -430px;

}

.vwrap .videobox #videobox {

    width: 100%;

    display: inline-block;

    height: 100%;

    background: #000;

}

#videobox_wrapper {

    height: 100%!important;

}

.vwrap .close {

    z-index: 999;

    width: 24px;

    height: 24px;

    cursor: pointer;

    position: absolute;

    top: -38px;

    right: -40px;

}

.vwrap .close i {

    display: block;

    width:24px;

    height:24px;

    background:url(../images/close.png) no-repeat 50% 50%;

    -webkit-transition: 400ms;

    transition: 400ms;

}

.vwrap .close:hover i {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}

#videobox_display_button {

    background: none no-repeat!important;

}

.jwplayer .jwicon:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}

.jwlogo, .jwclick {

    display: none!important;

}

#videobox_controlbar {

    bottom: 5%!important;

}







/*弹窗留言*/

.tc-message {

    display: none;

}

.tc-message .form-box h3 {text-align: center;font-size: 24px;margin-bottom: 10px;color: #333;}

.tc-message .form-box{padding: 30px;background: #fff;}

.tc-message .form-box .form-tit{margin-bottom: 25px;text-align: center;font-size: 16px;}

.tc-message .form-box ul li{

    float: left;

    margin-bottom: 20px;

    width: 32.6666%;

    height: 40px;

    line-height: 40px;

    background-color: #f5f5f5;

    position: relative;

}

.tc-message .form-box ul li ~ li {

    margin-left: 1%;

}

.tc-message .form-box ul li input{line-height: 25px;width: 72%;padding: 0 5px; background-color: #f5f5f5;}

.tc-message .form-box ul li input:focus,

.tc-message .form-box .form-desc .text:focus{background-color: #fff;}

.tc-message .form-box .in-tit{float: left;width: 25%;text-align: center;font-size: 14px;color: #666;}

.tc-message .form-box .form-desc .in-tit{width: 8%;}

.tc-message .form-box .form-desc{margin-bottom: 30px;padding-top: 10px;padding-bottom: 10px;background-color: #f5f5f5;position: relative;}

.tc-message .form-box .form-desc .error{bottom: -25px;}

.tc-message .form-box .form-desc .text{vertical-align: top;width: 90%;height: 175px;border: none;padding: 0 5px; font-size: 14px;line-height: 22px;background-color: #f5f5f5;}

.tc-message .form-box .sub-btn{display: block;margin: 0 auto;width: 220px;height: 50px;line-height: 50px;background-color: #E04357;color: #fff;font-size: 20px;cursor: pointer;border-radius: 3px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;font-family: "微软雅黑";}

.tc-message .form-box .sub-btn:hover{opacity: 0.9; filter: alpha(opacity=90);}