*{box-sizing:border-box;font-family:"Microsoft YaHei"}
html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:normal;vertical-align:baseline;font-family: "Microsoft YaHei",Arial,sans-serif;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul,li{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}th,td{vertical-align:middle;}a{outline:none;color:#16418a;text-decoration:none;-webkit-backface-visibility:hidden;}a:focus{outline:none;}input:focus,select:focus,textarea:focus{outline:-webkit-focus-ring-color auto 0;}

  ul, li {list-style: none;}
  a {    text-decoration: none;    font-size: 14px;    color: #333;  }
  a:hover {    text-decoration: none;  }
  .left{float: left;}
  .right{float: right;}
.banner{width: 100%;height: auto;height: 500p;overflow: hidden;box-shadow: 0 2px 4px #999;}


.w1400{width: 1400px;overflow: hidden;height: auto;margin: 0 auto;}
.w1200{width: 1200px;overflow: hidden;height: auto;margin: 0 auto;}
.w1100{width: 1100px;overflow: hidden;height: auto;margin: 0 auto;}
.w1000{width: 1000px;overflow: hidden;height: auto;margin: 0 auto;}

.container{width: 1200px;overflow: hidden;height: auto;margin: 0 auto;}



header{width:100%;height:100px;background-color:#fff;}
.logo{width:90px;height:100px;float: left;}
.nav{float: right;width: 760px;    margin-right: 80px;}
.nav>ul>li{width: 105px;float: left;height: 100px;text-align: center;transition: all 1s;position:relative; z-index: 999;}
.nav>ul>li>a{background-color:#fff;}
.nav>ul>li.active a{background-color:#d80c35;}
.nav>ul>li.active a{color: #fff;}
.nav>ul>li>a{width: 105px;height:100px;display: inline-block;color: #333333;line-height: 100px;font-size: 16px; position:relative; z-index: 10000;}

.nav>ul>li.active .dropDown{top:90px;}
.dropDown{width:90px;height:auto;overflow:hidden;position:absolute;top:-100px;left:0px;transition:all 1s;z-index: 909;background-color:#d80c35;}
.dropDown ul li{width:90px;height:50px;text-align:center;}
.dropDown ul li a{width:90px;height:50px;display:inline-block;line-height:50px;color:#fff;}
.dropDown ul li:hover a{background-color:#cd0029;}

.cate{width:100%;height: 330px;background-color: #d80c35;padding: 40px 0 0 0;margin-bottom: 160px;}
.cate1{width:402px;height:389px;float: left;box-shadow: 1px 0px 6px #333;padding:60px;text-align: center;background: url('/images/cate-bg.jpg');}
.cate1 img{
    display: inline;
}
.cate1 span{display: block;color: #d80c35;font-size: 16px;line-height: 60px;font-weight: bold;}


.cate2{position: absolute;right: 200px;width: 91px;text-align: center;margin-top: 40px;}
.cate2 a{color: #fff;display: inline-block;line-height: 60px;font-size: 18px;}


.more{
    margin-top: 60px;
    width: 160px;
    height: 40px;
    text-align: center;
    background-color: #d80c35;
    display: inline-block;
}
.more a{
    font-size: 16px;
    color: #fff;
    line-height: 40px;
}


.device{width:100%;height:auto;overflow: hidden;}
.device-title{width:100%;height:50px;border-bottom: 1px solid #d80c35;}
.device-title1{float: left;width: 500px;height: 50px;padding-left: 26px;line-height: 50px;background: url('/images/device-title-bg.png') no-repeat;}
.device-title1 span{font-size: 20px;color: #fff;}
.device-title1 em{font-size: 14px;color:#fff;}

.device-title2{float:right;}
.device-title2 li{width:180px;text-align: center;float: left;line-height: 50px;cursor:pointer;}
.device-title2 li span{color:#333;font-size:16px;}

.device-title2 li:hover span, .device-title2 li.active span{color:#d80c35;}


.device-content{width:100%;height: 500px;overflow: hidden;}
.device-con1{width:600px;float:left;height: 400px;padding-top: 60px;}
.device-con11{color:#d80c35 ;font-size: 20px;}
.device-con11 p{line-height: 80px;}
.device-con12{}
.device-con12 p{color:#999999;font-size: 14px;line-height: 26px;}
.device-con13{
    height: 100px;
    margin-top: 60px;
}
.device-con13 li{width: 160px;height: 100px;float:left;margin-right: 30px;border: 1px solid #cccc;position: relative;}
.device-con13 li img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.device-con2{width: 600px;height: 400px;float: right;}
.device-con2 img{}



.pro{width:100%;height: 500px;}
.pro-title{width:100%;height:50px;border-bottom: 1px solid #d80c35;}
.pro-title1{float: left;width: 500px;height: 50px;padding-left: 26px;line-height: 50px;background: url('/images/device-title-bg.png') no-repeat;}
.pro-title1 span{font-size: 20px;color: #fff;}
.pro-title1 em{font-size: 14px;color:#fff;}

.pro-title2{float: right;}
.pro-title2 a{font-size: 16px;display: inline-block;line-height: 50px;color: #e98397;letter-spacing: 1px;}

.slider{margin-top: 40px;width:1200px !important;height: 360px !important;}
.slider img{width:100%;height:185px;}
.slider span{margin-top: 40px;display: block;color: #666666;}
.prev123{box-shadow: 0 0 6px #999 !important;border: none !important;font-size: 16px !important;}
.prev123 a{width: 140px;height: 40px;background-color:#d80c35;position: absolute;bottom: 15px;left: 50%;margin-left: -70px;color: #fff;line-height: 40px;border-radius: 5px;}

.about{width: 100%;height: 588px;overflow: hidden;
    background: url('/images/about-bg.jpg') center center no-repeat;padding-top:60px;}
.about1{width: 500px;height: 400px;}
.about1 h1{font-size: 20px;color: #fff;line-height: 80px;}
.about1 p{font-size: 14px;color: #fff;line-height: 30px;text-indent: 2em;}
.about1 .more-about{width: 160px;height: 40px;text-align: center;background-color: #fff;margin-top: 30px;}
.about1 .more-about a{font-size: 16px;line-height: 40px;color: #d80c35;}


.news{width: 100%;height: 640px;margin-top: 60px;}
.news-left{width: 510px;float: left;}
.news-left-title{
   background:url('/images/device-title-bg.png') no-repeat left center;
   width: 510px;
   height: 50px;
   padding-left: 26px;
   line-height: 50px;
   border-bottom:1px solid #d80c35;
   margin-bottom: 20px;
   }
.news-left-title1{    width: 300px;    float: left;}
.news-left-title1 span{font-size: 18px;color: #fff;}
.news-left-title1 em{font-size: 12px;color:#fff;}

.news-left-con{margin-top: 20px;width: 510px;height: 500px;}
.news-left-con>img{width: 100%;}


.news-left-con1{width: 510px !important;background-color: #efefef;height: 500px;}
.news-left-con2{padding:10px 20px 10px 20px;text-align: left;}
.news-left-con2 a{font-size: 18px;color:#333;line-height: 50px;}
.news-left-con2 p{font-size: 12px;line-height: 22px;letter-spacing: 1px;color: #5c5c5c;}

.news-left-title2{float: right;}
.news-left-title2 a{
    color: #e98397;
    font-size: 16px;
}





.news-right{width: 650px;float: right;}
.news-right-title{
   background:url('/images/device-title-bg.png') no-repeat left center;
   width: 650px;
   height: 50px;
   padding-left: 26px;
   line-height: 50px;
   border-bottom:1px solid #d80c35;
   margin-bottom: 26px;
   }
.news-right-title1{    width: 300px;    float: left;}
.news-right-title1 span{font-size: 18px;color: #fff;}
.news-right-title1 em{font-size: 12px;color:#fff;}

.news-right-title2{float: right;}
.news-right-title2 a{
    color: #e98397;
    font-size: 16px;}

.news-right-con{margin-top: 0px;width: 100%;}
.news-right-con dl{width: 99%;height: 140px;cursor: pointer;box-shadow: 0 0 6px #efefef;padding: 15px 20px 25px;margin-top: 30px;}
.news-right-con dl dt{width: 400px;height: 100px;float: left;}
.news-right-con dl dt a{font-size: 18px;color: #333;line-height: 20px;display: block;LETTER-SPACING: 1px;margin-bottom: 22px;}
.news-right-con dl dt p{font-size: 12px;color: #999;line-height: 22px;}

.news-right-con dl:hover{box-shadow: 0 0 6px #999;}


.news-right-con dl dd{float: right;width: 60px;text-align: center;}
.news-right-con dl dd span{
    font-size: 14px;
    color: #666;
    display: block;
}
.news-right-con dl dd img{
    display: inline-block;
    margin-top: 30px;
}



footer{width: 100%;overflow: hidden;background-color: #d80c35;clear: both;
padding:50px 0;}
.foot-nav{width: 600px;float: left;}
.foot-nav ul{width: 150px;float: left;text-align: center;}
.foot-nav ul li{}
.foot-nav ul li:first-child{
    margin-bottom: 10px;
}
.foot-nav ul li:first-child a{font-size: 18px;line-height: 24px;}
.foot-nav li a{
    color: #fff;
    line-height: 30px;
    display: block;
}

.foot-tel{float: left;width: 200px;margin-left: 50px;}
.foot-tel img{
    margin-right: 10px;
}
.foot-tel span{font-size: 26px;color: #ffa462;letter-spacing: 3px;}
.foot-tel p{font-size: 34px;color: #ffa462;font-family: arial;line-height: 50px;letter-spacing: 1px;}


.foot-contact{width: 310px;float: right;}
.foot-contact ul li{width:100%;height: 50px;position: relative;/* padding-top: 20px; */}
.foot-contact ul li p{font-size: 14px;color: #ffc3c3;width: 260px;text-align: right;}
.foot-contact ul li img{width:26px;height: 26px;position: absolute;right: 0px;top: 0px;}

.foot-contact ul li:first-child{height: 60px;}

.foot-bottom{clear: both;text-align: center;margin-top: 230px;}
.foot-bottom p{font-size: 14px;color: #ffc3c3;}
.foot-bottom p a{font-size: 14px;color: #ffc3c3;}