body{font-family:"Microsoft Yahei";font-size:14px;color:#5B5B5B; padding:0; margin:0;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#5B5B5B; font-size:14px;}
.t_bg{ width:100%; height:26px; background:#E7E7E7;}
.t_bg .top{ width:1200px; height:26px; margin:0px auto; text-align:right; line-height:26px;}
.t_bg .top a,.t_bg .top i{ display:inline-block; *display:inline; zoom:1; font-size:13px; color:#555555; height:20px; line-height:20px; vertical-align:top; margin-top:3px;}
.t_bg .top a:hover{ color:#006FA4;}
.t_bg .top i{ padding:0 7px; font-style:normal;}
.l_bg{ width:100%; height:120px; background:#ffffff;}
.head{ width:1200px; margin:0px auto; height:100px;}
.head .logo{ width:467px; height:100px; float:left; margin-top:15px;}
.head .logo img{ width:467px; height:100px; vertical-align:top;}
.head .xx{width:400px; height:80px; float:right; margin-top:30px;}
.head .xx img{width:400px; height:80px; vertical-align:top;}
.head .search{ width:400px; height:35px; float:right; position:relative; margin-top:27px; margin-right:100px;}
.head .search input[type="text"]{ width:334px; height:35px; line-height:35px; position:absolute; left:0px; top:0px; padding:0 20px; border:1px solid #ddd; background:none;border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px;}
.head .search input[type="submit"]{ width:81px; height:35px; background:#00608F; position:absolute; right:0px; top:0px; cursor:pointer; border:1px solid #00608F; color:#FFF; font-size:16px; text-align:center; line-height:35px; z-index:99;}
.head .tel{ width:225px; float:right; height:30px; margin-top:30px; text-align:right;}
.head .tel span, .head .tel b{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; vertical-align:top;}
.head .tel span{ background:url(../images/icon1.jpg) no-repeat left center; padding-left:30px; font-size:14px; color:#333;}
.head .tel b{ font-size:18px; color:#0086C7; font-weight:normal;}
.n_bg{ width:100%; height:42px; background:#005984; position:relative;}
.nav_m{ width:1100px; margin:0px auto; position:relative;}
.nav_m .nav{ width:100%;}
.nav_m .nav li{ width:120px; float:left; position:relative;}
.nav_m .nav li a{ display:block; width:120px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#FFF;}
.nav_m .nav li a i{ display:block; width:15px; height:7px;  no-repeat; position:absolute; left:48px; top:0; display:none;}
.nav_m .nav li.now a i,.nav_m .nav li:hover a i{ display:block;}
.nav_m .nav li.now a,.nav_m .nav li:hover a{ background:#0091d5;}
.nav_m .nav li .er{ position:absolute; width:100%; left:0; top:42px; z-index:9999; background:#0091d5; display:none;}
.nav_m .nav li .er a{ width:100%; height:42px; line-height:42px; float:left; text-align:center; font-size:16px;}
.nav_m .nav li .er a:hover,.nav_m .nav li .er a.on{ color:#FFFFFF; background:#005984;}
.nav_m .nav li:hover .er{ display:block;}
.nav_m .n_icon{ display:inline-block; *display:inline; zoom:1; height:18px; line-height:18px; color:#FFF; padding-left:25px; background:url(../images/nav_ico.png) no-repeat left center;; position:absolute; right:10px; top:12px; z-index:9999; cursor:pointer;display:none;}
.banner{ width:1400px; overflow:hidden; height:auto; margin:0px auto;}
.i_ma{ width:1200px; margin:0px auto;}
.i_ma .tabBox_t , .i_ma .tabBox  {width:100%;text-align:left;}
.i_ma .tabBox .tabNav {overflow: hidden; width:100%; text-align:center; padding:40px 0 20px;}
.i_ma .tabBox .tabNav li { cursor:pointer; display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; font-size:16px; color:#FFF; background:#777777; margin:0 3px 20px;padding:0 18px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;} 
.i_ma .tabBox .tabNav li.now {background:#007DB9;}
.i_ma .tabBox .tabCont {display: none; width:100%;}
.i_ma .ip_l{ width:1152px; padding:0 20px;}
.i_ma .ip_l li{ width:358px; height:100px; float:left; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; margin-right:30px; margin-bottom:30px; position:relative;}
.i_ma .ip_l li .tu{ width:358px; height:120px; text-align:center;}
.i_ma .ip_l li .tu img{ width:358px; height:120px; vertical-align:top; margin-top:0px;}
.i_ma .ip_l li .tu .title{ width:312px; height:35px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#00547D; margin:0px auto; margin-top:10px; border-top:1px solid #00547D;}
.i_ma .ip_l li .des{ width:358px; height:248px; background:url(../images/bg_a.png) repeat; position:absolute; left:0; top:0; z-index:99;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; opacity:0;transition: 0.7s;-moz-transition:  0.7s;-webkit-transition:  0.7s;-o-transition:  0.7s;}
.i_ma .ip_l li:hover .des{ opacity:1;}
.i_ma .ip_l li .des h6{ width:90%; margin:0px auto; height:65px; line-height:85px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal;}
.i_ma .ip_l li .des h6 a{font-size:18px; color:#FFFF00;}
.i_ma .ip_l li .des p{ width:90%; margin:0px auto; height:120px; overflow:hidden; font-size:14px; color:#FFF; line-height:215%;}
.i_ma .ip_l li .des .more{ display:block; width:118px; height:29px; border:1px solid #FFF; text-align:center; line-height:29px; color:#FFFF00; font-size:14px; margin:0px auto; margin-top:10px;}
.bg_a{ width:100%; padding:30px 0 10px; background:#F3F6F9;}

.i_mb{ width:1200px; margin:0px auto;}
.i_mb dl{ width:372px; float:left; margin-right:40px; margin-bottom:40px;}
.i_mb dl dt,.i_mb dl dt img{ width:100px; height:100px; float:left; vertical-align:top;}
.i_mb dl dd{ width:216px; float:right; text-align:left;}
.i_mb dl dd .name{ width:100%; height:45px; line-height:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#000; font-weight:bold;}
.i_mb dl dd p{ width:100%; height:38px; line-height:175%; overflow:hidden; font-size:12px; color:#666;}
.i_mb dl a:hover dd .name{ color:#007DB9;}
.i_mb .box_h{ width:100%; height:42px; line-height:42px; position:relative;  text-align:left; border-bottom:1px solid #aaa;}
.i_mb .box_h a{font-size:12px; color:#FF5F00; position:absolute; right:8px; top:0px;}
.i_mb .box_h span{display:inline-block; *display:inline; zoom:1; width:120px; height:42px; position:relative; }
.i_mb .box_h span i{display:block; width:6px; height:11px; right:-6px; top:15px; position:absolute;}
.i_mb .box_h span em{font-size:18px; color:#005984;}

.i_mc{ width:1200px;  margin:0px auto; margin-top:0px;}
.i_mc .i_mcl{ width:560px; float:left;}
.i_mc .i_mcr{ width:560px; float:right;}
.i_mc .box_h{ width:100%; height:42px; line-height:42px; position:relative; background:#E0E0E0; text-align:left;}
.i_mc .box_h a{ display:inline-block; *display:inline; zoom:1; font-size:12px; color:#FF5F00; position:absolute; right:8px; top:0px;}
.i_mc .box_h span{ display:inline-block; *display:inline; zoom:1; width:120px; height:42px; position:relative; background:#005984;}
.i_mc .box_h span i{ display:block; width:6px; height:11px; no-repeat; right:-6px; top:2px; position:absolute;}
.i_mc .box_h span em{display:inline-block; *display:inline; zoom:1; height:42px; line-height:42px; background:url(../images/icon3.png) no-repeat 8px center; padding-left:28px; font-size:16px; color:#FFF;}
.i_mc .box_m{ width:100%; padding:20px 0;  overflow:hidden;}
.i_mc dl{ width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ccc;}
.i_mc .i_mcl dl{ border:0; margin-bottom:0;}
.i_mc dl dt,.i_mc dl dt img{ width:200px; height:115px; float:left; vertical-align:top;}
.i_mc dl dd{ width:294px; float:right; text-align:left;}
.i_mc dl dd .title{ width:100%; height:35px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i_mc dl dd .title a{ font-size:14px; color:#000;}
.i_mc dl dd .title a:hover{ color:#FF5F00;}
.i_mc dl dd p{ width:100%; height:70px; font-size:12px; color:#333; line-height:200%; overflow:hidden; text-indent:2em;}
.i_mc dl dd p a{ color:#FF5F00;}
.i_mc ul{ width:100%;}
.i_mc ul li{ width:100%; height:45px; line-height:45px; border-bottom:1px dashed #ccc; background:url(../images/icon5.png) no-repeat left center; position:relative;}
.i_mc ul li a{ font-size:12px; color:#555555;}
.i_mc ul li a:hover{ color:#FF5F00;}
.i_mc ul li p{ width:75%; height:45px; line-height:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:18px;}
.i_mc ul li em{ display:block; text-align:right; position:absolute; right:0px; top:0;}



.bg_b{ width:100%; padding:15px 0; background:#005984; margin-top:20px;}
.f_nav{ width:1100px; margin:0px auto; text-align:left; color:#FFF;}
.f_nav .f_nl{ width:540px; float:left;}
.f_nav .f_nl .name{ width:100%; height:45px; line-height:45px; border-bottom:1px solid #fff; text-align:left; font-size:12pt; color:#FFF; padding-top:15px;}
.f_nav .f_nl .frd{ width:100%; text-align:left; font-size:13px; color:#FFF; padding-top:5px;} 
.f_nav .f_nl .frd a{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; vertical-align:top; margin-bottom:5px; margin-right:5px; color:#FFF;}
.f_nav .f_nl .frd a:hover,.f_nav .f_nr li .huang{ color:#FFFF00;}
.f_nav .f_nr{ width:540px; float:right; text-align:center; margin-top:40px;}
.f_nav .f_nr li{ width:134px; float:right; margin-left:30px;}
.f_nav .f_nr li .title{ width:100%; height:30px; line-height:30px; font-size:11pt; color:#FFF; padding-top:15px;}
.f_nav .f_nr li img{ width:80px; height:80px; vertical-align:top;}
.f_nav .f_nr li span{ width:100%; height:20px; line-height:20px; font-size:14px; color:#FFF;}
.bg_c{ width:100%; padding:15px 0; text-align:center; background:#002334;}

.bq{ width:1200px; line-height:170%; font-size:14px; color:#FFF; margin:0px auto; text-align:center;}
.banner_s ,.banner_s img{ width:100%; height:auto; vertical-align:top;}
.scd{ width:1200px;    min-height: 400px; margin:0px auto;}
.scd .scd_l{ width:264px; float:left; border:1px solid #0072B8;}
.scd .scd_l .name{ width:100%; height:60px; line-height:60px; text-align:center; background:#0072B8; font-size:30px; color:#FFF; border-bottom:1px solid #ddd;}
.scd .scd_l .s_nav{ width:100%;}
.s_nav li{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.s_nav li a{ display:block; width:204px; height:40px; line-height:40px; padding-left:50px; background:url(../images/icon6.png) no-repeat 30px center; font-size:14px; color:#333333;}
.s_nav li.now a,.s_nav li:hover a{ color:#FFF; background:url(../images/icon7.png) no-repeat 30px center;}
.s_nav li.now,.s_nav li:hover{ background:#0072B8;}
.scd .scd_r{ width:888px; float:right;}
.scd_r .dq{ width:100%; height:42px; border-bottom:2px solid #069; position:relative;}
.scd_r .dq span,.scd_r .dq a{ display:inline-block; *display:inline; zoom:1; height:35px; line-height:35px; vertical-align:top;}
.scd_r .dq .name{ font-size:18px; color:#333; position:absolute; left:0px; top:0; z-index:99; border-bottom:1px solid #0072B8;}
.scd_r .dq .pst{ width:70%; text-align:right; font-size:12px; color:#888; position:absolute; right:0px; top:0;}
.scd_r .dq .pst a{ font-size:12px; color:#888;}
.scd_r .dq .pst a.on,.scd_r .dq .pst a:hover{ color:#0072B8;}
.scd_m{ width:100%; }
.service{ width:100%;padding-top:30px;}
.service h5{ text-align:center; font-size:18px; color:#0071B7; font-weight:normal; margin-bottom:10px;}
.pages{ width:100%; text-align:center; height:30px; line-height:30px; margin-bottom:10px;}
.pages a{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; vertical-align:top; font-size:16px; color:#555555; margin:0 3px;}
.pages .now{ color:#179EED;}
.pages .prev,.pages .next{ color:#FFF; background:#646464; padding:0 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.pages .prev:hover,.pages .next:hover{background:#00649F;}
.news,.case{ width:100%; padding-top:10px; padding-bottom:30px;}
.news li,.case li{ width:100%; height:48px; line-height:48px; position:relative; border-bottom:1px dashed #ccc; background:url(../images/icon9.png) no-repeat left center;}
.news li.hover{ background:url(../images/icon8.png) no-repeat left center;}
.news li p{ width:70%; height:48px; line-height:48px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:22px;}
.news li em{ display:block; text-align:right; position:absolute; right:0; top:0;}
.news li a{ font-size:14px; color:#555;}
.news li a:hover{ color:#0071B7;}
.contact{ width:100%; padding-top:10px;}
.contact .map,.contact .map img{ width:100%; height:auto; vertical-align:top;}
.contact dl{ width:100%; margin:20px 0;}
.contact dl dt{ width:318px; float:right; text-align:center;}
.contact dl dt img{ width:128px; height:137px; vertical-align:top;}
.contact dl dd{ width:528px; float:left; text-align:left;}
.contact dl dd p{ width:100%; font-size:14px; color:#555; line-height:255%;}
.case li,.case li:hover{ background:none;}
.case li p{ width:70%; height:48px; line-height:48px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case li p a{ font-size:14px; color:#555555;}
.case li p a b{ color:#000; font-weight:normal;}
.case li em{ display:block; width:138px; height:48px; line-height:48px; text-align:left; position:absolute; right:0; top:0;}
.case li em a,.case li p a:hover{ font-size:14px; color:#005E98;}
.log{ width:100%; font-size:13px; color:#555555; line-height:200%; text-align:left;}
.log h6{ width:100%; text-align:center; font-weight:normal; font-size:18px; color:#0072B7; padding:20px 0;}
.log .black{ color:#000;}
.log .hui{ color:#333;}
.pro{ width:100%; padding-top:5px;}
.pro li{ width:442px; float:left; height:660px; float:left; border-bottom:1px dashed #ddd;}
.pro li .title{ width:100%; font-size:18px; text-align:center; color:#0072B7; padding:20px 0;}
.pro li img{ width:100%; height:auto; vertical-align:top; max-height:350px;}
.pro li .des{ width:90%; text-align:left; margin:0px auto; font-size:13px; color:#555555; line-height:230%; height:auto; max-height:230px; margin-bottom:10px;}
.pro li.chang{ width:100%; border:0px !important; height:auto;}


#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}