@charset "utf-8";
/* CSS Document */

body{background:#f7f7f7;}

/* --banner-- */
.banner{position:relative;z-index:1;overflow:hidden;}
.banner .hd{position:absolute;bottom:5vw;left:2.5vw;right:2.5vw;}
.banner .hd li{margin-top:10px; display:inline-block;margin:0 8px;width:20px;height:20px;text-indent:-9999px;background:#ccc;background:url(../img/dot.png) no-repeat right 0;}
.banner .hd li.on{background-position:0 0;} 
.banner .bd img{display:block;width:100%;}
/* --end banner-- */

/*media*/
.media{margin-top:2vw;padding:0 2.5vw;overflow:hidden;background:#fff;border-top:#ebebeb solid 1px;border-bottom:#ebebeb solid 1px;}
.media .tit{float:left;width:22vw;height:22vw;text-align:center;line-height:1.4;}
.media .tit a{display:table-cell;width:22vw;height:22vw;vertical-align:middle;font-size:4.5vw;color:#fff;background:url(../img/media_tit.png);}
.media .bd{padding:2vw 0 2vw 2.5vw;height:22vw;overflow:hidden;box-sizing:border-box;}
.media-slide{height:18vw;overflow:hidden;}
.media-slide li{height:6vw;line-height:6vw;font-size:3.5vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.media-slide li a{color:#666;}
/*end media*/

/*aboutus*/
.aboutus{margin-top:2vw;padding:6vw 2.5vw;overflow:hidden;border-top:#ebebeb solid 1px;border-bottom:#ebebeb solid 1px;background:url(../img/aboutus_bg.png);}
.aboutus .leftCon{float:left;width:56vw;overflow:hidden;}
.aboutus .leftCon .pic{overflow:hidden;}
.aboutus .leftCon .pic img{display:block;width:100%;}
.aboutus .leftCon .btnBox{padding-top:2.5vw;overflow:hidden;}
.aboutus .leftCon .btnBox a{display:block;float:left;width:25vw;height:8vw;line-height:8vw;text-align:center;background:url(../img/abt_btn.png) no-repeat;background-size:100% 100%;}
.aboutus .leftCon .btnBox a.read{margin-right:2.5vw;font-size:3vw;color:#999;}
.aboutus .leftCon .btnBox a.playBtn{font-size:3.5vw;color:#333;}
.aboutus .leftCon .btnBox a.playBtn:after{display:inline-block;width:15px;height:15px;content:"";margin-left:2vw;vertical-align:middle;background:url(../img/play_btn.png) no-repeat;background-size:100%;}
.aboutus .rightCon{float:right;width:36vw;overflow:hidden;}
.aboutus .rightCon .item{margin-bottom:1.5vw;padding:4vw 0 4vw 4vw;height:20vw;color:#fff;line-height:1.5;background:#234427;background-size:4.7vw;box-sizing:border-box;}
.aboutus .rightCon .item span{display:block;font-size:4vw;}
.aboutus .rightCon .item p{font-size:3.5vw;}
/*end aboutus*/

/*video-pop*/
.video-pop{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.video-pop .inner{position:fixed;top:50%;left:10vw;margin-top:-25vw;}
.video-pop .close{position:absolute;right:0;bottom:110%;width:8vw;height:8vw;line-height:8vw;text-align:center;color:#fff;font-size:3.5vw;cursor:pointer;background:#063a75;border-radius:50%;}
.video-pop .close:after{position:absolute;z-index:1;display:block;top:100%;left:50%;width:1px;height:8vw;content:"";background:#063a75;}
.video-pop .playCon{position:relative;z-index:3;width:80vw;height:50vw;background:#000;overflow:hidden;}
.video-pop .playCon iframe,.video-pop .playCon video{display:block;width:80vw;height:50vw;}
/*end video-pop*/

/*system*/
.system{margin-top:2vw;padding-top:6vw;overflow:hidden;border-top:#ebebeb solid 1px;background:#fff;} 
.system-main{margin-top:-6vw;}
.system-main img{display:block;width:100%;}
/*end system*/

/*dimension*/
.dimension{padding:2.5vw 2.5vw 6vw;overflow:hidden;border-bottom:#ebebeb solid 1px;background:#fff;}
.dimension .item{overflow:hidden;}
.dimension .pic,.dimension .text{width:50%;box-sizing:border-box;}
.dimension .pic img{display:block;width:100%;}
.dimension .text h3{margin-top:2vw;font-weight:normal;font-size:4vw;color:#02336e;}
.dimension .text p{margin-top:2vw;font-size:3.5vw;color:#666;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.dimension .item:nth-child(odd) .pic,.dimension .item:nth-child(even) .text{float:left;}
.dimension .item:nth-child(even) .pic,.dimension .item:nth-child(odd) .text{float:right;}
.dimension .item:nth-child(odd) .text{padding-left:2.5vw;}
.dimension .item:nth-child(even) .text{padding-right:2.5vw;}
.dimension .more{padding-top:4vw;text-align:center;overflow:hidden;}
.dimension .more a{display:inline-block;padding:2vw 5vw;font-size:3.5vw;color:#fff;background:url(../img/dimension_more_l.png) no-repeat 0 center,url(../img/dimension_more_r.png) no-repeat right center;background-color:#063a75;background-size:auto 100%;}
/*end dimension*/

/*product*/
.product{margin-top:2vw;padding:6vw 2.5vw;overflow:hidden;background:#fff;border-top:#ebebeb solid 1px;border-bottom:#ebebeb solid 1px;}
.product-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.product-list .item{margin:2vw 0;width:48%;background:#f0f0f0;}
.product-list .pic{overflow:hidden;}
.product-list .pic img{display:block;width:100%;}
.product-list .text{padding:2vw 5vw;overflow:hidden; text-align:center;}
.product-list .text h3{font-weight:normal;font-size:3.75vw;color:#333;overflow:hidden;}
.product-list .text p{font-size:3.5vw;color:#666;overflow:hidden;}
/*end product*/

/*case*/
.case{margin-top:2vw;padding:6vw 2.5vw;overflow:hidden;background:#fff;border-top:#ebebeb solid 1px;border-bottom:#ebebeb solid 1px;}
.case-list .item{position:relative;margin-bottom:1.5vw;overflow:hidden;}
.case-list .pic{overflow:hidden;}
.case-list .pic img{display:block;width:100%;}
.case-list .text{position:absolute;right:0;top:0;padding:4vw;width:44vw;height:28vw;overflow:hidden;background:url(../img/media_tit.png);box-sizing:border-box;}
.case-list .text h3{font-size:3.75vw;color:#fff;font-weight:normal;}
.case-list .text a.read{display:block;margin-top:6vw;width:25vw;height:7vw;line-height:7vw;text-align:center;font-size:3.5vw;color:#063a75;background:url(../img/case_read.png) no-repeat;background-size:100% 100%;}
/*end case*/

/*message*/
.message{padding:6vw 2.5vw;overflow:hidden;background:#002a66;}
.message .inner{overflow:hidden;}
.message li{margin-top:2vw;overflow:hidden;}
.message li:last-child{margin-bottom:none;}
.message li input,.message li textarea{display:block;padding:2vw;line-height:1.5;font-size:3.5vw;width:100%;border:none;box-sizing:border-box;}
.message li textarea{height:20vw;resize:none;}
.message li a{display:block;padding:2vw;line-height:1.5;font-size:3.5vw;color:#fff;text-align:center;background:#333;}
.message li a:after{display:inline-block;margin-left:2.5vw;width:8px;height:14px;content:"";vertical-align:middle;background:url(../img/submit.png) no-repeat;}
/*end message*/

/*news*/
.news{margin-top:2vw;padding:6vw 2.5vw;overflow:hidden;background:#fff;border-top:#ebebeb solid 1px;border-bottom:#ebebeb solid 1px;}
.news-menu{margin-bottom:4vw;text-align:center;overflow:hidden;}
.news-menu li{display:inline-block;margin:0 0.5vw;font-size:3.5vw;}
.news-menu li a{display:block;width:28vw;height:8.5vw;line-height:8.5vw;color:#333;background:url(/img/news_menu.png) no-repeat;background-size:100% 100%;}
.news-menu li.on a{color:#fff;background-image:url(/img/news_menu_cur.png);}
.news-list{overflow:hidden;}
.news-list .item{margin-bottom:3vw;overflow:hidden;}
.news-list .pic{float:left;width:32vw;overflow:hidden;}
.news-list .pic img{display:block;width:100%;}
.news-list .text{padding-left:2.5vw;line-height:1.5;overflow:hidden;}
.news-list .text h3{font-weight:normal;font-size:3.75vw;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news-list .text h3 a{color:#000;}
.news-list .text p{margin-top:1vw;font-size:3.5vw;color:#666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news .more{padding-top:2vw;text-align:center;overflow:hidden;}
.news .more a{display:block;margin:0 auto;width:28vw;height:8.5vw;line-height:8.5vw;font-size:3.5vw;color:#999;background:url(../img/news_menu.png) no-repeat;background-size:100% 100%;}
/*end news*/