﻿.container{display:block; width:100%; margin-top:80px; }

.container .profile{display:block; max-width:1200px; margin:0 auto;}
.container .profile .title{display:block; width:100%; background:url(../images/line.jpg) no-repeat center 22px; }
.container .profile .title .en{display:block; font-size:42px; line-height:42px; font-weight:bold; text-align:center; color:#efefef; text-transform:uppercase; }
.container .profile .title h4{display:block; line-height:30px; font-size:24px; color:#282828; text-align:center; }

.container .profile .con{display:block; padding-top:30px; width:76%; margin:0 auto; font-size:16px; line-height:28px; color:#282828; text-align:center;}
.container .profile .con a{font-size:16px; line-height:28px; color:#282828;}
.container .profile .con a:hover{color:#1f5199; text-decoration:underline;}


.container .cate_li{display:block; max-width:1200px; margin:0 auto; margin-top:50px;}
.container .cate_li li{float:left; width:48%; margin-right:2%; margin-bottom:30px;background:#87a3b7; position:relative; z-index:2; left:0; top:0;}
.container .cate_li li:nth-child(2n){margin-right:0%; float:right;}
.container .cate_li li .wz{ }
.container .cate_li li .pic{display:block; width:76%; background:#000; position:relative; z-index:2; left:0; top:0; overflow:hidden;}
.container .cate_li li .pic img{display:block; width:100%; transform:all .7s linear 0s; -webkit-transform:all .7s linear 0s; -moz-transform:all .7s linear 0s; -o-transform:all .7s linear 0s;}
.container .cate_li li .pic .mm{display:none; width:100%; font-size:25px; color:#fff; line-height:300px; text-align:center; position:absolute; z-index:5; left:0; top:0; }
.container .cate_li li .pic:hover img{opacity:0.7; filter:alpha(opacity=70); transform:scale(1.02); -moz-transform:scale(1.02); -otransform:scale(1.02);-webkit-transform:scale(1.02);}
.container .cate_li li .pic:hover .mm{display:block;}


.container .cate_li li .wz .tit{display:block;width:50px; position:absolute; right:25px; top:25px; z-index:6;}
.container .cate_li li .wz .tit i{float:left;  font-size:20px; line-height:22px; color:#fff;   font-weight:normal; font-weight:bold;  font-style:normal;}
.container .cate_li li .wz .tit .en{float:left; width:15px; font-size:12px; line-height:12px; color:#fff; text-transform:uppercase; writing-mode: tb-rl; font-family:Arial, Helvetica, sans-serif;}
.container .cate_li li .wz .moret{display:block; font-size:12px; color:#fff; height:24px; text-transform:uppercase; border:2px solid #fff; line-height:24px; width:74px; margin:0 auto; text-align:center; position:absolute; right:20px; bottom:20px; z-index:7;}
.container .cate_li li .wz .moret:hover{ font-weight:bold; text-decoration:underline; }


.container .cate_li li.li_01{background:#87a3b7;}
.container .cate_li li.li_02{background:#e4a83c;}
.container .cate_li li.li_03{background:#cbcbcb;}
.container .cate_li li.li_04{background:#a0a5b8;}


.container .products{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .products .title{display:block; width:100%; background:url(../images/line.jpg) no-repeat center 22px; }
.container .products .title .en{display:block; font-size:42px; line-height:42px; font-weight:bold; text-align:center; color:#efefef; text-transform:uppercase; }
.container .products .title h4{display:block; line-height:30px; font-size:24px; color:#282828; text-align:center; }
.container .products .con{display:block; width:100%; padding-top:30px;}
.container .products .con ul{display:block; width:100%;}
.container .products .con ul li{float:left; width:30%; padding:1%;background:#fff; margin-right:1.3%; margin-bottom:20px; box-shadow:2px 2px 2px 1px #f0f0f0; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.container .products .con ul li:hover{transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px);box-shadow:2px 2px 4px 2px #e1e8f2;}
.container .products .con ul li a.pic{display:block; width:100%; margin-bottom:7px;}
.container .products .con ul li a.pic img{display:block; width:100%;}
.container .products .con ul li a.tit{display:block;height:40px; line-height:40px; font-size:16px; color:#282828; background:url(../images/ar.png) no-repeat right center;}
.container .products .con ul li a.tit:hover{color:#1f5199; font-weight:bold; background:url(../images/arh.png) no-repeat right center;}

.container .video{display:block; width:100%; margin-top:60px;  background:url(../images/video_bg.jpg) no-repeat center center; }
.container .video .inner{display:block; padding:70px 0px;}
.container .video .inner .title{width:8%;height:478px; border-bottom:2px solid #fff;}
.container .video .inner .title h4{float:left; width:28px; font-size:24px; line-height:26px; color:#fff; }
.container .video .inner .title .en{float:left; font-size:24px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; writing-mode: tb-rl; text-transform:uppercase; }

.container .video .inner .con{width:80%;}
.container .video .inner .con video{height:480px;}


.container .news{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}

.container .news .title{display:block; width:100%; background:url(../images/line.jpg) no-repeat center 22px; }
.container .news .title .en{display:block; font-size:42px; line-height:42px; font-weight:bold; text-align:center; color:#efefef; text-transform:uppercase; }
.container .news .title h4{display:block; line-height:30px; font-size:24px; color:#282828; text-align:center; }
.container .news .con{display:block; padding-top:45px;}
.container .news .con ul{display:block; width:100%;}
.container .news .con ul li{float:left; width:47%; margin-right:3%; margin-bottom:45px; }
.container .news .con ul li .time{float:left; width:12%; height:90px; border-right:1px solid #c1c1c1;}
.container .news .con ul li .time .d{display:block; line-height:60px; font-size:32px; color:#999999; text-align:center;}
.container .news .con ul li .time .yy-m{display:block; line-height:20px; font-size:12px; text-align:center; color:#999;}

.container .news .con ul li .wz{float:right; width:82%;}
.container .news .con ul li .wz .tit{display:block; height:30px;  line-height:30px; font-size:17px; color:#1f5199; font-weight:bold; }
.container .news .con ul li .wz .detail{display:block; font-size:14px; line-height:22px; padding-top:8px; }

