﻿.container{display:block; width:100%;}
.container .products{display:block; width:100%; background:#f0f0f0;}
.container .products .inner{display:block; padding:60px 0px;}

.container .products .inner ul{display:block; width:100%;}
.container .products .inner ul li{float:left; width:32%; margin-right:1.3%; background:#fff; margin-bottom:22px;height:455px; }
.container .products .inner ul li .wz{display:block; padding:17px; position:relative; z-index:2; left:0; top:0;}
.container .products .inner ul li .wz .tit{display:block; line-height:40px; font-size:22px; color:#282828; font-weight:bold;}
.container .products .inner ul li .wz .tit:hover{color:#183a73; text-decoration:underline;}
.container .products .inner ul li .wz .en{display:block; line-height:20px; font-size:16px; color:#dfdede; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.container .products .inner ul li .wz .en:hover{text-decoration:underline;color:#183a73;}
.container .products .inner ul li .wz .moret{display:block;width:32px; height:60px; position:absolute; right:17px; top:17px; z-index:7; font-size:27px; line-height:60px;color:#282828;text-align:center; line-height:60px;border:1px solid #e1e1e1; }
.container .products .inner ul li .wz .moret:hover{border:1px solid #183a73; background:#183a73;color:#fff;}

.container .products .inner ul li a.pic{display:block; width:100%;}
.container .products .inner ul li a.pic img{display:block; width:100%;}

.container .products .inner ul li.title{float:right;height:455px; background:url(../images/list_bg.jpg) no-repeat right top; background-size:100% auto;}
.container .products .inner ul li.title .m_en{display:block; width:100%; margin-top:25%;}
.container .products .inner ul li.title .m_en img{display:block; margin:0 auto;}
.container .products .inner ul li.title .m_tit{display:block; font-size:28px; line-height:40px; color:#fff; letter-spacing:15px; text-align:center; width:100%; font-weight:bold;}
.container .products .inner ul li.title .m_moret{display:block;width:39%;padding-left:7%;margin:0 auto; font-size:14px; color:#fff; font-weight:bold;height:38px; border:2px solid #fff;line-height:38px; margin-top:30%; background:url(../images/ar.png) no-repeat 87% center; 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 .inner ul li.title .m_moret:hover{text-decoration:underline; transform:translate(0,5px); -webkit-transform:translate(0,5px); -moz-transform:translate(0,5px); -o-transform:translate(0,5px);}


.container .hot_pro{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .hot_pro .title{display:block; height:50px;}
.container .hot_pro .title h4{display:block; line-height:50px; font-size:24px; color:#282828; padding-left:30px; background:url(../images/biao.png) no-repeat left center;}
.container .hot_pro .title .more{float:right; line-height:50px;font-size:13px; font-weight:bold; text-align:right; color:#282828; padding-right:13px; background:url(../images/jia.jpg) no-repeat right center; }
.container .hot_pro .title .more:hover{background:url(../images/jiah.jpg) no-repeat right center; color:#af1803;}

.container .hot_pro  .con{display:block; padding-top:12px;}
.container .hot_pro  .h_cs #scrollarea{display:block; max-width:1200px;  margin:0 auto; overflow:hidden; }
.container .hot_pro  .h_cs #inrea{display:block; width:800%;}
.container .hot_pro  .h_cs #area1{float:left;}
.container .hot_pro  .h_cs #area2{float:left;}
.container .hot_pro  .h_cs #scrollarea li{float:left; width:265px;  margin-right:20px; padding-left:20px; border-left:1px solid #e1e1e1;}
.container .hot_pro  .h_cs #scrollarea li .wz{display:block; width:100%;}
.container .hot_pro  .h_cs #scrollarea li .wz .tit{display:block; line-height:40px; font-size:18px; color:#af1803; font-weight:bold;}
.container .hot_pro  .h_cs #scrollarea li .wz .tit:hover{text-decoration:underline;}

.container .hot_pro  .h_cs #scrollarea li .wz .detail{display:block;font-size:14px; line-height:20px; padding-top:7px;}
.container .hot_pro  .h_cs #scrollarea li .wz .detail:hover{text-decoration:underline;}

.container .hot_pro  .h_cs #scrollarea li a.pic{display:block; width:265px; margin-top:20px;}
.container .hot_pro  .h_cs #scrollarea li a.pic img{display:block; width:100%;}
.container .hot_pro  .h_cs #scrollarea li .moret{display:block; width:100%; height:20px; background:url(../images/arr.png) no-repeat left top; margin-top:15px;}
.container .hot_pro  .h_cs #scrollarea li .moret:hover{display:block; width:100%; height:20px; background:url(../images/arrh.png) no-repeat left top;}



.container .hot_pro  .h_cs .arrow_l{position:absolute; left:1%; width:34px; height:360px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container .hot_pro  .h_cs .arrow_l.current{position:absolute; left:1%;  width:34px; height:360px; background:url(../images/lefth.png) no-repeat left center; cursor:pointer;}
.container .hot_pro  .h_cs .arrow_r{position:absolute; right:1%;  width:34px; height:360px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container .hot_pro  .h_cs .arrow_r.current{position:absolute;right:1%; width:34px; height:360px; background:url(../images/righth.png) no-repeat left center; cursor:pointer;}

.container .company{display:block; width:100%; margin-top:80px;background:#f0f0f0;}
.container .company .inner{display:block; padding:70px 0px;}
.container .company .inner .gs{float:left; width:42.75%;}
.container .company .inner .gs img{display:block; width:100%;}
.container .company .inner .wz{float:right; width:50%;}
.container .company .inner .wz .title{display:block; height:121px; background:url(../images/k.png) no-repeat right top;}
.container .company .inner .wz .title .en{display:block; padding-top:40px; }
.container .company .inner .wz .title .en img{float:right; margin-right:30px;}
.container .company .inner .wz .title h4{display:block; line-height:40px;font-size:28px; color:#282828; text-align:right; height:40px; clear:both; text-align:right; margin-right:30px;}
.container .company .inner .wz .detail{display:block; font-size:14px;line-height:24px; padding-top:25px; color:#282828;}
.container .company .inner .wz .detail:hover{color:#af1903; text-decoration:underline;}



.container .ichoose{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .ichoose .fl{width:25%;height:520px; background:url(../images/ichoose_bg.jpg) no-repeat left top; background-size:auto 100%;}
.container .ichoose .fr{width:72%;}

.container .ichoose .fl .f_in{display:block; padding:18% 12%; }
.container .ichoose .fl .f_in .title{display:block; padding-top:20%;}
.container .ichoose .fl .f_in .title .en{display:block; font-size:35px; line-height:35px; text-transform:uppercase; color:#fff; font-family:"Times New Roman", Times, serif; font-style:italic;}
.container .ichoose .fl .f_in .title .en img{width:100%;}
.container .ichoose .fl .f_in .title  h2{display:block;line-height:30px; font-size:28px; color:#fff; font-style:italic; margin-top:5px; }
.container .ichoose .fl .f_in   .tip{display:block; margin-top:70%; height:60px; border-top:2px solid #fff; border-bottom:2px solid #fff; font-size:26px; color:#fff; line-height:60px; font-style:italic;}

.container .ichoose .fr ul{display:block; width:100%;}
.container .ichoose .fr ul li{float:left; width:48%; margin-right:2%;height:225px; margin-bottom:38px; background:#f6f6f6; position:relative; z-index:2; left:0; top:0;}
.container .ichoose .fr ul li .l_in{display:block; padding-top:25px; padding-left:22px;}
.container .ichoose .fr ul li .l_in h2{display:block; line-height:30px; font-size:19px; color:#282828;}
.container .ichoose .fr ul li .l_in .detail{display:block; font-size:14px; line-height:20px; padding-top:15px;}
.container .ichoose .fr ul li .num{display:block; position:absolute; right:15px; top:-10px; z-index:8; width:35px; height:48px; font-size:24px; color:#fff; text-align:center; line-height:48px;font-family:DINCondensedC,"Times New Roman", Times, serif; background:#af1903; }
.container .ichoose .fr ul li.ic_01{background:#f6f6f6 url(../images/c_01.jpg) no-repeat right bottom;}
.container .ichoose .fr ul li.ic_02{background:#f6f6f6 url(../images/c_02.jpg) no-repeat right bottom;}
.container .ichoose .fr ul li.ic_03{background:#f6f6f6 url(../images/c_03.jpg) no-repeat right bottom;}
.container .ichoose .fr ul li.ic_04{background:#f6f6f6 url(../images/c_04.jpg) no-repeat right bottom;}


.container .application{display:block; width:100%; margin-top:80px; background:url(../images/ca_bg.jpg) repeat-x left top; }
.container .application .title{padding-top:80px;}
.container .application .title .en{display:block; font-size:16px; line-height:20px;text-transform:uppercase; color:#fff; font-family:"Times New Roman", Times, serif; text-align:center;}
.container .application .title h4{display:block; line-height:40px; font-size:26px; color:#fff; text-align:center; background:url(../images/line.png) no-repeat center center;}

.container .application .con{display:block;max-width:1200px; margin:0 auto; margin-top:33px;}
.container .application .con li{float:left; width:24%; margin-right:1%; position:relative; z-index:2; left:0; top:0; background:#fff;}
.container .application .con li .wz{display:block; width:100%; padding-top:16px;}
.container .application .con li .wz .tit{display:block; line-height:40px; font-size:18px; color:#af1903; font-weight:bold; padding:0% 4%;}
.container .application .con li .wz .tit:hover{text-decoration:underline;color:#af1903;}
.container .application .con li .wz .detail{display:block; font-size:14px; line-height:24px; padding:0px 4%; margin:12px auto;color:#282828;height:120px; overflow:hidden;}
.container .application .con li .wz .detail:hover{text-decoration:underline;color:#af1903;}

.container .application .con li .pic{display:block; width:100%; margin-top:25px;overflow:hidden;}
.container .application .con li .pic img{display:block; width:100%; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;}
.container .application .con li .pic:hover img{transform:scale(1.03); -webkit-transform:scale(1.03); -moz-transform:scale(1.03); -o-transform:scale(1.03);}
.container .application .con li:nth-child(1n){margin-right:1.3%; width:24%;}
.container .application .con li:nth-child(2n){margin-right:1.3%; width:24%;}
.container .application .con li:nth-child(3n){margin-right:1.3%; width:24%;}
.container .application .con li:nth-child(4n){margin-right:0%; width:24%;}

.container .n_wrap{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .n_wrap .news{width:63%;}
.container .n_wrap .news .title{display:block; height:40px; padding-left:28px; background:url(../images/biao.png) no-repeat left center;}
.container .n_wrap .news .title h4{display:block; font-size:24px; line-height:40px; color:#282828;}
.container .n_wrap .news .title .more{float:right; line-height:50px;font-size:13px; font-weight:bold; text-align:right; color:#282828; padding-right:13px; background:url(../images/jia.jpg) no-repeat right center;}
.container .n_wrap .news .title .more:hover{color:#af1903;background:url(../images/jiah.jpg) no-repeat right center;}

.container .n_wrap .news .con{display:block; padding-top:15px;}
.container .n_wrap .news .con .rescommend{display:block; width:100%;}
.container .n_wrap .news .con .rescommend .pic{float:left; width:45%; position:relative; z-index:2; left:0; top:0;}
.container .n_wrap .news .con .rescommend .pic img{display:block; width:100%;}
.container .n_wrap .news .con .rescommend .pic .time{display:block; position:absolute; left:0; top:0; z-index:8; width:60px; padding:10px 0px; background:#af1903;}
.container .n_wrap .news .con .rescommend .pic .time .d{display:block; font-size:24px; line-height:40px; text-align:center; color:#fff;}
.container .n_wrap .news .con .rescommend .pic .time .yy-m{display:block; line-height:16px; font-size:13px; text-align:center; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif;}

.container .n_wrap .news .con .rescommend .wz{float:right; width:53%;}
.container .n_wrap .news .con .rescommend .wz .tit{display:block; line-height:30px; font-size:19px; color:#af1903; font-weight:bold;}
.container .n_wrap .news .con .rescommend .wz .tit:hover{text-transform:uppercase;text-decoration:underline;}
.container .n_wrap .news .con .rescommend .wz .detail{display:block;font-size:14px; line-height:24px;padding-top:20px; }
.container .n_wrap .news .con .rescommend .wz .detail:hover{color:#af1903; text-decoration:underline;}

.container .n_wrap .news .con .rescommend .wz .moret{display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #e9e9e9; font-size:14px; background:url(../images/arrow.png) no-repeat right center; font-family:Arial, Helvetica, sans-serif; margin-top:60px; font-weight:bold; color:#999;}
.container .n_wrap .news .con .rescommend .wz .moret:hover{color:#af1903; border-bottom:1px solid #af1903; background:url(../images/arrowh.png) no-repeat right center; }

.container .n_wrap .news .con ul{display:block; width:100%; margin-top:50px;}
.container .n_wrap .news .con ul li{float:left; width:47%; margin-right:3%; margin-bottom:30px;padding-bottom:30px; border-bottom:1px solid #e9e9e9;}
.container .n_wrap .news .con ul li .tit{display:block;line-height:30px; }
.container .n_wrap .news .con ul li .tit a{display:block; line-height:30px; font-size:15px; color:#183a73; font-weight:bold; }
.container .n_wrap .news .con ul li .tit a:hover{text-decoration:underline;color:#af1903;}

.container .n_wrap .news .con ul li .tit .time{float:right; line-height:30px; font-size:14px; color:#666; text-align:right; }
.container .n_wrap .news .con ul li .detail{display:block; font-size:14px; line-height:22px; margin-top:6px;height:66px; overflow:hidden;}
.container .n_wrap .news .con ul li .detail:hover{color:#af1903;}

.container .n_wrap .news .con ul li:nth-child(2n){margin-right:0%;float:right;}

.container .n_wrap .tech{width:34%;}
.container .n_wrap .tech .title{display:block; height:40px; padding-left:28px; background:url(../images/biao.png) no-repeat left center;}
.container .n_wrap .tech .title h4{display:block; font-size:24px; line-height:40px; color:#282828;}
.container .n_wrap .tech .title .more{float:right; line-height:50px;font-size:13px; font-weight:bold; text-align:right; color:#282828; padding-right:13px; background:url(../images/jia.jpg) no-repeat right center;}
.container .n_wrap .tech .title .more:hover{color:#af1903;background:url(../images/jiah.jpg) no-repeat right center;}

.container .n_wrap .tech .con{display:block; padding-top:15px;}
.container .n_wrap .tech .con ul{display:block; width:100%;}
.container .n_wrap .tech .con ul li{display:block; width:100%; height:60px; border-bottom:1px solid #eee;overflow:hidden;}
.container .n_wrap .tech .con ul li a{display:block; padding-left:4%; line-height:60px; color:#183a73;  font-size:14px; font-weight:bold;background:url(../images/dian.jpg) no-repeat left center;}
.container .n_wrap .tech .con ul li .time{float:right; line-height:60px; font-size:14px; color:#666; text-align:right; }
.container .n_wrap .tech .con ul li a:hover{text-decoration:underline; color:#af1903;}

.friendlink .title{width:25%;}
.friendlink .con{width:73%;}

