/*Ã¨Ââ€Ã§Â³Â»Ã¦Ë†â€˜Ã¤Â»Â¬*/
.ikd{ margin:0 auto; width:92%; max-width:1300px;}
@media screen and (max-width:1368px){
.ikd{ width:1300px;}
}
@media screen and (max-width:1024px){
.ikd{ width:980px;}
}
@media screen and (max-width:768px){
.ikd{ width:96%;}

}
.fmenu dl:nth-child(4){
    display: none;
}

.ban-co{ background:url(../images/630e1890740ee16.jpg) center no-repeat; width:100%; height:521px;}
.location{ border-bottom:1px solid #eeeeee; padding:24px 0;}
.location p{ font-size:0.75rem; color:#777777; background:url(../images/hm.png) left center no-repeat; padding-left:22px;}
.location p a{ color:#777; transition:all 0.3s}
.location p a:hover{ color:#07a3af}
.con-box1{ padding:79px 0 0; }
.con-box1 .tit{ color:#333333;text-align:center;}
.con-box1 .tit h1{ font-size:1.5rem; color:#333333; font-weight:bold; line-height:1.5em;}
.con-box1 .tit p{ color:#666666; margin-top:8px;}
.con-box1 ul{ margin-top:40px;}
.con-box1 ul li{ float:left; border-right:1px solid #e5e5e5; width:36.46%; box-sizing:border-box; padding-bottom:70px;}
.con-box1 ul li:nth-child(2){ padding-left:40px; width:41.53%;}
.con-box1 ul li:nth-child(3){ width:21.8%; padding-left:50px; border:none;}
.con-box1 ul li h3{ font-weight:bold; color:#333333; font-size:1.125rem;}
.con-box1 ul li hr{ height:3px; width:21px; border:none; background:#0089e1; margin:12px 0 24px;}
.con-box1 ul li p{ font-size:1rem; color:#666666; line-height:2em;} 
.feed-box{ padding:79px 0; }
.feed-box .tit{ color:#333333;text-align:center;}
.feed-box .tit h2{ font-size:1.5rem; color:#333333; font-weight:bold; line-height:1.5em;}
.feed-box .tit p{ color:#666666; margin-top:8px;}
.feed-box .di3{ width:100%; margin-top:32px; margin-bottom:20px;}
.feed-box .di3 input{ width:31.5%; float:left; margin-right:2.75%; box-sizing:border-box; background:none; padding:18px 10px; color:#a6a6a6; border:1px solid #d8d8d8; font-size:0.875rem;}
.feed-box .di3 input:nth-child(4){ margin-right:0}
.feed-box .w100{ box-sizing:border-box; width:100%; background:none;padding:10px; border:1px solid #d8d8d8; color:#d8d8d8;font-size:0.875rem;}
.feed-box .cce{ text-align:center}
.feed-box .fbtn2{ background:#0089e1; color:#fff; margin-top:56px; border:none; padding:20px 90px; font-size:0.875rem; cursor:pointer; transition:all 0.3s}
.feed-box .fbtn2:hover{ background:#0066a8}
@media screen and (max-width:768px){
.ban-co{ height:250px; background-size: auto 100%;}
.con-box1 ul li{ width:100%; border:none !important}
.con-box1 ul li:nth-child(2){ padding-left:0; width:100%;}
.con-box1 ul li:nth-child(3){ width:100%; padding-left:0; border:none;}
.feed-box .di3 input{ width:100%; margin-bottom:18px;}
.feed-box .di3{ margin-bottom:0}
}

/*Ã¥â€¦Â¬Ã¥ÂÂ¸Ã§Â®â‚¬Ã¤Â»â€¹*/
.ban-a{ background:url(../images/ban-a.jpg) center no-repeat; width:100%; height:640px;}
.ab-box1{background:url(../images/abbg1.jpg) center top no-repeat #fff;width:100%;padding: 50px 0;}
.aatt{ text-align:center;}
.aatt h2{ font-size:2.25rem; color:#333333; font-weight:bold;}
.aatt p{ background:url(../images/aline1.png) center no-repeat; color:#666666; margin-top:8px;}
.bo1{ margin-top:80px; margin-bottom:78px;}
.bo1 .fl{ width:46.3%}
.bo1 .fr{ width:48%;}
.bo1 .fr h3{ font-size:1.5rem; color:#333333; font-weight:bold;}
.bo1 .fr h4{ font-size:1.75rem; color:#07a3af; font-weight:bold; margin:8px 0 20px;}
.bo1 .fr p{ line-height:1.8em; color:#333333; font-size:1rem;}
.num1{ background:url(../images/numbg.jpg) center no-repeat; min-height:180px; box-sizing:border-box; padding:30px 60px 0;}
.num1 li{ float:left; width:20%;}
.num1 li h4 span{ font-family:'DIN'; font-weight:bold; color:#fff; font-size:48px; display:inline-block; margin-right:5px;}
.num1 li h4 em{ position:relative; color:#fff; font-size:0.875rem; top:-25px;}
.num1 li hr{ width:30px; height:4px; border:none; background:#fff; margin:10px 0 16px;}
.num1 li p{ color:#fff;}
@media screen and (max-width:768px){
.aatt h2{ font-size:1.875rem;}
.aatt p{ background:none; color:#666666; margin-top:8px;}
.bo1 .fl{ width:100%; margin-bottom:20px;}
.bo1 .fl img{ width:100%;}
.bo1 .fr{ width:100%;}
.num1{ background-size:cover; padding:30px;}
.num1 li{ float:left; width:33.33%; margin-bottom:20px;}
}
/*Ã¥â€¦Â¬Ã¥ÂÂ¸Ã§Å½Â¯Ã¥Â¢Æ’*/
.ab-box2{ padding-bottom:67px; width:100%; overflow:hidden;}
.compic{ margin-top:50px;}
.compic .hd li{ display:block; width:100%; overflow:hidden;}
.compic .hd li div{width: 22.84%;overflow:hidden;margin-right:1.54%;float:left;margin-bottom:28px;cursor:pointer;}
.compic .hd li div span{ display:block; width:100%; overflow:hidden;}
.compic .hd li div span img{ transform:scale(1); transition:all 0.5s ease;}
.compic .hd li div span:hover img{ transform:scale(1.05);}
.compic .hd li div:nth-child(4n){ margin-right:0;}
.compic .hd li div p{ padding:20px 0;}
.compic .ud{ text-align:center; margin-top:20px;}
.compic .ud li{ display:inline-block; width:10px; height:10px; border:1px solid #dadada; border-radius:50%; line-height:99px; overflow:hidden; margin:0 5px; cursor:pointer;}
.compic .ud li.on{background: #07a3af;border:1px solid #dadada}
@media screen and (max-width:768px){
.compic .hd li div{ width:49%; margin-right:2%; margin-bottom:0}
.compic .hd li div:nth-child(2n){ margin-right:0}
.compic .hd li div span img{ width:100%;}
}
/*Ã¦Ë†â€˜Ã¤Â»Â¬Ã§Å¡â€žÃ¤Â¼ËœÃ¥Å Â¿*/
.ab-box3{ background:url(../images/abbg2.jpg) center no-repeat; min-height:639px; box-sizing:border-box; padding-top:58px;}
.adimg{ margin-right:36px;}
.adtxt{ width:45%}
.adtxt .vgtt{ position:relative; padding-bottom:24px;}
.adtxt .vgtt h3{ font-size:2.25rem; color:#fff; font-weight:bold;}
.adtxt .vgtt p{ font-size:1rem; color:#fff; margin-top:8px;}
.adtxt .vgtt i{ position:absolute;  right:0; bottom:0; width:200%; height:1px; background:rgba(255,255,255,0.2)}
.vgss{ margin-top:50px;}
.vgss li{ min-height:277px;}
.vgss li h3{ font-size:1.5rem; color:#fff; margin-bottom:12px;}
.vgss li p{ line-height:2em; font-size:1rem; color:#fff;}
.vgss .px span{ display:inline-block; cursor:pointer;}
.vgss .px span.next{ margin-left:-5px;}
@media screen and (max-width:768px){
.ab-box3{ background-size:cover;}
.adtxt{ width:100%}
.adtxt .vgtt h3{ font-size:1.875rem; color:#fff; font-weight:bold;}
.adimg{ display:none;}
}
/*Ã¦Ë†â€˜Ã¤Â»Â¬Ã§Å¡â€žÃ¥â€ºÂ¢Ã©ËœÅ¸*/
.ab-box4{background:#fff;width:100%;overflow:hidden;padding: 0px 0;}
.team6{ margin-top:57px; position:relative;}
.team6 dl dt{width:32.5%;overflow:hidden;float:left;margin-right:1.25%;margin-bottom:1.25%;cursor:pointer;height: 290px;}
.team6 dl dt img{transform:scale(1);transition:all 0.5s ease;height: 315px;}
.team6 dl dt:hover img{ transform:scale(1.05);}
.team6 dl dt:nth-child(3n){ margin-right:0}
.tex1{ background:url(../images/tex1_03.png) center no-repeat; width:104px; height:104px; text-align:center; color:#07a3af; text-align:center; font-size:1.5rem; line-height:1.2em; position:absolute; z-index:2; top:50%; margin-top:-52px; left:28.5%; padding-top:22px; box-sizing:border-box}
.tex2{ background:url(../images/tex1_03.png) center no-repeat; width:104px; height:104px; text-align:center; color:#07a3af; text-align:center; font-size:1.5rem; line-height:1.2em; position:absolute; z-index:2; top:50%; margin-top:-52px; right:29.5%; padding-top:22px; box-sizing:border-box;}

.ab-box5{background:#f8fcff;padding: 60px 0;}
.ab-box5 li{ float:left; width:33.33%; box-sizing:border-box; cursor:pointer;}
.ab-box5 li img{ display:inline-block; margin-right:50px; transition:all 0.5s ease; transform:rotate(0);}
.ab-box5 li:hover img{ transform:rotate(360deg);}
.ab-box5 li h3{ display:inline-block; position:relative; top:-10px}
.ab-box5 li h3 span{ display:block; color:#333333; font-size:1.25rem; font-weight:bold; margin-bottom:16px;}
.ab-box5 li h3 em{ font-size:1rem; color:#666666; line-height:1.5em;}
.ab-box5 li:nth-child(3){ float:right; width:auto}
.ab-box5 li:nth-child(2){ padding-left:5%}
.ab-box5 li:nth-child(2) h3{ top:-30px;}
@media screen and (max-width:768px){
.tex1{ display:none;}
.tex2{ display:none;}
.ab-box5{ display:none;}
}
/*Ã¥Ââ€˜Ã¥Â±â€¢Ã¥Å½â€ Ã§Â¨â€¹*/
.ab-box6{padding: 0px 0 40px;width:100%;overflow:hidden;}
.hist{ width:1350px; margin-left:-25px; margin-top:40px; min-height:673px; position:center; background:url(../images/licheng.png) center top no-repeat;background-size:cover;}
.htxt{ position:absolute; text-align:center;}
.htxt span{ font-size:1.25rem; color:#333333; font-weight:bold; line-height:2em;}
.htxt p{ font-size:1rem; color:#666666; line-height:1.5em; text-align:left;}
.hi1{ top:70%; left:22px;}
.hi2{ top:30%; left:80px;}
.hi3{ top:50%; left:28.61%;}
.hi4{ top:24%; left:40.59%;}
.hi5{ top:33%; left:53.8%;}
.hi6{ top:2%; right:20%;}
.hi7{ top:40%; right:10%;}
.hi8{ top:5%; right:2%;}
@media screen and (max-width:768px){
.ab-box6{ display:none;}
.hist{ width:100%;}
}

/*Ã¨ÂÂ£Ã¨Âªâ€°Ã¨Â¯ÂÃ¤Â¹Â¦*/
.hor{ background:url(../images/horbg.jpg) center top no-repeat; width:100%; min-height:710px; padding-top:77px; box-sizing:border-box;}
.hhtt{ text-align:center;}
.hhtt h2{ font-size:2.25rem; color:#fff; font-weight:bold;}
.hhtt p{ background:url(../images/aline2.png) center no-repeat; color:#dbdbdb; margin-top:8px;}
.hrscroll{ margin-top:65px; position:relative;}
.hrscroll .prev{ position:absolute; left:0; top:50%; margin-top:-40px; background:url(../images/hprev.png) center no-repeat; width:40px; height:40px; z-index:2; cursor:pointer; transition:all 0.5s ease;}
.hrscroll .next{position:absolute; right:0; top:50%; margin-top:-40px; background:url(../images/hnext.png) center no-repeat; width:40px; height:40px; z-index:2; cursor:pointer;transition:all 0.5s ease;}
.hrscroll .prev:hover{background:url(../images/hprevc.png) center no-repeat;}
.hrscroll .next:hover{background:url(../images/hnextc.png) center no-repeat;}
.hrscroll .hd{ width:90%; margin:0 auto;}
.hrscroll .hd li{ float:left; width:23.9%; margin-right:15px;}
.hrscroll .ud{ text-align:center; margin-top:45px;}
.hrscroll .ud li{ margin:0 5px; cursor:pointer; height:14px; width:14px; border:1px solid #fff; box-sizing:border-box; border-radius:50%; line-height:99px; overflow:hidden; display:inline-block;}
.hrscroll .ud li.on{ background:#fff;}
@media screen and (max-width:768px){
.hor{ background-size:cover; min-height:750px;}
.hhtt h2{ font-size:1.875rem; }
.hhtt p{ background:none; color:#dbdbdb; margin-top:8px;}
.hrscroll .hd li{ float:left; width:50%; margin-left:10px;}
}
/*Ã¥ÂË†Ã¤Â½Å“Ã¥Â®Â¢Ã¦Ë†Â·*/
.ab-box7{ padding:80px 0; width:100%; overflow:hidden;}
.parli{ margin-top:70px;}
.parli li{ float:left; width:19.23%; border:1px solid #dbdbdb; box-sizing:border-box; margin:0 0 0.77% 0.77%}
.parli li:nth-child(5n){ margin-right:0;}
@media screen and (max-width:768px){
.parli{ margin-top:30px;}
.parli li{ width:32.5%}
.parli li:nth-child(5n){  margin:0 0 0.77% 0.77%}
}
/*Ã¥Âºâ€¢Ã©Æ’Â¨*/
.foot2{ background:url(../images/footbg2.jpg) center no-repeat; min-height:440px; width:100%; box-sizing:border-box; padding-top:56px; position:relative;}
.fcon2{ width:25.53%; border-right:1px solid #9b9a99; padding-bottom:20px;}
.fcon2 img{ margin-bottom:22px;}
.fcon2 p{ color:#ffffff; font-size:0.875rem; padding-left:20px; margin-bottom:10px;}
.fcon2 p:nth-child(2){ background:url(../images/fc1.png) left 5px no-repeat;}
.fcon2 p:nth-child(3){ background:url(../images/fc2.png) left center no-repeat;}
.fcon2 p:nth-child(4){ background:url(../images/fc3.png) left center no-repeat;}
.fcon2 p:nth-child(5){ background:url(../images/fc4.png) left center no-repeat;}
.fmenu{border-right:1px solid #9b9a99; padding-bottom:20px; width:57.5%; padding-left:25px; box-sizing:border-box; min-height:283px;}
.fmenu dl{ margin-right:4.5%; float:left; width:auto;}
.fmenu dl:nth-child(5){ margin-right:0}
.fmenu dl dt{ margin-bottom:28px;}
.fmenu dl dt a{ color:#ffffff; font-size:1rem; font-weight:bold; transition:all 0.5s}
.fmenu dl dt a:hover{color:#0089e1}
.fmenu dl dd a{ display:block; font-size:0.875rem; line-height:1.875rem; color:#ffffff; transition:all 0.5s}
.fmenu dl dd a:hover{ color:#0089e1}
.fwx2{ width:12.4%;}
.fwx2 h3{ color:#fff; font-weight:bold; margin-bottom:26px;}
.fbq{ border-top:1px solid #9b9a99; margin-top:36px; padding-top:24px;}
.fbq p{ color:#ffffff; font-size:0.875rem;}
.fbq p a:hover{ color:#0089e1}
@media screen and (max-width:768px){
.foot2{ background-size:cover; margin-bottom:100px;}
.fcon2{ width:100%; border:none;}
.fmenu{ display:none;}
.fwx2{ width:20%; position:absolute; top:56px; right:40px;}
.fbq p{ float:none; line-height:2em;}
}

/*Ã¦ÂµÂ®Ã¥Å Â¨*/
.fudong{ display:none}
@media screen and (max-width:768px){
.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#0189e1; z-index:99999}
.fudong li{ width:25%; text-align:center; height:80px; margin:10px 0; border-right:1px solid rgba(255,255,255,0.5); float:left; box-sizing:border-box;}
.fudong li p{ color:#fff;}

}


/*Ã¥Â·Â¥Ã§Â¨â€¹Ã¦Â¡Ë†Ã¤Â¾â€¹*/
.ban-ca{ background:url(../images/d1700f3246e528c.jpg) center no-repeat; width:100%; height:521px;}
.main{ padding:80px 0;}
.caselist li{ float:left; width:32.3%; margin-right:1.55%;}
.caselist li:nth-child(3n){ margin-right:0}
.caselist li .cpic{ width:100%; overflow:hidden; position:relative;}
.caselist li .cpic img{ width:100%; transform:scale(1); transition:all 0.5s ease}
.ctop{ height:5px; background:rgba(13,123,209,0.95); width:0; position:absolute; left:0; top:0; z-index:91; transition:0.5s;}
.cri{ height:0; background:rgba(13,123,209,0.95); width:5px; position:absolute; right:0; top:0; z-index:91; transition:0.5s;}
.cbo{ height:5px; background:rgba(13,123,209,0.95); width:0; position:absolute; right:0; bottom:0; z-index:91; transition:0.5s;}
.cle{ height:0; background:rgba(13,123,209,0.95); width:5px; position:absolute; left:0; bottom:0; z-index:91; transition:0.5s;}
.caselist li:hover .cpic img{ transform:scale(1.05);}
.caselist li:hover .ctop,.caselist li:hover .cbo{ width:100%; transition:0.5s;}
.caselist li:hover .cle,.caselist li:hover .cri{ height:100%; transition:0.5s;}
.caselist li .title{ padding:22px 0;}
.caselist li .title h3{ color:#333; font-size:1rem;}
.caselist li .title span{ font-size:0.75rem; color:#999999; margin-top:20px; display:block;}

.cabg{ background:#fff; padding:20px;}
.cdd p{}
.cdd p a{ display:inline-block;  transition:0.5s all ease; color:#000; }
.cdd p a:hover{color:#07a3af;}
@media screen and (max-width:768px){
    .ban-ca{ background:url(../images/0813e8c4dec9a1c.jpg) center no-repeat; width:100%; height:415px;background-size:cover;}
/*.ban-ca{ display:none; height:0}*/
.caselist li{ width:49%; margin-right:2%;}
.caselist li:nth-child(3n){ margin-right:2%}
.caselist li:nth-child(2n){ margin-right:0}
.cdd p{ float:none; margin-bottom:20px; }
}

/*Ã¥Â±â€¢Ã¤Â¼Å¡Ã©Â£Å½Ã©â€¡â€¡*/
.feclist li{ float:left; width:32.3%; margin-right:1.55%;}
.feclist li:nth-child(3n){ margin-right:0}
.feclist li .cpic{ width:100%; overflow:hidden; position:relative;}
.feclist li .cpic img{ width:100%; transform:scale(1); transition:all 0.5s ease}
.feclist .ctop{ height:5px; background:rgba(13,123,209,0.95); width:0; position:absolute; left:0; top:0; z-index:91; transition:0.5s;}
.feclist .cri{ height:0; background:rgba(13,123,209,0.95); width:5px; position:absolute; right:0; top:0; z-index:91; transition:0.5s;}
.feclist .cbo{ height:5px; background:rgba(13,123,209,0.95); width:0; position:absolute; right:0; bottom:0; z-index:91; transition:0.5s;}
.feclist .cle{ height:0; background:rgba(13,123,209,0.95); width:5px; position:absolute; left:0; bottom:0; z-index:91; transition:0.5s;}
.feclist .caselist li:hover .cpic img{ transform:scale(1.05);}
.feclist li:hover .ctop, .feclist li:hover .cbo{ width:100%; transition:0.5s;}
.feclist li:hover .cle, .feclist li:hover .cri{ height:100%; transition:0.5s;}
.feclist li .title{ padding:22px 0;}
.feclist li .title h3{ color:#333; font-size:1rem;}
.feclist li .title span{ font-size:0.75rem; color:#999999; margin-top:20px; display:block;}

.fengbg{ background:#fff; padding:20px;}
.cdd p{}
.cdd p a{ display:inline-block;  transition:0.5s all ease; color:#000; }
.cdd p a:hover{color:#07a3af;}
@media screen and (max-width:768px){
.feclist li{ width:49%; margin-right:2%;}
.feclist li:nth-child(3n){ margin-right:2%}
.feclist li:nth-child(2n){ margin-right:0}
.cdd p{ float:none; margin-bottom:20px; }
}


/*Ã¨Â§â€ Ã©Â¢â€˜Ã¤Â¸Â­Ã¥Â¿Æ’*/
.ban-v{ background:url(../images/c7ba41fc135fecc.jpg) center no-repeat; width:100%; height:525px;}
.leftsort{ width:20.76%;}
.stit{ text-align:center; background:url(../images/stitbg.jpg) center no-repeat; min-height:140px; line-height:140px;}
.stit h2{ font-size:2.25rem; color:#fff; font-weight:bold;}
.sloop{ margin-top:14px;}
.sloop h3{ background:#0089e1 url(../images/vs1.png) 90% center no-repeat; padding:13px 15px; color:#fff;}
.sloop ul{ border:1px solid #e5e5e5; box-sizing:border-box;}
.sloop ul li{ border-bottom:1px solid #e5e5e5}
.sloop ul li a{ display:block; padding:12px 33px; background:url(../images/vd1.jpg) 6% center no-repeat; color:#666666; font-size:0.875rem; transition:all 0.5s ease;}
.sloop ul li a:hover,.sloop ul li a.cur{ color:#0089e1;}
.scon{ width:100%; margin-top:24px;}
.scon h3{ background:url(../images/sconbg.jpg) center no-repeat; line-height:60px; color:#fff; padding-left:16px; font-size:1.125rem;}
.scon div{ background:#f8f8f8; padding:24px 5px 24px 10px;}
.scon h4{ font-size:1rem; color:#333333; font-weight:bold;}
.scon p{ font-size:0.875rem; color:#666666; line-height:2em;}

.rightsort{ width:75.69%;}
.vtt{ border:1px solid #e3e3e3; box-sizing:border-box; width:100%;}
.vtt p{ color:#333333; font-size:1.125rem; padding:18px 0 18px 50px; background:url(../images/vd2.png) 2% center no-repeat;}
.videolist{ margin-top:58px;}
.videolist li{ float:left; width:48.7%; margin-right:2.6%; margin-bottom:33px;}
.videolist li:nth-child(2n){ margin-right:0}
.videolist li div{ position:relative; width:100%; overflow:hidden;}
.videolist li div img{ width:100%; transform:scale(1); transition:all 0.5s ease;}
.videolist li:hover div img{ transform:scale(1.05);}
.videolist li div span{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/play.png) center no-repeat;}
.videolist li h3{ padding:21px 0; color:#000; font-size:1.125rem}
@media screen and (max-width:768px){
/*.ban-v{ display:none; height:0}*/
.ban-v{ background:url(../images/de345adcca9a158.jpg) center no-repeat; width:100%; height:415px;background-size:cover;}
.leftsort{ width:100%;}
.stit{ display:none}
.sloop ul li{ width:50%; float:left;}
.rightsort{ width:100%; margin-top:24px;}
.videolist li{ width:100%; margin-right:0;}
.scon{ display:none;}
.ban-co{ background:url(../images/af24c9485b37734.jpg) center no-repeat; width:100%; height:415px;background-size:cover;}
}

/*Ã¦â€“Â°Ã©â€”Â»Ã¨Âµâ€žÃ¨Â®Â¯*/
.ban-n{ background:url(../images/a4f91fce51e93a9.jpg) center no-repeat; width:100%; height:521px;}
.nlo{ padding:0;}
.nlo p{ margin:24px 0 0; padding-left:22px;}
.nesort li{ float:left; display:inline-block;}
.nesort li a{ display:block; padding:24px; position:relative; color:#333333; z-index:2;transition:all 0.5s ease;}
.nesort li a span{ position:absolute; left:0; top:0; background:#0385d8; width:100%; height:100%; z-index:-1; transition:all 0.5s ease; transform:scale(0,1)}
.nesort li a:hover span,.nesort li a.cur span{ transform:scale(1);}
.nesort li a:hover,.nesort li a.cur{ color:#fff;}


.impnews{ background:#fbfbfb; padding:32px 17px; width:100%; overflow:hidden; box-sizing:border-box;}
.impnews .fl{ width:45%; overflow:hidden;}
.impnews .fl img{ width:100%; transform:scale(1); transition:all 0.5s;}
.impnews .ndl{ width:50%; padding-top:60px;}
.impnews .ndl h3{ font-size:1.375rem; color:#333333; transition:all 0.5s;font-weight:bold;}
.impnews .ndl p{ margin:16px 0; font-size:1rem; color:#666666; line-height:2em;}
.impnews .ndl span{ font-size:0.875rem; color:#999999; margin-top:50px; display:block;}
.impnews .ndl .nol{ display:inline-block; float:right; border:1px solid #cacaca; padding:10px 20px; color:#333333;transition:all 0.5s}
.impnews:hover .fl img{ transform:scale(1.05);}
.impnews:hover .ndl h3{ color:#0385d8;}
.impnews:hover .ndl .nol{ color:#fff; background:#0385d8; border:1px solid #0385d8}
.ncatch{ width:100%; margin-top:54px;}
.ncatch li{ width:32.3%; float:left; background:#fbfbfb; position:relative; margin-right:1.55%; margin-bottom:60px; z-index:2}
.ncatch li:nth-child(3n){ margin-right:0;}
.ncatch li a{ display:block;}
.ncatch li .pic1{ width:100%; overflow:hidden;}
.ncatch li .pic1 img{ transform:scale(1); transition:all 0.5s ease; width:100%;}
.ncatch li:hover .pic1 img{ transform:scale(1.05);}
.ncatch li .ntex1{ padding:30px 25px; box-sizing:border-box; min-height:210px;}
.ncatch li .ntex1 h3{ font-size:1.25rem; color:#333333; transition:all 0.5s ease;font-weight: bold; }
.ncatch li .ntex1 p{ margin:27px 0; transition:all 0.5s ease; height: 69px;line-height: 23px; overflow: hidden;}
.ncatch li .ntex1 span{ font-size:0.875rem; color:#999999; transition:all 0.5s ease; }
.ncatch li i{ position:absolute; height:100%; width:100%; background:#0385d8; left:0; top:0; z-index:-1; transition:all 0.5s ease; transform:scale(1,0); transform-origin:bottom;}
.ncatch li:hover i{ transform:scale(1)}
.ncatch li:hover h3{ color:#fff;}
.ncatch li:hover p{ color:#fff;}
.ncatch li:hover span{ color:#fff;}
.xndiv{
    height: 260px;
}
@media(max-width: 1000px){
    .xndiv{
    height: auto;
}
}
@media screen and (max-width: 768px){
.ban-n{ background:url(../images/fd8a0136649e4eb.jpg) center no-repeat; width:100%; height:415px;background-size:cover;margin-bottom:20px;}
.nlo .fl{ display:none;}
.nesort{ width:100%;}
.impnews .fl{ width:100%; overflow:hidden; display:none;}
.impnews .ndl{ width:100%; padding-top:20px;}
.ncatch li{ width:100%; margin-right:0;}
/*.ncatch li .pic1{ display:none}*/
}

.ncatch li .ntex1 {
    padding: 30px 25px;
    box-sizing: content-box;
    min-height: auto;
}
.ncatch li .ntex1 p {
    margin: 70px 0 20px;
    transition: all 0.5s ease;
    height: auto;
    line-height: 30px;
    overflow: hidden;
}
/*Ã¦â€“Â°Ã©â€”Â»Ã¥â€ â€¦Ã©Â¡Âµ*/
.nbg{ background:rgba(255,255,255,1); padding:20px;}
.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.875em; font-weight:bold; margin:0 auto; color:#484848; margin-bottom: -1rem;}
.news-type{width:100%; height:24px; text-align:center; margin:0 auto; color:#242424;font-size:0.875em; border-bottom:#242424 1px dotted; padding-bottom: 1em;}
.news-content{width:100%; margin:2rem auto; font-size:1em; line-height:24px; line-height:1.5em; color:#242424}
.news-pn{ font-size:1rem;line-height:1.5em; color:#242424}
.news-pn a{ color:#242424; font-size:1rem;}
/*Ã§â€ºÂ¸Ã¥â€¦Â³Ã¦â€“Â°Ã©â€”Â»*/
.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:16px; color:#242424;}
.xgnews-con{border-top:1px solid #242424;border-top:none;padding:10px 20px;}
.xgnews-con li{width:48%;height:30px;line-height:30px; overflow:hidden;}

.xgnews-con li span{float:right; color:#242424}
.xgnews-con li a{ padding-right:10px; color:#242424;}
.xgnews-con li a:hover{ color:#333;}

@media screen and (max-width: 768px){
.nbg{ padding:20px;}
.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
.news-type{ height:auto;}
.news-content{ font-size:1.125rem !important; line-height:2rem !important;}
.news-content span{ font-size:1.125rem !important; }
.news-content p{ font-size:1.125rem !important;}
.news-pn{ font-size:1.125em; line-height:1.875em;}
.news-pn span{ width:100%; display:block;}
.xgnews-tit{ font-size:1.25em;}
.xgnews-con li{ width:100%; height:2.875em; line-height:2.875em;}
.xgnews-con li{ width:100%; margin:0; line-height:2.875em;}
}


/*Ã¤ÂºÂ§Ã¥â€œÂÃ¤Â¸Â­Ã¥Â¿Æ’*/
.ban-p{ background:url(../images/ban-p.jpg) center no-repeat; width:100%; height:640px;}
.ptt{ border:1px solid #e3e3e3; box-sizing:border-box; width:100%;}
.ptt p{ color:#333333; font-size:1.125rem; padding:18px 0 18px 50px; background:url(../images/pd2.jpg) 2% center no-repeat;}
.ploop{ margin-top:14px;}
.ploop h3{ background:#0089e1 url(../images/vs1.png) 90% center no-repeat; padding:13px 15px; color:#fff;}
.ploop h3 a{ color:#fff; transition:all 0.5s ease;}
.ploop h3 a:hover,.ploop h3 a.cur{ color:#ffea00}
.ploop ul{  box-sizing:border-box; background:#f8f8f8}
.ploop ul li{}
.ploop ul li a{ display:block; padding:12px 33px; background:url(../images/vd1.jpg) 6% center no-repeat; color:#666666; font-size:0.875rem; transition:all 0.5s ease;}
.ploop ul li a:hover,.ploop ul li a.cur{ color:#0089e1;}
.prolist{ margin-top:43px;}
.prolist dl{ width:32.5%; float:left; box-sizing:border-box; margin-right:1.25%; margin-bottom:40px;}
.prolist dl:nth-child(3n){ margin-right:0;}
.prolist dl dt{ border:1px solid #dadada; border-bottom:none; width:100%; overflow:hidden; box-sizing:border-box; transition:all 0.5s ease;}
.prolist dl dt img{ width:100%; transform:scale(1); transition:all 0.5s ease;}
.prolist dl:hover dt img{ transform:scale(1.05)}
.prolist dl:hover dt{ border:1px solid #2f9bdf; border-bottom:none;}
.prolist dl dd{ background:#0385d8; text-align:center;}
.prolist dl dd p{ color:#fff; padding:18px 0;}

@media screen and (max-width: 768px){
/*.ban-p{ height:0; display:none;}*/
.ban-p{ background:url(../images/8f4a5345d26636e.jpg) center no-repeat; width:100%; height:415px;background-size:cover;}
.prolist dl{ width:49%;}
.prolist dl:nth-child(3n){ margin-right:2%;}
.prolist dl:nth-child(2n){ margin-right:0;}
.ploop{ display:none;}
.ploop h3{ display:inline-block; width:50%; padding:20px 15px; float:left; box-sizing:border-box;}
.ploop ul{ display:none;}
.prolist dl dd p{ color:#fff; padding:18px;}
}

/*Ã¤ÂºÂ§Ã¥â€œÂÃ¥â€ â€¦Ã©Â¡Âµ*/
.pro-box1{ margin-top:57px;}
.prostit{ width:100%; text-align:center;}
.prostit h1{ font-size:1.5rem; color:#333333; font-weight:bold; padding:16px 0;}
.prostit .pcc{ padding:20px 0;}
.pcontact{ margin-top:30px}
.ptell{ font-family:'DIN'; font-size:1.5rem; font-weight:bold; display:inline-block; background:#0385d8; color:#fff; padding:8px 10px; border-radius:25px; transition:all 0.5s;display:inline-block;margin-bottom:10px;}
.ptell:hover{ color:#ffea00; background:#0385d8}

.ptell img{ margin-right:5px; margin-bottom:-3px}
.dd{ margin-top:10px;margin-right: 8rem;}
.dd a{ display:inline-block; margin-left:16px; color:#454545; padding:8px 16px; border:1px solid #333333; transition:all 0.5s;    margin-bottom: 8px;}
.dd a:hover{ background:#0385d8; color:#fff;border:1px solid #0385d8;}
.psleft{ width:76%; min-height:600px}
.bigImg{ border:1px solid #dadada; width:80.3%; max-height:600px;}
.bigImg li{ width:100%; display:block;}
.bigImg li img{ width:100%; max-height:600px;}
.smallScroll{ width:13.3%; margin-top:0}
.smallScroll li{ display:block; border:1px solid #dadada; margin-bottom:12px; cursor:pointer;}
.smallScroll li.on{ border:1px solid #0089e1}
.sPrev{ background:url(../images/p-prev.jpg) center no-repeat; width:100px; height:31px; display:block;margin:0 0 12px; transition:all 0.5s ease; cursor:pointer}
.sNext{ background:url(../images/p-next.jpg) center no-repeat; width:100px; height:31px; display:block;margin:0 0 0; transition:all 0.5s ease; cursor:pointer}
.sPrev:hover{ background:url(../images/p-prev1.jpg) center no-repeat;}
.sNext:hover{ background:url(../images/p-next1.jpg) center no-repeat;}
.sPrev.prevStop{ opacity:0.4;}
.sPrev.prevStop:hover{ background:url(../images/p-prev.jpg) center no-repeat;}

.sNext.nextStop{ opacity:0.5}
.sNext.nextStop:hover{ background:url(../images/p-next.jpg) center no-repeat;}

.proscon{ margin-top:60px;}
.proscon h2{ font-size:1.5rem; font-weight:bold; color:#333333; border-bottom:1px solid #eeeeee; padding:8px 0;}
.padding{ padding:20px 0;}
.padding.ydon{ display:none;}
@media screen and (max-width: 768px){
.psleft{ width:100%; min-height:600px}
.bigImg{ border:1px solid #dadada; width:83%;}
.smallScroll{ width:14.1%; margin-top:0}
.prostit{ width:100%;}
.dd{ width:100%; margin-top:20px; margin-right: 0rem; float: none;} 
.padding.pcon{ display:none;}
.padding.ydon{ display: block;}
}
/*Ã§â€ºÂ¸Ã¥â€¦Â³Ã¤ÂºÂ§Ã¥â€œÂ*/
.tuipro{ width:100%;  margin-top:24px; box-sizing:border-box; }
.tuipro .tuitit{ background:#fff; margin:20px 0;border-bottom:1px solid #cacaca; width:100%; box-sizing:border-box;}
.tuipro .tuitit h4{ transition:all 0.5s ease; display:inline-block;  color:#454545; padding:10px 0; font-size:1.5rem; font-weight:bold;}
.tuipro dl{ width:32.5%; float:left; box-sizing:border-box; margin-right:1.25%; margin-bottom:40px;}
.tuipro dl:nth-child(3n){ margin-right:0;}
.tuipro dl:nth-child(4){ display:none;}
.tuipro dl dt{ border:1px solid #dadada; border-bottom:none; width:100%; overflow:hidden; box-sizing:border-box; transition:all 0.5s ease;}
.tuipro dl dt img{ width:100%; transform:scale(1); transition:all 0.5s ease;}
.tuipro dl:hover dt img{ transform:scale(1.05)}
.tuipro dl:hover dt{ border:1px solid #2f9bdf; border-bottom:none;}
.tuipro dl dd{ background:#0385d8; text-align:center;}
.tuipro dl dd p{ color:#fff; padding:18px 0;}



@media screen and (max-width: 768px){
.tuipro{ width:100%; padding:0; border:none;}
.tuipro dl{ width:49%; margin-right:2%;}
.tuipro dl:nth-child(3){ margin-right:2%;}
.tuipro dl:nth-child(2){ display:block; margin-right:0;}
.tuipro dl:nth-child(4){ display:block; margin-right:0;}
}
.ydon{
     display: none!important;
}
@media screen and (max-width:768px){
.ydon{
     display: block!important;
}
.pcon{
    display: none!important;
}
}