﻿

.key_wrap{display:block; width:100%; position:absolute; z-index:99; left:0; top:790px;}
.key_wrap .inner{display:block; max-width:1200px; height:160px; background:#919191;}
.key_wrap .inner .fl{width:50%; height:160px; background:#e4d73e;overflow:hidden;}
.key_wrap .inner .fr{width:50%; height:160px;overflow:hidden;}

.key_wrap .inner .fl .f_in{padding-left:12%; background:url(/template/pc/cn2016/images/mcode.jpg) no-repeat 20px 25px; padding-top:25px;}
.key_wrap .inner .fl .f_in h2{display:block; font-size:30px; line-height:30px; color:#282828; }
.key_wrap .inner .fl .f_in .tip{display:block;width:88%; font-size:14px; line-height:20px; margin-top:25px; color:#424141; height:40px; overflow:hidden;}

.key_wrap .inner .fr .f_in{padding:20px;}
.key_wrap .inner .fr .r_fl{float:left;width:66.6%;}
.key_wrap .inner .fr .r_ewm{float:right; width:20%;}
.key_wrap .inner .fr .r_ewm img{display:block; width:100%;}
.key_wrap .inner .fr .r_fl .keyword{display:block; font-size:14px; line-height:40px; color:#fff;margin-top:15px; height:40px; overflow:hidden;}
.key_wrap .inner .fr .r_fl .keyword a{font-size:14px; line-height:40px; color:#fff;}
.key_wrap .inner .fr .r_fl .keyword a:hover{text-decoration:underline; font-weight:bold;}

.key_wrap .inner .fr .r_fl .search{display:block; width:100%; height:40px; line-height:40px; border:1px solid #b1b1b1; border-radius:40px; margin-top:15px;}
.key_wrap .inner .fr .r_fl .search .m_txt{float:left; width:79%; padding-left:5%; height:40px; line-height:40px; background:None; border:none; font-size:14px; color:#fff;}
.key_wrap .inner .fr .r_fl .search .m_btn{float:right; width:14%; height:40px; line-height:40px; background:none; border:none; background:url(/template/pc/cn2016/images/m_btn.jpg) no-repeat center center; cursor:pointer;}


.container{display:block; width:100%; margin-top:200px;}
.container .products{display:block; max-width:1200px; margin:0 auto;}
.container .products .title{display:block;}
.container .products .title .en{display:block; line-height:20px; font-size:16px; color:#999999; text-transform:uppercase; font-family:"Times New Roman", Times, serif;text-align:center; }
.container .products .title h4{display:block; line-height:40px; font-size:26px; color:#224e90; text-align:center; background:url(/template/pc/cn2016/images/line.png) no-repeat center center;}


.container .products .dtitle{display:block; margin-top:15px;}
.container .products .dtitle dd{float:left; width:16.0%; margin-right:0.6%; background:#024b98;}
.container .products .dtitle dd a{display:block;width:100%; background:#024b98; line-height:50px; height:50px; font-size:15px; color:#fff; text-align:center; font-weight:bold;}
.container .products .dtitle dd a.current{color:#282828;background:#e4d73e;}


.container .products .mtitle{display:block; width:100%; margin-top:15px;}
.container .products .mtitle li{float:left; margin-right:8px; margin-bottom:12px;}
.container .products .mtitle li a{display:block; line-height:40px; font-size:17px; color:#282828;background:#e4d73e; padding:0px 15px;}
.container .products .mtitle li a:hover{background:#e4d73e;}
.container .products .mtitle li a.current{background:#e4d73e;}
.container .products .con{display:block; padding-top:20px;}
.container .products .con dl{display:block;}
.container .products .con dd{float:left; width:31.3%; margin-right:2%; margin-bottom:2%;}

.container .products .con dd a{display:block; width:100%; border:1px solid #e1e1e1; box-shadow:0px 0px 5px 1px #f8f8f8; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s;overflow:hidden;}
.container .products .con dd a img{display:block; width:100%;}
.container .products .con dd a .tit{display:block; width:94%; margin:0 auto;line-height:50px; font-size:16px; border-top:1px solid #e1e1e1; background:url(/template/pc/cn2016/images/ar.png) no-repeat right center;height:50px; overflow:hidden;}
.container .products .con dd a .tit:hover{background:url(/template/pc/cn2016/images/arh.png) no-repeat right center;}

.container .products .con dd a:hover{border:1px solid #224e90; transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px);}

.container .products .con dd a:hover .tit{border-top:1px solid #224e90; background:url(/template/pc/cn2016/images/arh.png) no-repeat right center;}



.container .company{display:block; width:100%; margin-top:80px; padding-bottom:30px; background:url(/template/pc/cn2016/images/gs_bg.jpg) no-repeat center top; padding-top:30px;}
.container .company .c_fr{display:block; margin-left:45%;width:55%;  background:#fff; border:1px solid #f2f2f2;}
.container .company .c_fr .c_in{display:block; padding:30px 55px;}
.container .company .c_fr .c_in .title{display:block; position:relative; z-index:2; left:0; top:0;}
.container .company .c_fr .c_in .title .en{display:block;font-size:26px; line-height:30px; color:#666666; text-transform:uppercase; font-family:"Times New Roman", Times, serif; }
.container .company .c_fr .c_in .title h4{display:block; line-height:40px; font-size:26px; color:#224e90; text-transform:uppercase; }
.container .company .c_fr .c_in .title .more{display:block; position:absolute; right:0; top:0; z-index:8; width:25px; height:50px; line-height:50px; font-size:24px; color:#ffffff; text-transform:uppercase; background:#919191; text-align:center; font-weight:normal; font-family:"Times New Roman", Times, serif;}
.container .company .c_fr .c_in .con{display:block; padding-top:15px; font-size:14px; line-height:32px;padding-bottom:15px;}

.container .company .c_fr .c_in .honor{display:block; width:100%; margin-top:12px;}
.container .company .c_fr .c_in .honor ul{display:block; width:100%;}
.container .company .c_fr .c_in .honor ul li{float:left; width:24.5%; margin-right:0.5%;}
.container .company .c_fr .c_in .honor ul li img{display:block; width:100%;}

.container .honor{display:block; max-width:1200px; margin:0 auto; margin-top:40px;}
.container .honor ul li{float:left; width:15%;margin-right:1.6%;}
.container .honor ul li img{display:block; width:96%;padding:2%; border:1px solid #e1e1e1;}


.container .ichoose{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .ichoose .fl{width:29%;height:520px; background:url(/template/pc/cn2016/images/r_bg.jpg) no-repeat left top; background-size:100% auto;}
.container .ichoose .fr{width:69%;}

.container .ichoose .fl .f_in{display:block; padding:18% 15%; }
.container .ichoose .fl .f_in .title{display:block; }
.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  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:85px; height:60px; border-top:1px solid #fff; border-bottom:1px 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:25px; background:#f6f6f6; position:relative; z-index:2; left:0; top:0;}
.container .ichoose .fr ul li .l_in{display:block; padding-top:30px; padding-left:30px;}
.container .ichoose .fr ul li .l_in h2{display:block; line-height:30px; font-size:18px; color:#224e90;}
.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:#282828; text-align:center; line-height:48px;font-family:"Times New Roman", Times, serif; background:#e4d73e; }
.container .ichoose .fr ul li.ic_01{background:#f6f6f6 url(/template/pc/cn2016/images/c_01.jpg) no-repeat right bottom;}
.container .ichoose .fr ul li.ic_02{background:#f6f6f6 url(/template/pc/cn2016/images/c_02.jpg) no-repeat right bottom;}
.container .ichoose .fr ul li.ic_03{background:#f6f6f6 url(/template/pc/cn2016/images/c_03.jpg) no-repeat right bottom;}
.container .ichoose .fr ul li.ic_04{background:#f6f6f6 url(/template/pc/cn2016/images/c_04.jpg) no-repeat right bottom;}


.container .application{display:block; width:100%; margin-top:80px; background:url(/template/pc/cn2016/images/ap_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(/template/pc/cn2016/images/line2.png) no-repeat center center;}

.container .application .con{display:block;max-width:1200px; margin:0 auto; margin-top:22px;}
.container .application .con li{float:left; width:24.2%; margin-right:0.8%; position:relative; z-index:2; left:0; top:0;}
.container .application .con li a.pic{display:block; width:100%;}
.container .application .con li a.pic img{display:block; width:100%;}
.container .application .con li .wz{display:block; position:absolute; left:50%; top:0px; z-index:8; margin-left:-50%; width:100%; height: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 .wz .icon{display:block; width:100%;padding-top:90%;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 .wz .icon img{display:block; margin:0 auto;}
.container .application .con li .wz .tit{display:block;line-height:60px; font-size:17px; color:#fff; text-align:center;  font-weight:bold; background:url(/template/pc/cn2016/images/xian.jpg) no-repeat center top; margin-top:15px;}

.container .application .con li:hover .wz{position:absolute;top:0px; height:100%; padding-top:0px;  background:url(/template/pc/cn2016/images/blue.png) repeat left top; }
.container .application .con li:hover .icon{padding-top:70%;}


.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:49px; padding-left:15px; background:url(/template/pc/cn2016/images/slip.jpg) no-repeat left top; position:relative; z-index:2; left:0; top:0;}
.container .n_wrap .news .title h4{display:block; font-size:20px; line-height:22px; color:#224e90;}
.container .n_wrap .news .title .en{display:block; font-size:14px; line-height:20px; text-transform:uppercase; font-family:"Times New Roman", Times, serif; }
.container .n_wrap .news .title .more{display:block; position:absolute; right:0; top:0; z-index:8; width:25px; height:40px; line-height:40px; font-size:24px; color:#ffffff; text-transform:uppercase; background:#919191; text-align:center; font-weight:normal; font-family:"Times New Roman", Times, serif; }
.container .n_wrap .news .con{display:block; padding-top:25px;}
.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:#e4d73e;}
.container .n_wrap .news .con .rescommend .pic .time .d{display:block; font-size:20px; line-height:24px; text-align:center; color:#282828;}
.container .n_wrap .news .con .rescommend .pic .time .yy-m{display:block; line-height:16px; font-size:13px; text-align:center; color:#282828; text-align:center;}

.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:#224e90; font-weight:bold;}
.container .n_wrap .news .con .rescommend .wz .tit:hover{text-transform:uppercase;}
.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 .moret{display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #e9e9e9; font-size:14px; background:url(/template/pc/cn2016/images/ar.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:#224e90; border-bottom:1px solid #224e90; background:url(/template/pc/cn2016/images/arh.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 .mtit{display:block;line-height:30px; }
.container .n_wrap .news .con ul li .mtit a{display:block; line-height:30px; font-size:15px; color:#224e90; font-weight:bold; }
.container .n_wrap .news .con ul li .mtit a:hover{text-decoration:underline;}

.container .n_wrap .news .con ul li .mtit .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; padding-top:6px;}

.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:49px; padding-left:15px; background:url(/template/pc/cn2016/images/slip.jpg) no-repeat left top; position:relative; z-index:2; left:0; top:0;}
.container .n_wrap .tech .title h4{display:block; font-size:20px; line-height:22px; color:#224e90;}
.container .n_wrap .tech .title .en{display:block; font-size:14px; line-height:20px; text-transform:uppercase; font-family:"Times New Roman", Times, serif; }
.container .n_wrap .tech .title .more{display:block; position:absolute; right:0; top:0; z-index:8; width:25px; height:40px; line-height:40px; font-size:24px; color:#ffffff; text-transform:uppercase; background:#919191; text-align:center; font-weight:normal; font-family:"Times New Roman", Times, serif; }
.container .n_wrap .tech .con{display:block; padding-top:20px;}
.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;}
.container .n_wrap .tech .con ul li a{display:block; padding-left:4%; line-height:60px; color:#224e90;  font-size:14px; font-weight:bold;background:url(/template/pc/cn2016/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; }







