/* by dingtiger 2019.3 */
@font-face {
  font-family: 'iconfont';  /* Project id 3039056 */
  src: url('//at.alicdn.com/t/font_3039056_h4148om8ctj.woff2?t=1646588069322') format('woff2'),
       url('//at.alicdn.com/t/font_3039056_h4148om8ctj.woff?t=1646588069322') format('woff'),
       url('//at.alicdn.com/t/font_3039056_h4148om8ctj.ttf?t=1646588069322') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'dinpro';
  src: url('../../font/dinpro.eot');
  src: url('../../font/dinpro.eot?#iefix') format('embedded-opentype'),
      url('../../font/dinpro.woff2') format('woff2'),
      url('../../font/dinpro.woff') format('woff'),
      url('../../font/dinpro.ttf') format('truetype'),
      url('../../font/dinpro.svg#dinpro') format('svg');
}

@font-face {
  font-family: 'dinprob';
  src: url('../../font/DINPro-Bold.eot');
  src: url('../../font/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../../font/DINPro-Bold.woff2') format('woff2'),
      url('../../font/DINPro-Bold.woff') format('woff'),
      url('../../font/DINPro-Bold.ttf') format('truetype'),
      url('../../font/DINPro-Bold.svg#dinprob') format('svg');
}

*£ūmargin:0;padding:0;£ż
html,body{width:100%;height:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body {font-size:14px; line-height:22px; font-weight:300; color:#808080; font-family:"microsoft yahei","PingFang SC",Arial, Helvetica, sans-serif;  width:100%; overflow-x:hidden;}
ul,li {list-style: none; padding:0px; margin:0px}
img {border:0; margin:0px; padding:0px; display:block;}
input:focus {outline: none;}

.clearfix:after{content:""; display:block; clear:both; height:0; visibility: hidden; font-size:0; line-height:0;}
.clearfix{zoom:1;}

a:link {color: #808080;text-decoration: none;}
a:visited {color: #808080;text-decoration: none;}
a:hover {color:#d71518;text-decoration: none;}
a:active {color: #808080;text-decoration: none;}

h1{font-size:24px; color:#333; line-height:24px; font-weight:300; display:block; background-image:url(../../image/title_line.png); background-position:bottom center; background-repeat:no-repeat; padding-bottom:20px;}
h2{font-size:24px; color:#333; line-height:24px; font-weight:300; display:block; background-image:url(../../image/title_line_a.png); background-position:bottom left; background-repeat:no-repeat; padding-bottom:20px;}
h3{font-size:20px; color:#333; line-height:20px; font-weight:300; display:block; background-image:url(../../image/title_line.gif); background-position:bottom left; background-repeat:no-repeat; padding-bottom:15px;}

/*head*/
.head_a{width:100%; height:50px; position:fixed; top:0; background-color:#fff; z-index:9999; box-shadow: 0 0 2px rgba(200,200,200,0.1); -webkit-box-shadow: 0 0 2px rgb(200,200,200,0.1); -moz-box-shadow: 0 0 2px rgb(200,200,200,0.1);}
.head_a ul{width:95%; height:55px; margin:0 auto;}
.head_a ul li:nth-child(1) img{margin-top:9px;}
.head_a ul li:nth-child(2){text-align:right; font-family:Arial, Helvetica, sans-serif; line-height:50px; float:right;}
.head_a ul li{float:left; height:50px;}

/*mob nav*/
.sp_nav{width:8vw; float:right; position:relative; cursor:pointer; height:8vw; margin-top:16px;}
.sp_nav span{display:block;background:#003f8c;width:7vw;height:2px;position:absolute;left:0;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:7px}
.sp_nav span:nth-of-type(3){top:14px}
.sp_nav_se span:nth-of-type(1){top:7px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:7px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:999; background:#eee; background-repeat:no-repeat; width:100%; height:100%; font-size:1em; line-height:40px; top:-100%; left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left; width:100%;}

.sjj_nav ul li i{position:absolute;top:5px;right:0px; border-left:1px rgba(255,255,255,0.8) solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px rgba(255,255,255,0.8) solid;margin-left:5vw;position:relative;line-height:40px;}
.sjj_nav>ul >li:last-child{border-bottom:1px rgba(255,255,255,0.8) solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#555; width:100%; display:block;}
.sjj_nav ul li ul li a{color:#888; display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:rgba(136,136,136,0.5);}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#888}
.sjj_nav ul li ul li>ul{margin-left:10px}


/*index_add*/
.index_banner{width:100%; height:70vh; margin:50px auto 0 auto;}
.txt-box{width:95%; display:block; margin:0 auto; text-align:center; position:relative;}
.swiper-container {width:100%;height:100%;}
.swiper-slide{color:#fff;}

.swiper-slide .titlea_a {margin-top:47vh; font-size:27px; color:#fff; font-weight:bold;}
.swiper-slide .titlea_b {margin-top:10px; color:#fff; font-size:27px; font-weight:bold;}
.swiper-slide .titlea_c {margin-top:15px; font-size:10px; line-height:16px;}

.swiper-slide .titlea_a_a {margin-top:49vh; font-size:27px; color:#fff; font-weight:bold;}


/*index_abc*/
.index_abc{width:100%; padding:80px 0 70px 0; background-image:url(../../image/about_bga.jpg); background-repeat:repeat-x; background-position:bottom;}
.index_abc ul{width:95%; margin:0 auto;}
.index_abc ul li:nth-child(1){width:100%; float:left; margin-bottom:20px;}
.index_abc ul li:nth-child(2){width:100%; float:left;}
.index_abc ul li img{width:70%; margin:0 auto;}

.index_abc ul li ol{position:relative;}
.index_abc ul li ol div{width:100%; text-align:center;}
.index_abc ul li ol div p{color:#014099; display:block; margin:10px 0;}
.index_abc ul li ol div b{color:#e60012; font-size:26px;}
.index_abc ul li ol div b span{color:#000; margin-right:10px;}
.index_abc ul li ol dd{width:100%; float:right; margin-top:20px;}

.index_abc ul li ol:nth-child(2){margin-top:30px;}
.index_abc ul li ol dl{background-color:#e60012; padding:10px 20px 15px 20px; color:#fff; font-size:20px; line-height:24px; margin-bottom:20px;}
.index_abc ul li ol dl b{display:block; font-size:16px;}

/*index_a*/
.index_a{width:100%; padding:80px 0 70px 0; background-color:#f3f3f5; background-image:url(../image/about_bg.jpg); background-repeat:repeat-x; background-position:bottom;}
.index_a ul{width:95%; margin:0 auto; text-align:center;}
.index_a ul:nth-child(2){margin-top:40px;}
.index_a ul img{margin:0 auto; width:90%;}
.index_a ul h1{margin-bottom:25px; line-height:30px;}

/*index_a
.index_a{width:80%; min-width:1200px; margin:0 auto; padding:110px 0;}
.index_a ul:nth-child(1){text-align:center; margin-bottom:60px;}
.index_a ul li{width:20%; float:left; text-align:center; border-left:1px solid #eee; box-sizing:border-box; font-size:13px;}
.index_a ul li:nth-child(5){border-right:1px solid #eee;}
.index_a ul li font{display:block; font-family:"dinprob"; font-size:44px; line-height:44px; color:#d71518; margin-bottom:5px;}
.index_a ul li font span{font-size:14px; color:#aaa; margin-left:5px;}
*/

/*index_b*/
.index_b{width:100%; padding:300px 0 70px 0; background-image:url(../image/index_b_bg.jpg); background-size:cover; background-position:center;}
.index_b ul{width:95%; margin:0 auto;}
.index_b ul li{width:calc(50% - 3px); float:left; margin-right:6px; margin-bottom:6px; padding:15px 0; cursor:pointer; text-align:center;}
.index_b ul li:nth-child(1){ background-color:rgba(230,0,18,0.89);}
.index_b ul li:nth-child(2){ background-color:rgba(0,63,140,0.89); margin-right:0;}
.index_b ul li:nth-child(3){ background-color:rgba(0,63,140,0.89);}
.index_b ul li:nth-child(4){ background-color:rgba(230,0,18,0.89); margin-right:0;}

.index_b ul li span{color:#fff; font-size:24px; line-height:24px; border:1px solid #fff; border-radius:50%; padding:5px; margin:0 auto 5px auto; display:inline-block;}
.index_b ul li dd{color:#fff; font-size:11px; line-height:18px;}
.index_b ul li dd p{font-size:12px; font-weight:bold;}

/*index_b
.index_b{width:100%;}
.index_b ul li{width:25%; float:left; background-size:cover; background-position:center;}
.index_b ul li dd{width:100%; height:100%; background-color:rgba(0,0,0,0.5); color:#fff; font-size:12px; text-align:center; padding:130px 0;}
.index_b ul li dd dl span{font-size:22px; line-height:22px; display:block; margin-top:5px; color:#fff;}
*/

/*index_six*/
.index_six{width:95%; margin:0 auto; padding:80px 0;}
.index_six ul:nth-child(1){text-align:center;}
.index_six ul h1{margin-bottom:40px;}
.index_six ul li{width:calc(33.33% - 1px); float:left; background-color:#f5f5f5; text-align:center; margin-right:1px; margin-bottom:1px; padding:25px 0 20px 0; color:#000; color:#000; font-size:12px;}
.index_six ul li:nth-child(3n+3){margin-right:0;}
.index_six ul li span{color:#ccc; font-size:27px; display:block; margin-bottom:8px;}


/*index_add*/
.index_add{width:100%; background-image:url(../image/banner_3.jpg); background-size:cover; background-position:bottom; padding:70px 0 220px 0;}
.index_add ul{width:95%; margin:0 auto; color:#fff; line-height:20px;}
.index_add ul p{display:block; margin-bottom:10px; font-size:20px; font-weight:bold; line-height:26px;}


/*index_c*/
.index_c{width:100%; padding:80px 0; background-image:url(../../image/dj_bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.index_c ul{width:95%; margin:0 auto;}
.index_c ul li{width:100%; float:left;}
.index_c ul li:nth-child(1){margin-bottom:35px;}
.index_c ul li h1{margin:0 0 25px 0; text-align:center;}
.index_c ul li a{background-color:#d71518; padding:8px 0; color:#fff; display:block; margin:0 auto; float:left; width:50%; text-align:center;}
.index_c ul li a:nth-child(2){margin-right:0; background-color:#003f8c;}
.index_c ul li a:hover{background-color:#000; color:#fff;}

.ry_div{width:100%; margin-top:25px;}


/*index_d*/
.index_d{width:100%; height:auto; padding:60px 0; background-color:#f3f3f5;}
.index_d ul:nth-child(1){text-align:left; margin-bottom:30px;}
.index_d ul{width:95%; height:auto; margin:0 auto;}
.index_d ul li{width:100%; float:left; position:relative;}

.index_d ul li dl{border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:13px; cursor:pointer;}
.index_d ul li dl:nth-child(3){border:none; margin-bottom:0; padding-bottom:0;}
.index_d ul li dl span{font-size:16px; color:#333; line-height:26px;}
.index_d ul li dl div ol:nth-child(1){float:left; width:80%;}
.index_d ul li dl div ol:nth-child(2){float:left; width:calc(20% - 10px); margin-left:10px; font-size:14px; text-align:center; font-family:'dinpro'; background-color:#fff;}
.index_d ul li dl div ol font{font-size:30px; line-height:50px;  background-color:#88b5e7; width:100%; display:block; height:50px; color:#fff;}

/*bottom*/
.bottom{width:100%; padding:60px 0 30px 0; background-color:#fff;}
.bottom ul{width:95%; margin:0 auto; font-size:12px;}
.bottom ul:nth-child(1){margin-bottom:25px; border-bottom:1px solid #eee; padding-bottom:20px;}
.bottom ul:nth-child(2){margin-bottom:8px;}

.bottom ul li{width:100%;}
.bottom ul li img{width:150px; margin-bottom:20px;}
.bottom ul li div{font-size:15px; margin-bottom:5px; color:#000;}

.bottom ul dl{width:100%; float:left;}
.bottom ul dl span{font-size:14px; color:#000;}
.bottom ul dl img{display:inline; margin-right:5px; width:12px;}

.bottom ul dd{width:100%; float:left;}
.bottom ul dd font{font-size:22px; color:#bbb; margin-right:2px;}
/*bottom*/

/*bottoma*/
.bottoma{width:100%; background-color:#003f8c;}
.bottoma ul{width:100%; color:#fff; text-align:center; padding:20px 0; font-size:19px;}
.bottoma ul span{margin-left:5px; font-size:19px; line-height:19px;}
/*bottom*/


/*bottom_add*/
.bottom_add{width:100%; background-image:url(../../image/ldbg.jpg); background-size:cover; background-position:center; padding:30px 0; text-align:center; line-height:18px;}
.bottom_add span{color:#fff; letter-spacing:10px; text-indent:10px; display:block; font-size:12px;}
.bottom_add p{font-family:"dinpro"; font-size:9px; letter-spacing:2px; color:rgba(255,255,255,0.3);}

/*n_banner*/
.n_banner{width:100%; background-size:cover; background-position:left center; margin-top:50px;}
.n_banner ul{width:95%; margin:0 auto; padding:50px 0; font-size:11px; color:#fff; letter-spacing:5px; text-align:right;}
.n_banner ul P{font-size:20px; line-height:22px; letter-spacing:1px; display:block; margin-bottom:5px; font-family:"dinprob";}

/*n_banner_a*/
.n_banner_a{width:100%; background-size:cover; background-position:center center; margin-top:50px;}
.n_banner_a ul{width:95%; margin:0 auto; padding:50px 0; font-size:11px; color:#30a9e2; letter-spacing:5px; text-align:right;}
.n_banner_a ul P{font-size:20px; line-height:22px; letter-spacing:1px; display:block; margin-bottom:5px; font-family:"dinprob";}


/*contact_c*/
.contact_c{width:100%; padding:60px 0;}
.contact_c ul{width:95%; margin:0 auto;}
.contact_c ul ol{width:100%; float:left;}
.contact_c ul ol:nth-child(2){margin-top:0; height:245px;}
.contact_c ul ol li:nth-child(1){border-top:1px solid #eee;}
.contact_c ul ol li{width:100%; float:left; border-bottom:1px solid #eee; padding:20px 0;}
.contact_c ul ol li:nth-child(5){border-bottom:none;}
.contact_c ul ol li dl{float:left;}
.contact_c ul ol li dl:nth-child(1){margin-right:10px; font-size:24px; color:#ccc;}
.contact_c ul ol span{font-size:15px; color:#000;}
.contact_c ul ol img{width:100%;}
.contact_c h3{margin-bottom:30px;}
.contact_c h3 p{font-family:"dinprob"; color:#ddd; font-size:15px; margin-top:5px; line-height:18px;}


/*hr_a*/
.hr_a{width:95%; margin:0 auto; padding:60px 0;}
.hr_a ul{float:left;}
.hr_a ul:nth-child(1){width:100%; margin-bottom:0px;}
.hr_a ul:nth-child(2){width:100%;}

/*hr_b*/
.hr_b{width:95%; margin:0 auto; padding:60px 0;}
.hr_b ol{float:left;}
.hr_b ol:nth-child(1){width:100%; margin-right:0;}
.hr_b ol:nth-child(2){width:100%;}

/*hr_c*/
.hr_c{width:95%; margin:0 auto; padding:60px 0 ;}
.hr_c ol{float:left;}
.hr_c ol:nth-child(1){width:100%; margin-right:0;}
.hr_c ol:nth-child(2){width:100%;}

/*news_list*/
.news_list{width:100%; }
.news_list ol{width:100%; padding:20px 0; border-bottom:1px dotted #ddd;}
.news_list ol dd:nth-child(1){width:100px; float:left; margin-right:15px;}
.news_list ol dd:nth-child(2){width:calc(100% - 115px); float:left; font-size:13px;}
.news_list ol dd img{width:100%; height:90px;}
.news_list ol dd a{font-size:14px; color:#333; display:block;}
.news_list ol dd span{font-family:"dinpro_b"; color:#aaa; font-size:12px; display:block;}


/*left_menu*/
.left_menu{width:100%;}
.left_menu li:nth-child(1){margin-bottom:30px; width:100%;}
.left_menu li{width:25%; float:left;}
.left_menu li h3 p{font-family:"dinprob"; color:#ddd; font-size:15px; margin-top:5px; line-height:18px;}

/*left_menua*/
.left_menua{width:100%;}
.left_menua ul{margin-bottom:30px; width:100%;}
.left_menua li{width:calc(50% - 1px); float:left; margin-right:2px; text-align:center; line-height:20px;}
.left_menua li:nth-child(3){margin-right:0;}
.left_menua li:nth-child(5){margin-right:0;}
.left_menua ul h3 p{font-family:"dinprob"; color:#ddd; font-size:15px; margin-top:5px; line-height:18px;}

.left_menu_m{ background-color:#eee; margin-bottom:2px; padding:10px 0;}
.left_menu_m span{font-size:20px; margin:0 auto 5px auto;}
.left_menu_m dd{font-size:12px;}
.left_menu_m dd p{font-size:11px;}
.left_menu_m:hover{background-color:#d71518; color:#fff; margin-bottom:1px; padding:10px 0; cursor:pointer;}

.left_menu_ma{background-color:#d71518; color:#fff; margin-bottom:2px; padding:10px 0; cursor:pointer;}
.left_menu_ma span{font-size:20px; margin:0 auto 5px auto;}
.left_menu_ma dd{font-size:12px;}
.left_menu_ma dd p{font-size:11px;}

.right_title{border-bottom:1px solid #eee; padding-bottom:10px; padding-left:0; font-size:12px; line-height:12px; color:#bbb;}
.right_title a{color:#bbb;}
.right_title a:hover{color:#e60011;}
.fenye{font-size:12px; padding-top:5px; text-align:left; width:100%;}



/*job_a*/
.job_a{width:100%; margin:20px auto 0 auto;}
.job_a ul{width:calc(22% - 1px); float:left; padding:5px 0; background-color:#003f8c; color:#fff; font-size:12px; border-right:1px solid #fff; text-align:center;}
.job_a ul:last-child{text-align:center; border:none; width:12%;}

.job_b{width:100%; padding:0 0 0 0; margin:0 auto;}
#custom-show-hide-example{width:100%; margin:0 auto; border-bottom:1px dotted #ddd;}
#custom-show-hide-example li {margin:0; background-color:#fff;}
#custom-show-hide-example li:nth-child(2n+2){background-color:#000;}
#custom-show-hide-example li dd{width:calc(22% - 1px); float:left; padding:5px 0; border-right:1px dotted #ddd; font-size:10px; text-align:center;}
#custom-show-hide-example li dd:last-child{text-align:center; font-size:16px; color:#ccc; border:none; width:12%;}

#custom-show-hide-example li a {
  display: block;
  margin: 0;
  color: #8d8d8d;
  text-decoration: none;
  font-weight: normal;
  border-top: 1px dotted #ddd;
}

#custom-show-hide-example li:hover { background:#fff; }
#custom-show-hide-example li.open  { background:#f0f0f0; }
#custom-show-hide-example div {background-color:#f5f5f5; padding:15px; font-size:10px; line-height:15px;}
#custom-show-hide-example div ul:nth-child(2){margin-top:20px; padding-top:18px; border-top:1px dotted #ccc;}
#custom-show-hide-example div a{padding:5px 30px; border:1px solid #2fa8e1; border-radius:16px; background-color:#2fa8e1; color:#fff;}
#custom-show-hide-example div a:hover{padding:5px 30px; border:1px solid #2fa8e1; background-color:#2fa8e1; border-radius:16px; color:#fff;}


/*job_c*/
.job_c{width:100%; margin-top:20px; border:1px solid #eee;}
.job_c ul{padding:5px 10px; border-bottom:1px solid #eee; font-size:12px;}
.job_c ul:first-child{border:none; background-color:#003f8c; color:#fff;}
.job_c ul:last-child{border:none; padding:5px 10px 20px 10px;}
.job_c ul font{font-size:14px; color:#fff;}
.job_c ul li{width:calc(50% - 5px); margin-right:10px; float:left; padding:5px 0;}
.job_c ul li:nth-child(2n+2){margin-right:0;}

.bda{width:100%; line-height:30px; color:#333; border:none; background-color:#eee; font-family:"microsoft yahei","PingFang SC",Arial, Helvetica, sans-serif;}
.bdb{width:100%; line-height:30px; height:100px; border:none; background-color:#eee; font-family:"microsoft yahei","PingFang SC",Arial, Helvetica, sans-serif;}
.bdc{padding:5px 60px; border:1px solid #2fa8e1; border-radius:16px; background-color:#2fa8e1; color:#fff; margin-top:0;}


/*downlist*/
.downlist{width:95%; margin:0 auto; padding:60px 0 ;}
.downlist ol{float:left;}
.downlist ol:nth-child(1){width:100%; margin-right:0;}
.downlist ol:nth-child(2){width:100%;}

/*caselist*/
.caselist{width:95%; margin:0 auto; padding:60px 0 45px 0;}
.caselist ol{float:left;}
.caselist ol:nth-child(1){width:100%; margin-right:0;}
.caselist ol:nth-child(2){width:100%;}

/*downlist_a*/
.downlist_a{width:100%; margin:20px auto 0 auto;}
.downlist_a ul{width:calc(15% - 1px); float:left; padding:5px 0; text-align:center; background-color:#003f8c; color:#fff; font-size:14px; border-right:1px solid #fff; font-size:10px;}
.downlist_a ul:last-child{ border:none;}
.downlist_a ul:first-child{width:calc(70% - 1px); text-align:center;}


/*downlist_a_list*/
.downlist_a_list{width:100%; margin:0 auto 0 auto;}
.downlist_a_list ul{width:calc(15% - 1px); float:left; padding:8px 0; text-align:center; border-right:1px dotted #eee; border-bottom:1px solid #eee; font-size:10px;}
.downlist_a_list ul:last-child{ border-right:none; }
.downlist_a_list ul:first-child{width:calc(70% - 1px); text-align:center;}

/*case*/
.case{width:100%; margin:20px auto 0 auto;}
.case ul{float:left; width:calc(50% - 5px); margin-right:10px; margin-bottom:15px; color:#333; line-height:18px;}
.case ul:nth-child(2n+2){margin-right:0;}
.case ul img{width:100%; margin-bottom:8px;}
.case ul span{font-size:11px; color:#ccc; font-family:'dinpro'; line-height:15px;}

/*pro_bp*/
.pro_bp{width:100%; margin:20px auto 0 auto;}

/*downlist_list*/
.downlist_list{width:95%; margin:0 auto; padding:60px 0;}
.downlist_list ol{float:left;}
.downlist_list ol:nth-child(1){width:100%; margin-right:0;}
.downlist_list ol:nth-child(2){width:100%;}

/*about_a*/
.about_a{width:100%; padding:20px 0 0 0;}
.about_a img{margin:10px 0;}

/*about_b*/
.about_b{width:100%; padding:10px 0 0 0;}
.about_b ul{margin-top:20px;}
.about_b ul li{width:calc(50% - 2px); margin-right:4px; margin-bottom:4px; float:left; border:2px solid #eee; box-sizing:border-box;}
.about_b ul li:nth-child(2n+2){margin-right:0;}
.about_b ul li img{width:100%;}

/*about_c*/
.about_c{width:100%; padding:20px 0 0 0;}
.about_c ul{margin-top:10px;}
.about_c ul li{width:100%; margin-bottom:10px; position:relative;}
.about_c ul li img{width:100%;}

.about_c ul li ol{position:absolute; top:15px; left:15px; color:#000; font-size:10px;}
.about_c ul li ol p{font-size:16px; font-weight:bold; line-height:18px;}

.about_c ul li dd{position:absolute; top:15px; right:15px; color:#000; font-size:10px;}
.about_c ul li dd p{font-size:16px; font-weight:bold; line-height:18px;}

/*about_d*/
.about_d{width:100%; padding:20px 0 0 0;}
.about_d ul{margin-top:10px;}
.about_d ul li{width:calc(50% - 2px); margin-right:4px; margin-bottom:4px; float:left;}
.about_d ul li:nth-child(2n+2){margin-right:0;}
.about_d ul li img{width:100%;}

/*about_e*/
.about_e{width:100%; padding:20px 0 0 0;}

/*time_line*/
#timeline {width:100%;height: auto;overflow: hidden;margin: 0 auto;position: relative;background: url('../../image/dot.png') left 45px repeat-x;}

#dates {width:100%; height: 60px;overflow: hidden;}
#dates li {float: left;width:300px;height: 50px;font-size: 16px;text-align: center;font-family:'dinpro';background: url('../../image/biggerdot.png') center bottom no-repeat; z-index:-1;}
#dates a {line-height:35px;padding-bottom:10px; z-index:1000; display:block; height:50px;}
#dates .selected {font-size:18px;font-family:'dinprob'; color:#d71518; background:url(../../image/biggerdot_a.png) no-repeat center 42PX;}

#issues {width:100%;height: auto;overflow: hidden;margin-top:25px;}	

#issues li {width:300px; height: auto;float: left;}
.issues_content{padding: 0 10px;width:calc(100% - 20px);overflow: hidden;}
#issues li img {float: left; width:100%; margin-bottom:8px;}
#issues li p {}
				
#next,#prev {position: absolute;top: 0; font-size:70px; top:30px; width:40px; height:31px;background-position: 0 0;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;}
#next:hover,#prev:hover {background-position: 0 -31px;}
#next {right:0;background-image: url('../../image/right.gif');}
#prev {left:0;background-image: url('../../image/left.gif');}
#next.disabled,#prev.disabled {opacity: 0.2;}

/*about_f*/
.about_f{width:100%; padding:20px 0 0 0;}

/*productlist_a*/
.productlist_title{width:100%; padding:30px 0 10px 0;}
.productlist_title p{font-size:16px; color:#000; margin-bottom:10px; line-height:24px;}
.productlist_title p span{color:#003f8c; display:block; font-weight:bold;}

.productlist_a{width:100%; border-bottom:1px dotted #ddd; padding:0 0 20px 0;}
.productlist_a ul{width:100%; float:left;}
.productlist_a ul:nth-child(2){margin-top:20px;}
.productlist_a ul img{width:100%; margin-bottom:10px;}

.productlist_a_a{width:100%; border-bottom:1px dotted #ddd; padding:25px 0;}
.productlist_a_a img{width:100%;}

/*productlist_b*/
.productlist_b{width:100%; padding:20px 0;}
.productlist_b ul{float:left;}
.productlist_b ul:nth-child(1){width:100%;}
.productlist_b ul:nth-child(2){width:100%; margin-top:30px; border-top:1px dotted #ddd; padding-top:15px;}
.productlist_b ul li{width:100%; color:#c38c57; font-size:15px; line-height:24px;}
.productlist_b ul li:nth-child(1){border-bottom:1px dotted #ddd; margin-bottom:15px; padding-bottom:20px;}
.productlist_b ul li p{margin-top:10px; font-family:'dinprob'; font-size:26px; color:#555;}
.productlist_b ul li p font{font-size:24px; line-height:24px; color:#fff; margin-right:10px; padding:0 15px 2px 15px;  border-radius:10px;}
.productlist_b ul span{font-size:15px; color:#000; display:block; margin-bottom:10px;}
.productlist_b ul img{width:100%;}

.productlist_b_a{width:100%; border-bottom:1px dotted #ddd; padding:0 0 20px 0;}
.productlist_b_a img{width:100%;}

/*productlist_c*/
.productlist_c{width:100%; border-bottom:1px dotted #ddd; padding:15px 0 20px 0;}
.productlist_c img{width:100%; margin-top:10px;}

/*productlist_d*/
.productlist_d{width:100%; padding-top:20px;}
.productlist_d img{width:100%;}

/*productlist_e*/
.productlist_e{width:100%; border-bottom:1px dotted #ddd; padding:0 0 20px 0;}
.productlist_e ul{float:left; width:50%;}
.productlist_e ul:nth-child(2){}
.productlist_e ul img{width:100%;}

.productlist_z{width:100%; padding:20px 0;}
.productlist_z img{width:100%;}

/*productlist_g*/
.productlist_g{width:100%; border-bottom:1px dotted #ddd; padding:40px 0 18px 0;}
.productlist_g p{font-weight:bold; color:#000;}
.productlist_g span{font-weight:bold; color:#0d4da1; font-size:16px; display:block; margin-top:10px;}

/*productlist_f*/
.productlist_f{width:100%; border-bottom:1px dotted #ddd; padding:20px 0 0 0;}
.productlist_f ul{width:100%; float:left; margin-bottom:15px;}
.productlist_f ul img{width:100%;}
.productlist_f ul p{font-size:16px; color:#0d4da1; display:block; margin:15px 0 5px 0; font-weight:bold;}

.productlist_h{width:100%; padding-top:20px;}
.productlist_h p{font-size:16px; color:#0d4da1; display:block; margin:0 0 5px 0; font-weight:bold;}

.news_content{width:100%; border-bottom:1px dotted #ddd; padding:20px 0;}
.news_content li{font-size:18px; line-height:28px; color:#000; margin-bottom:20px; border-bottom:1px dotted #eee; padding-bottom:12px; width:100%;}
.news_content li ol{float:left;}
.news_content li ol:nth-child(1){width:100%; margin-bottom:10px;}
.news_content li ol:nth-child(2){width:100%;}
.news_content li p{font-family:'dinpro'; font-size:11px; color:#ccc; line-height:15px;}
.news_content img{width:100%; margin:15px 0;}



@media only screen and (min-width: 720px) and (max-width: 1200px){}

@media only screen and (min-width: 220px) and (max-width: 720px) {}