﻿/* CSS Document */
body{display:block; }
.about{display:block; height:192px; width:100%; margin:0 auto; }
.about .inner{display:block; max-width:1105px; margin:0 auto; height:250px;}
.about .inner .title{float:left; width:22.8%;height:250px;background:url(../images/a_bg_01.png) no-repeat left top;}
.about .inner .con{float:right; width:77.2%;height:250px;background:url(../images/a_bg_02.png) no-repeat left top;}

.about .inner .title .mtitle{display:block; padding-left:15px; height:39px; background:url(../images/xian.jpg) no-repeat left top;margin-top:22px; margin-left:22px;}
.about .inner .title .mtitle h4{display:block; height:26px; font-size:23px; color:#fff; line-height:26px; }
.about .inner .title .mtitle .en{display:block; height:16px; line-height:16px; font-size:13px; font-family:Candara,Arial, Helvetica, sans-serif; color:#b3d7f0; text-transform:uppercase;}



.about .inner .con .huan{display:block;height:160px;width:100%; margin:0 auto; position:relative; z-index:2;padding-top:20px;padding-right:20px;}
.about .inner .con .huan .area{display:block;width:810px; margin:0 auto;  height:160px; overflow:hidden;}
.about .inner .con .huan .area ul.pic{display:block; width:400%;}
.about .inner .con .huan .area li{float:left; width:810px; height:160x;background:#fff;}
.about .inner .con .huan .area li .wz{float:left;width:55%;}
.about .inner .con .huan .area li .wz h4{display:block; height:30px; line-height:30px; font-size:20px; color:#666; font-weight:normal;}
.about .inner .con .huan .area li .wz .detail{display:block; padding-top:10px;}
.about .inner .con .huan .area li .picture{float:right;width:40%;}
.about .inner .con .huan .area li .picture img{display:block;width:100%;}

.about .inner .con .huan .area li .honor dd{float:left; width:19%;margin-right:1%; font-size:14px; height:40px; line-height:40px; text-align:center;}
.about .inner .con .huan .area li .honor dd img{display:block; width:100%;margin-bottom:5px;}

.about .inner .con .huan .dtitle{display:block; width:100%; height:50px; background:url(../images/app_x.jpg) repeat-x center 15px;background-size:100% auto; }
.about .inner .con .huan .dtitle ul li{float:left; width:25%; text-align:center;}
.about .inner .con .huan .dtitle ul li a{display:block; height:22px; padding-top:22px;background:url(../images/quan.png) no-repeat center top;color:#999; font-size:15px;}
.about .inner .con .huan .dtitle ul li a:hover{background:url(../images/quanh.png) no-repeat center top;}
.about .inner .con .huan .dtitle ul li a.hover{background:url(../images/quanh.png) no-repeat center top; font-size:15px; color:#017ebf;}


.container{display:block; width:100%; padding-top:70px;}
.container .products{display:block; max-width:1105px; margin:0 auto;}
.container .products .list{width:20%; background:#f0f0f0; }
.container .products .list .title{display:block; width:97%; height:48px;padding-top:15px; padding-left:3%;}
.container .products .list .title .mtitle{display:block;padding-left:15px; background:url(../images/biao2.jpg) no-repeat left top; }
.container .products .list .title .mtitle h4{display:block; height:26px; line-height:26px; font-size:23px; color:#222;}
.container .products .list .title .mtitle .en{display:block; height:16px; line-height:16px; font-size:13px; font-family:Candara,Arial, Helvetica, sans-serif; text-transform:uppercase;}
.container .products .list .con{display:block; width:94%; padding:3%;}
.container .products .list .con ul{display:block; width:100%;}
.container .products .list .con li{display:block; }
.container .products .list .con li a{display:block; height:38px; line-height:38px; font-size:15px; background:url(../images/ar.png) no-repeat 5px center; padding-left:30px; font-size:15px;}
.container .products .list .con li  a:hover{display:block; background:#097ccd url(../images/arh.png) no-repeat 5px center; color:#fff;}

.container .products .list .con li dd{display:block;}
.container .products .list .con li dd a{display:block; height:36px; line-height:36px; padding-left:40px; font-size:13px; color:#016aa6; background:url(../images/xian2.jpg) repeat-x left bottom;}
.container .products .list .con li dd a:hover{background:#097ccd;color:#fff;}

.container .products .show{width:78%;}
.container .products .show .title{display:block; height:50px;}
.container .products .show .title h4{display:block;font-size:24px; height:50px; font-weight:normal; color:#222; line-height:50px;}
.container .products .show .title .more{float:right; font-size:14px; font-family:Candara,Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:50px;}
.container .products .show .con{display:block; width:100%; overflow:hidden;}
.container .products .show .con ul{display:block;width:100%;}
.container .products .show li{float:left; width:24%;margin-right:1%; margin-bottom:15px;}
.container .products .show li a{display:block; width:98%; border:1px solid #e1e1e1; line-height:40px; font-size:14px; text-align:center;}
.container .products .show li img{display:block; width:100%;}
.container .products .show li a:hover{background:#097ccd; border:1px solid #097ccd; color:#fff;}
.container .products .show li a .tit{display:block; width:100%;height:40px; line-height:40px; font-size:14px; overflow:hidden; }


.container .case{display:block; width:100%; margin-top:50px; padding-bottom:50px;background:url(../images/h_bg.jpg) repeat-x left bottom;}
.container .case .inner{display:block; max-width:1105px; margin:0 auto;}
.container .case .inner .title{display:block; height:70px; width:100%; position:relative; z-index:2;}
.container .case .inner .title h4{display:block; height:30px; line-height:30px; font-size:23px; color:#222; text-align:center;}
.container .case .inner .title .tip{display:block; height:40px; line-height:40px; font-size:14px; text-align:center; }
.container .case .inner .title .more{display:block; width:22px; height:22px;line-height:22px; background:#737373; position:absolute; left:650px; top:40px; font-size:22px;  color:#fff; text-align:center;overflow:hidden;}
.container .case .inner .dtitle{display:block; width:100%; height:53px; background:url(../images/d_bg.jpg) repeat-x left top; margin-top:20px;}
.container .case .inner .dtitle li{float:left; width:25%; height:53px; text-align:center;}
.container .case .inner .dtitle li a{display:block; width:100%; height:53px; line-height:53px; font-size:18px; color:#fff; background:url(../images/d_li.jpg) no-repeat left top;}
.container .case .inner .dtitle li a:hover{background:url(../images/d_h.jpg) repeat-x left top;}
.container .case .inner .dtitle li a.current{background:url(../images/d_h.jpg) repeat-x left top;}
.container .case .con{display:block; width:100%; overflow:hidden;padding-top:20px;}
.container .case .con ul{display:none; width:100%; }
.container .case .con li{float:left;width:24%;margin-right:1%; background:url(../images/picbg.png) no-repeat left bottom;}
.container .case .con li .pic{display:block; margin-bottom:5px;}
.container .case .con li img{display:block; width:100%; }
.container .case .con li  .tit{display:block; height:30px; font-size:15px; line-height:30px; color:#333;padding:0px 15px;}
.container .case .con li  .detail{display:block; padding:0px 15px;padding-bottom:10px;}



.container .strength{display:block;max-width:1105px; margin:0 auto; margin-top:50px;}
.container .strength .title{display:block; height:58px;padding-bottom:20px; background:url(../images/ge.jpg) no-repeat center bottom;}
.container .strength .title h4{display:block; height:34px; line-height:34px; font-size:23px; text-align:center; color:#222;}
.container .strength .title .tip{display:block; height:24px; line-height:24px; text-align:center; color:#666; font-size:14px;}
.container .strength .con{display:block; width:100%; padding-top:20px;}
.container .strength .con .advantage{width:22.6%; background:#f0f0f0;padding:0px 2%; padding-bottom:20px;}
.container .strength .con .advantage dl{display:block;width:100%; margin-top:27px;}
.container .strength .con .advantage dl dt{display:block;padding-left:52px; background:url(../images/num1.jpg) no-repeat left top;}
.container .strength .con .advantage dl dt h4{display:block; height:22px; line-height:22px; font-size:22px; color:#222; font-weight:normal; font-style:italic;}
.container .strength .con .advantage dl dt .tip{display:block; height:20px; line-height:20px; font-size:11px; color:#999; font-family:Candara,Arial, Helvetica, sans-serif; text-transform:uppercase;}
.container .strength .con .advantage dl dd{display:Block; padding-left:52px;padding-top:6px; line-height:20px;}
.container .strength .con .piclist{float:right; width:72.1%;}
.container .strength .con .piclist .first{display:block; margin-bottom:8px;}
.container .strength .con .piclist .first .f{display:block; width:65.8%;  overflow:hidden;}
.container .strength .con .piclist .first .f a{display:block; width:100%; margin-right:8px;  overflow:hidden;}
.container .strength .con .piclist .first .f img{display:block; width:100%%;  transition:all .7s linear 0s;-webkit-transition:all .7s linear 0s;-o-transition:all .7s linear 0s;}
.container .strength .con .piclist .first .f a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}

.container .strength .con .piclist .first .r{display:block;width:33.3%; height:223px; overflow:hidden;}
.container .strength .con .piclist .first .r img{display:block; width:100%; height:223px; transition:all .7s linear 0s;-webkit-transition:all .7s linear 0s;-o-transition:all .7s linear 0s;}
.container .strength .con .piclist .first .r:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.container .strength .con .piclist .second{display:block;width:100%;}
.container .strength .con .piclist .second .f{display:block; width:38.6%; height:213px; overflow:hidden;}
.container .strength .con .piclist .second .f img{display:block;width:100%; height:213px; transition:all .7s linear 0s;-webkit-transition:all .7s linear 0s;-o-transition:all .7s linear 0s;}
.container .strength .con .piclist .second .f a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.container .strength .con .piclist .second .s{display:block;width:60.6%; height:213px; overflow:hidden;}
.container .strength .con .piclist .second .s img{display:block; width:100%; height:213px;transition:all .7s linear 0s;-webkit-transition:all .7s linear 0s;-o-transition:all .7s linear 0s;}
.container .strength .con .piclist .second .s  a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}


.container .strength .con .advantage dl.y_s dt{display:block;padding-left:52px; background:url(../images/num2.jpg) no-repeat left top;}
.container .strength .con .advantage dl.y_t dt{display:block;padding-left:52px; background:url(../images/num3.jpg) no-repeat left top;}


.container .online{display:block; width:100%; height:174px; margin-top:50px; background:url(../images/onlinebg.jpg) no-repeat center top;}
.container .online .inner{display:block; max-width:1103px; margin:0 auto;}
.container .online .inner .wz{display:block;margin-left:74.2%;padding-top:47px;}
.container .online .inner .wz .tit{display:block; height:40px;width:270px;}
.container .online .inner .on_c{display:block;padding-top:10px;}
.container .online .inner .on_c .consultation{float:left; width:101px; height:34px; background:#fa6b13;line-height:34px; font-size:17px; color:#fff; text-align:center; }
.container .online .inner .on_c .consultation:hover{font-weight:bold;}

.container .online .inner .on_c .cont{float:left;width:101px; height:34px; background:#737373;line-height:34px; font-size:17px; color:#fff; text-align:center;margin-left:20px;}
.container .online .inner .on_c .cont:hover{ background:#fa6b13;}


.container .news{display:block;max-width:1105px; margin:0 auto; margin-top:50px;}
.container .news .title{display:block; height:58px;padding-bottom:20px; background:url(../images/ge.jpg) no-repeat center bottom;}
.container .news .title h4{display:block; height:34px; line-height:34px; font-size:23px; text-align:center; color:#222;}
.container .news .title .tip{display:block; height:24px; line-height:24px; text-align:center; color:#666; font-size:14px;}
.container .news .con{display:block; width:100%; padding-top:20px;}

.container .news .con .fl{width:63.6%; height:341px;border:1px solid #e1e1e1;padding:20px;}
.container .news .con .fr{width:26.2%; height:343px; background:#f0f0f0;padding:20px;}

.container .news .con .fl .rescommend{display:block;}
.container .news .con .fl .rescommend .pic{float:left;width:30%; height:130px; overflow:hidden;}
.container .news .con .fl .rescommend .pic img{display:block; width:100%;}
.container .news .con .fl .rescommend .wz{float:right;width:68%;}
.container .news .con .fl .rescommend .wz .time{display:block; height:20px; line-height:20px; color:#999;}
.container .news .con .fl .rescommend .wz .tit{display:block; height:30px; line-height:30px; font-size:16px; color:#016ab3;}
.container .news .con .fl .rescommend .wz  .detail{display:block; font-size:12px; line-height:20px; color:#999; padding-top:8px;}

.container .news .con .fl .c_news{float:left; width:48%;padding-top:30px;}
.container .news .con .fl .industry{float:right; width:48%;padding-top:30px;}

.container .news .con .fl .c_news .dtitle{display:block; border-bottom:1px solid #e1e1e1; height:30px; }
.container .news .con .fl .c_news .dtitle h4{display:block; width:93px; height:30px; background:#e1e1e1;line-height:30px; font-size:18px; color:#222; text-align:center; font-weight:normal;}
.container .news .con .fl .c_news .dtitle .more{float:right; height:30px; font-size:13px; line-height:30px; font-family:Candara,Arial, Helvetica, sans-serif;}
.container .news .con .fl .c_news  ul{display:block; margin-top:15px;}
.container .news .con .fl .c_news  li{display:block; height:30px; line-height:30px;}
.container .news .con .fl .c_news  li .time{float:right; line-height:30px; font-size:12px; color:#999;}
.container .news .con .fl .c_news  li a{display:block; height:30px; line-height:30px; padding-left:15px; background:url(../images/quan2.jpg) no-repeat left center; font-size:13px;}


.container .news .con .fl .industry .dtitle{display:block; border-bottom:1px solid #e1e1e1; height:30px; }
.container .news .con .fl .industry .dtitle h4{display:block; width:93px; height:30px; background:#e1e1e1;line-height:30px; font-size:18px; color:#222; text-align:center; font-weight:normal;}
.container .news .con .fl .industry .dtitle .more{float:right; height:30px; font-size:13px; line-height:30px; font-family:Candara,Arial, Helvetica, sans-serif;}
.container .news .con .fl .industry  ul{display:block; margin-top:15px;}
.container .news .con .fl .industry  li{display:block; height:30px; line-height:30px;}
.container .news .con .fl .industry  li .time{float:right; line-height:30px; font-size:12px; color:#999;}
.container .news .con .fl .industry  li a{display:block; height:30px; line-height:30px; padding-left:15px; background:url(../images/quan2.jpg) no-repeat left center; font-size:13px;}


.container .news .con .fr .exhibition{display:block; width:100%; height:197px; margin-bottom:8px;}
.container .news .con .fr .exhibition a{display:block; width:100%;}
.container .news .con .fr .exhibition img{display:block; width:100%;}
.container .news .con .fr   ul{display:block; }
.container .news .con .fr   li{display:block; height:30px; line-height:30px;}
.container .news .con .fr   li .time{float:right; line-height:30px; font-size:12px; color:#999;}
.container .news .con .fr   li a{display:block; height:30px; line-height:30px; padding-left:15px; background:url(../images/quan3.jpg) no-repeat left center; font-size:13px;}


.container .quick_pass{display:block;max-width:1105px; margin:0 auto; margin-top:50px;}
.container .quick_pass .title{display:block; height:58px;padding-bottom:20px; background:url(../images/ge.jpg) no-repeat center bottom;}
.container .quick_pass .title h4{display:block; height:34px; line-height:34px; font-size:23px; text-align:center; color:#222;}
.container .quick_pass .title .en{display:block; height:24px; line-height:24px; text-align:center; color:#666; font-size:14px;font-family:Candara,Arial, Helvetica, sans-serif; text-transform:uppercase;}
.container .quick_pass .con{display:block; width:100%; padding-top:20px;}
.container .quick_pass .con .quick{display:block; width:100%;margin-top:15px;}
.container .quick_pass .con .tit{float:left;width:12%; height:39px; border:1px solid #e1e1e1; line-height:39px; font-size:18px; color:#222; text-align:center;}
.container .quick_pass .con .q_in{float:right; width:85%; }
.container .quick_pass .con .q_in li{float:left; }
.container .quick_pass .con .q_in li a{float:left;font-size:14px; height:30px; line-height:30px;padding:10px 10px;}
