﻿/* home --begin-- */
#div_defa_bann{ width:100%; margin:0 auto; overflow:hidden;}
#div_defa_bann,.flexslider,.slides li,.flex-direction-nav li a{ height:500px;}
.flexslider{ position:relative; overflow:hidden; background:url(../image/bann_loading.gif) no-repeat center center;}
.slides{ position:relative; z-index:1;}
.slides li a{ width:1003px; height:100%; display:block; margin:0 auto;}
.flex-control-nav{ width:1000px; position:absolute; left:50%; bottom:15px; margin-left:-515px; z-index:2; text-align:center;}
.flex-control-nav li{ display:inline-block; width:15px; height:15px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:15px; height:15px; line-height:40px; overflow:hidden; background:#fff; cursor:pointer; border-radius:10px; text-indent:-200px;}
.flex-control-nav .flex-active{ background:#16599f;}
.flex-direction-nav{ position:absolute; z-index:3; width:100%; top:0;}
.flex-direction-nav li a{ display: block; width:36px; overflow:hidden; cursor:pointer; position:absolute; background-repeat:no-repeat;}
.flex-direction-nav li a.flex-prev{ left:50%; margin-left:-586px; background-position:left center;}
.flex-direction-nav li a.flex-next{ right:50%; margin-right:-586px; background-position:-36px center;}
.flex-direction-nav li a:hover{ background-image:url(../image/banner_point.png);}
.isearch { overflow:hidden; padding:10px 0 8px;
           box-shadow:0 0 6px -2px #666; -webkit-box-shadow:0 0 6px -2px #666; -moz-box-shadow:0 0 6px -2px #666; -ms-box-shadow:0 0 6px -2px #666; -o-box-shadow:0 0 6px -2px #666;
           background:linear-gradient(to bottom, #f4f4f4 0%,#fff 50%,#f6f6f6 100%);
           background:-o-linear-gradient(to bottom, #f4f4f4 0%,#fff 50%,#f6f6f6 100%); 
           background:-moz-linear-gradient(to bottom, #f4f4f4 0%,#fff 50%,#f6f6f6 100%); 
           background:-webkit-linear-gradient(to bottom, #f4f4f4 0%,#fff 50%,#f6f6f6 100%); 
           background:-ms-linear-gradient(to bottom, #f4f4f4 0%,#fff 50%,#f6f6f6 100%);}
.isearch_key{ float:left; font-size:14px; line-height:31px;}
.isearch_key a{ font-size:14px; padding:0 15px; line-height:31px;}
.isear{ float:right;}
.isear .tb_sear{ border:solid 1px #666; border-right:0; float:left; width:170px; display:inline; background:#fff; height:29px; line-height:29px; padding:0 10px; border-radius:5px 0 0 5px;}
.isear .btn_sear{ border:0; color:#fff; background:#ff6201 url(../image/ss_bot.png) no-repeat center center; float:right; height:31px; width:43px; display:inline-block; cursor:pointer; border-radius:0 5px 5px 0;}
.ipro{ width:100%; overflow:hidden; margin-top:40px; position:relative;}
.ipro_cont{ width:190px; height:59px; background:#16599f url(../image/ico_tel_weleh.png) no-repeat 10px center; font-size:18px; color:#fff; font-weight:bold; padding-left:70px; padding-top:4px; position:absolute; left:0; bottom:0;background-size:20%; }
.ipro_nav{ width:260px;float:left;margin-bottom:73px;}
.ipro_nav dt{ background:#16599f; height:63px; color:#fff; font-size:16px; overflow:hidden; padding-left:38px; position:relative; line-height:24px;}
.ipro_nav dt:after{ content:""; position:absolute; left:18px; top:14px; background:#fff; width:3px; height:38px;}
.ipro_nav dt span{ display:block; font-size:20px; margin-top:9px;}
.ipro_nav_list{ overflow:hidden; margin-top:5px;}
.ipro_nav_list > ul > li{ background:url(../image/ico_list.jpg) no-repeat 13px 19px; line-height:50px; margin-top:5px;}
.ipro_nav_list > ul > li > a{ font-size:14px; display:block; text-indent:40px; border-bottom:dashed 1px #ccc;}
.ipro_nav_list > ul > li > ul > li > a{ display:block; border-bottom:dashed 1px #ccc; line-height:50px; text-indent:60px; position:relative;}
.ipro_nav_list > ul > li > ul > li > a:after{ content:""; position:absolute; left:40px; top:23px; width:5px; height:5px; border-radius:50%; background:#345d9f;}
.ipro_ct{ width:830px; float:right;}
.ipro_ct dt{ height:63px; position:relative; overflow:hidden;}
.ipro_ct dt span{ width:80px; height:56px; float:left; background:#ff6201; color:#fff; text-align:center; font-size:20px; line-height:24px; padding-top:7px;}
.ipro_ct dt:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ccc; z-index:-1;}
.ipro_ct dt a{ float:right; font-size:16px; margin-top:25px;}
.ipro_ct dt a:link,.ipro_ct dt a:visited{ color:#ccc;}
.ipro_ct dd{ width:100%; overflow:hidden;}
.ipro_ct dd ul{ width:850px;}
.ipro_ct dd li{ width:247px; float:left; overflow:hidden; background:#f2f2f3; padding:9px; margin:15px 17px 0 0;}

.ipro_ct dd li:hover{ background:#16599f;}
.ipro_ct dd li .proimg{ width:100%; height:247px; overflow:hidden; display:inline-block;text-align:center;}
.ipro_ct dd li .proimg:before{content: '';height: 100%;vertical-align: middle;}
.ipro_ct dd li .proimg img{height:100%;width:100%;display: inline-block;vertical-align: middle;}
.ipro_ct dd li .protit{ font-size:14px; display:block; text-align:center; padding:19px 0 10px;}
.ipro_ct dd li:hover .protit{ color:#fff;}
.ixzwm_tit{ background:url(../image/szwm_tit.jpg) no-repeat center top; text-align:center; font-size:30px; padding-top:55px; margin-top:60px;}
.ixzwm_tit b{ display:block; font-size:50px; font-weight:normal; line-height:70px;}
.ixzwm_ct{ margin-top:40px;}
.ixzwm_list{ width:366px; float:left;}
.ixzwm_list:hover{ margin-top:-15px; position:relative; z-index:11; box-shadow:0 0 8px 1px #666; -webkit-box-shadow:0 0 8px 1px #666; -ms-box-shadow:0 0 8px 1px #666; -moz-box-shadow:0 0 8px 1px #666; -o-box-shadow:0 0 8px 1px #666;}
.ixzwm_list dt,.ixzwm_list dd{ width:366px; height:366px; background:#f2f2f3;}
.ixzwm_list dt{ margin-top:1px;}
.ixzwm_list2{ margin:0 1px;}
.ixzwm_list2 dt{ margin-top:0; margin-bottom:1px;}
.ixzwm_list dd{ position:relative; overflow:hidden;}
.ixzwm_list dd span,.ixzwm_list dd .ixzwm_key,.ixzwm_list dd .ixzwm_more a{ width:75%; display:block; margin:0 auto;}
.ixzwm_list dd span{ border-bottom:dashed 1px #000; font-size:50px; color:#0096ff; text-align:center; line-height:60px; margin-top:40px; margin-bottom:40px;}
.ixzwm_list dd .ixzwm_key{ font-size:14px;}
.ixzwm_list dd .ixzwm_more{ width:100%; height:100px; position:absolute; left:0; bottom:0; background:#e7e7e8;}
.ixzwm_list dd .ixzwm_more a{ border-bottom:solid 1px #000; text-align:center; font-size:14px; margin-top:32px;}
.iabout{ overflow:hidden; margin-top:50px;}
.iabout_tit{ text-align:center;}
.iabout_tit span{ color:#f7f7f7; font-size:60px; line-height:48px;}
.iabout_tit span b{ display:block; font-size:30px; color:#040404; font-weight:normal; line-height:30px; margin-top:-44px;}
.iabout_tit p{ font-size:20px; line-height:40px; margin-top:15px;}
.iabout_bg{ width:100%; height:515px; background:url(../image/about_bg.jpg) no-repeat center center; margin-top:50px;}
.iabout_ct{ width:50%; float:right; margin-top:80px;}
.iabout_ct dt{ padding:0 25px; color:#16599f; font-size:25px; line-height:30px; margin-top:20px;}
.iabout_ct dd{ padding:0 35px 0 27px; margin-top:10px; font-size:14px; line-height:28px;}
.icase{ margin-top:30px;}
.icase dt{ text-align:center; margin-top:25px;}
.icase dt a{ background:#333; font-size:16px; display:inline-block; padding:5px 40px;}
.icase dt a:link,.icase dt a:visited{ color:#fff;}
.icase_slide{ position:relative;}
.icase_slide .hd .next,.icase_slide .hd .prev{ width:25px; height:36px; background-image:url(../image/case_point.png); background-repeat:no-repeat; display:block; position:absolute; top:140px; z-index:111;}
.icase_slide .hd .next{ background-position:left top; left:-35px;}
.icase_slide .hd .prev{ background-position:right top; right:-30px;}
.icase_slide .bd li{ float:left; width:255px; margin-right:26px; overflow:hidden; position:relative; z-index:1;}
.icase_slide .bd li .caseimg{ width:100%; height:100%; background:#fff;}
.icase_slide .bd li .casetit{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6); color:#fff; font-size:16px; z-index:-10;}
.icase_slide .bd li .casetit span{ width:100%; display:block; text-align:center;}
.icase_slide .bd li .case_rollIn{ z-index:22; animation:rollIn 1s forwards; -webkit-animation:rollIn 1s forwards; -ms-animation:rollIn 1s forwards; -moz-animation:rollIn 1s forwards; -o-animation:rollIn 1s forwards;}
.icase_slide .bd li .case_rollOut{ z-index:22; animation:rollOut 1s forwards; -webkit-animation:rollOut 1s forwards; -ms-animation:rollOut 1s forwards; -moz-animation:rollOut 1s forwards; -o-animation:rollOut 1s forwards;}
.inewslist{ overflow:hidden; margin-top:60px;}
.dl_news dt{ width:100%; line-height:46px; overflow:hidden; position:relative;}
.dl_news dt:after{ content:""; position:absolute; left:0; bottom:0; background:#bbbaba; width:100%; height:1px; z-index:-1;}
.dl_news dt strong{ float:left; background:#16599f; color:#fff; font-size:24px; padding:0 40px;}
.dl_news dt a{ float:right; font-size:14px;}
.inews{ width:680px; float:left;}
.inews dd{ margin-top:20px;}
.inews li{ width:100%; overflow:hidden;}
.inews .inews_first{ margin-bottom:6px;}
.inews .inews_first .inews_pic{width:340px; height:215px; display:block; float:left;text-align:center;}
.inews .inews_first .inews_pic:before{content: '';display: inline-block;height:100%;vertical-align: middle;}
.inews .inews_first .inews_pic img{max-height:100%;max-width:100%;display:inline-block;vertical-align: middle;}
.inews .inews_first .inews_link{ width:315px; float:right; font-size:18px; padding:10px 0;}
.inews .inews_first span{ width:315px; float:right; font-size:14px;}
.inews .inews_list{ border-bottom:dotted 1px #c0bfbf; background:url(../image/news_point.jpg) no-repeat 1px center; line-height:49px;}
.inews .inews_list a{ width:75%; text-indent:20px; float:left; height:49px; overflow:hidden; font-size:14px;}
.inews .inews_list span{ float:right;}
.ifaq{ width:390px; float:right;}
.ifaq dd{ padding-top:20px;}
.ifaq li{ border-bottom:dotted 1px #c0bfbf;}
.ifaq li a{ padding:0 5px; display:block; overflow:hidden; line-height:24px; margin:20px 0; font-size:14px;}
.ifaq li a i{ width:24px; height:24px; line-height:23px; text-align:center; font-size:14px; color:#fff; background:#0096ff; border-radius:5px; float:left; display:inline-block; font-style:normal;}
.ifaq li a span{ width:325px; float:left; margin-left:20px;}
.ifaq li a.ifq i{ background:#ff6201;}
.ihonorbg{ width:100%; height:580px; background:url(../image/case_bg.jpg) no-repeat center top; margin-top:50px; overflow:hidden;}
.ihonor{ overflow:hidden; margin-top:40px;}
.ihonor dt{ text-align:center; font-size:40px; letter-spacing:2px; line-height:40px; padding:20px 0; position:relative;}
.ihonor dt:after{ content:""; width:68px; height:4px; position:absolute; bottom:0; left:50%; margin-left:-35px; background:#16599f;}
.ihonor dd{ overflow:hidden; margin-top:40px;}
.ihonor dd .ihonor_ct{ width:527px; height:341px; overflow:hidden; position:relative;}
.ihonor dd .ihonor_ct b{ width:100%; height:100%; display:block; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:1;}
.ihonor dd .ihonor_ct img{ width:100%; position:absolute; top:0; left:0; z-index:0;}
.ihonor dd .ihonor_ct span{ width:45px; height:45px; background:#ff6201; display:block; margin:130px auto 0; position:relative; z-index:2;}
.ihonor dd .frt span{ background:#0096ff;}
.ihonor dd .ihonor_ct span:after{ content:""; width:21px; height:3px; position:absolute; background:#fff; top:21px; left:12px;}
.ihonor dd .ihonor_ct span:before{ content:""; width:3px; height:21px; position:absolute; background:#fff; top:12px; left:21px;}
.ihonor dd .ihonor_ct a{ display:block; text-align:center; font-size:24px; position:relative; z-index:3; margin:10px auto 0; color:#fff;}
.ihonor dd .ihonor_ct:hover b{ background:rgba(0,0,0,0.3);}
.ihonor dd .ihonor_ct:hover span{ margin-top:120px;}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}
@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}