@charset "utf-8"\9;
/* CSS Document */

@media only screen and (min-width:0px){
body{ overflow:visible\9;}

#wrap{ min-width:1220px\9; overflow:hidden\9; overflow:hidden;}

header{ border-bottom:1px solid #ddd\9;}

#nav{ display:none\9;}
#nav li{ height:auto\9;}
nav:hover #nav{ display:block\9;}

footer .btm{ background:#2b2b2b\9;}
footer .icp{ width:1200px\9; margin:0 auto\9; padding:2.7% 0\9;}
footer .btm li{ margin:0\9; padding:5px 0\9; *padding-left:290px; text-align:left\9;}

.banner a{ border-bottom:2px solid #fff\9;}

.main{ width:1200px\9; padding:4.2% 0\9; margin:0 auto\9;}
.main ul.menu{ width:272px\9; margin-right:40px\9;}
.main ul.menu.mini{ width:auto\9; margin-right:0\9;}
.main ul.menu.mini li{ *display:inline; *zoom:1; width:14%\9; margin:0 0.5%\9;}

.main ul.proMenu{ width:1200px\9; overflow:hidden\9; padding:6% 0 10%\9; margin:0 auto\9;}
.main ul.proMenu li a .txt{ color:#edaba9\9;}
.main ul.proMenu li:hover a .con{ background:#d92d39\9;}

.time-line{ background:url(../images/ie/time_bg.png) left center repeat-x\9;}
.time-line .time-box ul li em.dot{ width:18px\9; height:18px\9; padding:0\9; border:0\9; background:url(../images/ie/time_dot.png) center no-repeat\9;}
.time-line .time-box ul li em.dot i{ display:none\9;}

.shadow{ background:#000\9; opacity:0.5\9; filter:alpha(opacity:50)\9; *zoom:1;}
.jobBox{ display:none\9; overflow-y:auto\9; width:84%\9; height:80%\9; padding:2%\9;}
.jobBox.show{ display:block\9;}
.jobBox a.close{ background:url(../images/ie/close.png) center no-repeat\9;}
.jobBox h2{ width:96%\9; left:2%\9;}
.jobBox h2 span{ display:block\9; line-height:70px\9;}

ul.honorList li{ *width:33.31%;}
.honorpic{ display:none\9; *z-index:9999;}
.honorpic.show{ display:table\9; *display:block;}
.honorpic .con a.close{ background:url(../images/ie/close1.png) center no-repeat\9;}
.honorpic .con em{ *border:0; *background:none; *max-width:830px; *display:inline; *zoom:1;}
.honorpic .con img{ max-height:560px\9; *border:6px solid #fff;}
.honorpic a.prev{ background:url(../images/ie/prev1.png) center no-repeat\9;}
.honorpic a.next{ background:url(../images/ie/next1.png) center no-repeat\9;}

.main ul.solution{ overflow:hidden\9;}
.main ul.solution li a{ display:block\9; position:relative\9;}
.main ul.solution li a h5{ border:1px solid #ddd\9; border-top:0\9; *padding:15px 20px; *margin:-15px 0 0; *background-position:right 34px;}

.main ul.qaList li a:hover{ margin-left:0.8em\9;}
.main form.msg p input.text{ *height:28px; *line-height:28px;}
.main form.msg p textarea{ *height:110px; *line-height:28px;}

.main ul.testList li{ width:14%\9;}
.main ul.testList li dl.lbox{ padding-bottom:0\9;}
.main ul.testList li dl.lbox dt{ height:4em\9; font-size:16px\9; text-align:center\9; vertical-align:middle\9;}
.main ul.testList li dl.lbox dt span{ line-height:4em\9;}
.main ul.testList li dl.lbox dt span br{ display:none\9;}
.main ul.testList li .rbox .top{ color:#ef999f\9; margin:0 1.5em\9;}
.main ul.testList li .rbox dl.sub{ margin:1em 1.5em\9;}
.main ul.testList li .rbox dl.sub dd{ width:48%\9; color:#ef999f\9; padding:0px 1%\9; *padding:5px 1%;}
.main ul.testList li .rbox dl.sub dd p.btn a{ font-size:12px\9;}
.main ul.testList li.open{ width:30%\9;}

.main ul.newsList li span{ height:80px\9; color:#ef999f\9; background:url(../images/ie/date_bg.png) center top no-repeat\9; *height:52px; *padding:14px 0; *width:80px; *text-align:center;}

.contact .ltxt{ *width:480px;}
.contact form{ *width:660px;}
.contact form p input.text{ *width:292px; *height:22px; *line-height:22px;}
.contact form p textarea{ *width:642px; *height:76px; *line-height:22px;}

ul.tab{ padding:28px 5px 10px\9;}
ul.tab li{ *margin-right:-0.5px;}
ul.tab li a{ *padding:8px 0 0;}
.slider .hd ul li{ *display:inline; *zoom:1; background:url(../images/ie/slide_bg.png) center no-repeat\9;}
.slider .hd ul li.on{ background:url(../images/ie/slide_cur.png) center no-repeat\9;}

.home_grid li{ display:block\9; width:24.97%\9; padding:5px 0\9;}
.home_grid li a{ display:block\9; margin:0 5px\9;}
.home_grid li a .title{ padding-left:0\9; padding-right:0\9;}
.home_grid li a .title h5{ margin:0 4px\9;}
.home_grid li a:hover{ margin:-10px 5px 10px\9;}
.home_grid li a:hover .title{ bottom:22px\9;}

.slider .bd ul li a .item{ position:relative\9; z-index:3\9; background:#fff\9;}
.slider .bd ul li a .item img.ie{ display:block\9; width:100%\9;}
.slider .bd ul li a h5{ background-position:right 32px\9; border:1px solid #ddd\9; border-top:0\9; padding-top:13px\9; margin-top:-13px\9; position:relative\9; z-index:1\9;}

footer .contact li{ width:24.97%\9;}
footer .contact li a em{ background:url(../images/ie/border.png) center no-repeat\9;}
footer .contact li a em img{ width:100px\9; height:100px\9; border:0\9; margin:10px\9;}

.swiper-container{ display:none\9; *display:none;}

.ieBanner{ display:block\9; *display:block; height:100%; position:relative; overflow:hidden;}
.ieBanner .tempWrap{ height:100%;}
.ieBanner .bd{ display:block; width:100%; height:100%; position:relative; z-index:1;}
.ieBanner .bd ul{ display:block; width:100%; height:100%;}
.ieBanner .bd ul li{ display:block; width:100%; height:100%;}
.ieBanner .bd ul li a{ display:block; width:100%; height:100%; position:relative;}
.ieBanner .bd ul li a .title{ width:100%; padding:32px 0; position:absolute; left:0; bottom:0;}
.ieBanner .bd ul li a .title h2{ display:block; line-height:48px; color:#fff; font-size:32px; padding:0; margin:0 4%;}
.ieBanner .bd ul li a .title h4{ display:block; line-height:26px; color:#fff; font-size:14px; font-weight:normal; margin:0 4%;}
.ieBanner .bd ul li a .title h2:hover{ color:#d7000f;}
.ieBanner .hd{ width:100%; height:84px; position:absolute; left:0; bottom:0; z-index:99;}
.ieBanner .hd ul{ display:block; height:12px; overflow:hidden; margin-right:4%; float:right; padding:36px 0;}
.ieBanner .hd ul li{ display:block; width:12px; height:12px; background:url(../images/ie/slide.png) center no-repeat; float:left; margin:0 10px; float:left;}
.ieBanner .hd ul li.on{ background-image:url(../images/ie/slide_cur.png);}
.ieBanner .hd a{ display:block; width:26px; height:44px; position:absolute; bottom:100%; z-index:99; margin-bottom:220px;}
.ieBanner .hd a.prev{ background:url(../images/ie/prev.png) center no-repeat; left:0;}
.ieBanner .hd a.next{ background:url(../images/ie/next.png) center no-repeat; right:0;}

.slider .bd ul li a img.pic{ display:none\9\0; display:none\9; *display:none;}
.slider .bd ul li a img.pic.ie{ display:block\9\0; display:block\9; *display:block;}

.screen2 li a img{ display:none\9\0; display:none\9; *display:none;}
.screen2 li a img.ie{ display:block\9\0; display:block\9; *display:block;}

:root .banner a{ border-bottom:0;}
:root footer .icp{ -ms-background-image:none;}
:root footer .btm a.flogo{ -ms-display:block;}
:root .time-line .time-box ul li em.dot{ background:url(../images/ie/time_dot.png) center no-repeat;}

.swiper-container{ display:none\9;}
.ieBanner{ display:block\9;}

.swiper-container{ display:none\9\0; display:none\9; *display:none;}
.ieBanner{ display:block\9\0; display:block\9; *display:block;}


}



























/**/