.container{display:block; width:100%; margin-top:40px;}
.container .vcl_wrap{display:block; width:100%; margin:0 auto; }
.container .vcl_wrap .inner{display:block; max-width:1200px; margin:0 auto;}
.container .vcl_wrap .vcl_principle{float:left; width:70%;background:#fff;}
.container .vcl_wrap .vcl_advantage{float:right; width:28%;background:#fff;}
.container .vcl_wrap .vcl_principle .title{display:block; }
.container .vcl_wrap .vcl_principle .title h4{display:block; line-height:50px; font-size:22px; color:#024b98;}
.container .vcl_wrap .vcl_principle ul{display:block; width:100%;}
.container .vcl_wrap .vcl_principle ul li{float:left; width:25%;background:#fff;}
.container .vcl_wrap .vcl_principle ul li .pic{display:block; width:100%; }
.container .vcl_wrap .vcl_principle ul li .pic img{display:block;width:80%; margin:0 auto;}
.container .vcl_wrap .vcl_principle ul li .wz{display:block; font-size:13px; line-height:20px; padding:3%; color:#282828;background:url(../images/down.png) no-repeat 45% top;padding-top:20px; }

.container .vcl_wrap .vcl_advantage .title{display:block; }
.container .vcl_wrap .vcl_advantage .title h4{display:block; line-height:50px; font-size:22px; color:#024b98;}
.container .vcl_wrap .vcl_advantage .con{display:block; padding-top:12px;border:1px solid #e1e1e1;padding:3%;}
.container .vcl_wrap .vcl_advantage .con li{display:block; line-height:24px;padding:10px 0px;border-bottom:1px solid #e1e1e1;}



.container .pro_application{display:block; max-width:1200px; margin:0 auto;}
.container .pro_application .title{display:block; width:100%; height:50px; line-height:50px;padding-bottom:10px;background:url(../images/line.jpg) no-repeat center bottom;}
.container .pro_application .title h4{display:block; width:100%; height:50px; line-height:50px; font-size:28px; color:#282828; text-align:center;}
.container .pro_application .con{display:block; padding-top:25px;}
.container .pro_application .con ul{display:block; width:100%;}
.container .pro_application .con ul li{float:left; width:31.3%; margin-right:2%;}
.container .pro_application .con ul li a.pic{display:block; width:100%; position:relative; z-index:2; left:0; top:0;}
.container .pro_application .con ul li a.pic img{display:block; width:100%;}
.container .pro_application .con ul li a.pic .tit{display:block; position:absolute; left:0; bottom:0; z-index:8; width:96%; height:40px; background:url(../images/blue.png) repeat left top;font-size:16px; line-height:40px; color:#fff; padding:0% 2%; font-weight:bold;}
.container .pro_application .con ul li a.pic .tit:hover{text-decoration:underline;}
.container .pro_application .con ul li a.detail{display:block; padding-top:10px; font-size:14px; line-height:24px;}
.container .pro_application .con ul li a.detail:hover{text-decoration:underline;}


.container .products{display:block; width:100%; margin-top:40px; }
.container .products .title{display:block; width:100%; height:50px; line-height:50px;padding-bottom:10px;background:url(../images/line.jpg) no-repeat center bottom;}
.container .products .title h4{display:block; width:100%; height:50px; line-height:50px; font-size:28px; color:#282828; text-align:center;}

.container .products .mtitle ul{display:block; width:100%;margin:0 auto; margin-top:15px;}
.container .products .mtitle ul li{float:left; width:24%; margin-right:1%; margin-bottom:3px;}
.container .products .mtitle ul  li a{display:block; width:99%; height:38px; border:1px solid #c1c1c1; line-height:38px; text-align:center; font-size:15px; color:#666; font-weight:bold;}
.container .products .mtitle ul  li a:hover{background:#024b98; color:#fff;}

.container .products .con{display:block; width:100%;padding-top:20px;}
.container .products .con ul{display:block; width:100%;}
.container .products .con ul li{float:left; width:24%; margin-right:1%; margin-bottom:25px; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -o-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s;}
.container .products .con ul li:hover{transform:translate(0,-8px); -webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px);}
.container .products .con ul li a{display:block; width:99%; border:1px solid #e1e1e1;}
.container .products .con ul li a:hover{border:1px solid #024b98;}
.container .products .con ul li .pic{display:block; width:100%;}

.container .products .con ul li .tit{display:block; height:50px; width:94%; padding:0% 3%;line-height:50px;font-size:15px; color:#024b98; font-weight:bold; background:url(../images/ar.jpg) no-repeat 98% center;}
.container .products .con ul li .tit:hover{background:url(../images/arh.jpg) no-repeat 98% center;}
.container .products .con ul li .detail{display:block;  width:94%; padding:0% 3%;font-size:13px; line-height:24px; padding-bottom:10px; color:#666;}
.container .products .con ul li .detail:hover{}

.container .products .con ul li:nth-child(1n){width:24%;margin-right:1.1%;}
.container .products .con ul li:nth-child(2n){width:24%;margin-right:1.1%;}
.container .products .con ul li:nth-child(3n){width:24%;margin-right:1.1%;}
.container .products .con ul li:nth-child(4n){width:24%;margin-right:0%;float:right;}


.container .industry_application{display:block; max-width:1200px; margin:0 auto; margin-top:20px;}
.container .industry_application .title{display:block; width:100%; height:50px; line-height:50px;padding-bottom:10px;background:url(../images/line.jpg) no-repeat center bottom;}
.container .industry_application .title h4{display:block; width:100%; height:50px; line-height:50px; font-size:28px; color:#282828; text-align:center;}
.container .industry_application .con{display:block; padding-top:25px;}
.container .industry_application .con ul{display:block; width:100%;}
.container .industry_application .con ul li{float:left; width:31.3%; margin-right:2%;}
.container .industry_application .con ul li a.pic{display:block; width:100%; position:relative; z-index:2; left:0; top:0;}
.container .industry_application .con ul li a.pic img{display:block; width:100%;}
.container .industry_application .con ul li a.pic .tit{display:block; position:absolute; left:0; bottom:0; z-index:8; width:96%; height:40px; background:url(../images/blue.png) repeat left top;font-size:16px; line-height:40px; color:#fff; padding:0% 2%; font-weight:bold;}
.container .industry_application .con ul li a.pic .tit:hover{text-decoration:underline;}

.container .industry_application .con ul li a.detail{display:block; padding-top:10px; font-size:14px; line-height:24px;}
.container .industry_application .con ul li a.detail:hover{text-decoration:underline;}


.container .wrap{display:block; max-width:1200px; margin:0 auto; margin-top:60px;}
.container .wrap .gs{width:40%; font-size:13px; line-height:26px; height:360px;border-bottom:1px solid #c7c7c7;}
.container .wrap .gs h4{display:block; line-height:50px; font-size:19px; color:#024b98;}
.container .wrap .gs a{font-size:13px; line-height:26px;}

.container .wrap .title{width:16%;}
.container .wrap .title .t_in{display:block; width:70%; height:360px; background:#024b98; margin:0 auto;}
.container .wrap .title .t_in li{display:block; width:100%; height:180px;}
.container .wrap .title .t_in li.m_01{background:#1b9d31;}
.container .wrap .title .t_in li.m_02{background:#024b98;}
.container .wrap .title .t_in li.m_01 a{display:block;padding-top:120px; background:url(../images/m_icon01.png) no-repeat center 50px;line-height:30px; font-size:22px; color:#fff; text-align:center; font-weight:bold; position:relative; z-index:2; left:0; top:0; }
.container .wrap .title .t_in li.m_01 a i{display:block; width:17px; height:29px; background:url(../images/arrow.png) no-repeat right top; position:absolute; left:-17px; top:70px;z-index:9;}
.container .wrap .title .t_in li.m_02 a{display:block;padding-top:120px; background:url(../images/m_icon02.png) no-repeat center 50px;line-height:30px; font-size:22px; color:#fff; text-align:center; font-weight:bold;position:relative; z-index:2; left:0; top:0;}
.container .wrap .title .t_in li.m_02 a i{display:block; width:17px; height:29px; background:url(../images/arrow02.png) no-repeat right top; position:absolute; right:-17px; top:70px;z-index:9;}


.container .wrap .news{width:44%; border-top:1px solid #c7c7c7;padding-top:10px;}
.container .wrap .news ul{display:block; width:100%;}
.container .wrap .news ul li{display:block; width:100%; margin-bottom:15px;}
.container .wrap .news ul li .wz{float:left; width:82%;}
.container .wrap .news ul li .time{float:right; width:15%;}

.container .wrap .news ul li .wz .tit{display:block; line-height:30px; font-size:15px; color:#024b98; font-weight:bold;}
.container .wrap .news ul li .wz .detail{display:block; font-size:14px; line-height:22px;}
.container .wrap .news ul li .time{background:#c7c7c7;}
.container .wrap .news ul li .time .d{display:block; line-height:30px; font-size:28px; color:#fff; text-align:center; padding-top:10px;}
.container .wrap .news ul li .time .yy-m{display:block; line-height:30px; font-size:12px; color:#fff; text-align:center;}

.container .friendlink{display:block; max-width:1200px; margin:0 auto; margin-top:40px;}
.container .friendlink .title{display:block; width:100%;}
.container .friendlink .title h4{display:block; line-height:40px; font-size:22px; color:#282828;}
.container .friendlink .title h4 .en{line-height:40px; font-weight:normal; padding-left:5px; font-size:14px; color:#999; text-transform:uppercase; }
.container .friendlink .con{display:block; padding-top:20px;}
.container .friendlink .con ul{display:block; width:100%;}
.container .friendlink .con ul li{float:left; width:16.6%; margin-bottom:25px;}
.container .friendlink .con ul li img{display:block; width:52%; margin:0 auto;}