/* 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:#c70f10;}
.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: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:#8E8E8E; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{ background-color:#535353}
::-webkit-scrollbar-resizer:vertical{ background-color:#FF6E00}
::selection { background: #c70f10; color: #fff; }


/*banner*/
.bannerslide { height:auto; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s;}
.bannerslide .swiper-slide { background-position: center top; background-size: cover; position: relative; }
.bannerslide .swiper-slide img{ width:100%;}
.bannerslide .swiper-slide .textbox { color: #fff; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all .4s .2s; transition: all .4s .2s; text-shadow:#666 5px 5px 30px;}
.bannerslide .swiper-slide.swiper-slide-active .textbox { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.bannerslide .swiper-slide .textbox1{ margin:350px 0 0 800px; text-align:right;}
.bannerslide .swiper-slide .textbox2{ margin:300px 0 0 0; text-align:left;}
.bannerslide .swiper-slide .textbox3{ margin:200px 0 0 0; text-align:center;}
.bannerslide .swiper-slide .textbox .p1{ font-size:60px; font-weight:100;}
.bannerslide .swiper-slide .textbox .p2{ font-size:15px; line-height:1.8;}

.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #007bba; }

.m{ width:95%; max-width:1200px; margin:0 auto;}
.n{ padding:50px 0;}
.n2{ padding:50px 0; background: #F2F2F2;}

.top{ padding:18px 15px; background:#fff; z-index:9; position:absolute; top:50px; left:50%; margin-left:-600px;}
.top .logo{ float:left;}
.top  ul{ float:right;}
.top  ul li{ float:left; line-height:64px; padding:0 12px;}
.top  ul li img{ height:15px; display:inline-block; margin-right:3px; margin-bottom:-2px;}
.top .a_m{ float: right; display: none; margin-top: 13px;}


.ind_pro .p_t{ text-align:center; color:#333; font-size:24px; position:relative; letter-spacing:2px; padding-bottom:10px; margin-bottom:20px;}
.ind_pro .p_t:after{ position: absolute; bottom: -2px; left: 50%; width: 60px; height: 2px; margin-left: -30px; content: ""; background: #595959;}
.ind_pro .p_d{ text-align:center; color:#7e7e7e; line-height:25px; font-size:15px;}
.ind_pro .ip_u1{ text-align:center; margin:50px auto;}
.ind_pro .ip_u1 li{ display:inline-block; margin:0 15px;}
.ind_pro .ip_u1 li a{ color:#a9a8a8;}
.ind_pro .ip_u1 li.on a,.ind_pro .ip_u1 li a:hover{ color:#222;}

.ip_i{ padding:0 20px;}
.swiper-container2{ overflow:hidden;}
.swiper-container2 .swiper-slide .p1{ margin:10px 0;}
.swiper-container2 .swiper-slide .p1 a{ letter-spacing:1px; font-size:18px; color:#222;}
.swiper-container2 .swiper-slide .p2{ color:#7e7e7e; letter-spacing:1px; font-size:13px;}
.swiper-container2 .swiper-slide>div{ position:relative; text-align:center;}
.swiper-container2 .swiper-slide>div .ip_bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; -webkit-transition: all .3s; transition: all .3s; opacity: 0; border: 20px solid rgba(0, 0, 0, .1); background-color: rgba(255, 255, 255, .9);}
.swiper-container2 .swiper-slide:hover .ip_bg{ opacity:1;}
.swiper-container2 .swiper-slide>div .s2{ position:absolute; width:35px; top:50%; left:50%; margin-top:-50px; margin-left:-17.5px; transition: all .5s;}
.swiper-container2 .swiper-slide:hover .s2{ margin-top:-17.5px;}
.swiper-button-np{ text-align:center; margin-top:30px;}
.swiper-button-next2,.swiper-button-prev2{ display:inline-block; padding:8px 16px; background:#e5e5e5; cursor:pointer;}

.ind_bn{ padding: 150px 0; background-image: url(../images/pban.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 50%; background-size: cover; text-align:center; color:#fff;}
.ind_bn .p1{ letter-spacing: 3px; font-size: 16px;}
.ind_bn .p2{ letter-spacing: 2px; font-size: 36px; line-height:1.8;}
.ind_bn a{ display:inline-block; background:#c70f10; color:#fff; letter-spacing: 1px; padding:15px 30px; margin-top:50px; transition: all .3s;}
.ind_bn a:hover{ background:#fff; color:#c70f10;}

.ip_d{ padding:80px 0 40px;}
.ip_d_l{ width:48%; float:left;}
.ip_d_r{ width:48%; float:right;}
.ip_d .p1{ color:#c70f10; font-size:18px; letter-spacing:1px; padding-top:30px;}
.ip_d .p2{ color:#333; letter-spacing:2px; font-size:30px; line-height:1.8;}
.ip_d .p3{ color:#777; font-size:15px;}
.ip_d .p4{ color:#323232; font-weight:700; margin:15px 0 30px;}
.ip_d .p5{ color:#7e7e7e; line-height:30px; font-size:15px; letter-spacing:1px;}
.ip_d a{ color:#222; border: 1px solid #222; padding:10px 20px; letter-spacing: 1px; display:inline-block; transition: all .3s; font-size:12px; margin-top:30px;}
.ip_d a:hover{ background:#222; color:#fff;}

.ind_ab{ background: url(../images/Panigale.jpg) no-repeat center top; padding: 100px 0; color:#fff; margin-top:40px;}
.ind_ab .m{ padding:40px;}
.ind_ab .p1{ letter-spacing: 1px; font-size:24px;}
.ind_ab .p2{ letter-spacing: 1px; margin-top:30px; font-size:15px;}
.ind_ab a{ display:inline-block; padding:15px 30px; color:#fff; background:#c70f10; transition: all .3s; margin-top:130px;}
.ind_ab a:hover{ background:#000;}

.ind_c{ margin:80px auto; max-width: 1330px;}
.ind_c>div{ background: url(../images/ad.jpg) no-repeat center center; background-size: cover; max-width: 1330px; padding:40px; margin:0 auto;}
.ind_c>div .ic_l{ width:75%; float:left;}
.ind_c>div .ic_l .p1{ color:#333; font-size:18px;}
.ind_c>div .ic_l .p1 span{ color:#c70f10;}
.ind_c>div .ic_l .p1 img{ width:27px;}
.ind_c>div .ic_l .p2{ margin-top:10px; color:#7e7e7e; font-size:15px; line-height:1.5;}
.ind_c>div .ic_r{ display:block; float:right; padding:15px 30px; background:#c70f10; transition: all .3s; color:#fff; max-width:20%; margin-top:20px;}
.ind_c>div .ic_r:hover{ background:#000;}

.bottom{ background:#222; padding:80px 0; color:#fff;}
.bottom .m{ padding:0 60px;}
.bottom .m p{ letter-spacing:2px;}
.bottom .m p span{ font-size:12px; color:#d0d0d0; line-height:2;}
.bottom .m p a{ float:right; color:#fff; font-size:12px;}

a.gotop{ width:45px; height:45px; background:#363636; position:fixed; right:20px; bottom:300px; z-index:9999; text-align:center; padding-top:8px; border-radius:5px; display:none;}
a.gotop:hover{ background:#B92825;}
a.gotop img{ height:25px;}

.top_n .top{ position:relative; top:auto; left:auto; margin:0 auto;}

.nbanner img{ width:100%;}

.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;}
.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; }

.company h2{ font-size:28px; margin-bottom:40px;}
.company h2 span{ color:#c70f10;}
.company p{ line-height:30px; margin-bottom:20px; font-size:16px;}

/*honor*/
.honor_ul li{ width:23.5%; margin-right:2%; float:left; margin-bottom:20px;}
.honor_ul li img{ height:391px;}
.honor_ul li:nth-child(4n){ margin-right:0;}


.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 a>div{ overflow:hidden;}
.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; white-space:nowrap; text-overflow:ellipsis;}
.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;}

.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: 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;}





@media (max-width:1120px) {
.n{ padding:20px 0;}
.top{ position:relative; top:0; left:0; margin-left:0;}
.top ul{ display:none;}
.top .a_m{ display:block;}
.bannerslide{ height:300px;}
.bannerslide .swiper-slide .textbox{ display:none;}
.ind_pro .p_d{ font-size:13px; padding:0 10px;}
.ind_pro .p_d br{ display:none;}
.ind_pro .ip_u1{ margin:20px auto;}
.ind_bn .p1{ font-size:12px; padding:0 20px;}
.ind_bn .p2{ font-size:18px;}
.ind_bn a{ padding:10px 20px;}
.ip_d{ padding:20px 0;}
.ip_d_l,.ip_d_r{ width:100%; float:none;}
.ip_d .p1{ font-size:12px;}
.ip_d .p2{ font-size:20px;}
.ip_d .p3{ font-size:14px;}
.ip_d .p4{ margin:10px 0;}
.ip_d .p5{ line-height:20px; font-size:13px;}
.ip_d .pp1{ padding-top:0;}
.ip_d a{ margin:10px 0;}
.ind_ab{ padding-top:20px;}
.ind_ab .m{ padding:20px 0;}
.ind_ab .p1{ font-size:18px;}
.ind_ab .p2{ font-size:12px; line-height:1.6;}
.ind_c{ margin:20px auto;}
.ind_c>div{ padding:10px; background:none;}
.ind_c>div .ic_l,.ind_c>div .ic_r{ float:none; width:100%; max-width:100%;}
.bottom{ padding:20px 0;}
.bottom .m{ padding:0 20px;}
.bottom .m p a{ float:none; display:block;}
.pro_ul li .item{ width:48%; margin-right:4%;}
.pro_ul li:nth-child(2n) .item{ margin-right:0;}
.pro_ul li .item .tit{ font-size:16px; font-weight:normal; margin-bottom:10px; margin-top:10px;}
.company h2{ font-size:18px;}
.company p{ font-size:14px; line-height:1.6;}
.honor_ul li{ width:48%; margin-right:4%;}
.honor_ul li:nth-child(2n){ margin-right:0;}
.honor_ul li img{ height:auto;}
.contact{ height:auto; padding-top:20px;}
.contact .contact_m{ display:block;}
.contact_l,.contact_r{ width:100%;}
.msg div p{ float:none;}
.msg div p input,.msg div textarea{ width:100%;}
.news_ul li{ width:48%; margin-right:4%;}
.news_ul li:nth-child(3n){ margin-right:4%;}
.news_ul li:nth-child(2n){ margin-right:0;}
.news_ul li .news_tit p{ height:auto;}
}