/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:; color:#666; text-decoration:none; font-size:14px; background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#c3002f;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.wapper{ width:1200px; margin:0 auto;}
.inside_con{ padding:10px; min-height:400px;}
/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#890009; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#890009}
::-webkit-scrollbar-corner:vertical{ background-color:#890009}
::-webkit-scrollbar-resizer:vertical{ background-color:#890009}

/*banner*/
.bannerslide {
        width: 100%;
       
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.bannerslide {   width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; z-index:999;}
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:999;}
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:999;}
.bannertitle{font-family:; color:#fefefe; font-size:34px; text-decoration:none; font-weight:bold; line-height:45px; position:absolute; top:150px;}
.bannertitlea{font-family:; color:#fefefe; font-size:18px; text-decoration:none; line-height:30px; position:absolute; top:220px;}
.bannertitleb{font-family:; color:#fefefe; font-size:15px; text-decoration:none; line-height:22px; width:450px; position:absolute; top:260px;}
.bannertitleba{font-family:; color:#fefefe; font-size:15px; text-decoration:none; line-height:22px; width:450px; position:absolute; top:220px;}
.bannerbtnn{position:absolute; top:250px;}
.bannerbtnna{position:absolute; top:320px;}
.bannerbtnnb{position:absolute; top:290px;}
.bannerslide a.bannerbtna{background-color:#1d2088; display:block; width:120px; height:45px; text-align:center; color:#fff; font-size:14px; text-decoration:none; line-height:45px; border-radius:5px; margin-top:25px; float:left; font-family:;}
.bannerslide a.bannerbtnb{background-color:#464646; display:block; width:120px; height:45px; text-align:center; color:#fff; font-size:14px; text-decoration:none; line-height:45px; border-radius:5px; margin-top:25px; float:left; margin-left:5px; font-family:;}

.bannertitlea a{color:#fff;}
.bannertitlea a:hover{color:#fff;}
.bannertitlea a .bannerhhh{display:none;}
.bannertitlea a:hover .bannerhhh{display:block; position:absolute; width:500px; height:200px; z-index:999;}


.m{ width:95%; max-width:1200px; margin:0 auto; position:relative;}
.m2{ width:95%; max-width:1200px; margin:0 auto; position:relative; padding-bottom:30px;}
.n{ padding:50px 0;}

.top{ border-bottom:1px solid #00000026;}
.top .a_m{ float:right; display:none; margin-top:14px; margin-right:14px;}
.logo{ padding:0px 30px 20px 5px; border-right: 1px solid #ddd; float:left; height:110px; margin-top:0px;}
.cctv{ float:left; padding:20px 30px;}
.nav{ float:left; margin-left:20px;}
.nav>li{ float:left; position:relative; transition:0.2s;}
.nav>li:hover{ background:#f1f1f1;}
.nav>li>a{ padding:0 25px;  line-height:105px; display:inline-block;}
.nav>li>ul{ position:absolute; top:105px; left:0; width:100%; background:#f1f1f1; z-index:99999; line-height:3; font-size:12px; display:none;}
.nav>li>ul li{ transition:0.2s;line-height:normal; padding:10px 0}
.nav>li>ul li>a{
	padding:0 25px;
	line-height:normal;
	display:inline-block;
}
.b1 ul li{ text-align:center;}
.nav>li>ul li:hover{ background:#ca0915;}
.nav>li>ul li:hover a{ color:#fff;}

.n_r{ float:right;}
.n_r li{ float:left; padding:38.5px 15px; min-width:110px; text-align:center;}
.n_r li a{padding:0 40px; height:107px;display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center;}
.n_r li img{ height:17px; vertical-align:middle; cursor:pointer;}
.n_r .search { display: block; width: 10px; height: 30px; line-height: 30px; background: url(../images/search.png) no-repeat center center; border: 1px solid #fff; -webkit-transition: all .2s; transition: all .2s; padding: 0 15px; border-radius: 15px; cursor: pointer; margin:0 auto; color:#fff;}
.n_r .search:focus { width: 120px; background:url(../images/search.png) no-repeat 90% center;}



.index_m{ padding:20px 0; display:flex;}
.index_m .index_m2{ width: 32.333333%; margin: 0 .5%;}
.index_m .index_m2 img{
	max-height:400px;max-width: 100%; margin: auto;display: block;
}
.index_m .index_m2 a { display: block; -webkit-transition: all .6s; transition: all .6s; background: #fff; color: #282828; text-align: left; font-size: 16px; }
.index_m .index_m2 a:hover { box-shadow: 0 10px 20px rgba(238,238,238,0.2); transform: translate3d(0, -5px, 0); }
.index_m .index_m2 .info{   padding-left: 35px; padding-top: 20px; padding-bottom:50px;height: 150px;}
.index_m .index_m2 .info p{ color:#ca0915; font-size:21px; font-weight:bold; margin-bottom:5px;}
.index_m .index_m2 .info span{ color: #7d7d7d; font-size: 14px;}

.bottom{ background:#323238; padding-bottom:50px;}
.bottom .b1{ float:left; padding:60px 0 60px 42px; text-align:center}
.bottom .b1 p{ font-weight: bold; font-size: 15px; color: #FFF; margin-bottom:20px; text-align:center}
.bottom .b1 ul{

	/* width: 222px; */
}
.bottom .b1 p a{ color:#fff;}
.bottom .b1 li a{ color:#999; line-height:35px;font-size: 13px;}
.bottom .b2{ float:right; padding:60px; padding-left:0; text-align:left;}
.bottom .b2>span{ font-size:15px; color:#fff; font-weight:bold;}
.bottom .b2>span img{ vertical-align:middle; height:30px; margin-left:10px;}
.bottom .b2 p{ color:#999; line-height:1.6;}
.bottom .b2 p span{ font-size:17px; letter-spacing:1px; color:#fff; font-weight:bold;}

.foot{ background:#1e1e20; line-height:70px; color:#ccc; padding:0 60px; font-size:13px;}

.company{ background:#e4e4e4; padding:80px 0;}
.company .m_c{ padding:0 60px;}
.company h2{ font-size:28px; margin-bottom:40px;}
.company h2 span{ color:#ca0915;}
.company p{ line-height:30px; margin-bottom:20px; font-size:16px;}

.honor_b{ background:url(../images/honor_bg.jpg) no-repeat top right; background-size:cover;}
.tit2{ text-align: center; background: #242424; color: #fff; font-size:30px; font-weight:bold; line-height: 100px;}
.honor{ text-align:center; padding:80px 0;}
.honor p{ line-height:30px; margin-bottom:20px; font-size:16px;}
.honor .p2{ color:#ca0915;}
.honor p img{ width:22%; margin:0 1%;}

.champion{ text-align:center; padding:80px 0;}
.champion p{ line-height:30px; margin-bottom:20px; font-size:16px;}
.champion p.p2{ color:#ca0915; font-weight:bold;}
.c_n{ padding:50px 0;}
.c_n .c_n2{ float:left; width:33.3333333%; text-align:center; font-size:16px; color:#444;}
.c_n .c_t strong{ font-size:100px; color:#ca0915; font-family: klavika bold, impact, arial;}
.c_n .c_t span{}
.c_n p{}

.service{ text-align:center; padding:80px 0; background:url(../images/r_bg.jpg) no-repeat; background-size:cover;}
.service p{ line-height:30px; margin-bottom:20px; font-size:16px; position:relative;}
.service p img{ width:45%;}
.service p img.s2{ position:absolute; top:50%; left:50%; margin-top:-144px; margin-left:-167px; width:28%;-webkit-animation:circle 10s infinite linear;}

.base{ padding:80px 0; position:relative;}
.base>.clearfix{ margin-bottom:50px;}
.base .base_i{ width:50%; float:left;}
.base .base_i2{ width:40%; float:right; padding:25px 0; margin-right:5%;}
.base .base_i2 .d1{ text-align:center; font-size:16px;}
.base .base_i2 .d1 .p1{ color:#333;}
.base .base_i2 .d1 .p1 span{ font-weight:bold; color:#ca0915;}
.base .base_i2 .d1 .p2{ display:inline-block; width:30%; line-height:2; margin:20px 0;}
.base .base_i2 .d1 .p2 span.sp1{ font-size:24px; color:#ca0915; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.base .base_i2 .d1 .p2 span.sp2{ display:inline-block; border-top:1px solid #444; padding:0 20px;}
.base>p{ line-height:30px; margin-bottom:10px; font-size:16px;}
.base>p.pp1{ font-weight:bold; color:#ca0915;}

.n{ background: #F2F2F2; padding: 80px 0;}
.pro_c{ color:#444; font-size:20px; font-weight:bold; margin-bottom:20px;}
.pro_ul{ margin-bottom:30px;}
.pro_ul li .item { width: 32%; margin: 0 1% 30px 0; background: #fff; box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; float: left; overflow:hidden; position:relative; border:1px solid #fff;}
.pro_ul li .item:hover{ border:1px solid #ca0915;}
.pro_ul li .item.item02 { width: 49%; }
.pro_ul li .item .icon {  }
.pro_ul li .item .icon img { display: block; }
.pro_ul li .item .img { }
.pro_ul li .item.item02 .img { width: 50%; margin: 0 auto; }
.pro_ul li .item .img img { display: block; /*width: 100%;*/ margin: 0 auto; height:220px;}
.pro_ul li .item .tit { font-size: 24px; color: #4d4d4d; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 20px; margin-top:20px; text-align:center;}
.pro_ul li .item .tit a { color: #444; }
.pro_ul li .item.item02 .tit { float: left; margin-right: 10px; }
.pro_ul li .item .tit a:hover { color: #d61518; }
.pro_ul li .item .txt { font-size: 14px; line-height: 20px; color: #4d4d4d; margin-bottom: 20px; height: 20px; overflow: hidden; text-align:center;}
.pro_ul li .item.item02 .txt { line-height: 30px; height: 30px; margin-bottom: 19px; }

.content{ min-height:500px;}

.news_c{ background:#969696; padding:20px 0;}
.news_c ul{ text-align:center;}
.news_c ul li{ display:inline-block; padding:0 22px; }
.news_c ul li:last-child{ border:none;}
.news_c ul li a{ color:#fff; font-size:16px;}
.news_c ul li.on a,.news_c ul li a:hover{ color:#c3002f;}

.news_ul{}
.news_ul li{ width:31%; margin-right:3.5%; float:left; margin-bottom:30px;}
.news_ul li:nth-child(3n){ margin-right:0;}
.news_ul li img{ transition:1s; height:250px; width:100%;}
.news_ul li:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.news_ul li .news_tit{ padding:20px; background:#fff;}
.news_ul li .news_tit p{ font-weight:600; font-size:18px; line-height:1.6; height:58px; overflow:hidden;}
.news_ul li .news_tit .news_time{ font-size:12px; color:#333; display:block; margin-top:24px;}
.news_ul li .news_tit .news_time span{ display:block; width:16px; height:16px; float:right; background:url(../images/ldt10.png) no-repeat; background-size:auto 100%; transition:0.2s; background-position:0 0;}
.news_ul li:hover .news_tit .news_time span{ background-position:-16px 0;}

.news_detail{ background:none;}
.news_d_tit{ font-size:26px; font-weight:600;}
.news_d_time{ margin:30px 0;}
.news_d_time img{ margin-left:20px;}
.news_content p{ line-height:1.6; margin-bottom:10px;}

.pn{ margin-top:30px; display:flex;}
.pn li{ float:left; width:42%; padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.pn li img{ height:14px; margin-right:20px;}
.pn li span{ display:inline-block; width:80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pn li:last-child img{ margin-right:0; margin-left:20px;}
.pn li:last-child{ float:right; text-align:right;}
.pn li:nth-child(2){ width:16%; border:1px solid #ddd; text-align:center;}

.contact{ background:url(../images/contact.jpg) no-repeat top center fixed; height:810px; padding-top:150px;}



.contact .contact_m{ position:relative; display:flex;}
.contact_l{ background:rgba(0,0,0,0.4); width:50%; padding:50px; color:#fff;}
.contact_r{ background:rgba(0,0,0,0.5); width:50%; padding:50px;} 
.contact_l .p1{ font-size:24px; margin-bottom:30px;}
.contact_l .p2{ font-size:16px; line-height:1.8;}
.contact_r .p1{ font-size:16px; color:#fff;}
.contact_l .p2 img{ height:150px;}

.msg{ width: 100%; margin-top:30px;}
.msg div{ width: 100%; padding-bottom: 36px; float: left;}
.msg div .lf{ float: left;}
.msg div .ri{ float: right;}
.msg div i{ width: 150px; display: block; font-style: normal; font-size: 16px; float: left; letter-spacing: 3px; color: #fff;}
.msg div i font{ color: #dc0000;}
.msg div p{ margin:5px 0;}
.msg div p input{ width: 350px; height: 25px; border:none; border-bottom:1px solid #fff; background:none; overflow: hidden; font-size: 16px; font-family: ""; color:#fff; }
.msg div p select{ width:184px; height: 48px; float: left; border:1px solid #d9d9d9; border-radius:4px; overflow: hidden; font-size: 16px; text-indent: 12px; margin-left: 8px; font-family: ""	}
.msg div textarea{ width:350px; border:none; border-bottom:1px solid #fff; background:none; overflow: hidden; font-size: 16px; height: 100px; font-family: ""; color:#fff; margin-bottom:50px;}
.submits{ display: block; padding:5px 20px; color: #000; font-size: 14px;background: #fff;border:0 none; cursor: pointer;font-family: ""; margin-top:20px;}

.video{ position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:9999; display:none;}
.video_m{ position:absolute; width:800px; height:600px; top:50%; left:50%; margin-left:-400px; margin-top:-300px; background:#fff; z-index:9999;}
.video p{ position:absolute; height:30px; width:30px; font-size:30px; top:-15px; right:-15px; background:#fff; border-radius:15px; line-height:26px; text-align:center; cursor:pointer;}

.joinus{ margin:50px auto; display:flex;}
.joinus .j1{ width:30%; padding:70px 50px; background:#505050; color:#fff;}
.joinus .j2{ width:45%;}
.joinus .j1 .tit { font-size: 48px; font-family:  light; margin-bottom: 60px; position: relative; }
.joinus .j1 .tit:after { content: ''; display: block; width: 46px; height: 3px; background: #696969; position: absolute; left: 0; bottom: -30px; }
.joinus .j1 .txt { font-size: 14px; line-height: 28px; }
.joinus .j1_i{ width:70%; float:left;}
.joinus .j2_i{ width:55%;}

.p_j{ font-size:28px; padding-top:50px;}
.p_j span{ color:#d70000; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}

.service2 img{ display:block;}
.safetit { padding: 70px 0; background: #333; text-align: center; }
.safetit .tit { font-size: 48px; color: #fff; font-family:  light; }
.safelist { }
.safelist .item { height: 600px; width: 50%; float: left; position: relative; }
.safelist .item:nth-child(2) {  }
.safelist .item .info { position: absolute; right: 100px; bottom: 50px; color: #fff; }
.safelist .item:nth-child(2) .info { right: auto; bottom: auto; left: 75px; top: 70px; }
.safelist .item .info .nam { font-size: 36px; font-family:  light; margin-bottom: 5px; }
.safelist .item .info .txt { font-size: 20px; line-height: 30px; }
.safelist .item .info .btn { padding-top: 15px; margin-top: 15px; border-top: 1px dashed #424242; font-size: 14px; color: #ff0004; }
.safelist .item .info .btn a { color: #ff0004; display: block; }
.safelist .item .info .btn a:hover { opacity: .6; }
.safelist .item .info .btn a .more { float: right; font-family: simsun; }

.aftersalebox{ padding:40px 0;}
.aftersalebox p{ font-size: 18px; color: #000; margin-bottom: 20px;}
.aftersaletable { border-collapse:collapse; width: 100%; }
.aftersaletable th { background: #d70000; color: #fff; text-align: center; line-height: 40px; height: 40px; font-size: 18px; font-weight: normal; }
.aftersaletable td { font-size: 14px; line-height: 20px; color: #000; padding: 15px 20px; border-bottom: 1px solid #a3a3a3; }

.wd{ padding:30px 0;}
.wd img{ display:block; margin:20px auto;}

.sh img{ display:block;}
.aftersalelist { width: 80%; margin: 40px auto 0; }
.aftersalelist .item { width: 33.333333333%; float: left; margin-bottom: 30px; text-align: center; position: relative; }
.aftersalelist .item:after { content: ''; display: block; width: 1px; height: 135px; background: #a1a1a1; position: absolute; right: 0; top: 12px; }
.aftersalelist .item:nth-child(3n):after { display: none; }
.aftersalelist .item .img img { display: block; margin: 0 auto 10px; }
.aftersalelist .item .nam { font-size: 18px; color: #808080; }
.aftersalelist .item .txt { font-size: 12px; line-height: 30px; color: #808080; height: 60px; overflow: hidden; }

.aftersalebox01 { padding: 40px; background: #bababa; }
.aftersalebox01 .tit { font-size: 36px; color: #4f4f4f; text-align: center; font-family:  light; margin-bottom: 20px; }

.aftersalebox02{ background:#e6e6e6;}
.liebiao{ margin-top:30px; float:right; width:500px;}
.liebiao h2{ display:block; font-size:26px; color:#000; border-bottom:2px solid #000; height:50px; line-height:50px; text-align:left;}
.liebiao ul li{ display:block; height:35px; line-height:35px; color:#000; font-size:16px;}
.liebiao ul li span{ text-align:left; float: left; width:150px;}
.liebiao ul li b{ float:right; width:200px;}
.dpc{text-align:center; width:500px; float:left;}
.dpc img{ width:100%;}

@-webkit-keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(360deg); }
}
@media (min-width: 1200px){
	.mm-panel:not(.mm-hidden) {
    display: none !important;
}
	.mm-menu_offcanvas.mm-menu_opened{ display:none}
	}
@media (max-width: 1120px) {
	.dpc{ float:none; width:100%; margin:0 auto;}
	.dpc img{ width:100%;}
	.liebiao{float:none; width:100%; margin:0 auto;}
	.msg div p input{ width:100%;}
	.msg div textarea{ width:100%;}
.n{ padding:20px 0;}
.nav,.n_r{ display:none;}
.logo{ padding:10px 30px 10px 20px; height:50px;}
.top .a_m{ display:block;}
.bannerslide{ height:180px;}
.index_m{ display:block;}
.index_m .index_m2{ width:98%; margin:-35px 1% 10px;}
.index_m .index_m2 .info{ padding-left:15px; padding-bottom:15px; padding-top:15px;}
.index_m .index_m2 .info p{ font-size:18px;}
.bottom{ padding-bottom:20px;}
.bottom .b1{ width:98%; margin:0 1%; float:none; padding:0 30px;}
.bottom .b1:first-child{ padding-top:30px;}
.bottom .b1 p{ margin-bottom:0; padding:10px; background:#54545a url(../images/down-up.png) no-repeat; background-position:100% 0; margin-top:1px;}
.bottom .b1 p.on{ background-position:100% -40px;}
.bottom .b1 ul{ padding:0 10px; background:#8e8e93; display:none;}
.bottom .b1 li{ padding:2px 0; width:50%; float:left;}
.bottom .b1 li a{ color:#fff;}
.bottom .b2{ float:none; padding:10px 40px;}
.bottom .b2>span{ }
.bottom .b2 > span img {
        vertical-align: middle;
        height: 25px;
        margin-left: 10px;
    }

.pro_ul li .item{ width:49%;}
.pro_ul li .item .tit{ font-size:16px; margin-bottom:10px; margin-top:10px;}
.pro_ul li .item .img img{ height:110px;}
.company{ padding:40px 10px;}
.company .m_c{ padding:0;}
.company h2{ font-size:20px;}
.news_c ul li{ padding:0 20px;}
.wapper{ width:100%;}

.news_ul li{ width:48%; margin-right:4%;}
.news_ul li:mth-child(3n){ margin-right:4%;}
.news_ul li:nth-child(2n){ margin-right:0;}
.news_ul li img{ height:150px;}
.safetit{ padding:30px 0;}
.safetit .tit{ font-size:20px;}
.safelist .item{ width:100%; height:400px; background:url(../images/safelist01.jpg) no-repeat center center}
.safelist .item:nth-child(2){ background:url(../images/safelist02.jpg) no-repeat left center;}
.aftersalelist{ width:100%; margin:20px auto 0;}
.aftersalelist .item{ width:50%;}
.aftersalelist .item:after{ width:0;}
.aftersalelist .item .txt{ margin-top:0 !important;}
.aftersalelist .item .txt br{ display:none;}
.aftersalebox01{ padding:20px 0;}
.aftersalebox01 .tit{ font-size:20px;}
.aftersaletable th{ font-size:14px;}
.contact .contact_m{ display:block;}
.contact_l,.contact_r{ width:100%;}
.contact{ height:auto;}
.p_j{ font-size:24px;}
.joinus{ display:block;}
.joinus .j1_i,.joinus .j1,.joinus .j2_i{ width:100%; float:none;}
.joinus .j1{ padding:20px;}
.joinus .j1 .tit{ font-size:20px;}
.foot{ padding:20px; line-height:20px;}
}