*{ margin: 0; padding: 0;}
html,body{  width: 100%; max-width: 1920px; min-width: 1280px; margin: 0 auto; color: #666;  }
body{  position: relative;  font-size: 14px; margin: auto; font-family: "微软雅黑"; overflow-x: hidden; }
a{ color: #666; text-decoration: none;}
a:hover,
a:focus{ text-decoration: none;}
h4{ font-size: 16px; font-weight: normal;color: #666666;}
i,em{font-style: normal; font-family: arial;}
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ vertical-align: middle; max-width: 100%; border: none;}


.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ""; display: block; clear: both;}
.wapper{ width: 1280px; margin: 0 auto;}
.baff{ background: #fff !important;}






/* top  */
.top{ position: fixed; top: 0; right: 0; z-index: 11;}
.menu{ position: absolute; right:374px; z-index: 11;  }
.nav span{ display: block; width: 140px; height: 50px; cursor: pointer;}


.menuul{ position: fixed; z-index:1; top: 0; right: -100%; background: #e6e6e6; padding: 50px 0; transition: .5s;}
.menuul.active{ right: 0;}
.menuul ul li{  min-width: 440px; padding: 0 37px; margin-top: 20px; }
.menuul ul li>a{ display: block; font-size: 28px; color: #333; padding: 16px 0;  transition: 0.5s; text-transform: uppercase; }

.menuul ul li dl{ position: absolute; top: 0; right: 514px; min-width: 200px; padding: 0 25px; background: #fff; padding-top: 65px;}
.menuul ul li dl dt a{ display: block; font-size: 22px; color: #333;  padding: 22px 0;}
.menuul ul li dl dt a:hover{ color: #EA3838;}

.menuul ul li:hover{ background: #fff; }
.menuul ul li:hover>a{ color: #ea3838; padding-left: 50px; background-size: 32px 20px;}
.menuul ul li.s1:hover>a{  background: url(../images/menu1.png) no-repeat left center; }
.menuul ul li.s2:hover>a{  background: url(../images/menu2.png) no-repeat left center; }
.menuul ul li.s3:hover>a{  background: url(../images/menumot.png) no-repeat left center; }
.menuul ul li.s4:hover>a{  background: url(../images/menu3.png) no-repeat left center; }




.lag{ position: absolute; left: 144px; top: 0px;}
.lag span{ display: block; width: 48px; height: 48px; line-height: 49px; text-align: center; border: 1px solid #e6e6e6; background:rgba(0,0,0,.3); cursor: pointer;}
.lag span img{ transition: .5s;}
.lag:hover span{  border-color: #ccc; background: #1a1a1a;}
.lag:hover span img{transform: rotate(180deg); }
.lag ul{ display: none; position: absolute; left: 0; top: 51px;}
.lag ul li{ width: 40px; height: 50px; line-height: 50px; text-align: center; background: #f2f2f2; padding: 0 5px; margin-bottom: 1px;}
.lag ul li.gw{ line-height: 24px;}
.lag ul li a{ display: block; font-size: 16px; color: #ea3838; text-transform: uppercase;}



.logo{ position: absolute; top: 20px; left: calc(50% - 640px); width: 226px; height: 150px;  z-index: 10;  }
.logo img{ width: 226px; height: 150px; }






/*banner*/
.banner,.banner .flexslider,.banner .slides li{  min-width: 1280px;  margin: 0 auto; position: relative;}
.banner .flexslider{overflow: hidden; z-index: 0; display: block;}
.banner .slides li{ position: relative; z-index: 0; display: block; }
.banner .slides li a{display: block; height: 100%;}


.nbanner{ min-width: 1200px; height: 705px; margin: auto;}
.nbanner,.nbanner .flexslider,.nbanner .slides li{ height: 705px;}


/* 圆点切换 */
.banner .flex-control-paging{ }
.banner .flex-control-nav{position:absolute; bottom: 50%; z-index:11111; right: 320px;  margin: 0 auto; text-align: center; }
.banner .flex-control-nav li{ width: 22px; height: 22px; margin: 22px 0;  text-align: center; overflow: hidden;}
.banner .flex-control-nav a{ display: inline-block; width: 22px; height: 22px; line-height: 100px; cursor:pointer; color: #fff; font-family: Arial;  overflow: hidden; background:url(../images/banslide.png) no-repeat top center;}
.banner .flex-control-nav .flex-active{ background-position: 0 -41px; }


/* 左右按钮切换 */
/*.flex-direction-nav a{ width: 40px; height: 48px; line-height: 99em; overflow:hidden; display: block; position: absolute; top:; z-index:10; cursor:pointer;opacity:1;filter:alpha(opacity=1); -webkit-transition:all .3s ease; outline: none;}
.flex-direction-nav .flex-next{  height: 100%;  background:rgba(255,255,255,.5); right:0;}
.flex-direction-nav .flex-prev{  height: 100%;  background:rgba(255,255,255,.5); left:0;}
.flex-direction-nav .flex-prev:after{ content: '<'; display: block; width: 100%; height: 100%; line-height: 338px; font-family: '宋体'; font-size: 16px; color: #fff; text-align: center; }
.flex-direction-nav .flex-next:after{ content: '>'; display: block; width: 100%; height: 100%; line-height: 338px; font-family: '宋体'; font-size: 16px; color: #fff; text-align: center; }
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=80);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=80);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100); background: #008ed6;}*/

.prpr{width:100%;height:400px;position: relative;max-width: 1280px; margin: auto; margin-top: -50px; }
.prprbox{position: absolute;top: 0;left: 0;right: 0;}
#huabu,#huabu1,#huabu2,#huabu3,#huabu4,#huabu5{position: absolute;z-index: 13;opacity: 0.8;cursor: pointer;}
.box-pr{width:1070px;height:400px;margin:0 auto;position:relative;z-index:0;}
.plleft{position: absolute;top: 160px;left: -120px;z-index: 111;background: url(../images/pleft1.png) no-repeat center;width: 60px;height: 60px;}
.prright{position: absolute;top: 160px;right: -120px;z-index: 111;background: url(../images/pright1.png) no-repeat center;width: 60px;height: 60px;}
.plleft:hover{background-image: url(../images/pleft.png);}
.prright:hover{background-image: url(../images/pright.png);}
.box-pr p#rflt{width:1280px;height:280px;position:absolute;left:0;top:280px;background:-moz-element(#m_box) no-repeat;-moz-transform:scaleY(-1);opacity:0.2;}
.prpr li{position:absolute; text-transform: uppercase;}
.prpr li img{width:100%;max-height:252px;}
.prpr li h3{ text-align: center; margin-top: 30px; font-size: 24px; color: #333333;}
.prpr li h3 i{ color: #EA3838;}

.prpr li#pic0,.prpr li#ipic0,.prpr li#ipc0,.prpr li#ipcc0,.prpr li#ip0,.prpr li#ipp0{width:415px;height:252px;z-index:5;left:330px;top:130px;opacity:1;}
.prpr li#pic1,.prpr li#ipic1,.prpr li#ipc1,.prpr li#ipcc1,.prpr li#ip1,.prpr li#ipp1{width:330px;height:252px;z-index:1;left:780px;top:80px;opacity:1;}
.prpr li#pic2,.prpr li#ipic2,.prpr li#ipc2,.prpr li#ipcc2,.prpr li#ip2,.prpr li#ipp2{width:330px;height:252px;z-index:1;left:0px;top:60px;opacity:0;}
.prpr li#pic3,.prpr li#ipic3,.prpr li#ipc3,.prpr li#ipcc3,.prpr li#ip3,.prpr li#ipp3{width:330px;height:252px;z-index:1;left:0px;top:60px;opacity:0;}
.prpr li#pic4,.prpr li#ipic4,.prpr li#ipc4,.prpr li#ipcc4,.prpr li#ip4,.prpr li#ipp4{width:330px;height:252px;z-index:2;left:-40px;top:80px;opacity:0;}
.prpr li#pic5,.prpr li#ipic5,.prpr li#ipc5,.prpr li#ipcc5,.prpr li#ip5,.prpr li#ipp5{width:330px;height:252px;z-index:2;left:-40px;top:80px;opacity:1;}




.clicklist{ width: 980px;  z-index:10; text-align: right;}
.clicklist span{  height:30px;line-height: 30px; font-size: 18px; display:inline-block; margin:15px 0;cursor:pointer;text-align: center; overflow: hidden; text-transform: uppercase; padding: 0 10px;}
.clicklist span.curr{  border-top: 1px solid #EA3838; border-bottom:1px solid #EA3838; color: #EA3838;}



/*  about   */
.aboutid{ height: 780px; background: url(../images/aboutbg.jpg) no-repeat top; background-size: cover;}

.title{ padding-top: 40px; margin-bottom: 40px; }
.title .tleft{ text-transform: uppercase; font-size: 40px; color: #e5e5e5; font-family: arial; font-weight: bold; background: url(../images/down02.png) no-repeat right bottom; padding-bottom: 7px;}

.title .titmu{}
.title .titmu ul li{ float: left; margin-top: 18px; margin-right: 35px;}
.title .titmu ul li a{ text-transform: uppercase; font-size: 20px; color: #999; font-family: "微软雅黑";}
.title .titmu ul li.active a{ color: #EA3838; border-top: 1px solid #EA3838; border-bottom: 1px solid #EA3838;}


.about-vid{ height: 435px; }
.ab-video{ position: relative; width: 770px;}
.ab-video img{ max-height: 435px;}
.ab-video i{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}


.ab-frio{ width: 475px; overflow: hidden;}
.ab-frio .ab-frtop h1{ font-size: 40px; font-family: arial;  color: #fff;  line-height: 34px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.ab-frio .ab-frtop .bjk{ overflow: auto; height: 270px; color: #cccccc; line-height: 26px; text-transform: uppercase; margin-top: 23px; text-align: justify; padding-right: 10px;}
.ab-frio .ab-frtop .bjk::-webkit-scrollbar{width: 3px; height: 3px;background-color: #F5F5F5;}
/*定义滑块 内阴影+圆角*/
.ab-frio .ab-frtop .bjk::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #555;}

.ab-btn{ margin-top: 25px; }
.ab-btn ul li{ float: left; text-align: center; }
.ab-btn ul li p{ color: #ea3838; font-size: 56px; font-family: arial; font-weight: bold;}
.ab-btn ul li div{ color: #999; text-transform: uppercase;}

.usab{ color: #999;line-height: 26px; text-transform: uppercase; margin-top: 40px; text-align: justify;}




/*  new  */
.new { background: #f2f2f2; position: relative;}
.newsss.title .tleft{ background: url(../images/down01.png) no-repeat right bottom; color: #1a1a1a; }

.newban{ padding-top: 25px;}
.newban,.newban .flexslider,.newban .slides li{  margin: 0 auto; position: relative;}
.newban .flexslider{overflow: hidden; z-index: 0; display: block;}
.newban .slides li{   position: relative; z-index: 0; display: block; width: 408px; margin-right: 28px; }
.newban .slides li a{display: block; height: 100%;}

.newban .flex-viewport{ padding-bottom: 90px;}

.newban .slides li dl{ margin-bottom: 7px;border-top: 1px solid #666; padding-top: 18px;}
.newban .slides li dl dt{ font-family: arial; color: #1a1a1a; font-size: 24px; line-height: 40px; height: 80px; overflow: hidden;}
.newban .slides li dl dd{ text-align: right; font-size: 14px; color: #999; font-family: arial; line-height: 20px; margin-top: 20px;}
.newban .slides li dl dd img{ width: 16px; height: 14px; margin-right: 5px;} 


.newban .slides li div{width: 408px; height: 300px; overflow: hidden;}
.newban .slides li div img{ height: 300px;}
.newban .slides li i{display: none; position: absolute; right: -10px; bottom: -10px; z-index: -1; width: 408px; height: 300px; background: #EA3838;}
.newban .slides li:hover i{ display: block;}
.newban .slides li:hover dl{ border-color: #EA3838;}
.newban .slides li:hover dl dt{ color: #EA3838;}


/* 圆点切换 */
.newban .flex-control-paging{ }
.newban .flex-control-nav{position:absolute; bottom: 30px; z-index:11111; padding-left: 0; left: 0; right: 0; height: 26px; line-height: 10px; margin: 0 auto; text-align: center; }
.newban .flex-control-nav li{ width: 8px; height: 8px; margin: 0 10px; display: inline; zoom: 1; text-align: center; overflow: hidden;}
.newban .flex-control-nav a{ display: inline-block; width: 8px; height: 8px; line-height: 100px; cursor:pointer; color: #fff; font-family: Arial;  overflow: hidden; background:#b6b6b6; border-radius: 50%;}
.newban .flex-control-nav .flex-active{ background: #EA3838; }




/*  footer  */
.footer{ background: url(../images/footbg.jpg) no-repeat top center; background-size: cover; padding: 40px 0 30px;}

.foterle{ width: 430px;}
.foterle .fottop{ margin-top: 5px;}
.foterle .fottop p{ font-size: 22px; font-family:arial; color: #cccccc; text-transform: uppercase; font-weight: bold; padding-bottom: 10px;}

.foterle .fottop ul li{ float: left; border-top:1px solid #999; padding-top: 8px; line-height: 26px;}
.foterle .fottop ul li.w{ width: 115px;}
.foterle .fottop ul li.b{ width: 140px;}
.foterle .fottop ul li a:hover{ color: #EA3838;}

.foterle .fottop.fotbb{ margin-top:50px;}


.footmid{ width: 330px; margin-left: 10px ;}
.footmid h5{display: block; color: #fff; font-size: 28px; text-transform: uppercase; vertical-align: top; white-space: nowrap; text-align: center;}

#share{ text-align: center; margin: 50px 0 40px;}
#share .social-share-icon{ border-radius: 5px; margin: 0 5px; color: #fff; border: NONE;}
#share .social-share-icon.icon-facebook{  background: #3C5A9A;}
#share .social-share-icon.icon-twitter {  background: #17B2E7;}
#share .social-share-icon.icon-linkedin  {  background: #E20C35;}
#share .social-share-icon.icon-wechat{  background: #07AF12;}
#share .social-share-icon:hover{ }

.addph{ line-height: 22px; font-size: 14px; color: #a6a6a6; padding-left: 60px;}
.addph p{ margin-top: 15px;}

.fotbtn{ width: 470px;}
.fotbtn h5{ font-size: 22px; color: #cccccc;text-transform: uppercase; white-space: nowrap; text-align: center;}
.formbtn dl { width: 500px; margin-top: 20px;}
.formbtn dl dt{ float: left;  margin-right: 10px;}
.formbtn input{ width: 130px; padding: 0 10px; border: none; background: #333; color: #fff; outline: none; height: 40px; font-size: 12px;}

.formbtn textarea{ width: 450px; height: 90px; line-height: 18px; padding:5px 10px ; font-size: 12px; color: #fff; outline: none; resize: none; border: none; background: #333; margin-top: 10px; font-family: arial;}

.formbtn input.btnn{ display: block; width: 470px; background: #333; height: 40px; font-family: arial; margin-top: 10px; border: none;  color: #ccc; text-transform: uppercase; }


.dibu{ height: 60px; line-height: 60px;text-align: center; text-transform: uppercase; font-size: 12px; color: #595959; background: #0d0d0d;}







/*  关于我们     */
.nab{ background: #2e2e2e; padding-bottom: 70px;}
.title.ntitle { margin-bottom: 70px;}
.title.ntitle .tleft{ background: none;   color: #ffffff; }
.title.ntitle .titmu ul li{}
.title.ntitle .titmu ul li a{ font-size: 18px; font-family: arial; font-weight: bold; color: #e5e5e5;}
.title.ntitle .titmu ul li.active a{ border: none; color: #EA3838;}


.nabusbjk{ text-align: justify; font-size: 16px; color: #bfbfbf; margin-bottom: 50px; line-height: 28px;}


.enterprise{}
.enterprise dl{ text-align: center; margin-bottom: 25px;}
.enterprise dl dt{ font-size: 36px; color: #fff;}
.enterprise dl dd{ font-size: 14px; color: #e5e5e5;}


.enterprise .abulist{ }
.enterprise .abulist ul{ width: 1310px;}
.enterprise .abulist ul li{ float: left; position: relative; width: 420px; height: 260px; margin: 10px 10px 0 0; overflow: hidden; }
.enterprise .abulist ul li>img{ width: 420px; height: 260px; }
.enterprise .abulist ul li div{ position: absolute; left: 0; bottom: 0; width: 420px; height: 260px; text-align: center; line-height: 260px ; font-size: 20px; color: #fff; font-weight: bold; background: rgba(0,0,0,.4); transition: .5s;  }
.enterprise .abulist ul li dl{ position: absolute; top: -100%; left: 0; width: 100%; text-align: center; padding-top: 60px; transition: .5s;}
.enterprise .abulist ul li dl dt img{ width: 35px; height: 38px;}
.enterprise .abulist ul li dl dd p{ font-size: 20px; color: #1a1a1a; font-weight: bold;}
.enterprise .abulist ul li dl dd span{ display: block; font-size: 12px; color: #333;}

.enterprise .abulist ul li:hover dl{ top: 0;}
.enterprise .abulist ul li:hover div{ bottom: -100%;}


/*  发展历程   */
.zbfzlc{ }
.zbfzlc ul li{ padding-left: 60px; background: url(../images/abulicbg.png) no-repeat left top ; padding-bottom: 25px;}
.zbfzlc ul li dl dt{ font-size: 36px; color: #e5e5e5; text-transform: uppercase; margin-bottom: 20px;}
.zbfzlc ul li dl dd{ font-size: 16px; color: #d9d9d9; line-height: 30px;}





/*  产品列表     */
.prduct{}
.prduct ul { width: 1320px;}
.prduct ul li{ float: left; position: relative; width: 308px; margin-right: 15px; margin-bottom: 55px;}
.prduct ul li div img{ width: 306px; height: 181px; border: 1px solid #585858; }
.prduct ul li i{ opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 30%; height: 30%;  transition: .5s;}
.prduct ul li p{ text-align: center; font-size: 16px; color: #d9d9d9; margin-top: 15px; text-transform: uppercase;}
.prduct ul li:hover i{  width: 100%; height: 100%; opacity: 1;}




/*  新闻中心    */
.news{}
.news ul li{  padding: 20px; box-sizing: border-box; background: #333; margin-bottom: 10px; transition: .5s;}
.news ul li span{ width: 300px; height: 200px;}
.news ul li dl{ width: 915px;}
.news ul li dl dt{ margin-bottom: 25px;}
.news ul li dl dt i{ font-size: 14px; color: #999999; line-height: 30px; margin-top: 15px; }
.news ul li dl dt i img{ margin-right: 10px; width: 16px;}
.news ul li dl dt p{ font-size: 24px; color: #b2b2b2 ; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news ul li dl dd div{ height: 75px; padding-bottom: 20px; font-size: 16px; color: #808080; }
.news ul li em{ display: inline-block ; font-size: 12px; color: #ea3838; padding-right: 15px; background: url(../images/more1.png) no-repeat right center;}
.news ul li:hover{ background: #1a1a1a;}
.news ul li:hover dl dd div{ color: #a6a6a6;}
.news ul li:hover dl dt p{ color: #e5e5e5;}

.bmore{ width: 40px; height: 40px;  margin: auto;margin-top: 50px; cursor: pointer;}






/* 视频   */

/*banner*/
.video .flexslider{ padding: 0 100px; }
.video,.video .flexslider,.video .slides li{ max-width: 1275px; margin: 0 auto; position: relative;}
.video .flexslider{overflow: hidden; z-index: 0; display: block;}
.video .slides li{ position: relative;  z-index: 0; text-align: center; display: block;  }
.video .slides li img{border: 5px solid #232323; box-sizing: border-box; }
.video .slides li p{ font-size: 36px; color: #e5e5e5;  margin-top: 40px;}


/* 左右按钮切换 */
.video .flex-control-paging{ display: none;}
.video .flex-direction-nav a{ width: 56px; height: 56px; line-height: 99em; overflow:hidden; top: calc(50% - 28px); display: block; position: absolute;  z-index:111; cursor:pointer;opacity:1;filter:alpha(opacity=1); -webkit-transition:all .3s ease; outline: none;}
.video .flex-direction-nav .flex-prev{  height: 56px;  background:rgba(255,255,255,.5) url(../images/left.png) no-repeat center; left:0; border-radius: 50%;}
.video .flex-direction-nav .flex-next{  height: 56px;  background:rgba(153,153,153,0.3)url(../images/right.png) no-repeat center;; right:0;border-radius: 50%;}
.video .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{ background-color:#ea3838;}






/*  联系方式   */
.address{ margin-bottom: 30px;}
.nab .wapper{ position: relative;}
.map{ width: 708px; height: 405px;}
.map img{ width: 708px; height: 405px;}
.address .add-add{ position: absolute; right: 0; bottom: 0; width: 590px; height: 405px; background: url(../images/add-addbg.png) no-repeat left bottom;}
.address .add-add h5{ display: block; text-align: center; text-transform: uppercase;white-space: nowrap; font-size: 56px; color: #ffffff; font-family: 'dincond-bold-webfont'; line-height: 135px;}


.address .add-add ul li{  margin-bottom: 25px; padding-left:100px; font-size:18px; color: #fff;}
.address .add-add ul li span{ display: inline-block; width: 165px;   text-transform: uppercase;}
.address .add-add ul li span img{ width: 22px; height: 20px; margin-right: 15px; }



/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-black-webfont';
    src: url('../fonts/dincond-black-webfont.eot');
	src: url('../fonts/dincond-black-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-black-webfont.woff2') format('woff2'),
	url('../fonts/dincond-black-webfont.woff') format('woff'),
	url('../fonts/dincond-black-webfont.ttf') format('truetype'),
	url('../fonts/dincond-black-webfont.svg#dincond-black-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}