/* 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:Microsoft Yahei; 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;}

/*滚动条*/
::-webkit-scrollbar{ width:5px; 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 { height:796px; 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:Microsoft yahei; color:#fefefe; font-size:34px; text-decoration:none; font-weight:bold; line-height:45px; position:absolute; top:150px;}
.bannertitlea{font-family:Microsoft yahei; color:#fefefe; font-size:18px; text-decoration:none; line-height:30px; position:absolute; top:220px;}
.bannertitleb{font-family:Microsoft yahei; color:#fefefe; font-size:15px; text-decoration:none; line-height:22px; width:450px; position:absolute; top:260px;}
.bannertitleba{font-family:Microsoft yahei; 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:Microsoft yahei;}
.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:Microsoft yahei;}

.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{ box-shadow: 0 1px 20px rgba(0,0,0,0.15);}
.logo{ padding:20px 30px 20px 50px; float:left;}
.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 22px; line-height:140px; display:inline-block;}
.nav>li>ul{ position:absolute; top:140px; left:0; width:100%; background:#f1f1f1; z-index:99999; text-align:center; line-height:3; font-size:12px; display:none;}
.nav>li>ul li{ transition:0.2s;}
.nav>li>ul li:hover{ background:#ca0915;}
.nav>li>ul li:hover a{ color:#fff;}
.top .a_m{ float:right; display:none; padding:20px 10px 0 0;}

.n_r{ float:right;}
.n_r li{ float:left; padding:38.5px 20px; 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:#ca0915 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:#ca0915 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 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{ border-right: 1px solid #e4e4e4; border-bottom: 1px solid #d4d4d4; padding-left: 35px; padding-top: 20px; padding-bottom:50px;}
.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; width:13%; padding:60px 0 60px 60px;}
.bottom .b1 p{ font-weight: bold; font-size: 15px; color: #FFF; margin-bottom:20px;}
.bottom .b1 p a{ color:#fff;}
.bottom .b1 li a{ color:#999; line-height:1.8;}
.bottom .b2{ float:right; padding:60px; padding-left:0; text-align:right;}
.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 { padding: 20px; width: 24%; margin: 0 1% 10px 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; }
.pro_ul li .item .tit { font-size: 24px; color: #4d4d4d; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 5px; 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;}
.content .pro_content img{ display:block;}

.news_c{ background:#969696; padding:20px 0;}
.news_c ul{ text-align:center;}
.news_c ul li{ display:inline-block; padding:0 40px; border-right:1px solid #fff;}
.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;}
.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;}
.msg div .lf{ float: left;}
.msg div .ri{ float: right;}
.msg div i{ width: 90px; 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;}

/*news*/
.ny-news-top{
    margin:0 1% 4%;
}
.ny-news-top .fl{
    width: 27%;
    overflow: hidden;
}
.ny-news-img img{ width:280px; height:200px;}
.ny-news-top .fr{
    width: 73%;
}
.ny-news-txt .news-title{
    font-size: 18px;
    font-weight: bold;
    color: #000;

}
.news-title a{ font-size:18px !important;}
.news-title a:hover{ color:#c3002f;}
.ny-news-txt .news-desc{
    margin: 5% 0;
    font-size: 13px;
    color: #000;
    text-align: justify;
    line-height: 2;
}
.ny-news-txt .news-more a{
    position: relative;
    display: inline-block;
    padding: 1% 4%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #969696;
    overflow: hidden;
}
.ny-news-txt .news-more a span{
    position: relative;
    z-index: 2;
}
.ny-news-txt .news-more a:after{
    content:" " ;
    position: absolute;
    top:0;
    left:-100%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #c3002f;
    transition: all .2s linear;
}
.ny-news-txt .news-more a:hover:after{
    left: 0;
}
.ny-news-list li{
    float: none;
    width: 100%;
    margin: 2% 0;
}
.ny-news-list li a{
    display: block;
    font-size: 16px;
    line-height: 1.2;
    color: #333;
    border-left: 5px solid #e7e7e7;
    background: #fff;
    line-height: 70px;
    padding: 0 5%;
    height: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s ;
}
.ny-news-list li a:hover{
    color: #fff;
    background: #969696;
    border-left: 5px solid #c3002f;
}





@-webkit-keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(360deg); }
}

@media (max-width: 1120px) {
.n{ padding:20px 0;}
.cctv,.nav,.n_r{ display:none;}
.logo{ padding:10px; border:none; height:80px;}
.bannerslide{ height:250px;}
.top .a_m{ display:block;}
.index_m{ display:block;}
.index_m .index_m2{ width:98%; margin:0 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;}
.video_m{ width:95%; height:40%; left:2.5%; top:30%; margin-left:0; margin-top:0;}
.video_m iframe{ width:100%; height:100%;}
.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{ display:none;}
.foot{ line-height:2; text-align:center; padding:10px 40px;}

.company{ padding:20px 0;}
.company .m_c{ padding:0 20px;}
.company h2{ font-size:20px; margin-bottom:20px;}
.tit2{ font-size:20px; line-height:60px;}
.honor{ padding:20px 0;}
.honor_b{ background:none;}
.champion{ padding:20px 0;}
.champion>p,.service_m>p{ padding:0 50px;}
.c_n{ padding:20px 0;}
.c_n .c_t strong{ font-size:40px;}
.service{ padding:20px 0;}
.service p img{ width:100%;}
.service p img.s2{ width:50%; top:20%; left:25%; margin-left:0; margin-top:0;}
.base{ padding:20px 0;}
.base .base_i,.base .base_i2{ float:none; width:100%;}
.base>.clearfix{ margin-bottom:10px;}
.pro_ul li .item{ width:49%;}
.pro_ul li .item .tit{ font-size:18px;}
.news_c ul li{ width:50%; text-align:center; display:block; float:left; margin-bottom:5px;}
.news_c ul li:nth-child(2n){ border:none;}
.news_ul li{ width:100%; margin-right:0;}
.news_ul li img{ width:100%;}
.contact .contact_m{ display:block;}
.contact_l,.contact_r{ width:100%;}
.contact{ padding-top:20px; height:auto;}
.msg div p input,.msg div textarea{ width:auto;}
.inbanner{ overflow:hidden;}
.inbanner img{ width:150%; margin-left:-25%; max-width:150%;}

.ny-news-top .fl{ display:none;}
.ny-news-top .fr{ width:100%; float:none;}

}