/* all.css */
*{ margin:0; padding:0; list-style:none; box-sizing: border-box;}
body{ font:9pt "宋体", Arial; color: #555; -webkit-font-smoothing:antialiased; background-color: rgb(243, 240, 240); overflow-x: hidden;}
.maindiv{ width: 100%; max-width: 1002px; margin: 0 auto;background-color:#fff}
.container img{ border:0; vertical-align: middle;}
.container1 img{ border:0;width:100%; vertical-align: middle;}
a{ text-decoration:none; color:#333;} a:focus{ outline:none;} em{ font-style: normal;} 
input, textarea, button{ outline: none;}
/* Clearfix */
.clearfix:after, .clearfixlist li:after, .container:after, .form-group:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li, .container, .form-group{ zoom:1;}
.show-pad, .show-phone{ display: none;}
.clear{ clear:both; display:block;} a:hover{ text-decoration: underline;}
.fl{ float: left;} .fr{ float: right;}
.nav{ position: relative; z-index: 9999; font-size: 15px; font-weight: bold;}
.rect2{ -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;}
.text-center{ text-align: center;} .text-right{ text-align: right;}
.vertical{ display: table-cell; vertical-align: middle;}
.text-ellipsis, .name{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.text-upper{ text-transform: uppercase;}

.trans, .remark{ -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.scale{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all ease 0.38s;}
a:hover .scale{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}

.scroll-top{ position: fixed; z-index: 78; bottom: 52px; right: 28px; width: 40px; height: 40px; opacity:0; -webkit-transform:translateX(100%) rotate(360deg); transform:translateX(100%) rotate(360deg); transition:all .5s ease; cursor: pointer; background: url(../images/scroll-top.png) no-repeat 0 0; background-size: 100% 100%;}
.scroll-top.rollIn{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); transition:all .5s ease;}

/* Bounce To Right */
.bounce-to-right{ display: inline-block; position: relative; vertical-align: middle;
  -webkit-transform: translateZ(0); transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;
  backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: color; transition-property: color;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
.bounce-to-right:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: #f7ca15;
  -webkit-transform: scaleX(0); transform: scaleX(0);
  -webkit-transform-origin: 0 50%; transform-origin: 0 50%;
  -webkit-transition-property: transform; transition-property: transform;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.bounce-to-right:hover, .bounce-to-right:focus, .bounce-to-right:active{ color: #fff;}
.bounce-to-right:hover:before, .bounce-to-right:focus:before, .bounce-to-right:active:before{
  -webkit-transform: scaleX(1); transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.pagination{ padding: 18px 0;}
.pagination a{ display: inline-block; padding: 3px 12px; color: #463d3a; background: #eee;}
.pagination a:hover, .pagination .active{ color: #fff; background: #c7000b;}

.container{ width: 100%; max-width: 1002px; margin: 0 auto;}
.wrapper{ display: none; position: fixed; z-index: 80; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.58)}

/* header */
.logo{ display: block; width: 120px;}
.header{ position: fixed; z-index: 999; top: 0; left: 0; width: 100%; -webkit-box-shadow: 0 3px 8px #e5e5e5; -moz-box-shadow: 0 3px 8px #e5e5e5; box-shadow: 0 3px 8px #e5e5e5; background: #fff;}
.header .container{ position: relative;}
.header .logo{ position: absolute; top: 18px; left: -130px;}
.header .phone{ position: absolute; top: 38px; right: -198px; padding-left: 38px; font-size: 24px; font-weight: bold; font-style: italic; line-height: 52px; color: #c7000b;}

.nav-list{ width: 100%; background: #757575;}
.nav-list li{ float: left; position: relative; z-index: 666; width: 8%; font-size: 14px; font-weight: bold; line-height: 42px; text-align: center;}
.nav-list li:last-child{ width: 12%;} .nav-list a, .nav-list span{ color: #111;} .nav-list a{ display: block;}
.nav-list a:hover, .nav-list .active>a, .nav-list .active span{ color: #fff; background: #0a60cd;}
.sublist{ display: none; position: absolute; top: 100%; left: 0; width: 100%; border: 1px solid #ccc; background: rgba(255,255,255,.68);}
.sublist a{ display: block; font-size: 13px; line-height: 32px;}.sublist a:hover{ color: #111; background: #eee;}

.footer{ padding: 15px 0; border-top: 2px solid #539ee1; font-size: 13px; color: #666; text-align: center;}
.footer span{ display: inline-block; padding-left: 8px;}

.fixed-poster { position: fixed; z-index: 9999; top: 10%; left: 8%;}
.fixed-poster, .fixed-poster .pic{ width: 200px; height: 100px;}
.fixed-poster .btn-pclose{ position: absolute; z-index: 66; top: 2px; right: 2px; width: 20px; height: 20px;}

.mod-banner{ width: 100%; max-width:1002px; margin:0 auto}
.mod-sname{ margin-bottom: 18px;}
.mod-sname .container{ line-height: 25px; background: #dcdcdc;}
.mod-sname .container input{margin-top: 5px;margin-left: 5px;}
.mod-sname .col-notice1{ float: left; width: 40%; color: #000; text-align: right;line-height:34px}
.mod-sname .col-notice{ float: left; width: 30%; color: #000; text-align: left;line-height:34px; color:red}
.mod-sname .col-saer{ float: right; width: 30%;}

.mod-list .col{ float: left; width: 33.3%;padding: 0 10px; margin-bottom: 16px;}
/*.mod-list .bmore{ float: right; border: 1px solid #e7e7e7; margin: 8px 0; padding: 0 16px 0 8px; line-height: 24px; font-size: 11px; font-weight: bold; color: #ff6600; background: url(../images/iright.png) no-repeat 90% center;}*/
.mod-list .bmore{ float: right; width: 40px; height: 16px; margin-top: 8px; background: url(../images/bmore.png) no-repeat 0 0;}
.col-press{ -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; background: linear-gradient(#e5eef7, #fff); FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e5eef7,endColorStr=#fff); /*IE*/ background:-moz-linear-gradient(top,#e5eef7,#fff); background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#e5eef7), to(#fff));}
.col-news .hd{ position: relative; padding: 6px 6px 6px 12px; border-bottom: 1px solid #adadad; margin-bottom: 8px; color:#003184;font-weight:bold;font-size:15px}
.col-news .hblue{ border-color: #1d70c0;} .col-news .title, .mod-press .title{ font-size: 15px; font-weight: bold; color: #003184;}
.col-news .icon{ position: absolute; bottom: 0; left: 0; width: 7px; height: 38px;}
.news-list li{ border-bottom: 1px dashed #ccc;}
.news-list a{ display: block; position: relative; padding: 5px 72px 5px 16px; font-size: 12px; color: #262626;}
.news-list a:hover{ text-decoration: underline;}
.news-list .dot{ position: absolute; top: 16px; left: 5px; width: 3px; height: 3px; background: #393939;}
.news-list .date{ position: absolute; top: 5px; right: 0; font-size: 12px; color: #666;}

/* init */
.crumb, .crumb a{ color: #666;} .crumb{ margin-bottom: 8px;}
.crumb a:hover{ color: #075dcc;}
.mod-press .hd{ position: relative; padding-left: 20px;} .mod-press .bd{ padding: 8px 12px;}
.mod-press .bright{ position: absolute; top: 3px; left: 0; width: 12px; height: 12px;}
.press-list li{ border: 0 none; line-height: 26px;} .press-list a{ padding: 0 0 0 16px;}
.press-list .dot{ top: 12px;}

.init{ padding: 12px;} .init .container{ position: relative; z-index: 68;}
.aside{ position: absolute; top: 0; left: 0; width: 248px;}
.aside-nav .hd{ padding: 18px; color: #fff; background: #c7000b;}
.aside-nav .china{ font-size: 32px; font-weight: bold; line-height: 42px;}
.aside-nav .en{ text-transform: uppercase;}
.aside-nav .bd{ padding: 18px; background: #e0e0e0;}
.aside-list li{ margin-bottom: 10px; font-size: 15px;}
.aside-list li:last-child{ margin: 0;}
.aside-list a{ display: block; position: relative; padding: 10px 10px 10px 38px; color: #182329; background: #fff;}
.aside-list a:after{ content: '\0020'; display: block; position: absolute; top: 20px; left: 18px; width: 5px; height: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #1c2731;}
.aside-list a:hover, .aside-list .active a{ color: #fff; background: #c7000b;}
.aside-list a:hover:after, .aside-list .active a:after{ background: #fff;}
.aside-contact{ padding: 28px 32px 48px; margin: 20px 0; color: #191919; background: url(../images/bg-contact.jpg) no-repeat center top; background-size: 100% 100%;}
.aside-contact .name{ font-size: 16px;}

.main{ margin-left: 278px; padding-bottom: 18px;}
.flex-mtitle{ padding: 18px 0; border-bottom: 1px solid #e7e7e7; margin-bottom: 35px;}
.flex-mtitle .title{ font-size: 17px; color: #1c2931;}
.switch-nav .btn{ display: inline-block; width: 102px; height: 38px; border: 1px solid #b8b8b8; margin-left: 18px; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; line-height: 36px; color: #7f7f7f; text-align: center;}
.switch-nav .btn:hover{ border-color: #c7000b; color: #c7000b;}

.init .pic{ position: relative; overflow: hidden;}
.init .remark{ position: absolute; top: 0; left: 0; width: 100%; font-size: 15px; color: #fff; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); background: rgba(8,8,8,.85);}
.init a:hover .remark{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}

.video-list li{ float: left; width: 48%; margin-bottom: 28px; text-align: center;}
.video-list li:nth-child(2n+1){ float: right;}
.video-list .pic{ margin-bottom: 18px;} .video-list .remark{ text-decoration: underline;}
.video-list .name{ font-size: 16px; color: #1c2931;}
.video2-list .remark{ text-decoration:none; background: rgba(199,0,11,.85);}
.video-list a:hover .name, .prolist a:hover{ color: #c7000b;}

.prolist li{ width: 32%; margin-bottom: 28px; font-size: 16px; text-align: center;}
.prolist .pic{ border: 1px solid #f1ce3e; margin-bottom: 28px;}
.prolist .remark{ background: rgba(255,182,40,.85);}

.main-news .title{ padding: 24px 0 6px; font-size: 18px; text-align: center;}
.main-news .subtitle{ margin-bottom: 8px; color: #333; text-align: center;} .main-news .subtitle span{ margin-right: 8px;}
.news-more{ margin-bottom: 18px;}
.news-more .caption{ border: 0 none; margin-bottom: 8px; font-size: 20px; color: #111;}
.news-more .name{ display: block; position: relative; height: 40px; padding-right: 78px; border-bottom: 1px dashed #dbdbdb; line-height: 38px; color: #191919;}
.news-more .date{ position: absolute; top: 0; right: 0; font-size: 13px;}
.news-pagination{ position: relative; padding: 10px 130px 10px 18px; border: 1px solid #cdcdcd; background: #f7f7f7;}
.news-pagination a{ width: 68%; height: 26px; margin-bottom: 10px; font-size: 15px; color: #242424;}
.news-pagination span{ float: left; color: #616161;}
.news-pagination .btn-back{ position: absolute; top: 20px; right: 8px; width: 108px; height: 38px; padding-left: 36px; font-size: 13px; color: #fff; line-height: 38px; background-position: 6px -170px; background-color: #c7000b; background-size: 28px 280px;}
.news-pagination .btn-back:hover{ color: #fff;}
.news-more a:hover, .news-pagination a:hover{ color: #c7000b;}

.init-detail{ padding: 20px;}
.init-detail .title{ margin: 28px 0; font-size: 28px; font-weight: bold; color: #960508; text-align: center;}
.init-detail .subtit{ padding: 10px 0; border-top: 1px solid #ccc; color: #333; text-align: center;}
.init-detail .subtit span{ margin-left: 12px;}
.init-detail .info{ margin: 20px 0;}
.init-detail .info img{width:100%}

@media(max-width: 1200px){
  .mod .bd{ padding: 58px 0;} .mod .next{ right: 0;} .mod .prev{ left: 0;}
  .mod .swiper-container{ margin: 0 48px;}
  .mod-news .bd{ padding-bottom: 38px;}
  .press-list .pic{ width: 248px; height: 148px;}
  .press-list .info{ height: 186px; padding-right: 126px;}
  .press-list .txt{ height: 52px;}

  .init-detail .title{ font-size: 26px;}
  .main{ margin-left: 288px;}
}

@media(max-width: 992px){
  .aside-nav .china{ font-size: 24px;}
  .flex-mtitle{ padding: 12px 0;}
  .flex-mtitle, .prolist li, .video-list li{ margin-bottom: 18px;}
  .prolist .pic, .video-list .pic{ margin-bottom: 12px;}

  .init-detail .title{ margin: 20px 0; font-size: 24px;}
  .mod-list .col{ width: 50%; padding: 0 6px;}
}
@media screen and (max-width: 768px){
	.mod-sname{ display: none;}
    .show-pad{ display: block;} .hide-pad, .nav-list .hide-pad{ display: none;}
    .container{ padding: 0 8px;}
    .header{ height: 60px; padding: 2px 0;}
    .header .logo{ top: 2px; left: 12px; width: 80px;}
    .menu{ position: absolute; top: 12px; right: 8px; width: 38px; height: 38px; background: url(../images/menu.png) no-repeat center center rgba(0,0,0,.68); background-size: 20px 20px;}
    .nav-list{ position: fixed; z-index: 88; left: -50%; top: 0; width: 48%; height: 100%; padding: 12px 0 0; margin: 0; background: #fff;}
    .nav-list li, .nav-list li:last-child{ display: block; float: none; width: 100%;}
    .nav-list span{ background: url(../images/iright.png) no-repeat 90% center; background-size: 13px;}
    .sublist{ position: static; border: 0 none; padding: 5px 0; background: #eee;} .mod-press .bd{ padding: 8px 0;}

    .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0;}
    .swiper-pagination-bullet{ width: 12px; height: 12px;}
    .mod .next{ right: 6px;} .mod .prev{ left: 6px;}
    .flex-title{ padding: 28px 0; font-size: 18px;}
    .flex-title img{ height: 15px;}
    .swiper-product .pic, .swiper-video .pic{ margin-bottom: 12px;}
    .press-list .item{ padding: 0 8px; margin-bottom: 20px;}
    .press-list .item:nth-child(2n){ padding: 0 8px;}
    .press-list .pic, .press-list .item:nth-child(2n) .pic{ right: 8px;}

    .init{ padding: 0;} .main{ margin: 0;}
    .aside{ position: static; width: 100%; margin: 8px auto;} .aside .stitle{ display: none;}
    .aside-nav .hd, .aside-nav .bd{ position: fixed; z-index: 88; bottom: 18px;}
    .aside-nav .hd{ left: 18px; width: 46px; height: 46px; padding: 5px 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer;}
    .aside-nav .en, .aside-contact{ display: none;}
    .aside-nav .china{ font-size: 13px; line-height: 17px; text-align: center;}
    .aside-nav .bd{ display: none; left: 68px; min-width: 158px; padding: 6px;}
    .aside-list li{ margin-bottom: 6px;} .aside-list a{ padding: 8px 10px 8px 28px;}
    .aside-list a:after{ top: 18px; left: 13px;}

    .nav{ text-align: center;} .wp_nav .nav-item{ float: none;}
    /*.wp_nav .on{ position: static; position: relative;}*/
    .init-detail .title{ margin: 15px 0; font-size: 20px;}
	  .mod-list .col{ width: 100%; padding: 0;}
	  .dtjt8_div_img{width:100%; margin: 8px auto;}
}
@media (max-width: 480px){
	.mod-sname{ display: none;}
  .show-phone{ display: block;} .hide-phone{ display: none;}
  .mod-sname .col-notice, .mod-sname .col-saer{ float: none; width: 100%;}

  .mod-list .col{ width: 100%; padding: 0;}
    .dtjt8_div_img{width:100%}
  .mod-banner .container{ width: 100%; padding: 0;}
  .col-news .bd{ padding: 0 8px;}

  .pagination{ padding: 8px 0 24px;}
  .flex-mtitle{ padding: 13px 0; margin-bottom: 18px;}
  .switch-nav .btn{ width: 88px; height: 32px; margin-left: 0; line-height: 30px;}
  .init-detail .pic, .init-detail .txt{ margin-bottom: 12px;}
  .video-list li, .prolist li{ width: 49%;}

  .init-detail .title{ margin: 12px 0;}
}