@charset "utf-8";
@import url("base.css");
@import url("animate.css");
/* 网站主题样式 */

/***************产品中心样式*******************/

/*产品展示模块样式*/
.box-product .con .hd{ height: 65px; text-align: center; margin-top: 20px; }
.box-product .con .hd a{ display: inline-block; height: 48px; line-height: 48px; padding: 0 30px; background: #eee; margin: 0 15px; position: relative; font-size: 16px; }
.box-product .con .hd a:after{ display: none; position: absolute;bottom: -10px; content: "";width: 0;height: 0;border-left:8px solid transparent;border-right:8px solid transparent;border-top: 10px solid #0080bf; left: 50%; margin-left: -5px; }
.box-product .con .hd a.on{ background: #0080bf; color: #fff; }
.box-product .con .hd a.on:after{ display: block; }
.box-product .con .bd{ padding-left: 30px; }
.box-product .con .item {  position: relative;float: left;margin: 25px 25px;width: 300px;height: 340px; padding: 10px;  border:2px solid #eee; text-align: center;}
.box-product .con .item:hover { color: #333 }
.box-product .con .item img {width: 300px;height: 300px;}

.box-product .con .item { display: block; line-height: 30px; overflow: hidden; font-size: 18px; font-weight: 500; margin-bottom: 10px; }
.box-product .con .item .text{  overflow: hidden; line-height: 35px;}
.box-product .con .item p{ font-size: 15px; line-height: 30px; max-height: 270px; margin-top: 10px; text-indent: 2em; }


/*视频展示模块样式*/
.box-video { padding:60px 0; background: #eee; }
.box-video .tit b{ background: none }
.box-video .con { width: 1200px; position: relative; margin-top: 30px;}
.box-video .con .bd{ padding: 35px 0 !important; height: 260px; overflow: visible!important; }
.box-video .con .item {  position: relative;display: block;float: left;width: 400px;height: 260px;top: 0; opacity: 0.8}
.box-video .con .item img {width:400px;height: 260px; transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;}
.box-video .con .on {  z-index: 3;opacity: 1!important }
.box-video .con .on img {position: absolute;display: block;overflow: hidden; left: 0; top: -35px; z-index: 2; transform:scale(1.2);
    -webkit-transform:scale(1.6);
    -moz-transform:scale(1.6);
    -o-transform:scale(1.6);
    -ms-transform:scale(1.6); }
.box-video .con .item .play { width: 112px; height: 112px; background: url(../images/play-icon.png) no-repeat; position: absolute;left: 50%; top: 50%; margin-top: -56px; margin-left: -56px; z-index: 5 }
.box-video .con .item span{ display: block; width: 100%; height: 30px; line-height: 30px; position: absolute; z-index: 9; left: 0; bottom: 10px; text-align: center; color: #fff; font-size:20px; font-weight: bold; overflow: hidden; }
.box-video .con .on span{ bottom:-30px; }
.box-video .con .prev,.box-video .con .next{ font-family: "宋体"; color: #fff; font-size: 50px; font-weight: bolder; position: absolute; z-index: 99; width: 70px; height: 70px; border-radius: 50%; line-height: 70px; text-align: center; background: rgba(200,69,55,0.6); top: 50%; margin-top:-35px; }
.box-video .con .prev{ left: -35px; }
.box-video .con .next{ right: -35px; }


/***分页样式***/
ul.pagelist { text-align: center; height: auto; width: auto; margin: 20px; }
ul.pagelist li { padding: 0; margin: 0; display: inline-block; margin-right: 4px; line-height: 30px; height: auto; width: auto; border: none; background: none; }
ul.pagelist a, .pagelist .pageinfo { border: 1px solid #eee; padding: 8px 14px; font-size: 14px; _padding: 5px 10px; font-weight: normal; overflow: hidden; overflow: hidden; height: auto; width: auto; }
ul.pagelist a:hover, .pagelist .thisclass a, .pagelist .active,.pagelist .thisclass { background: #0080bf; border-color: #0080bf; color: #fff; }
.pagelist .thisclass{ border: 1px solid #eee; padding: 3px 14px; font-size: 14px; _padding: 3px 10px; }