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:#ffffff;}
.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%;   background:#a94010; }
.head{ width:1100px; margin:0px auto; height:160px;}
.head .logo{  height:100px; float:left; margin-top:30px;}
.head .logo img{  height:100px; 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:500px; height:160px; float:left; margin-top:0px;}
.head .tel img{ width:500px; height:160px; vertical-align:top;}
.n_bg{ width:100%; height:42px; background:#7b2700; 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:#a00;}
.nav_m .nav li .er{ position:absolute; width:100%; left:0; top:42px; z-index:9999; background:#0a0; 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:#800; background:#2f4f4f;}
.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;  position:absolute; right:10px; top:12px; z-index:9999; cursor:pointer;display:none;}
.banner{ width:100%; overflow:hidden; height:auto; margin:0px auto;}

.central { width:1200px; margin:0px auto; background:#ffffff; margin-top:20px;}

.i_ma{ width:1100px; 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%; margin:0px auto;}
.i_ma .ip_l{ width:1100px; padding:0 0px;}
.i_ma .ip_l li{ width:160px; height:40px; float:left; border:1px solid #ddd;   margin-right:20px; margin-bottom:20px; }
.i_ma .ip_l li .tu{ width:160px; height:40px; text-align:center;}
.i_ma .ip_l li .tu img{ width:340px; 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:320px; height:248px; 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:0px 0 10px; background:#ffffff;}

.i_mb{ width:1100px; margin:0px auto;}
.i_mb dl{ width:340px; float:left; margin-right:35px; margin-bottom:30px; border:1px solid #eee; }
.i_mb dl a:hover dd .name{ color:#007DB9;}
.i_mb .box_h{ width:90%; height:42px; line-height:42px; margin:0px auto; position:relative;  border-bottom:1px solid #600;}
.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:#800;}
.i_mb .listbox{ width:95%; float:left;  padding:10px 0px;}
.i_mb .listbox ul{padding:0 10 20 15;}
.i_mb .listbox ul li{line-height:40px; border-bottom: 1px dashed #ccc;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.i_mb .listbox ul li a{font-size:16px; color:#333; font-weight:normal;}
.i_mb .listbox ul li a:hover{color:#c00; text-decoration:none;}

.i_mc{ width:1100px;  margin:0px auto; margin-top:20px; }
.i_mc .i_mcl{ width:540px; float:left;}
.i_mc .i_mcr{ width:540px; float:right;}
.i_mc .box_h{ width:100%; height:42px; line-height:42px; position:relative; background:#fff; text-align:left; }
.i_mc .box_h a{ display:inline-block; *display:inline; zoom:1; font-size:12px; color:#FF5F00; position:absolute; right:20px; top:0px;}
.i_mc .box_h span{ display:inline-block; *display:inline; zoom:1; width:120px; height:42px; position:relative; background:#fff;}
.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; padding-left:10px; font-size:18px; color:#888;}
.i_mc .box_m{ width:95%;  height:320px; overflow:hidden; padding:10 10 10 10; background:#eee;}



.bg_b{ width:100%; padding:15px 0; background:#7b2700; margin-top:20px;}
.f_nav{ width:1100px; margin:0px auto; text-align:left; color:#FFF;}
.f_nav .f_nl{ width:480px; float:left;}
.f_nav .f_nl .name{ width:100%; height:45px; line-height:45px; border-bottom:1px solid #ffffff; text-align:left; font-size:16px; color:#FFF;}
.f_nav .f_nr{ width:480px; float:right; margin-top:20px;}

.bg_c{ width:100%; padding:15px 0; text-align:center; background:#333333;}

.bg_c{ width:100%; padding:15px 0; text-align:center; background:#333333;}
.bq{ width:1100px; 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:1100px; min-height:450px; margin:0px auto; }
.scd .scd_l{ width:280px; float:left; border-right:1px solid #eee; margin-top:20px;}
.scd .scd_l .name{ width:100%; height:35px; line-height:35px; text-align:laft; background:#fff; font-size:18px; color:#800; border-bottom:1px solid #fff;}
.scd .scd_l .s_nav{ width:100%;}
.scd .scd_l em{font-size:18px; color:#800;}
.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;  font-size:14px; color:#333333;}
.s_nav li.now a,.s_nav li:hover a{ color:#FFF; }
.s_nav li.now,.s_nav li:hover{ background:#0072B8;}

.scd .scd_r{ width:780px; float:right; margin-top:20px;}
.scd_r .dq{ width:100%; height:35px; border-bottom:1px solid #ddd; 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:2px solid #800;}
.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%; }


#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}