img {
    pointer-events: none;
}
/* CSS Document */
.pro{width:100%; margin:0 auto; position:relative; padding-top:80px;}
.pro1{width:100%; background:#000; overflow:hidden;}
.pro1 img{width:100%;}
.tu{width:100%;  height: auto;display:block;  animation: changeScale 1 2.5s;}
.ww1{width:1400px; margin:0 auto;}
.pro-list{width:100%; margin:0 auto; position:absolute; left:0; bottom:-140px;}
.pro-list dl{width:32.7%; float:left; margin-right:0.95%; color:#fff; cursor:pointer;}
.pro-list dl dt{width:100%; overflow:hidden; background:#000;}.pro-list dl dd{width:100%; background:#595959; height:140px; padding:22px 5%;}
.pro-list dl dt img{width:100%; transition-duration:1s; display:block;}
.pro-list dl:hover dt img{transform:scale(1.1,1.1); opacity:0.6;}

.pro-list dl dd p{font-size:22px; font-weight:bold; line-height:38px; }
.pro-list dl dd span{font-size:16px; line-height:22px; display:inline-block; padding-top:8px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;
 -webkit-box-orient: vertical;
}
.pro-list dl:hover dd{background:#bf101a;}
.pro-list dl:nth-child(3){margin-right:0;}
.pro-list dl a{color:#fff;}

#CheckBoxList1 li{ float:left; padding-left:10px; margin-bottom:10px}
#CheckBoxList1 li label{ padding-left:8px}


.ma{margin-top:60px; margin-bottom:85px;}
.pro-tit{font-size:36px; line-height:108px; color:#333333;}
.pro2{width:100%; /*background:#bf101a;*/ position:relative;}
.pro2-left{width:20%; border:1px solid #ccc;}
.pro2-right{width:calc(78% - 2px ) !important; width:-webkit-calc(78% - 2px ) !important;  background:#fff; border:0px solid #cccccc; min-height: 800px;}
.pro2-right dl{ width:32%; float:left; position:relative; cursor:pointer; margin-right:2%;  }
.pro2-right dl:nth-child(3n){ margin-right:0 !important;}
.pro2-right dl img{width:100%; height:100%; display:block;/* border-bottom:3px solid #d21a2e;*/}
.pro2-right dl dt{position:absolute; width:98px; height:97px; top:8%; right:5%; transition-duration:1s;  }
.pro2-right dl:hover dt{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.pro2-right dl:hover img{opacity:0.8;}
.pro2-right dl dd{width:100%; line-height:48px; text-align:center; font-size:18px; color:#333333;}

.new-pro01{ width:100%; top:50%; position:absolute;transform:translateY(-50%); color:#fff;}
.gai-pp01 { width:20.5%; background:rgba(0,0,0,0.65); position:relative; padding-bottom:34%; float:left}
 .gai-pro01{ text-align:center; position:absolute; top:50%;transform:translateY(-50%); width:100%;}
.pro1 .gai-pro01 dt img, .gai-pro02 img{ max-width:100%; width:auto; transition-duration:.5s}
 .gai-pro01 a, .gai-pro01 a:hover, .gai-pro02 a, .gai-pro02 a:hover{ color:#fff;}
 .gai-pro01 dd h1, .gai-pro02 dd h1{ font-size:22px; padding:10px 0;}
  .gai-pro01 dd p, .gai-pro02 dd p{ width:58%; font-size:16px; opacity:0.3; margin:0 auto; line-height:1.8; min-height:56px;}
.gai-pp02{ width:78.5%; float:left}
.gai-pp02 .gai-pro02{ width:32.8%; position:relative; padding-bottom:2.6%; background:rgba(0,0,0,0.65); text-align:center; float:left; margin-left:0.532%; margin-bottom:8px; }
.gai-pp02 .gai-pro02 dt{padding-top:40px;}
 .gai-pp01:hover .gai-pro01 dt img, .gai-pro02 :hover dt img{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}


.case{width:100%; margin:0 auto; background:#f0f0f0; padding:76px 0;}
.case-l{width:100%; position:relative;}
.case1{ width:66.44%;}
.case-r{width:33.56%; position:absolute; height:100%; right:0%; top:0; background:url(../images/case-bg.jpg) no-repeat; background-size:cover; color:#fff;}
.case-r1{ padding:8% 8% 0 8%;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
/* 本例子css */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.slideBox .hd{ width:100%; position:absolute; left:0; bottom:7%; z-index:1; text-align:center; }
.slideBox .hd ul li{ display:inline-block;  margin-right:5px; margin-left:5px;  width:10px; height:10px; background:#bf101a; cursor:pointer;}
.slideBox .hd ul li.on{ background:#fff; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; background:#000; }
.slideBox .bd img{ width:100%; height:100%; display:block; opacity:0.7;  }
.line01{width:96%; height:92%; position:absolute; border:1px solid #FFF; z-index:999; left:2%; top:4%;}
.case-2{width:50%; background:rgba(0,0,0,0.5); height:100%; position:absolute; right:0; top:0; color:#fff; z-index:9999; padding:5% 4% 0 4%;}
.bit{width:100%; font-size:36px; line-height:76px;}
.txt{width:100%; font-size:16px; line-height:24px; padding-top:7%;}
.an{width:120px; height:30px; line-height:30px; border:2px solid #fff; background:url(../images/jt.png) no-repeat 90% center; font-size:16px; padding-left:20px; margin-top:10%;}

.pro-list2{width:100%; padding:76px 0 50px 0; margin:0 auto;}
.pro-list2 dl{width:23%; float:left; margin-right:2%; background:#f4f4f4; padding:18px 1.5%; margin-bottom:40px; cursor:pointer;}
.pro-list2 dl dt{width:100%; border-bottom:1px solid #e0e0e0; height:211px;}
.pro-list2 dl dt img{width:100%; height:100%;}
.pro-list2 dl dd{width:100%; padding-top:8px;}
.pro-list2 dl dd p{font-size:16px; font-weight:bold; color:#333333; line-height:26px;}
.pro-list2 dl dd span{display:inline-block; font-size:14px; color:#777777;   overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/ min-height:20px;}
.pro-list2 dl:nth-child(4n){margin-right:0;} 
.pro-list2 dl:hover{background:#e8e8e8;}

.pro-l{width:100%; position:absolute; bottom:15px; left:0; color:#fff;}
.pro-l .c{font-size:36px; font-weight:bold; line-height:48px;;}
.pro-l .c1{font-size:18px; padding-top:28px; padding-left:10px;}

.pro-m{width:100%; height:74px; border-bottom:1px solid #d9d9d9; background:#f4f4f4;}
.p-p{padding:50px 0;}
.p-p1{padding:100px 0 90px 0;}

.guide-slider .guide {width: 160px;height: 73px;  float: left;-webkit-transition: all ease-in .3s;transition: all ease-in .3s;position: relative;overflow: hidden; cursor:pointer;}
.guide-slider .guide .display {border-left:1px solid #d9d9d9; width: 160px;height: 73px; line-height:73px; text-align: center; float: left;position: relative; z-index: 2;background: #f4f4f4;-webkit-transition: all ease-in .3s;transition: all ease-in .3s;}
.guide-slider .guide .display .title { font-size: 18px;color: #333;height: 73px;line-height: 73px; font-weight:bold;}
.guide-slider .guide .display .title:hover{ color:#bf101a;}
.guide-slider .guide .display .title:after{ content:""; display:block; height:2px; background:#bf101a; content: "";width: 0;position: absolute;left: 50%; transition-duration:.5s; bottom:0px;}
.guide-slider .guide .display .title:hover:after{left: 15%;width: 70%;}
.guide-slider .guide .behind { width: 250px; height: 73px; line-height:73px;display: inline-block;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 1;}
.guide-slider .guide .behind .function-list-wrap {width: 210px; margin: 0 auto;}
.guide-slider .guide .behind .function-list > li {float: left;}
.guide-slider .guide .behind .function-list > li > a {display: block;height: 73px;text-align: center;line-height: 73px;color: #333; padding:0 7px;font-size:16px;}
.guide-slider .guide .behind .function-list > li .ts {color: #bf101a;}
.guide-slider .guide .behind .function-list > li > a:hover { color: #bf101a;}
.guide-slider .guide .behind .function-list > li > a.important {color: #f58914;}
.guide-slider .guide .behind .function-list > li > a.important:hover { border: 1px solid #f58914; background: #f58914;color: #ffffff;}
.guide-slider .guide.on { width: 410px; margin-right:0;}
.guide-slider .guide.on .disp lay {background:url(../images/bg.jpg) no-repeat center center;background-size:contain;}
.guide-slider .guide.on .display .title {color: #333; }
.guide-slider .guide.on .display .title:after{ left: 15%;width: 70%;}
.guide-slider .guide.on .display .introduction { color: #fff;}
.guide-slider .jg.on{ width:480px}
.guide-slider .jg .behind{ width:330px}
.guide-slider .jg .behind .function-list-wrap{ width:300px;}

.guide-slider .jzz.on{ width:480px}
.guide-slider .jzz .behind{ width:330px}
.guide-slider .jzz .behind .function-list-wrap{ width:310px;}

/*.guide-slider .whh.on{ width:820px}
.guide-slider .whh .behind{ width:640px}
.guide-slider .whh .behind .function-list-wrap{ width:640px;}*/

.pro-sea{width:100%; border:10px solid #d9d9d9; background:#fff; padding:30px 2%;}
.pro-sea dl{width:36%; margin-right:4%; float:left; height:40px;}
.pro-sea dl:nth-child(3){width:20%; margin-right:0;}
.pro-sea dl dd{width:70%; float:left;}
.pro-sea dl dt{ padding-right:4%; font-size:18px; line-height:40px; float:left;}

.pro-sea dl #button{width:100%; height:40px; background:#333333; font-size:18px; font-weight:bold; outline:none; border:none; color:#fff;}
.pro-sea dl dd input{width:100%; border:1px solid #eeeeee; outline:none; background:#fff; height:40px; padding-left:5%;}

.pro-sea dl dd select{height: 40px;
    width: 100%;
	 border:1px solid #eeeeee;
    color: #a9a9a9;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background:url(../images/bk-jt.jpg) no-repeat scroll right top transparent;
    background-size: 41px 38px;
    outline: none;
    font-size: 14px; padding-left:5%;}
	
.pro-check{width:100%; padding:28px 0;  font-size:16px;}
.pro-check p{margin-right:20px;}
.checkbox,.radio {display: inline-block; margin-right: 25px; }
.checkbox:hover,.radio:hover {cursor: pointer; }
.indent {padding-left: 30px; }
.indent .icon-checkbox,
.indent .icon-radio { margin-left: -30px; }
.checkbox input[type="checkbox"],
.radio input[type="radio"] {display: none; }
.icon-checkbox,
.icon-radio {height: 17px;width: 17px;margin-right: 5px;display: inline-block; border: 1px solid #959595;position: relative; bottom: -3px; }
.checkbox:hover .icon-checkbox,.radio:hover .icon-radio { border-color: #959595; }
.checkbox input[type="checkbox"]:checked + i:after,
.radio input[type="radio"]:checked + i:after {content: ""; position: absolute; top: 0px; left: 0px; height: 16px;width: 16px; background:url(../images/check-bg.jpg) no-repeat;}
  
  
.pro-list3{width:100%; margin:0 auto; padding-top:15px;}
.pro-list3 dl{width:31%; float:left; margin-right:3.5%; background:#f4f4f4; padding:18px 2% 0 2%; margin-bottom:40px; cursor:pointer; position:relative; overflow:hidden; transition-duration:1s;}
.pro-list3 dl dt{width:100%; border-bottom:1px solid #e0e0e0; }
.pro-list3 dl dt img{width:100%; height:100%;}
.pro-list3 dl dd{width:100%; padding:15px 0; text-align:center; min-height:100px;}
.pro-list3 dl dd p{font-size:16px; font-weight:bold; color:#333333; line-height:30px;}
.pro-list3 dl dd span{display:inline-block; font-size:14px; line-height:36px; color:#777777;   min-height:36px;}
.pro-list3 dl:nth-child(3n){margin-right:0;} 
.pro-list3 dl:hover{background:#c4252e;}
.pro-list3 dl:hover dt img{opacity:0.2;}
.pro-list3 dl:hover dd p{color:#fff;}
.pro-list3 dl:hover dd span{color:#fff;}
.pro-list3 dl .dw{width:68px; height:68px; position:absolute; z-index:9999; display:none; left:40%; top:32%; }
.pro-list3 dl:hover .dw{display:block;}  
.pro-detail{width:43.3%; float:left;   padding:0 2.77%;}
.pro-detail1{width:51.68%; float:right; padding-right:6%;}
.pro-detail img{width:100%; height:100%;}
.pro-detail1 .p1{ width:100%; font-size:40px; font-weight:bold; color:#bf101a;}
.pro-detail1 .p2{font-size:14px; line-height:24px; padding:40px 0 50px 0;  }
.pro-detail1 .p3{width:100%; background:#f5f5f5; padding:13px 2%;}
.pro-detail1 .p3 dl{width:33.333%; float:left; border-right:1px solid #dadada; text-align:center; padding:8px 0 10px 0;}
.pro-detail1 .p3 dl h3{font-size:22px; color:#222222; line-height:32px;}
.pro-detail1 .p3 dl .tt1{font-size:16px; color:#777777; line-height:32px;  }
.pro-detail1 .p3 dl:nth-child(3){border-right:none;}
.pro-detail1 .p4{ padding-top:36px; } 

.p4-1{font-size: 18px; color:#333333; line-height:62px; display:inline-block;}
.p4-2{font-size:36px; color:#bf101a; font-weight:bold; line-height:62px;  display:inline-block;}   
.p4-3{width:162px; line-height:62px;} 
.p4-4{width:162px; line-height:62px; display:block; background:url(../images/bjk-1.png) no-repeat right 0;transition-duration:.5s; text-align:center; font-size:18px; color:#333333; cursor:pointer;}
.p4-4:hover{ background:url(../images/bjk-1.png) no-repeat right -62px;}  

.pro-detail1 .p5{    padding-top: 35px;
    font-size: 16px;
    line-height: 2;
    color: #555;}
.pro-detail1 .p5 p{font-size:16px; line-height:34px; color:#333333; padding-bottom:25px;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   }

.s-page{width:100%; padding-top:34px; padding-bottom:30px;}
.p1Page2{ margin:0 auto; height:44px; font-family:"微软雅黑"; font-size:14px; color:#535353;}
.page{line-height:30px;text-align:center; }
.page a{margin:0 3px;display:inline-block;padding:0 15px 0 15px; background:#fff; color:#777777;border: 1px solid #ccc;border-radius: 5px;}
.page a:hover{background:#d12322; color:#fff;border: 1px solid #d12322;}
.page a.on{background:#d12322;border-color:#076bc8;color:#FFF; padding:0 15px 0 15px;border: 1px solid #d12322;border-radius: 5px;}
.page a.on:hover{background:#d12322; color:#fff;border: 1px solid #d12322;}
.page a.on1{background:#fff;border: 1px solid #ccc;color:#535353;  padding:0 15px 0 15px;border-radius: 5px;}
.page a.page_turn:hover{background:#d12322;border: 1px solid #d12322;color:#FFF;box-shadow:1px 1px 3px #CCC;}

.p-det{width:100%; padding-bottom:60px;  }
.p-det-p{padding:15px 0;}
.p-det-p .bt01{line-height:62px; border-bottom:1px solid #bf101a; font-size:24px; color:#bf101a; font-weight:bold; text-transform:uppercase;}
.p-det-p .txt01{width:100%; }
.p-det-p .txt01 p{font-size:18px;  line-height:30px; color:#555555; clear:both;}
.p-det-p .txt01 p img{padding-left:3%;}
.p-det-p .txt01 p span{display:inline-block; line-height:48px;  margin-bottom:8px;}

.p-det .bit{width:100%; line-height:114px; font-size:36px; font-weight:bold; color:#fff; text-align:left;}
.section-content{ width: 100%; margin: auto; }
.nav-height{ position:relative;  width:100%;   height:175px;}
.nav-wrap {width:100%; text-align:center; background:url(../images/pro-m-bg.jpg) no-repeat; }
.nav-wrap.navFix{position: fixed;top: 81px;left: 0; z-index: 2; background:url(../images/pro-m-bg.jpg) no-repeat;} 
.nav-wrap ul {padding: 0;margin: 0 auto; width: 100%; display: block;}
.nav-wrap.navFix ul{ border-bottom: 0;}
.nav-wrap li{ position:relative; line-height:61px; text-align:center; margin-right:10px; display:inline-block; cursor:pointer; float:left;}
.nav-wrap li a{ color:#fff; font-size:20px; display:block; position:relative; width:217px; height:61px; background:url(../images/l-2.jpg) no-repeat;}
.nav-wrap li a:hover{ color:#bf101a; background:#fff;}
.nav-wrap li .on{ color:#333; background:#fff;}
.nav-wrap li a.active { background:#fff; color:#bf101a;}

.tb-s310, .tb-s310 a{height:310px;width:310px;}
.tb-s310, .tb-s310 img{max-height:310px;max-width:310px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:40px;width:40px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


/*定位居中*/
.s-side {width: 20.5%; position:absolute; left:0; top:0; border:1px solid #cccccc; height:800px;}
.s-side .bbit{width:100%; background:url(../images/pro-list-b.jpg) no-repeat 13% center #d01128; font-size:20px; color:#fff; padding-left:30%; line-height:53px; border-bottom:1px solid #ccc5c6;}
.s-side .s-firstItem i { font-size: 20px;}
.s-side .s-firstItem span {display: inline-block; margin-left: 1%; line-height:78px; white-space: 10px; }
.s-side .first {display:block; font-size: 18px;font-weight:bold;line-height:55px;border-bottom:1px dashed #cdcdcd;}
.s-side .d-firstNav{position:relative;}
.s-side .d-firstNav .close{width:26px; height:26px; background:url(../images/z.jpg) no-repeat; }
.s-side .d-firstNav .open{width:26px; height:26px; background:url(../images/f.jpg) no-repeat; }
.s-side .d-firstNav span {display: inline-block;margin-left: 5%; font-weight:bold;}
.s-side .d-firstNav span:hover{color:#d01128;}
.s-side .d-firstNav i.fr {font-size: 25px;}
.s-side #s-side1{display:block;}
.s-side .s-secondNav,.s-side .s-secondItem {padding-left:18%;border-top:1px dashed #cdcdcd;}
.s-secondNav:hover,.d-firstNav:hover{cursor: pointer; color:#d01128;}
.s-side .d-secondDrop {padding-left:20%; border-top:1px dashed #cdcdcd;}
.iconRotate { transform: rotate(90deg); transition: transform 0.5s;}
.s-firstDrop,
.s-secondDrop {display: none;line-height:44px !important; font-size:16px; font-weight:bold;}
.s-thirdItem{background:url(../images/zj.jpg) no-repeat left center; padding-left:15px; line-height:40px;}
.s-thirdItem a{color:#333;}
.s-thirdItem a:hover{color:#d01128;}
.s-secondItem a{color:#333;}
.s-secondItem a:hover{color:#d01128;}
.s-side .d-secondNav,.s-secondNav span{line-height:44px;}
.s-side .d-firstNav::after {
    content: "";
    background:url(../images/z.jpg) no-repeat 100% 100%;
    width: 26px;
    height: 26px;
    float: right;
    margin-right: 15px;
	margin-top:15px;
}

.s-side .d-firstNav.selected::after {
    content: '';
    background:url(../images/f.jpg) no-repeat 100% 100%;
}

.s-side .d-firstNav.selected {
	color:#d01128;
}

.cp-more{width:100%; margin:0 auto; width:146px; height:36px; border:2px solid #919191; line-height:36px; text-align:center; transition-duration:1s;}
.cp-more:hover{ border:2px solid #d01128; background:#d01128; color:#fff; cursor:pointer;}

.sm-side{width:100%; margin:0 auto; display:none; border-bottom:5px solid #fff;}
.sm-side li{width:30.333%; float:left; margin-right:4.5%; list-style:none; text-align:center; font-size:16px; height:46px; line-height:46px; background:#bf101a; color:#333; }
.sm-side li:nth-child(3){margin-right:0;}





#MagnifierWrap{position: relative;width: 100%;}
#MagnifierWrap2{position: relative;width: 100%;}
.MagnifierMain{position: relative;width: 100%;}
.MagnifierMain img{width: 100%;} 
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}
.MagnifierPop{position: absolute;top:0;overflow: hidden; }
.MagnifierImg{position: absolute;top:0; left: 0;   } 

/*1-10企业文化新增*/
.qywh{width:100%; padding-top:30px;}
.qywh dl{width:100%; margin-bottom:45px; position:relative; cursor:pointer;}
.qywh dl dt{width:48.5%; background:#000; overflow:hidden;}
.qywh dl dd{width:48.5%; height:100%; position:absolute; top:0 ; right:0; background:#ffffff; overflow:hidden; transition-duration:1s;}
.qywh dl dd:hover{-moz-box-shadow:0px 0px 12px #D1D1D1; -webkit-box-shadow:0px 0px 12px #D1D1D1; box-shadow:0px 0px 12px #D1D1D1;}
 .box{position:relative; width:100%; height:100%; padding:13% 20% 0 13%; overflow:hidden; }
 .box img{width:auto;}
 .box .q-bit{width:100%; background:url(../images/qywh2-1.png) no-repeat left center; padding-left:15%;}
 .box .q_01{font-size:24px; color:#d01027; font-weight:bold; display:inline-block;}
 .box .q_02{font-size:22px; color:#bfbfbf; display:inline-block;}
 .box .q_03{font-size:18px; color:#bfbfbf; display:inline-block; padding-top:40px; line-height:30px; color:#333333;}
 .box .q_04{ width:100%; height:64px;}
 .box .q_04 img{display:inline-block; max-width:100%;}
 .box .q_05{font-size:24px; color:#d01027; font-weight:bold; line-height:50px; padding-top:25px;}
 .box .q_06{font-size:22px; color:#bfbfbf; line-height:50px; }
 .box .q_07{background:#c9c9c9; display:inline-block; margin-top:50px; border-radius:50px; width:40px; height:7px;}
 .box .sj{position:absolute; top:0; right:0; transition-duration:1s;}
 .box .sj img{display:inline-block; max-width:100%;}
 .qywh dl:hover dd .box .sj{right:-10%; top:-10%;}
 .box1{position:absolute; width:100%; height:100%; padding-top:3%; background:#c80025; color:#fff !important; left:0; bottom:-100%; transition-duration:1s;}
 .box1 .y_01{background:#eeeeee; display:inline-block; border-radius:50px; width:40%; height:7px;}
 .box1 .y_02{font-size:24px;  font-weight:bold; line-height:46px; padding-top:15px;}
 .box1 .y_03{font-size:22px; line-height:34px; }
 .box1 .y_04{font-size:18px; padding-top:15px;  line-height:30px; text-align:left; width:80%; margin:0 auto; }
 .qywh dl dt:hover .box1{bottom:0;}
 .qywh dl dd:hover .box1{bottom:0;}

.qywh dl:nth-child(1) dt img{ display:inline-block; width:100%; transition-duration:1s;}
.qywh dl:nth-child(1):hover dt img{transform:scale(1.1,1.1); opacity:0.5;}
.qywh dl:nth-child(3) dt img{ display:inline-block; width:100%; transition-duration:1s;}
.qywh dl:nth-child(3):hover dt img{transform:scale(1.1,1.1); opacity:0.5;}
.qywh dl:nth-child(2) .box{padding:13% 15%;}
.qywh dl:nth-child(2),.qywh dl:nth-child(3){text-align:center;}
.qywh dl:nth-child(2) dt{background:#fff; transition-duration:1s;}
.qywh dl:nth-child(2) dt:hover{-moz-box-shadow:0px 0px 12px #D1D1D1; -webkit-box-shadow:0px 0px 12px #D1D1D1; box-shadow:0px 0px 12px #D1D1D1;}
.qywh dl:nth-child(3) dd{left:0; top:0;}

/*2019-3-18*/
.a-w1 { width:1316px; margin-right:auto; margin-left:auto;}
.a-p{padding:80px 0;}
.a-bit{font-size:80px; text-align:center; color:#f0f0f0; position:relative; text-transform:uppercase; font-weight:bold; line-height:80px;}
.a-bit1{ width:100%; position:absolute; font-size:36px; line-height:36px; color:#333333; left:0; bottom:0px;}
.n-qy{width:100%; position:relative; margin-top:50px;}
.n-qy1{width:25.07%; min-height:633px; background:url(../images/qq1.jpg) no-repeat; background-size:cover; overflow:hidden;}
.n-qy2{ width:44.22%; position:absolute; height:100%; background:url(../images/qq2.jpg) no-repeat; top:0; left:27.77%; background-size:cover;  overflow:hidden;}
.n-qy3{width:25.22%; height:47.3%; position:absolute; top:0; right:0; background:url(../images/qq3.jpg) no-repeat; background-size:cover; color:#fff;  overflow:hidden;}
.n-qy4{width:25.22%; height:47.3%; position:absolute; bottom:0; right:0; background:url(../images/qq4.jpg) no-repeat; background-size:cover; color:#fff;  overflow:hidden;}
.kd{width:86%; margin:0 auto; padding-top:30px;}
.kd .bt1{ font-size:24px; font-weight:bold;}
.kd1{width:100%; padding-top:15px; font-family:"SimSun";}
.kd1 .bt2{font-size:14px;  font-weight:bold; line-height:24px;}
.kd1 .bt3{font-size:14px;  line-height:24px; font-size:14px; padding-left:18px; display:inline-block;} 
.kd1 .bt4{ line-height:24px; background:url(../images/qy-d.png) no-repeat 7px 12px; padding-left:18px; display:inline-block;}
/*2019-3-18-sjz*/

.sjz-bg{width:100%; background:url(../images/sjz-bg.jpg) no-repeat; background-attachment:fixed; background-size:cover; padding:90px 0 100px 0;}
.sjz1{width:100%; height:290px; }

.apicScroll-left{ width:100%;overflow:hidden;  position:relative; position:relative; }
.apicScroll-left .hd{ width:100%; position:absolute; top:134px; left:0; height:21px; z-index:9999; }
.apicScroll-left .hd .prev{ display:block;  width:11px; height:21px; float:left;  overflow:hidden;cursor:pointer; background:url("../images/sjz-j.png") no-repeat; }
.apicScroll-left .hd .next{ display:block;  width:11px; height:21px; float:right; overflow:hidden; cursor:pointer; background:url("../images/sjz-j1.png") no-repeat;  }
.apicScroll-left .bd{ height:290px;}
.apicScroll-left .bd ul{  zoom:1; }
.apicScroll-left .bd ul li:nth-child(1){margin-left:60px;}
.apicScroll-left .bd ul li{ width:180px; float:left; _display:inline;  position:relative; background:url(../images/fgx.png) repeat-x left center; height:290px;}
.apicScroll-left .bd ul li .by{width:72px; height:72px; background:#fff; text-align:center; line-height:72px; border-radius:50px;  font-size:24px; color:#d01027; position:absolute; left:-36px; top:0;}
.apicScroll-left .bd ul li:nth-child(2n){background:url(../images/fgx1.png) no-repeat left center;}

.ne-gai-cd{width: 100%;
    height: 74px;
    border-bottom: 1px solid #d9d9d9;
    background: #f4f4f4;}


.nei-dh-nav ul{zoom: 1;}
.nei-dh-nav ul:after{display: block;content: '';clear: both;}
.nei-dh-nav ul li{float: left; position: relative;border-left: 1px solid #d9d9d9;}
.nei-dh-nav ul li a{display: block;font-size: 16px;color: #333333;/*padding: 0 30px;*/text-align: center;line-height: 74px; padding:0 20px;}
.active-nei a{ border-bottom:2px solid #bf101a}
.active-nei:after{display: none !important;}
.active-nei a{color: #bf101a !important;}
.nei-dh-nav ul li:hover a{color: #bf101a;}
.pro-dh li{position:relative;}
.pro-dh li dl{position:absolute;left:0;top:100%;z-index:99;width:100%;display:none;}
.pro-dh li dl dd{background:#ededed; border-bottom:1px solid #fff;}
.pro-dh li dl a{font-size:14px !important; color:#333333 !important; line-height:40px; border:none;}
.pro-dh li dl dd:hover a{color:#bf101a !important; border:none;}
.pro-dh li:hover dl{display:block;}

.pro-dh li:hover a{color: #bf101a;}


@keyframes changeScale {
    0% {
        transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        opacity: .2;
    }

    100% {
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

}

@-moz-keyframes changeScale {
    0% {
        transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        opacity: .2;
    }

    100% {
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

}

@-webkit-keyframes changeScale {
    0% {
        transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        opacity: .2;
    }

    100% {
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

}

@-o-keyframes changeScale {
    0% {
        transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        opacity: .2;
    }

    100% {
        transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

}


@media (min-widt:1441px){
.gai-pp02 .gai-pro02{padding-bottom: 5.2%;}
}

@media (min-width: 1368px) and (max-width: 1441px){

}
@media (min-width: 1198px) and (max-width: 1441px){
.ww1{width:96%;}
.s-side .s-firstItem span {line-height:60px; }

.s-secondDrop {line-height:40px !important; font-size:18px;}
.s-thirdItem{ line-height:36px;}
.pro-sea dl dd{width:65%; float:left;}
.pro-sea dl dt{ width:35%; padding-right:0; }
.pro-detail1 .p1{font-size:24px;}
.p4-1{font-size: 16px; line-height:52px;}
.p4-2{font-size:30px; line-height:52px;}
.p4-4{  font-size:16px;}  
.pro-detail1 .p2{line-height:26px; padding:30px 0 30px 0; }
.bit{font-size:26px;}
.nav-wrap li a{ font-size:18px; }
.a-w1 { width:96%}
}

	
	
/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 992px) and (max-width: 1199px) {
.ww1{width:94%;}
.s-side .s-firstItem span {line-height:46px; }
.s-side .first { font-size: 18px;line-height:46px;}
.s-secondDrop {line-height:38px ; font-size:16px;}
.s-thirdItem{ line-height:32px;}
.ma{margin-top:180px !important; margin-bottom:65px !important;}
.s-side .d-secondNav,.s-secondNav span{line-height:38px; font-size:16px;}
.pro-sea dl dd{width:65%; float:left;}
.pro-sea dl dt{ width:35%; padding-right:0; font-size:16px; }
.a-w1 { width:96%}
}

/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 768px) and (max-width: 991px){
.ww1{width:96%; margin:0 auto;}
.s-side .s-firstItem span {line-height:40px; }
.s-side .first { font-size: 18px;line-height:40px;}
.s-secondDrop {line-height:32px ; font-size:14px;}
.s-thirdItem{ line-height:30px;}
.ma{margin-top:160px !important; margin-bottom:65px !important;}
.s-side .d-secondNav,.s-secondNav span{line-height:32px; font-size:16px;}
.pro-list2 dl{width:30.333%; margin-right:1.5%; margin-left:1.5%; margin-bottom:30px; }
.pro-list2 dl:nth-child(3n){margin-left:1.5%;}
.pro-list2 dl:nth-child(4n){margin-left:1.5%;}
.pro-sea dl dd{width:60%; float:left;}
.pro-sea dl dt{ width:40%; padding-right:0; font-size:16px; }
.a-w1 { width:96%}
}


/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 480px) and (max-width: 767px) {
.ww1{width:96%; margin:0 auto;}
.pro2-left{width:100%; }
.pro2-right{width:calc(100%) !important; width:-webkit-calc(100%) !important; }
.s-side .s-firstItem span {line-height:30px; }
.s-side .first { font-size: 16px;line-height:30px;}
.s-secondDrop {line-height:28px ; font-size:14px;}
.s-thirdItem{ line-height:30px;}
.ma{margin-top:160px !important; margin-bottom:65px !important;}
.s-side .d-secondNav,.s-secondNav span{line-height:30px; font-size:16px;}
.pro-sea dl dd{width:55%; float:left;}
.pro-sea dl dt{ width:45%; padding-right:0; font-size:14px; }

	/*2019-1-10*/
.qywh dl dt{width:100%; margin-bottom:35px; }
.qywh dl dd{width:100%; position:relative; }
 .box .q-bit{padding-left:25%;}
 .box .q_01{font-size:20px;}
 .box .q_02{font-size:18px;}
 .box .q_03{font-size:16px;  padding-top:20px; line-height:26px;}
 .box .q_05{font-size:20px; line-height:40px; padding-top:18px;}
 .box .q_06{font-size:18px; color:#bfbfbf; line-height:40px; }
 .box .q_07{margin-top:30px; margin-bottom:20px; border-radius:50px; width:40px; height:7px;}
 .box1 .y_02{font-size:20px; line-height:36px; }
 .box1 .y_03{font-size:18px; line-height:30px; }
 .box1 .y_04{font-size:16px; line-height:26px; }
 .box{padding:13% 20% 13% 13%; }
 .a-w1 { width:96%}
}

/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
.ww1{width:96%; margin:0 auto;}
.pro-list{ position:relative; top:0;}
.pro-list dl{width:100%; margin-right:0%; position:relative; overflow:hidden; margin-bottom:10px;}
.pro-list dl dt{width:50%; float:left;}.pro-list dl dd{width:50%;  float:right; height:100%; position:absolute; right:0; top:0;}
.ma{margin-top:0px !important; margin-bottom:50px !important;}
.pro2-left{width:100%; }
.pro2-right{width:calc(100%) !important; width:-webkit-calc(100%) !important; }
.s-side .s-firstItem span {line-height:30px; }
.s-side .first { font-size: 16px;line-height:30px;}
.s-secondDrop {line-height:28px ; font-size:14px;}
.s-thirdItem{ line-height:30px;}
.s-side .d-secondNav,.s-secondNav span{line-height:30px; font-size:16px;}
.pro2-right dl{width:calc(100%); width: -webkit-calc(100% ); height:auto;  }
.pro2-right dl img{ height:auto;}
.case1{ width:100%;}
.case-r{width:100%; position:relative; padding-bottom:40px; }
.pro-list2 dl{width:100%; float:left; margin-right:0%;  margin-bottom:20px; }
.pro-list2 dl dt{height:auto;}
.guide-slider .guide {width:33.3333%;}

.pro-sea dl{width:100%; margin-right:4%; height:auto; }
.pro-sea dl:nth-child(3){width:50%; margin-top:15px;}.pro-sea dl dd{width:100%; float:left;}
.pro-list3 dl{width:93%; float:left; margin-right:3.5%; margin-left:3.5%;}
.pro-detail{width:100%; }.pro-detail1{width:100%; padding-right:3%; padding-left:3%;}
.nav-wrap li a{  width:100%; font-size:16px;}
.nav-wrap li{ width:23%;   margin-right:5px; }
.nav-wrap li:nth-child(4){margin-right:0;}
.pro-tit{font-size:26px; line-height:80px;}
.bit{font-size:26px; line-height:46px;}
.txt{font-size:16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.an{border:1px solid #fff; font-size:14px; margin-top:7%;}
.s-side{display:none;}
.sm-side{ display:block;}
.pro-sea dl dt{ padding-bottom:10px; padding-top:10px; font-size:16px;}
.pro-detail1 .p1{font-size:24px;}
/*2019-1-10*/
.qywh dl dt{width:100%; margin-bottom:35px; }
.qywh dl dd{width:100%; position:relative; }
 .box .q-bit{padding-left:25%;}
 .box .q_01{font-size:20px;}
 .box .q_02{font-size:18px;}
 .box .q_03{font-size:16px;  padding-top:20px; line-height:26px;}
 .box .q_05{font-size:20px; line-height:40px; padding-top:18px;}
 .box .q_06{font-size:18px; color:#bfbfbf; line-height:40px; }
 .box .q_07{margin-top:30px; margin-bottom:20px; border-radius:50px; width:40px; height:7px;}
 .box1 .y_02{font-size:20px; line-height:36px; }
 .box1 .y_03{font-size:18px; line-height:30px; }
 .box1 .y_04{font-size:16px; line-height:26px; }
 .box{padding:13% 20% 13% 13%; }
 .pro-list3 dl dt{ height:auto}
 .a-w1 { width:96%}
 .a-p{ padding:30px 0;}
.a-bit{ font-size:20px; font-weight:normal; line-height:24px;}
.a-bit1{ font-size:18px; top:9px;}
.n-qy1{ width:100%; min-height:auto; padding-bottom:30px;}
.n-qy2,.n-qy3,.n-qy4{ position:relative; width:100%; left:0; padding-bottom:30px;}
.pro{ padding-top:50px;}
.pro-l .c1{ font-size:14px; padding-left:0; padding-top:8px;}
.pro-l .c{ font-size:18px; padding-right:10px; line-height:30px;}
.pro-l{ bottom:5px;}
.pro-m{ height:auto;}
.guide-slider .guide{ float:none;}
.guide-slider .guide .display{ border:none; width:160px;}
.new-pro01,.gai-pro01 { position:relative; top:0px; transform:none;}
.gai-pp01{ width:100%; padding:10px 0; border-bottom:1px solid #eee;}
.gai-pp02{ width:100%; padding:0;}
.pro1 .gai-pro01 dt img{ width:15%;}
.gai-pro02 img{ width:25%;}
.gai-pro01 dd h1, .gai-pro02 dd h1{ font-size:16px;}
.gai-pro01 dd p, .gai-pro02 dd p{ font-size:14px; opacity:0.8;}
.gai-pp02 .gai-pro02{ width:50%; border-right:1px solid #eee; border-bottom:1px solid #eee; margin-left:0; margin-bottom:0; padding:10px 0;}
.gai-pp02 .gai-pro02 dt{ padding-top:0;}
 .gai-pro02:nth-child(2n){ border-right:0;}
}

@keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-webkit-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-moz-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-o-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}