@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:none;}
/* remember to define focus styles! */
:focus {outline:0;}
address, caption, cite, code, dfn,
em, th, var, optgroup {font-style:normal;font-weight:normal !important;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:none;font-variant:normal;}

input, button, textarea,
select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;*font-family:"Microsoft YaHei",Arial;resize: none;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;outline:none;}
body {line-height: 1.5; font-family:Arial; font-size:14px; color:#666666;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;
/*表格自动换行*/
table-layout:fixed;word-wrap:break-word;}
caption, th{text-align:center;}
/*caption, th {text-align: left;}*/
sup, sub {font-size: 100%;vertical-align: baseline;}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
a{transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
/*------------浮动-----------------*/
.clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}
.clear10{ clear:both; height:10px; overflow:hidden;}
.clear15{ clear:both; height:15px; overflow:hidden;}
.clear20{ clear:both; height:20px; overflow:hidden;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:20px;}

.textover{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;filter:alpha(opacity=50);}
a{color: #646464; }
a:hover,a.cur,.cur a{ color: #a30000;}
.ft84{font-size:84px;}
.ft70{font-size:70px;}
.ft60{font-size:60px;}
.ft48{font-size: 48px;}
.ft40{font-size: 40px;}
.ft36{font-size: 36px;}
.ft34{font-size: 34px;}
.ft30{font-size: 30px;}
.ft28{font-size: 28px;}
.ft24{font-size: 24px;}
.ft44{font-size: 44px;}
.ft48{font-size: 48px;}
.ptb100{padding: 100px 0;}
.ptb150{padding: 100px 0 150px;}
.ptb40{padding: 40px 0;}
.pt80{padding: 80px;}
.ptb70{padding: 68px 0 68px;}
.ptb80{padding: 80px 0 80px;}

.animation,.banner .swiper-slide .text{-moz-transform: translate(0,80px); -o-transform: translate(0,80px); -webkit-transform: translate(0,80px); transform: translate(0,80px);  opacity: 0;}
.animation.srcospcur{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}
.banner .swiper-slide.swiper-slide-active .text{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s 0.5s; -webkit-transition:1.3s 0.5s; -moz-transition:1.3s 0.5s; -ms-transition:1.3s 0.5s; -o-transition:1.3s 0.5s;}
.sj{display: none;}


img{display: block;}
.img{overflow: hidden; position: relative;}
.img img{display: block;transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transform:scale(1);transform:scale(1);}
.img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}

.table{ height:100%; display:table; margin: 0 auto; width: 100%;}
.table-cell{ display:table-cell; vertical-align:middle;}

.wap{width: 90%; max-width: 1218px; margin: 0 auto;}
.waps{width: 94%; max-width: 1600px; margin: 0 auto;}
:lang(zh-hk) body,body{font-family: simhei, "Arial", sans-serif;}
body{color: #646464; font-size: 14px;  width: 100%;  position: relative;overflow-x:hidden ; background: #fff; }
/*:first-child  filter:alpha(opacity=50);*/
/*img{display: block;}*/
img{max-width: 100%;}
html{ position: relative; width: 100%;}
input.but{cursor: pointer;}

.mian{position: relative; overflow: hidden;}

.head{background: #fdeddc; padding: 18px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 40;}
.head .logo{float: left; width: 104px;}
.head .nav{float: right; /*width: calc(100% - 310px);*/}
.head .nav ul li{float: left; /*width: 25%;*/ text-align: right; margin-left: 150px; position: relative;}
.head .nav ul li a.yij{display: block; font-size: 18px; line-height: 51px;}
.head .nav ul li a.yij span{display: inline-block; vertical-align: middle; /*background: #fff;*/ border-radius:13px; overflow: hidden; border:1px solid #a30000;  line-height: 26px; height: 26px; color: #a30000; padding: 0 1em; text-transform: uppercase; font-size: 13px;}
.head .nav ul li a.yij span img{display: inline-block; vertical-align: middle; padding-bottom: 0.1em; padding-left: 0.3em;}
.head .nav ul li a.yij span font{width: 0; overflow: hidden;display: inline-block; vertical-align: middle; transition:.3s; -webkit-transition:.3s; padding-bottom: 0.1em;}
.head .nav ul li a.yij:hover span font{width: 38px; text-align: left;}
.headH{height: 87px;}
.head .nav ul li .erj{position: absolute; top: 100%; right: 0; background: #fdeddc; border-radius: 6px; /*width: 100%;*/ padding: 8px 0; border: 1px solid #A30000; font-size: 14px; display: none;}
.head .nav ul li .erj a{display: block; text-align: left; line-height: 30px; padding: 0 1em; color: #A30000;}
.head .nav ul li .erj a:hover{background: #A30000; color: #fff;}

.navbg{position: fixed; top: 59px; left: 0; width: 100%; height: calc(100% - 59px); background: rgba(0,0,0,0.5); z-index: 38; display: none !important;}

.banner{position: relative; overflow: hidden;}
.bantion{position: absolute; bottom: 4%; left: 0; width: 100%; text-align: center; z-index: 3;}
.bantion span{border: 1px solid #fff; opacity: 1; background: none;}
.bantion span.swiper-pagination-bullet-active{background: #fff;}
.banners_ .swiper-slide{height: calc(100vh - 87px); position: relative; background-size: cover !important;}
.banners_ .swiper-slide video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000;}
.banners_ .swiper-slide a{position: absolute; height: 100%; left: 0; width: 100%; top: 0; background-size: cover !important;}
.banners_{z-index: 5;}
.banner .banpro{position: absolute; top: 50%; width: 42px; margin-top: -21px; z-index: 3; display: none; cursor: pointer;}
.banner .banpro1{left: 3%;}
.banner .banpro2{right: 3%;}
.banner:hover .banpro{display: block;}


.bannerc{position: relative; overflow: hidden;}
.bantionc{position: absolute; bottom: 4%; left: 0; width: 100%; text-align: center; z-index: 3;}
.bantionc span{border: 1px solid #fff; opacity: 1; background: none;}
.bantionc span.swiper-pagination-bullet-active{background: #fff;}
.bannerc .banpro{position: absolute; top: 50%; width: 42px; margin-top: -21px; z-index: 3; display: none; cursor: pointer;}
.bannerc .banproc1{left: 3%;}
.bannerc .banproc2{right: 3%;}
.bannerc:hover .banpro{display: block;}



.honav{background: #fdeddc; overflow: hidden;}
.honav ul li{float: left; width: calc(33.33% - 1px); position: relative; border-left: 1px solid #fff;}
.honav ul li:first-child{border-color: #fdeddc}
.honav ul li .txt{position: absolute; left: 8%; top: 0; height: 100%; width:84%;}
.honav ul li .txt h3{padding-bottom: 0.3em; width: 50%;}
.honav ul li .txt h3 a{color: #212121; font-weight: bold;}
.honav ul li .txt p{padding-bottom: 2em; font-size: 16px; line-height: 2em; width: 50%;}
.honav ul li .txt a.more{font-size: 18px; line-height: 2.6em; border: 1px solid #A30000; border-radius: 1.3em; display: block; width: 5.6em; padding: 0 1em; color: #A30000; position: relative;}
.honav ul li .txt a.more span{position: absolute; right: 1em; top: 0; font-family: simsun; font-weight: bold; transition:right .3s; -webkit-transition:right .3s; -moz-transition:right .3s; -ms-transition:right .3s; -o-transition:right .3s;}
.honav ul li .txt a.more:hover{color: #fff; background: #A30000;}
.honav ul li .txt a.more:hover span{right: 0.5em;}
.honav ul li:last-child .txt{/*width: 90%; height: 60%; text-align: center;*/}
.honav ul li:last-child .txt a.more{margin: 0 auto; text-align: left; position: absolute;right: 0; top: 50%; margin-top: calc(-24px - 1.3em);}
.honav ul li:last-child .txt p{padding-bottom: calc(2em + 48px);}
.honav ul li:hover .txt h3 a,.honav ul li .txt h3 a:hover{color: #A30000;}
.honav ul li:nth-child(1){transition:0.7s; -webkit-transition:0.7s; -moz-transition:0.7s; -ms-transition:0.7s; -o-transition:0.7s;}
.honav ul li:nth-child(2){transition:0.7s 0.3s; -webkit-transition:0.7s 0.3s; -moz-transition:0.7s 0.3s; -ms-transition:0.7s 0.3s; -o-transition:0.7s 0.3s;}
.honav ul li:nth-child(3){transition:0.7s 0.6s; -webkit-transition:0.7s 0.6s; -moz-transition:0.7s 0.6s; -ms-transition:0.7s 0.6s; -o-transition:0.7s 0.6s;}


/*.foot{background: #A30000; color: #fff; padding: 40px 5%; position: relative; z-index:10;}
.foot .footcon{padding-left: 0%; position: relative;}
.foot .footcon .logo{ width: 157px; margin: 0 auto;}
.foot .footcon .fmap{ font-size: 16px; line-height: 1.8em; opacity: 0.6; margin: 22px auto; text-align: center;}
.foot .footcon .fmap a{color: #fff;}
.foot .footcon .fmap a:hover{text-decoration: underline;}
.foot .footcon .fhtop{ color: #fff; margin-top: 0px; position: absolute; top: 0 !important; right: 0;}
.foot .footcon .fhtop img{display: inline-block; vertical-align: middle; padding-left:0px; padding-bottom: 0.2em; animation: redList1 .9s infinite linear alternate; -webkit-animation: redList1 .9s infinite linear alternate;}
.foot .footcon .dsanf{ margin: 0 auto; width: 250px; height: 30px;}
.foot .footcon .dsanf a{float: left; margin: 0px 10px 0; position: relative;}
.foot .footcon .dsanf a:hover img.ico{ animation: redList0 0.7s linear normal; -webkit-animation: redList0 0.7s linear normal;}
.foot .footcon .dsanf a .ewm{position: absolute; bottom: 50px; right: 50%; width: 120px; margin-right: -60px; display: none;}
.foot .footcon .dsanf a:hover .ewm{display: block;}*/
.foot{background: #A30000; color: #fff; padding: 40px 5%; position: relative; z-index:10;}
.foot .footcon{padding-left: 5%;}
.foot .footcon .logo{float: left; width: 157px;}
.foot .footcon .fmap{float: left; margin-left: 40px; padding-left: 50px; border-left: 1px solid #fff; font-size: 13px; line-height: 2.1em; opacity: 0.6; margin-top: 12px;}
.foot .footcon .fmap a{color: #fff;}
.foot .footcon .fmap a:hover{text-decoration: underline;}
.foot .footcon .fhtop{float: right; padding-left: 40px; color: #fff; margin-top: 20px;}
.foot .footcon .fhtop img{display: inline-block; vertical-align: middle; padding-left:0px; padding-bottom: 0.2em; animation: redList1 .9s infinite linear alternate; -webkit-animation: redList1 .9s infinite linear alternate;}
.foot .footcon .dsanf{float: right; border-left: 1px solid rgba(250,250,250,0.6); border-right: 1px solid rgba(250,250,250,0.6); padding:10px 20px; margin-top: 10px;}
.foot .footcon .dsanf a{float: left; margin: 0px 10px 0; position: relative;}
.foot .footcon .dsanf a:hover img.ico{ animation: redList0 0.7s linear normal; -webkit-animation: redList0 0.7s linear normal;}
.foot .footcon .dsanf a .ewm{position: absolute; bottom: 50px; right: 50%; width: 120px; margin-right: -60px; display: none;}
.foot .footcon .dsanf a .ewm img{height: auto !important;}
.foot .footcon .dsanf a:hover .ewm{display: block;}

.gugn{background: #FDEDDC; padding: 60px 0 30px; overflow: hidden;}
.gugncon{max-width: 1530px; margin: 0 auto; width: 90%;}
.gugncon .clearfix{padding-left: 5%;}
.gugncon .left{float: left; width: 38%; position: relative; margin-left: 2%;}
.gugncon .left .imgs{transition:.3s; -webkit-transition:.3s; cursor: pointer;}
.gugncon .left:hover .imgs{-webkit-transform:scale(1.051);transform:scale(1.051);}
.gugncon .left .hua{position: absolute; left: -22%; top: 8%; width: 32.5%; }
.gugncon .left:hover .hua{animation: redList2 1.0s infinite linear alternate; -webkit-animation: redList2 1.0s infinite linear alternate;}
.gugncon .left .yuans{position: absolute; width: 30px; height: 30px; top: 14%; right: 96%; color: #fff; text-align: center; font-size: 0; display: none;}
.gugncon .left .yuans span{display: block; position: relative; z-index: 4;}
.gugncon .left .yuans:after{position: absolute; content: ''; left: 0; top: 0; background: #cb2519; border-radius: 100%; width: 100%; height: 100%; z-index: 3;}
.gugncon .left .yuans:before{position: absolute; content: ''; left: 0; top: 0; background: rgba(203,37,25,0.32); border-radius: 100%; width: 100%; height: 100%; -webkit-animation: sizes 900ms linear infinite; animation: sizes 900ms linear infinite;}
.gugncon .right{float: right; width: 51%; /*font-family: "microsoft yahei";*/}
.gugncon .right h3{color: #000000; line-height: 1.6em; padding: 2em 0 1em; transition:0.7s 0.3s; -webkit-transition:0.7s 0.3s; -moz-transition:0.7s 0.3s; -ms-transition:0.7s 0.3s; -o-transition:0.7s 0.3s;}
.gugncon .right .txt{max-width: 440px; color: #646464; line-height: 1.8em; transition:0.7s 0.6s; -webkit-transition:0.7s 0.3s; -moz-transition:0.7s 0.3s; -ms-transition:0.7s 0.3s; -o-transition:0.7s 0.3s;}

.gappz{max-width: 1600px; width: 90%; margin: 0 auto; overflow: hidden;}
.gappz ul li{float: left; width: 25%; text-align: center;}
.gappz ul li .con{/*width: 90%;*/ margin: 0 auto;}
.gappz ul li .con .ico{max-width: 72px; width: 60%; margin: 0 auto;}
.gappz ul li .con h3{color: #323232; padding: 0.2em 0 0.4em; line-height: 1.2em;}
.gappz ul li .con .txt{line-height: 1.8em;}
.gappz ul li:nth-child(1){transition:0.7s; -webkit-transition:0.7s;}
.gappz ul li:nth-child(2){transition:0.7s 0.3s; -webkit-transition:0.7s 0.3s;}
.gappz ul li:nth-child(3){transition:0.7s 0.6s; -webkit-transition:0.7s 0.6s;}
.gappz ul li:nth-child(4){transition:0.7s 0.9s; -webkit-transition:0.7s 0.9s;}

.riyszc{position: relative; overflow: hidden;}
.riyszc .ul{overflow: hidden; position: relative; z-index: 5;transition:.3s; -webkit-transition:.3s;}
.riyszc .ul.cur{opacity: 0;}
.riyszc .ul .li{float: left; width: 25%; color: #fff; position: relative;}
.riyszc .ul .li h3{text-align: center; width: 84%; margin: 0 auto; padding: 2em 0 0.5em;}
.riyszc .ul .li h3 img{display: inline-block; vertical-align: middle; padding-right: 0.3em; padding-bottom: 0.2em;}
.riyszc .ul .li .txt{width: 84%; margin: 0 auto; line-height: 1.6em; min-height: 9.6em; padding-bottom: 3em;}
.riyszc .ul .li:nth-child(1){transition:0.7s; -webkit-transition:0.7s;}
.riyszc .ul .li:nth-child(2){transition:0.7s 0.3s; -webkit-transition:0.7s 0.3s;}
.riyszc .ul .li:nth-child(3){transition:0.7s 0.6s; -webkit-transition:0.7s 0.6s;}
.riyszc .ul .li:nth-child(4){transition:0.7s 0.9s; -webkit-transition:0.7s 0.9s;}

.riyszc .ul .li .yuans{position: absolute; width: 38px; height: 38px; line-height: 38px; top: 15px; right: 15px; color: #A30000; text-align: center; /*display: none;*/}
.riyszc .ul .li .yuans span{display: block; position: relative; z-index: 4;}
.riyszc .ul .li .yuans:after{position: absolute; content: ''; left: 0; top: 0; background: #fff; border-radius: 100%; width: 100%; height: 100%; z-index: 3;}
.riyszc .ul .li .yuans:before{position: absolute; content: ''; left: 0; top: 0; background: rgba(250,250,250,0.32); border-radius: 100%; width: 100%; height: 100%; -webkit-animation: sizes 900ms linear infinite; animation: sizes 900ms linear infinite;}


.sbjgc{position: absolute; top: 100%; left: 0; width: 100%; height: 100%; opacity: 0;transition:.3s; -webkit-transition:.3s; z-index: 6; /*display: none;*/}
.sbjgc.cur{top: 0;}
.sbjgc .close{position: absolute; right: 40px; top: 10px; z-index: 6; cursor: pointer;}
.sbjgc{opacity: 1;}
.sbjgc .con{background-size: cover !important;position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sbjgc .con_{max-width: 1020px; margin: 0 auto; width: 90%; position: relative; height: 100%;}
.sbjgc .con_ .left{float: left; width: 350px; padding-top: 2.3em;}
.sbjgc .con:nth-child(2) .con_ .left{width: 500px; padding-top:0em ;}
.sbjgc .con:nth-child(2) .con_ .right{width: calc(100% - 570px);}
.sbjgc .con:nth-child(3) .con_ .left,.sbjgc .con:nth-child(4) .con_ .left{padding-top: 0; width: 528px;}
.sbjgc .con_ .right{float: right; width: calc(100% - 440px); color: #141620;}
.sbjgc .con:nth-child(3) .con_ .right,.sbjgc .con:nth-child(4) .con_ .right{width: calc(100% - 570px); padding-top: 3%;}
.sbjgc .con:nth-child(4) .con_ .left,.sbjgc .con:nth-child(3) .con_ .left{width: 420px;}
.sbjgc .con:nth-child(4) .con_ .right,.sbjgc .con:nth-child(3) .con_ .right{width: calc(100% - 472px); padding-top: 7%;}
.sbjgc .con_ .right h3{padding-bottom: 0.8em;}
.sbjgc .con_ .right h3 img{display: inline-block; vertical-align: middle; padding-right: 0.3em; padding-bottom: 0.2em; width: 1em;}
.sbjgc .con_ .right .txt{opacity: 0.78; line-height: 1.76em;}

.ggntcbg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.52); z-index: 60; display: none;}
.ggntc{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 62; display: none;}
.ggntc .cons{ background: url(../images/about/gugntc1.jpg?v=1) no-repeat bottom left #fff; border-radius: 8px; overflow: hidden; margin: 0 auto; position: relative; animation: redList1 11.0s infinite linear alternate; -webkit-animation: redList1 11.0s infinite linear alternate;}
.ggntc .cons .left{float: left; width: 44%; max-width: 479px;}
.ggntc .cons .right{width: 43%; right: 8%; height: 100%; position: absolute; top: 0; max-width: 430px;}
.ggntc .cons .right h3{color: #000000; padding-bottom: 0.3em; font-weight: bold;}
.ggntc .cons .right .txt{line-height: 1.65em;}
.ggntc .cons_{position: relative;max-width: 1100px; width: 90%; margin: 0 auto;}
.ggntc .cons_ .close{background: #CB2519; border-radius: 100%; position: absolute; right:4%; top: -24px; z-index: 3; width: 48px;}

.prolist{}
.prolist ul li{float: left; width: calc(25% - 1px); padding-left: 1px; padding-bottom: 1px;}
.prolist ul li .span{display: block; padding: 50px 5%; cursor: pointer;}
.prolist ul li .span .imgs{max-width: 247px; margin: 0 auto; width: 60%;}
.prolist ul li .span .imgs img{width: 100%;transition:.3s; -webkit-transition:.3s;}
.prolist ul li .span .imgs:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.prolist ul li .span p{text-align: center; padding-top: 0.7em; color: #000000; opacity: 0;transition:.3s; -webkit-transition:.3s; font-size: 20px;}
.prolist ul li .span:hover p{opacity: 1;}

.proBoxs{position: relative;}
.pronav{position: fixed; z-index: 28; left: 0; top: 50%; background: url(../images/product/navbg5.jpg) no-repeat center; background-size: cover; width: 168px; margin-top: -253px;transition:.5s; -webkit-transition:.5s; border-radius:0 30px 30px 0; /*overflow: hidden;*/ /*display: none;*/}
.pronavc{position: absolute; top: auto; margin-top: 0; bottom: 0; display: block;}
.pronavb{position: absolute; top: auto; margin-top: 0 !important; top: 0; display: block;}
.pronav.cur{left: -168px;}
.pronav .sgd{border-radius:0 0px 30px 0;}
.pronav .zkss{position: absolute; left: 100%; top: 50%; background: #b80009; width: 35px; border-radius: 0 6px 6px 0; text-align: center; color: #fff; font-size: 18px; line-height: 2em; padding: 10px 0 15px; margin-top: -58px; cursor: pointer;}
.pronav .zkss img{margin: 0 auto;transition:0.7s; -webkit-transition:0.7s;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); 	
-moz-transform:rotate(-90deg); 
-webkit-transform:rotate(-90deg); 
-o-transform:rotate(-90deg); 
}
.pronav.cur .zkss img{
transform:rotate(90deg);
-ms-transform:rotate(90deg); 	
-moz-transform:rotate(90deg); 
-webkit-transform:rotate(90deg); 
-o-transform:rotate(90deg); 
}
.pronav h3{text-align: center; color: #d9000f; font-weight: bold; padding-top: 50px; padding-bottom:0.6em; font-size: 0;}
.pronav ul{width: 130px; line-height: 45px; /*margin: 0 auto;*/ padding-left: 10px; text-align: center; font-size: 20px; padding-bottom: 5px;}
.pronav ul li{margin-top: 15px; position: relative;}
.pronav ul li:first-child{margin-top: 0;}
.pronav ul li a{display: block; background: #fff; border-radius: 8px; border: 2px solid #fff; color: #323232; }
.pronav ul li a.cur,.pronav ul li a:hover{background: #d9000f; color: #fff;}
.pronav ul li:before{content: ''; background: url(../images/product/navbg2.png) no-repeat; width: 7px; height: 32px; position: absolute; top: -22px; left:24%;}
.pronav ul li:after{content: ''; background: url(../images/product/navbg2.png) no-repeat; width: 7px; height: 32px; position: absolute; top: -22px; right:24%;}
.pronav ul li:first-child:before,.pronav ul li:first-child:after{display: none;}
.pronav .close{display: none;}

.protc{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 62; display: none;}
.protc .cons{ background: url(../images/product/protcbg1.jpg) no-repeat bottom left #fff; border-radius: 8px; overflow: hidden; margin: 0 auto; position: relative; background-size: 100%; padding: 8% 5%;}
.protc .cons .left{float: left; width: 42.3%; max-width: 479px;}
.protc .xiaotu{float: left;width: 92px; padding-top: 20%;}
.protc .xiaotu ul li{margin-top: 10px;}
.protc .xiaotu ul li a{display: block; padding:8px 20px; border: 1px solid transparent;}
.protc .xiaotu ul li.cur a{border-color: #A30000;}
.protc .datu{float: right; width: calc(100% - 150px);}
.protc .datu ul{padding-top: 163.83%; position: relative;}
.protc .datu ul li{position: absolute; top: 0; left: 0; width: 100%; display: none;}
/*.protc .datu ul li:first-child{display: block;}*/
.protc .right{float: right; width: 45%; margin-right: 5%; max-width: 375px; padding-top: 5%;}
.protc .right h3{color: #141620; padding-bottom: 0.3em; font-weight: bold; line-height: 1.3em;}
.protc .right h4{color: #888; padding-bottom: 10px;}
.protc .right p{line-height: 1.7em; color: #646464; padding-bottom: 2em; min-height:6.5em;}
.protc .right .goum{padding-bottom: 1.5em;}
.protc .right .goum a{display: inline-block; line-height: 2.2em; padding: 0 1em; margin-right: 0.5em; border: 1px solid #b11d15; color: #b11d15; border-radius: 1.1em; background: #faedec; margin-top: 8px;}
.protc .right .goum a img{display: inline-block; vertical-align: middle; padding-bottom: 0.2em; padding-right: 0.3em; width: 1.3em;}
.protc .right .goum a:hover{background: #fff;}

.protc .cons_{position: relative;max-width: 1100px; width: 90%; margin: 0 auto; }
.protc .cons_ .close{background: #CB2519; border-radius: 100%; position: absolute; right:4%; top: -24px; z-index: 3; width: 48px;}
.ggntc .cons .right{width: 43%; right: 8%; height: 100%; position: absolute; top: 0; max-width: 430px;}
.ggntc .cons .right h3{color: #000000; padding-bottom: 0.3em; font-weight: bold;}
.ggntc .cons .right .txt{line-height: 1.65em;}
.ggntc .cons_{position: relative;max-width: 1100px; width: 90%; margin: 0 auto;}
.ggntc .cons_ .close{background: #CB2519; border-radius: 100%; position: absolute; right:4%; top: -24px; z-index: 3; width: 48px;}

.protcs .cons_{top: 50%; margin-top: -305px;}

/*首页场景*/
.dierpdh{position: relative; overflow: hidden; }
.dierpdh .bg2{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;}
.dierpdh .logos{position: absolute; top: 2.8%; width:11.5625%; left: 44.21875%; z-index: 2;}
.dierpdh .yun{position: absolute; top: 0; left: 0; animation: yun1 12.9s infinite linear alternate; -webkit-animation: yun1 12.9s infinite linear alternate;}
.dierpdh .yun6{width:28.7%; left: 35.65%;}
.dierpdh .yun5{width:14.0625%; left: 73.07%; top: -7%;}
.dierpdh .yun4{width:14.0625%; left: 15.83%; top: 1%;}
.dierpdh .yun1{width:5.05%; left: 12.5%; top: 11.11%; animation: yun2 12.9s infinite linear alternate; -webkit-animation: yun2 12.9s infinite linear alternate;}
.dierpdh .yun2{width:8.07%; left: 88.54%; top: 18.8888%; animation: yun2 14.9s infinite linear alternate; -webkit-animation: yun2 14.9s infinite linear alternate;}
.dierpdh .yun3{width:6.25%; left: 67.7%; top: 16.44%; animation: yun3 13.9s infinite linear alternate; -webkit-animation: yun3 13.9s infinite linear alternate;}
.dierpdh .pro{position: absolute; z-index: 8;}
.dierpdh .chjpro .pro{cursor: pointer;}
.dierpdh .chjpro .pro .imgs{transition:.3s; -webkit-transition:.3s;}
.dierpdh .chjpro .pro:hover .imgs{-webkit-transform:scale(1.05);transform:scale(1.05);}
.dierpdh .pro01{top: 7%;left: 18%;width: 7.73958%;}
.dierpdh .pro02{top: 0%; left: 24%; width: 12.44791%;}
.dierpdh .pro03{bottom: 43%; left: 34%; width: 12.96875%; z-index: 9;}
.dierpdh .pro04{bottom: 38%; left: 45%; width: 12.96875%; z-index: 10;}
.dierpdh .pro05{bottom: 39%; left: 55%; width: 14.84375%; z-index: 9;}
.dierpdh .pro06{bottom: 32%; left: 69%; width: 14.0625%;}
.dierpdh .pro07{bottom: 44%; right: 6%; width: 12.96875%;}
.dierpdh .pro08{bottom: 29%; right: -3.2%; width: 15.3125%;}
.dierpdh .pro09{top: 19%; left: 8%; width: 4.73958%;}
/*.dierpdh .pro10{top: 47%; left: 0%; width: 11.73958%;}*/
.dierpdh .pro10{bottom: 36%; left: 9%; width: 5.95%;}
.dierpdh .pro11{bottom: 40%; left: 15%; width: 7.95%;}
.dierpdh .pro12{bottom: 42%; left: 22%; width: 6.25%;}
.dierpdh .pro13{bottom: 35%; left: 19.2%; width: 4.75%;}
.dierpdh .pro14{bottom: 32%; left: 25.2%; width: 10%;}
.dierpdh .pro15{bottom: -0%; left: 0%; width: 33.6979%;}
.dierpdh .pro16{bottom: -29%; left: 33%; width: 33.229%;}
/*.dierpdh .pro18{top:3%; right: 18.3%; width: 12%;animation: redList3 35s infinite linear;-webkit-animation: redList3 35s infinite linear; z-index: 10;}*/
.dierpdh .pro17{bottom: -2%; right: -1%; width: 13%;}
.dierpdh .pro18{bottom: 13%; right: 16%; width: 9.166666%;}
.dierpdh .pro19{bottom: 4%; right: 21%; width: 10.5308%;}
.dierpdh .pro20{bottom: 3%; right: 9%; width: 10%; z-index: 16;}
.dierpdh .pro21{bottom: 10%; right: 12%; width: 9%; z-index: 16;}
.dierpdh .pro22{top: 46%;left: 0%;width: 5%;}
.dierpdh .pro23{top: 45%;left: 5%;width: 3.3%;}
.dierpdh .pro24{top: 45%;left: 8.3%;width: 4%; cursor: auto !important; z-index: 6;}
.dierpdh .chjpro .pro24:hover .imgs{-webkit-transform:scale(1);transform:scale(1);}
.dierpdh .chjpro .pro23:hover .imgs,.dierpdh .chjpro .pro22:hover .imgs{-webkit-transform:scale(1.15);transform:scale(1.15);}


/*.dierpdh .pro02{bottom: 31%; left: 2%; width: 34.65%;}
.dierpdh .pro03{bottom: 43%; left: 34%; width: 12.96875%; z-index: 10;}
.dierpdh .pro04{bottom: 39%; left: 55%; width: 14.84375%; z-index: 14;}
.dierpdh .pro05{bottom: 32%; left: 69%; width: 14.0625%; z-index: 11;}
.dierpdh .pro06{bottom: 44%; right: 6%; width: 12.96875%; z-index: 10;}*/

.dierpdh .pro .cpxq{position: absolute; width: 160px; padding: 5px; /*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/ display: none;}
/*.dierpdh .chjpro .pro:hover{z-index: 35;}*/

.dierpdhsj{display: none;}



/*元素*/
.dierpdh .pros1{bottom: 0%; right: -1%; width: 12.5%;}
.dierpdh .pros2{bottom: 13%; right: 16%; width: 9.166666%; z-index: 16;}
.dierpdh .pros3{bottom: 4%; right: 21%; width: 10.5308%;}
.dierpdh .pros4{top: 9.2%; left: 20%; width: 6.7709%; z-index: 5;}
/*.dierpdh .pros5{bottom: 29%; right: -3.2%; width: 15.3125%;}*/
.dierpdh .pros6{top: 6%; left: 64%; width: 10.5208%; z-index: 7;}
.dierpdh .pros6 .imgs{animation: topfx 0.5s infinite linear alternate; -webkit-animation: topfx 0.5s infinite linear alternate;}
.dierpdh .pros6 .imgs img:last-child{position: absolute; top: 0; left: 0; animation: opacitys 0.5s infinite linear alternate; -webkit-animation: opacitys 0.5s infinite linear alternate;}
.dierpdh .pros7{top: 3.4%;right: 17%;width: 15.3145%;}
.dierpdh .pros7 .imgs{position: relative;}
.dierpdh .pros7 .imgs img:last-child{position: absolute;top: -1%;width: 80%;left: 12%;animation: redList3 35s infinite linear;-webkit-animation: redList3 35s infinite linear;}
/*.dierpdh .pros8{bottom: -29%; left: 34%; width: 33.229%;}*/
/*.dierpdh .pros9{bottom: 38%; left: 45%; width: 12.96875%; z-index: 15;}*/
/*.dierpdh .pros10{bottom: -0%; left: 0%; width: 33.6979%;}*/

.dierpdh .pros11{bottom: 31%; left: 4%; width: 34.65%;}


.pronavH{height: 0;}

.protcs .cons{padding: 4% 5% 15px;}
.proqh_{padding: 0 60px; position: relative; width: calc(100% - 120px);}
.proqh_ .qhann{position: absolute; top: 50%; width: 42px; margin-top: -21px; cursor: pointer;}
.proqh_ .qhann1{left: 0;}
.proqh_ .qhann2{right: 0;}
.proqh{width: 100%; overflow: hidden; position: relative;}
.proqh .con{width: 80%; margin: 0 auto; cursor: pointer; position: relative;border: 2px solid transparent;padding: 5px;}
.proqh .con img{position: relative; z-index: 3; }
.proqh .swiper-slide.cur .con:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(250,250,250,0.5);}
.proqh .swiper-slide.cur .con{border: 2px solid #D9000F;}
.proqh_ .qhann.swiper-button-disabled{display: none;}
.protcs .conss .con{display: none;}

.sdhfkj{position: relative; overflow: hidden; background: #e4f5fd;}
.sdhfkj .imgs{position: relative; z-index: 2;}
.sdhfkj .shuy{position: absolute; top:6%; z-index: 1;}
.sdhfkj .shuy img{width: 100%; animation: clockwiseSpin 5s infinite linear alternate; -webkit-animation: clockwiseSpin 5s infinite linear alternate;}
.sdhfkj .shuy1 img,.sdhfkj .shuy4 img,.sdhfkj .shuy5 img,.sdhfkj .shuy7 img,.sdhfkj .shuy9 img,.sdhfkj .shuy10 img,.sdhfkj .shuy12 img{animation: clockwiseSpin1 6s infinite linear alternate; -webkit-animation: clockwiseSpin1 6s infinite linear alternate;}
.sdhfkj .shuy1{left: 5%; width: 7%; animation: fade,drop 90s infinite; -webkit-animation: fade,drop 90s infinite; }
.sdhfkj .shuy2{left: 12%; width: 8%; animation: fade,drop1 118s 5s infinite; -webkit-animation: fade,drop1 118s 5s infinite;}
.sdhfkj .shuy3{left: 18%; width: 6%; animation: fade,drop2 138s infinite; -webkit-animation: fade,drop2 78 infinite;}
.sdhfkj .shuy4{left: 22%; width: 4%;; animation: fade,drop3 116s 5s infinite; -webkit-animation: fade,drop3 116s 5s infinite;}
.sdhfkj .shuy5{left: 30%; width: 9%; animation: fade,drop 90s 5s infinite; -webkit-animation: fade,drop 90s 5s infinite;}
.sdhfkj .shuy6{left: 34%; width: 8%; animation: fade,drop1 90s 7s infinite; -webkit-animation: fade,drop1 90s 7s infinite;}
.sdhfkj .shuy7{left: 45%; width: 6%; animation: fade,drop1 138s 2s infinite; -webkit-animation: fade,drop1 138s 2s infinite;}
.sdhfkj .shuy8{left: 53%; width: 5%; animation: fade,drop2 118s 5s infinite; -webkit-animation: fade,drop2 118s 5s infinite;}
.sdhfkj .shuy9{left: 64%; width: 7%; animation: fade,drop3 116s 2s infinite; -webkit-animation: fade,drop3 116s 2s infinite;}
.sdhfkj .shuy10{left: 72%; width: 9%; animation: fade,drop1 90s infinite; -webkit-animation: fade,drop1 90s infinite;}
.sdhfkj .shuy11{left: 79%; width: 7%; animation: fade,drop 90s 5s infinite; -webkit-animation: fade,drop 90s 5s infinite;}
.sdhfkj .shuy12{left: 83%; width: 8%; animation: fade,drop3 116s 5s infinite; -webkit-animation: fade,drop3 116s 5s infinite;}
.sdhfkj .yunc{position: absolute; left: 0; width: 16%;}
.sdhfkj .yunc1{top: 2%; animation: yuns1 77s infinite linear alternate; -webkit-animation: yuns1 77s infinite linear alternate;}
.sdhfkj .yunc2{top: 18%; width: 15%; animation: yuns1 88s infinite linear alternate; -webkit-animation: yuns1 88s infinite linear alternate;}
.sdhfkj .yunc3{top: 32%; width: 17%; animation: yuns1 86s infinite linear alternate; -webkit-animation: yuns1 86s infinite linear alternate;}
.sdhfkj .yunc4{top: 40%; width: 12%; animation: yuns1 78s infinite linear alternate; -webkit-animation: yuns1 78s infinite linear alternate;}
.sdhfkj .yunc5{top: 55%; width: 14%; animation: yuns1 80s infinite linear alternate; -webkit-animation: yuns1 80s infinite linear alternate;}
.sdhfkj .yunc6{top: 60%; width: 16%; animation: yuns1 87s infinite linear alternate; -webkit-animation: yuns1 87s infinite linear alternate;}

.gif1{position: absolute; left: 16.5%; bottom: -0.2%; width: 27%; z-index: 5; display: none;}
.gif2{position: absolute; left: 30%; bottom: 4%; width: 18.49%;}
.gif3{position: absolute; left: 30%; bottom: 4%; width: 23.4375%;}

.vidsp{background: #fdeddd; padding: 40px 0; border-bottom: 1px solid #fff;}
.vidsp .imgs{float: left; width: 48%;}
.vidsp .vidcp{float: right; width: 48%; position: relative;}
.vidsp .vidcp img{opacity: 1;}
.vidsp .vidcp span{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url(../images/vidico6.png) no-repeat center rgba(0,0,0,0.6); background-size: 10%; cursor: pointer;}
.vidsp .vidcp video{position: absolute; bottom: 0; left: 0; background: #000000; z-index: 3;}

.yybiaos{float: left; width: 40px; margin-top: 12px; margin-left: 3%;}

@-webkit-keyframes fade
{
    0%   { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes fade
{
    0%   { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes drop
{
    0%   { top: 15%;}
    100% { top: 40%;}
}
@keyframes drop
{
    0%   { top: 15%;}
    100% {  top: 40%;}
}


@-webkit-keyframes drop1
{
    0%   { top: 35%;}
    100% {  top: 70%;}
}
@keyframes drop1
{
    0%   { top: 35%;}
    100% { top: 70%;}
}

@-webkit-keyframes yuns1
{
    0%   { left: -3%;}
    100% {  left: 96%;}
}
@keyframes yuns1
{
    0%   { left: -3%;}
    100% {  left: 96%;}
}

/*@-webkit-keyframes yun2
{
    0%   { left: 100%;}
    100% {  left: -10%;}
}
@keyframes yun2
{
    0%   { left: 100%;}
    100% {  left: -10%;}
}*/

@-webkit-keyframes drop2
{
    0%   { top: 45%;}
    100% {  top: 90%;}
}
@keyframes drop2
{
    0%   { top: 45%;}
    100% { top: 90%;}
}

@-webkit-keyframes drop3
{
    0%   { top: 65%;}
    100% {  top: 100%;}
}
@keyframes drop3
{
    0%   { top: 45%;}
    100% { top: 100%;}
}

@-webkit-keyframes clockwiseSpin
{
    0%   { -webkit-transform: rotate(-50deg); }
    100% { -webkit-transform: rotate(50deg); }
}
@keyframes clockwiseSpin
{
    0%   { -webkit-transform: rotate(-50deg); }
    100% { -webkit-transform: rotate(50deg); }
}
@-webkit-keyframes clockwiseSpin1
{
    0%   { -webkit-transform: rotate(40deg); }
    100% { -webkit-transform: rotate(-50deg); }
}
@keyframes clockwiseSpin1
{
    0%   { -webkit-transform: rotate(40deg); }
    100% { -webkit-transform: rotate(-50deg); }
}

/*left: 73.07%;*/


/*@media screen and (max-height:910px) {
	.habouts .imgs{width:40%;}
	.habouts .text{width: calc(60% - 40px);}
}

@media screen and (max-height:800px) {
	.hpros ul{width:80%; margin: 0 auto;}
	.habouts .text .txt{font-size: 20px;}
	.habouts .imgs{width: 35%;}
	.habouts .text{width: calc(65% - 40px);}
}*/

.yybiaos{float: left; width: 40px; margin-top: 12px; margin-left: 3%;}
.pdfwd{float: left; color: #fff !important; /*text-decoration: underline;*/ margin-top: 20px; font-size: 13px; line-height: 24px; margin-left: 3%; border: 1px solid rgba(250,250,250,0.5); border-radius: 12px; position: relative; padding: 0 1.4em 0 0.5em;}
.pdfwd:before{content: '>'; font-family: simsun; position: absolute; right: 0.5em; top: 0;}
.pdfwd:hover{background: #fff; color: #A30000 !important;}

@media screen and (min-width:1680px) {
	.gugncon .right h3{font-size: 32px;}
}
@media screen and (max-height:700px) {
	.ggntc .cons_{max-width: 900px; }
	.pronav ul{font-size: 15px; line-height: 34px;}
	.pronav{width: 140px; margin-top: -224px;}
	.pronav.cur{left: -140px;}
	.pronav ul{width: 120px;}
	.protc .cons{padding: 30px 5%;}
	/*.protc .cons_{margin-top: 0;}*/
	.protcs .cons_{max-width: 1000px;margin-top: -278px;}
}
@media (max-width:1680px) and (min-width:1400px) {
	.gugncon .right h3{font-size: 28px;}
	
}
@media (max-width:1400px) and (min-width:1200px) {
	.gugncon .right h3{font-size: 26px;}
	
}
@media screen and (max-width:1640px) {
	.foot .footcon .dsanf a{margin: 0 7px;}
	.foot .footcon .dsanf a img{height: 27px;}
	.pdfwd{margin-left: 2%;}
	.yybiaos{margin-left: 2%;}
	
}
@media screen and (max-width:1550px) {
	.foot .footcon{padding-left: 0;}
	.foot .footcon .fmap{padding-left: 30px; margin-left: 30px;}
	
}
@media screen and (max-width:1400px) {
	.honav ul li .txt p{font-size: 14px; padding-bottom: 1.5em; }
	/*.honav ul li:last-child .txt{height: 70%;}*/
	.foot{padding: 30px 5%;}
	.foot .footcon .dsanf a{margin:0 7px;}
	
	.head .nav{width: auto;}
	.head .nav ul li{width: auto; margin-left: 120px;}
	
	.foot .footcon .dsanf a img{height: 20px;}
	.foot .footcon .fhtop{position: absolute; right: 10px; top: 25px;}
	.foot .footcon .dsanf{padding: 10px 10px; margin-right: 44px;}
	/*.gugncon .right h3{font-size: 32px;}*/
	
}
@media screen and (max-width:1350px) {
	.yybiaos{margin-left: 2%;}
}
@media screen and (max-width:1340px) {
	.yybiaos{margin-left: 10;}
	.honav ul li .txt a.more{line-height: 2.4em; font-size: 16px;}
	.foot .footcon .fhtop{padding-left: 15px;}
	.honav ul li:last-child .txt p{padding-bottom: calc(2em + 40px);}
	.honav ul li:last-child .txt a.more{margin-top: calc(-20px - 1.3em);}
	.foot .footcon .dsanf{padding: 10px 10px; margin-right: 44px;}
	.foot .footcon .dsanf a img{height: 24px;}
	.foot .footcon .logo{width: 140px;}
	
}
@media screen and (max-width:1200px) {
	.foot{padding: 20px 5%; position: relative;}
	.foot .footcon .logo{float: none; margin: 0 auto; width: 110px;}
	.foot .footcon .fmap{float: none; padding-left: 0; margin-left: 0; border: 0; text-align: center; line-height: 1.6em; font-size: 12px;}
	.foot .footcon .dsanf{float: none; border: 0; padding: 15px 0 0; width: 220px; margin: 0 auto;}
	.foot .footcon .dsanf a{width: 30px;}
	.foot .footcon .fhtop{position: absolute; right: 5%; top: 20px; float: none; padding: 0; margin: 0;}
	
	.yybiaos{float: none; margin: 0 auto; display: block;}
	
	.head .nav ul li{margin-left: 80px;}
	
	.gugncon .right h3{padding-top: 0; font-size: 25px;}
	
	
	.gappz ul li .con{width: 90%;}
	.gappz ul li .con .txt br{display: none;}
	.pdfwd{float: none; line-height: 22px; display: inline-block; margin:5px 0;}
	.foot{text-align: center;}
	
	
	/*公用*/
	.ptb150{padding: 60px 0 90px;}
	.ptb100{padding: 60px 0;}
	.ptb40{padding: 36px 0;}
	.pt80{padding: 55px;}
	.ptb70{padding: 50px 0 50px;}
	.ptb80{padding: 55px 0 55px;}
	.ft60{font-size: 46px;}
	.ft70{font-size:50px;}
	.ft84{font-size:60px;}
	.ft48{font-size: 40px;}
	.ft40{font-size: 30px;}
	.ft36{font-size: 28px;}
	.ft34{font-size: 28px;}
	.ft30{font-size: 26px;}
	.ft24{font-size: 22px;}
	.ft28{font-size: 24px;}
}
@media screen and (max-width:960px) {
	.honav ul li{padding-top: 100px;}
	
	.gugn{padding-top: 40px;}
	.gugncon .left{float: none; max-width: 500px; margin: 0 auto; width: 80%;}
	.gugncon .right{float: none; width: auto; margin: 0 auto; max-width: 500px; padding-top: 30px;}
	.gugncon .right h3{font-size: 22px;}
	.gugncon .clearfix{padding-left: 0;}
	
	.riyszc .ul .li{width: 50%;}
	.riyszc .ul.cur{opacity: 1;}
	
	.sbjgc{position: relative; display: none; opacity: 1;}
	.sbjgc .con{position: relative; padding: 10% 0;}
	258ba8{width: calc(100% - 390px);}
	.riyszc .ul .li .yuans{display: block;}
	
	.prolist ul li{width: calc(50% - 1px);}
	.prolist ul li .span p{opacity: 1; font-size: 14px;}
	
	.pronav ul{font-size: 15px; line-height: 34px;}
	.pronav{width: 140px; margin-top: -224px;}
	.pronav ul{width: 120px;}
	.pronav .close{position: absolute; top: 0; right: -37px;}
	.pronav .close1{ background: #F4E0A4; display: block;}
	.pronav .close2{background: #A30000;}
	.pronav.cur{left: -140px;}
	
	.protc .cons .left{width: 35%;}
	.protc .datu{width: 100%; float: none;}
	.protc .xiaotu{padding-top: 20px; float: none; text-align: center; width: 100%;}
	.protc .xiaotu ul li{float: none; display: inline-block; margin: 0 5px; width: 60px; }
	.protc .xiaotu ul li a{padding: 8px 10px;}
	
	.dierpdh{display: none;}
	.dierpdhsj{position: relative; overflow: hidden; display: block;}
	.dierpdhsj .bg2{position: absolute; top: 0; left: 0; width: 100%; z-index: 2;}
	.dierpdhsj .logos{position: absolute; z-index: 3; top: 2%; width: 33.8%; left: 37.1%;}
	.dierpdhsj .yun{position: absolute; width: 66.48%; top: 1%; left: 20%; animation: yun2 12.9s infinite linear alternate; -webkit-animation: yun2 12.9s infinite linear alternate;}
	.dierpdhsj .fengc{ z-index: 5; top: 11.2%; right: -5%; width: 24%; position: absolute;}
	.dierpdhsj .fengc img:last-child{position: absolute; top: -2%; width: 80%; left: 12%;animation: redList3 35s infinite linear; -webkit-animation: redList3 35s infinite linear;}
	.dierpdhsj .chjpro{}
	.dierpdhsj .chjpro a{position: absolute; z-index: 10;}
	.dierpdhsj .chjpro a:nth-child(1){left: 21%; top: 13.5%; width: 22.87%;}
	.dierpdhsj .chjpro a:nth-child(2){left: 42%; top: 18.8%; width: 22.98%; z-index: 11;}
	.dierpdhsj .chjpro a:nth-child(3){left: 58.5%; top: 11.9%; width: 29.7222%;}
	.dierpdhsj .chjpro a:nth-child(4){left: 32.5%; top: 32.9%; width:15.092592%;}
	.dierpdhsj .chjpro a:nth-child(5){left: 3.5%; top: 36.2%; width: 29.717522%;}
	.dierpdhsj .chjpro a:nth-child(6){left: 41.5%; top: 43.2%; width: 17.1296296%;}
	.dierpdhsj .chjpro a:nth-child(7){right: 1%; top: 35.9%; width: 36.574022%;}
	.dierpdhsj .chjpro a:nth-child(8){left: -5.5%; bottom: -4%; width: 30.574022%; z-index: 11;}
	.dierpdhsj .chjpro a:nth-child(9){left: 18%; bottom: -4%; width: 63.518522%;}
	.dierpdhsj .chjpro a:nth-child(10){right: -5%; bottom: -4%; width: 29.718522%;}
	.dierpdhsj .chjpro a:nth-child(11){left: 0%; top: 28%; width: 10%;}
	.dierpdhsj .chjpro a:nth-child(12){left: 10%; top: 28%; width: 6.5%;}
	.dierpdhsj .chjpro a:nth-child(13){left: 16.5%; top: 28%; width: 8%;}
	
	.head .nav ul li{margin-left: 46px;}
	
}

@media screen and (max-width:768px) {
	.honav ul li{width: 100%; padding-top: 0; border-left: 0; border-top: 1px solid #fff;}
	.honav ul li:first-child{border: 0;}
	.head{padding: 10px 0;}
	.head .logo{width: 80px;}
	.navs{position: fixed; top: 59px; right: -100%; background: #fff; width: 100%; max-width: 100%; padding: 10px 0; height: calc(100% - 79px); z-index: 80;}
	.head .nav ul li{margin-left: 0; float: none; text-align: center; width: 90%; margin: 0 auto;}
	.head .nav ul li:first-child{border-top: 1px solid #f6f5f5;}
	.head .nav ul li a.yij{line-height: 46px; font-size: 16px; text-align: right; border-bottom: 1px solid #f6f5f5;}
	.headH{height: 59px;}
	.head .navlin{ width: 22px; height: 20px; margin-right: 10px; margin-top: 13px; display: block; }
	.head .navlin span{display: block; width: 100%; height: 2px; background: #A30000; position: relative; transition:.3s; -webkit-transition:.3s;}
	.head .navlin span:nth-child(2),.head .navlin span:nth-child(3){margin-top: 5px;}
	.head .navlin.cur span:nth-child(3){display: none;}
	.head .navlin.cur span:nth-child(1){transform:rotate(45deg); -webkit-transform:rotate(45deg); top: 7px;}
	.head .navlin.cur span:nth-child(2){transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top: 0px;}
	
	.banners_ .swiper-slide{height: calc(calc(100vh - 59px));}
	
	.pronav .close1,.pronav .close2{display: none !important;}
	.pronav h3,.pronav ul li:before,.pronav ul li:after,.pronav img{display: none;}
	.pronav{position: relative; margin-top: 0; background: #eecba1; left: 0; top: 0; width: 95%; padding: 10px 0 6px 5%;     transition: .1s; display: block !important; margin-top: 0 !important;
    -webkit-transition: .1s; border-radius: 0;}
	.pronav .pronav_{ width: 100%;
	display: -webkit-box;
    overflow: auto;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	}
	.pronav ul{white-space: nowrap; width: 100%;}
	.pronav ul li{display: inline-block;  margin-top: 0; padding-left: 3px;}
	.pronav ul li:first-child{padding-left: 0;}
	.pronav ul li a{padding: 0 10px;}
	.pronavH.cur{height: 63px;}
	.pronav.curs{position: fixed; top: 59px; padding: 5px 0 1px 5%;}
	.pronav.curs ul{line-height: 24px; font-size: 14px;}
	
	.bantion{bottom: 3px !important;}
	.bantion span{width: 5px; height: 5px; margin: 0 2px !important;}
	.foot .footcon .fhtop img{width: 1.2em;}
	.navbg.cur{display: block !important;}
	.honav ul li .txt a.more{font-size: 14px;}
	
	.gugncon .left .yuans{width: 26px; height: 26px; right: 90%;}
	.gugncon .left .hua{left: -20%;}
	
	.gappz ul li{width: 50%; padding:1em 0;}
	.gappz ul li .con .txt{height: 3.6em; }
	.gappz ul li .con{width: 80%;}
	
	.riyszc .ul .li h3 img{width: 1em;}
	
	.ggntc .cons .left{padding-top: 20%;}
	.ggntc .cons .right{float: none; position: relative; padding-top: 5%; margin: 0 auto; right: 0;}
	
	.sbjgc .con_ .left{width: 40% !important;}
	.sbjgc .con_ .right{width: 55% !important;;}
	
	.sj{display: block;}
	.pc{display: none;}
	
	.sbjgc .close{display: none;}
	.ggntc .cons .right h3{text-align: center;}
	.ggntc .cons .left{float: none; margin: 0 auto;}
	
	.proqh_{padding: 0 40px; width: calc(100% - 80px);margin-top: 15px;}
	.proqh_ .qhann{width: 30px; margin-top: -15px; }
	
	.vidsp .imgs{width: 100%;}
	.vidsp .vidcp{width: 100%; margin-top: 10px;}
	
	/*公用*/
	.ptb150{padding: 50px 0 80px;}
	.ptb100{padding: 50px 0;}
	.ptb40{padding: 30px 0;}
	.pt80{padding:45px;}
	.ptb80{padding: 45px 0 45px;}
	.ptb70{padding: 40px 0 40px;}
	.ft60{font-size: 36px;}
	.ft70{font-size:42px;}
	.ft84{font-size:50px;}
	.ft40{font-size: 26px;}
	.ft48{font-size: 30px;}
	.ft36{font-size: 25px;}
	.ft34{font-size: 25px;}
	.ft30{font-size: 24px;}
	.ft24{font-size: 20px;}
	.ft28{font-size: 22px;}
}

@media screen and (max-width:640px) {
	.foot .footcon .fmap{text-align: left;}
	
	.protc .cons .left{width: 100%; max-width: 180px; float: none; margin: 0 auto;}
	.protc .right{float: none; margin: 0 auto; width: 100%;}
	.protc .right p{min-height: auto; padding-bottom: 1em;}
	
	.protc .cons{padding: 20px 5%;}
	.protc .xiaotu{float: left; width: 40px;}
	.protc .xiaotu ul li{margin: 5px 0; display: block; float: none; width: 100%;}
	.protc .datu{float: right; width: calc(100% - 60px);}
	.protc .cons_ .close{width: 40px; top: -20px;}
	.protc .right .goum a{font-size: 13px;}
	.protc .right .goum a img{width: 20px;}
	
	
	.sdhfkj .imgs{width: 120%; max-width: 140%; position: relative; left: -10%;}
	
	.protcs .cons_{margin-top: 0px; top: 2.5%; height:95%;}
	.protcs .cons_ .cons{/*overflow-y: auto;*/ height: calc(100% - 40px);}
	.protc .right .goum{padding-bottom: 0.3em;}
	.protc .datu ul{padding-top: 136%;}
	.cpmshu{max-height: 7.5em; overflow-y: auto;}
	.cpmshu::-webkit-scrollbar {/*滚动条整体样式*/
        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
	.cpmshu::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 5px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }
	.cpmshu::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 5px;
        background: #EDEDED;
    }
}

@media screen and (max-width:480px) {
	.honav ul li{padding-top: 50px;}
	.honav ul li .txt{height: 80%;}
	.honav ul li:nth-child(1){padding-top: 0px;}
	
	.gugncon .right h3{font-size: 18px; line-height: 1.6em;}
	.gugncon .left{margin-left: 13%;}
	
	.riyszc .ul .li .yuans{width: 28px; line-height: 28px; height: 28px;}
	
	.gappz{padding: 25px 0;}
	.gappz ul li{width: 100%;transition:0.7s !important; -webkit-transition:0.7s !important;}
	.gappz ul li .con .txt{height: auto;}
	
	.riyszc .ul .li h3{font-size: 21px;}
	.riyszc .ul .li .txt{font-size: 13px;}
	
	.ggntc .cons .left{padding-top: 8%; width: 50%;}
	.ggntc .cons{background-size: 100%;}
	.ggntc .cons .right{width: 84%;}
	.ggntc .cons_ .close{width: 40px; top: -20px;}
	
	.sbjgc .con_ .left{padding-top: 0 !important; width: 100% !important;; float: none; max-width: 350px !important;; margin: 0 auto;}
	.sbjgc .con_ .right{width: 100% !important;; padding-top: 5% !important;;}
	
	/*公用*/
	.ptb150{padding: 40px 0 60px;}
	.ptb100{padding: 40px 0;}
	.ptb80{padding: 40px 0 40px;}
	.pt80{padding: 40px;}
	.ft60{font-size: 32px;}
	.ft70{font-size:36px;}
	.ft84{font-size:40px;}
	.ft40{font-size: 24px;}
	.ft48{font-size: 26px;}
	.ft36{font-size: 23px;}
	.ft34{font-size: 23px;}
	.ft30{font-size: 20px;}
	.ft24{font-size: 18px;}
	.ft28{font-size: 20px;}
}


.td{
	width: 22.3%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 21.5%;
	z-index: 10;
}
.td>img{
	display: none;
}
.fq{
	width: 12.4%;
	height: auto;
	position: absolute;
	bottom: 2.3%;
	left: 48.6%;
	z-index: 10;
}
.fq>img{
	display: none;
}

.hs{
	width: 16%;
	height: auto;
	position: absolute;
	bottom: 3.2%;
	right: 8%;
	z-index: 10;
}
.hs>img{
	display: none;
}

.cc{
	width: 59.3%;
	position: absolute;
	z-index: 11;
	left: 1%;
	bottom: 0;
}

@media screen and (max-width:378px) {
	
	
}
@media screen and (max-width:360px) {
	.riyszc .ul .li .txt{min-height:12em; padding-bottom: 1.5em;}
	
}

@media screen and (max-height:570px) {
	
}


@-webkit-keyframes redList0 {
	0% {
		-webkit-transform: translate(0,-5px); transform: translate(0,-5px);
		opacity: 0.9;
	}
	50% {
		-webkit-transform: translate(0,5px); transform: translate(0,5px);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translate(0,0px); transform: translate(0,0px);
		opacity: 1;
	}
}

@keyframes redList0 {
	0% {
		-webkit-transform: translate(0,-5px); transform: translate(0,-5px);
		opacity: 0.9;
	}
	50% {
		-webkit-transform: translate(0,5px); transform: translate(0,5px);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translate(0,0px); transform: translate(0,0px);
		opacity: 1;
	}
}



@-webkit-keyframes redList1 {
	0% {
		-webkit-transform: translate(0,-3px); transform: translate(0,-3px);
		opacity: 0.8;
	}
	100% {
		-webkit-transform: translate(0,3px); transform: translate(0,3px);
		opacity: 1;
	}
}

@keyframes redList1 {
	0% {
		-webkit-transform: translate(0,-3px); transform: translate(0,-3px);
		opacity: 0.8;
	}
	100% {
		-webkit-transform: translate(0,3px); transform: translate(0,3px);
		opacity: 1;
	}
}


@-webkit-keyframes sizes {
 0% {
   -webkit-transform: scale(1); opacity: 1;
   transform: scale(1); 
 }
 50% {
   -webkit-transform: scale(1.3);opacity: 0.7;
   transform: scale(1.3);
 }
 100% {
   -webkit-transform: scale(1.5); opacity: 0.1;
   transform: scale(1.5); 
 }
}
@keyframes sizes {
 0% {
   -webkit-transform: scale(1); opacity: 1;
   transform: scale(1); 
 }
 50% {
   -webkit-transform: scale(1.3);opacity: 0.7;
   transform: scale(1.3);
 }
 100% {
   -webkit-transform: scale(1.5); opacity: 0.1;
   transform: scale(1.5); 
 }
}


@-webkit-keyframes redList2 {
	0% {
		-webkit-transform:translateY(5px) rotate(5deg);
		transform:translateY(5px) rotate(5deg);
		opacity: 1;
	}
	to {
		-webkit-transform:translateY(-5px) rotate(-5deg);
		transform:translateY(-5px) rotate(-5deg);
		opacity: 1;
	}
}

@keyframes redList2 {
	0% {
		-webkit-transform:translateY(5px) rotate(5deg);
		transform:translateY(5px) rotate(5deg);
		opacity: 1;
	}
	to {
		-webkit-transform:translateY(-5px) rotate(-5deg);
		transform:translateY(-5px) rotate(-5deg);
		opacity: 1;
	}
}

@-webkit-keyframes redList1 {
	0% {
		background-position-x: left;
	}
	to {
		background-position-x: right;
	}
}

@keyframes redList1 {
	0% {
		background-position-x: left;
	}
	to {
		background-position-x: right;
	}
}


@-webkit-keyframes yun1 {
	0% {
		-webkit-transform: translate(-10%,0px); transform: translate(-10%,0px);
	}
	to {
		-webkit-transform: translate(10%,0px); transform: translate(10%,0px);
	}
}

@keyframes yun1 {
	0% {
		-webkit-transform: translate(-10%,0px); transform: translate(-10%,0px);
	}
	to {
		-webkit-transform: translate(10%,0px); transform: translate(10%,0px);
	}
}

@-webkit-keyframes yun2 {
	0% {
		-webkit-transform: translate(-20%,0px); transform: translate(-20%,0px);
	}
	to {
		-webkit-transform: translate(20%,0px); transform: translate(20%,0px);
	}
}

@keyframes yun2 {
	0% {
		-webkit-transform: translate(-20%,0px); transform: translate(-20%,0px);
	}
	to {
		-webkit-transform: translate(20%,0px); transform: translate(20%,0px);
	}
}

@-webkit-keyframes yun3 {
	0% {
		-webkit-transform: translate(-25%,0px); transform: translate(-25%,0px);
	}
	to {
		-webkit-transform: translate(25%,0px); transform: translate(25%,0px);
	}
}

@keyframes yun3 {
	0% {
		-webkit-transform: translate(-25%,0px); transform: translate(-25%,0px);
	}
	to {
		-webkit-transform: translate(25%,0px); transform: translate(25%,0px);
	}
}


@-webkit-keyframes opacitys {
	0% {
		-webkit-transform: translate(-3%,0px); transform: translate(-3%,0px);
		opacity: 0.4;
	}
	100% {
		-webkit-transform: translate(0%,0px); transform: translate(0%,0px);
		opacity: 1;
	}
}

@keyframes opacitys {
	0% {
		-webkit-transform: translate(-3%,0px); transform: translate(-3%,0px);
		opacity: 0.4;
	}
	100% {
		-webkit-transform: translate(0%,0px); transform: translate(0%,0px);
		opacity: 1;
	}
}


@-webkit-keyframes topfx {
	0% {
		-webkit-transform: translate(0,-3%); transform: translate(0%,-3%);
		
	}
	100% {
		-webkit-transform: translate(0%,3%); transform: translate(0%,3%);
		
	}
}

@keyframes topfx {
	0% {
		-webkit-transform: translate(0,-3%); transform: translate(0%,-3%);
		
	}
	100% {
		-webkit-transform: translate(0%,3%); transform: translate(0%,3%);
		
	}
}


@keyframes redList3 {
	0% {
		-webkit-transform:translateX(0) rotate(-360deg);
		transform:translateX(0) rotate(-360deg);
		opacity: 1;
	}
	to {
		-webkit-transform:translateX(0) rotate(0deg);
		transform:translateX(0) rotate(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes redList3 {
	0% {
		-webkit-transform:translateX(0) rotate(-360deg);
		transform:translateX(0) rotate(0deg);
		opacity: 1;
	}
	to {
		-webkit-transform:translateX(0) rotate(-360deg);
		transform:translateX(0) rotate(0deg);
		opacity: 1;
	}
}