html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{box-sizing:border-box;margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
html {font-size: 625%;/*10 ÷ 16 × 100% = 62.5%*/}
/*******CSS reset*************/
body{position:relative;z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.mt5{ margin-top:50px; }
.mt4{ margin-top:40px; }
.mt3{ margin-top:30px; }
.mt2{ margin-top:20px; }
.mt1{ margin-top:10px; }
.w{ max-width:1493px; width:78%; margin:0 auto;}
.iw{ max-width:1493px; width:78%; margin:0 auto;}
.iiw{ max-width:1300px; width:76%; margin:0 auto;}
.back{ cursor:pointer;}

/********General**********/
.homebei1{background:url(../images/5eec1e09c2739.jpg) center center no-repeat; position:relative;}
/*.homebei1*/.homebei2,.homebei3,.homebei4,.homebei5{ height:940px;}
.homebei3{ height:970px;}
.homebei4{ height:880px;}
.homebei6{ height:726px;}
.header{ width:100%; float:left; position: absolute; top:0; left:0; z-index:9999; padding:0 11%}
.gsmc{width:39%; float:left; position: absolute; top:43px; left:20px; z-index:9999; padding:0 11%;color: #FFFFFF;font-size: 25px;}
.gsmc p{padding-left: 30px;}
.main{ width:100%;  float:left;}
.footer{float:left; position:fixed; bottom:32px; left:0; z-index:9999;padding:0 84px}
.logo{ float:left; margin-top:19px;}
.nav{ float:right; margin-top:46px; margin-right:3%;}
.fanyi{ float:right; margin-top:47px;}
.fanyi .en{ margin-left:28px;}
.nav li{ font-size:20px; color:#ffffff; float:left; margin:0 31px;}
.mnav{display:none;}
.mnavopen{ display: none;}
.mnavclose{ display:none;}
.fp-tooltip{ width:auto !important; opacity:.5  !important;}
.fp-tooltip:hover{ width:auto !important; opacity:1  !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background:#FFF !important;}
.fp-controlArrow.fp-prev{ left:8% !important; width:60px !important;  height:60px; border:none; border-left:1px solid #3a3a3a !important;  border-bottom:1px solid #3a3a3a !important; -moz-transform:rotate(45deg); 
-webkit-transform:rotate(45deg);
transform:rotate(45deg);}
.fp-controlArrow.fp-next{ right:8%  !important;width:60px !important; height:60px; border:none;border-right:1px solid #3a3a3a !important;  border-top:1px solid #3a3a3a !important;-moz-transform:rotate(45deg); 
-webkit-transform:rotate(45deg);
transform:rotate(45deg);}
#fp-nav ul li, .fp-slidesNav ul li{ margin:20px 7px !important;}
.godwon{ position:absolute; height:60px; bottom:200px; left:0; width:100%; z-index:999}
.godwon a{ display:block; text-align:center; width:100%; font-size:13px; color:#ffffff; }
.godwon a i{ display:block; height:59px; margin-top:30px;background:url(../images/jaintou.png) center no-repeat;}
.ftel{ width:226px; height:57px; background:url(../images/ftel.png) center no-repeat; float:left;}
.ftel p{ font-size:21px; color:#ffffff; float:left; margin:25px 0 0 69px;}
.admin{opacity:.7; float:left; font-size:15px; color:#ffffff; margin-left:16px; line-height:1.5; margin-top:10px;}
#section2{ width:100%; background: url(../images/probj.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.sousuzong{ margin-top:25px;}
.remenci{ float:left;font-size:18px; color:#7d7b7b; margin-top:5px;}
.remenci a{ font-size:18px; color:#7d7b7b; padding:0 20px;}
.sysousu{ float:right;}
.inp01 {width: 197px;height: 33px;background: url(../images/s.gif) no-repeat;border: 0;color: #969393;font-size: 12px;padding-left: 10px;
font: 14px/27px "Microsoft Yahei"; border:1px solid #bfbfbf;}
.inp02 {background: url(../images/ss.gif) no-repeat;width: 57px;height: 39px;border: 0;cursor: pointer; background:#45818d; color:#FFF;}
.probt{ width:100%; background:url(../images/cpzm.png) top center no-repeat; font-size:42px; color:#000000; text-align:center; padding-top:18px; margin-top:36px; float:left; line-height:1; letter-spacing:3px;}
.probt span{ font-size:14px; color:#ffffff; line-height:1.5; display:block; font-weight:500;}
.iprolist{ width:100%; margin:0 auto; overflow:hidden; margin-top:77px;}
.iprolist ul{ width:100%;}
.iprolist li{ position:relative; width:23%;  font-size:18px; color:#373737; line-height:2.5; float:left; margin:0 1% 0; text-align:center; margin-bottom:2%;}
.iprolist li p{ width:100%; height:0px; padding-bottom:65.7%; overflow:hidden; position:relative;}
.iprolist li p img{ position:absolute; left:0; width:100%; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;}
.iprolist li:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.iprolist li p i{ display:block; width:100%; height:100%; background:url(../images/cpbeiying.png) top center no-repeat; background-size:100% 100%; position:absolute; left:0; top:0;opacity:0;
 transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.iprolist li p em{position: absolute;top: -100%;left: 50%;margin-left: -34px;z-index: 1;width: 68px;height: 64px;background: url(../images/tubiaocp.png) no-repeat;
transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.iprolist li:hover p em{ top:38%;}
.iprolist li p em:hover {background: url(../images/tubiaocp.png) no-repeat;transform: rotate(180deg);-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);
transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.iprolist li:hover p i{opacity:1;}
#section3{width:100%; background: url(../images/aboutbj.jpg) center center no-repeat; background-size:cover;background-attachment: fixed; overflow:hidden; position:relative;}
/*.wave-box{ position:absolute; bottom:-5px; width:100%;}*/
.aboutbt{ width:100%; background:url(../images/aboutwz.png) top center no-repeat; font-size:40px; color:#000000; text-align:center; padding-top:25px; margin-top:75px; float:left; line-height:1; letter-spacing:3px;}
.aboutbt span{ font-size:22px; color:#1b9000; line-height:1.5; display:block; font-weight:500;}
.aboutpic{ width:45%;  border:1px solid #ffffff; float:left; margin-top:76px}
.aboutpic p{ width:95%; margin:3% auto; /*padding-bottom:51%;*/padding-bottom:54.6%; height:0; position:relative;}
.aboutpic p img{ position:absolute; top:0; left:0; width:100%; height:auto;transform: translate(0,0);
transition: all .5s ease-in 0s;}
.aboutpic p video{max-width: 100%;}
.wenzild{ padding-top:39px;}
.wenzild p{ font-size:18px; color:#FFF; text-indent:30px; padding-top:10px; line-height:1.5;}
.demo{ width:706px; height:100px; margin-top:32px; margin-left:0px;}
.demo li{ width:235px; float:left; height:136px; font-size:17px; color:#ffffff; text-align:center; padding-top:30px; background: url(../images/li_b.png) 18% center no-repeat;}
.demo li span{ font-size:40px; color:#ffffff; font-weight:bold;}
.demo li a{ font-size:19px; color:#cb202a; font-weight:bold; display:block; width:100%; float:left; margin-top:20px;}
.aboutpic p:hover img{transform: scale(1.02); transition: all .5s ease 0s; -webkit-transform: scale(1.02); -webkit-transform: all .5s ease 0s; }
.aboutw{ width:53%; float:right; margin-top:66px;}
.about_p{ font-size:15px; width:100%; float:left;  color:#ffffff; line-height:1.8;}
.mabout_p{ display:none;}
.tupiaoz{width: 97%;margin: 0 auto; margin-top:45px;}
.tupiaoz li{ width:18%; margin-right:2%; text-align:center; float:left;cursor:pointer;}
.tupiaoz li img{ width:108px; height:108px;}
.tupiaoz li p{ font-size:23px; color:#FFF; margin-top:10px;}
.tupiaoz li:hover img{-webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;}	
@-webkit-keyframes rotation{
    from {-webkit-transform: rotatey(0deg);}
    to {-webkit-transform: rotatey(360deg);}
}
.numb{ width:100%; float:left;margin-top:44px; background:url(../images/numb.png) bottom left no-repeat; padding-bottom:130px;}
.numb li{ width:33.3%; float:left; padding-left:6%; background:url(../images/numbxian.png) left center no-repeat;}
.numb li dd{ font-size:13.5px; color:#ffffff;}
.numb li dd span{ font-size:34px; font-weight:bold; }
.numb li p{ font-size:12px; color:#aeaeae;}
#section4{width:100%; background: url(../images/advance.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.honorbt{ width:100%; background:url(../images/honorbt.png) top center no-repeat; font-size:50px; color:#FFF; text-align:center; padding-top:25px; margin-top:108px; font-weight:bold; float:left;}
.mhonor{ display:none;}
#Index_Box {
	POSITION: relative; MARGIN:90px auto; WIDTH:100%; float:left;}
#Index_Box UL {
	POSITION: relative; WIDTH:100%;}
#Index_Box LI {
	Z-INDEX: 0; POSITION: absolute; LIST-STYLE-TYPE: none; WIDTH: 0px;  HEIGHT: 0px; OVERFLOW: hidden; TOP: 146px; CURSOR: pointer; LIST-STYLE-IMAGE: none; LEFT: 377px; border-radius: 4px; 
}
#Index_Box LI IMG {
	WIDTH: 100%;  HEIGHT: 100%; VERTICAL-ALIGN: top
}
#Index_Box .prev {
	DISPLAY: block
}
#Index_Box .next {
	DISPLAY: block
}
#Index_Box .prev {
	Z-INDEX: 100; OVERFLOW: hidden; CURSOR: pointer
}
#Index_Box .next {
	Z-INDEX: 100; OVERFLOW: hidden; CURSOR: pointer
}
#Index_Box .prev {
	POSITION: absolute; WIDTH: 80px; BACKGROUND: url(../images/next.png) 0px 0px; HEIGHT: 120px; TOP: 80px; LEFT: 85px
}
#Index_Box .next {
	POSITION: absolute; WIDTH: 80px; BACKGROUND: url(../images/next.png) -80px 0px; HEIGHT: 120px; TOP: 80px; RIGHT: 85px
}
#section5{width:100%; background: url(../images/casebj.jpg) center center no-repeat; background-size:cover;}

.casebt{ width:100%; background:url(../images/casebt.png) top center no-repeat; font-size:42px; letter-spacing:5px; color:#000000; text-align:center; padding-top:20px; margin-top:58px; float:left;}
.lcasebt{width:100%; background:url(../images/lainxwo.png) top center no-repeat; font-size:42px; letter-spacing:5px; color:#000000; text-align:center; padding-top:20px; margin-top:120px; float:left;}
.xinwenfl a { cursor:pointer; width:146px; height:42px; background:#ffffff; display:block; line-height:40px; font-size:24px; color:#000000; float:left; margin-right:30px; border-radius:20px; text-align:center;margin-top:42px;}
.xinwenfl{ width:500px; margin:0 auto; }
.xinwenfl a:hover{ background:#45818d; color:#FFF;}
.current{background:#45818d!important; color:#FFF!important;}

.xinwenfl a:nth-child(3){ margin-right:0px;}
.xinwz:nth-child(1){ display:block;}
.xinwz{ padding-top:60px;display:none;}
.xinwz li:hover{/* margin-top:1.5%;*/ -webkit-box-shadow: 0 15px 15px rgba(0,0,0,.1);box-shadow: 0 15px 30px rgba(0,0,0,.1);
-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);
}
.xinwz li{ width:49%; float:left; margin-right:2%; margin-top:3%; padding:1.5% 1%;background: #fff; transition: all 0.3s;
-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;
}
.xinwz li:nth-child(2n){ margin-right:0%;}
.xinwz li img{ float:left; width:40%;transform: translate(0,0);transition: all .5s ease-in 0s;}
.xinwz li:hover img{transform: scale(1.02);transition: all .5s ease 0s;-webkit-transform: scale(1.02);-webkit-transform: all .5s ease 0s;}
.party{ padding-left:45%;}
.party h2{ font-size:22px; color:#070707;}
.party em{ font-size:15px; color:#838181;font-style:normal; display:block; line-height:42px;}
.party p{ font-size:15px; color:#8d8b8b;}
.party span{ margin-top:2%; width:99px; height:33px; line-height:33px; text-align:center; display:block; float:right; border:1px solid #6394a0;}
.xinwz li:hover span{ background:#45818d; color:#FFF;}
.mcase{ display:none;}
.part1{ padding-top:77px; float:left; width:45%; margin-left:10%;}
.link{ width: 552px;margin-top: 120px;float: right;position: relative;}
.link_p {cursor: pointer;width: 449px;height: 48px;background: url(../images/linkp.png) center no-repeat;}
.link ul {position: absolute;display: none;width: 400px;top:65px;padding:10px 20px;background: #FFF;-moz-border-radius: 15px;
-webkit-border-radius: 15px;border-radius: 15px;}
.link ul li { width: 100%;font-size: 17px;color: #989898;line-height: 2;}
.link ul.on {display: block;}
.hengsxain{ width:83%; margin:65px auto 100px; height:1px; background:#e4e6e9;} 
.part1_1{ margin-left:2%; float:left;}
.part1_1 img{ float:left;}
.part1 p{ font-size:30px; color:#2e2d2d; padding-top:8px; float:left; margin-left:2%;}
.part1 p em{ font-size:30px; color:#010101;font-style: normal;}
.part1 p span{ font-size:16px; color:#504f4f; display:block; margin-top:10px;}
.hengxianm{ border:1px solid #434343; width:100%; padding:0 1%; margin-top:150px;}
.ewm{ text-align:center;}
.erweima{ margin:0 auto; display:block; margin-top:96px;}
.erweim{ font-size:18px; color:#2e2d2d; line-height:2.1; margin-bottom:30px;}
.dasod{ font-size:14px; color:#000000; line-height:1.8;}
#owl-demo{ width:100%; float:left; margin-top:141px;}
#owl-demo .item{  margin:0 9px; position:relative; border:1px solid #FFF;}
#owl-demo .item dd{ width:100%; padding-bottom:132%; position:relative;}
#owl-demo .item img{width:100%; height:100%;opacity:0; transition: all 0.5s ease 0s; position:absolute; left:0; top:0;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
#owl-demo .item:hover img{opacity:1}
#owl-demo .item p{ width:100%; height:100%; position:absolute; top:0; left:0; padding:20% 10%; font-size:15px; color:#ffffff; transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
#owl-demo .item p font{ font-size:22px;}
#owl-demo .item p span{ color:#a29f9f; position:absolute; bottom:25px; display:block; left:0; width:100%; padding:0 10%;}
#owl-demo .item:hover p{ top:140px; background:rgba(36,31,30,.56);}
.owl-theme .owl-controls .owl-page span{ background:#FFF !important;}
.owl-theme .owl-controls .owl-buttons .owl-prev{ width:60px; background:url(../images/caseleft.png) center no-repeat; height:60px; padding:0; font-size:0;border-radius: 0rpx  !important;}
.owl-theme .owl-controls .owl-buttons .owl-next{ width:60px; background:url(../images/caseright.png) center no-repeat; height:60px; padding:0;font-size:0;border-radius: 0rpx  !important;}

#section6{width:100%; background: url(../images/newsbj.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.newsbt{ width:100%; background:url(../images/newsbt.png) top center no-repeat; font-size:50px; color:#FFF; text-align:center; padding-top:25px; margin-top:108px; font-weight:bold; float:left;}
.news_first{ width:49%;float:left; margin-top:135px;}
.news_first dl{ width:100%; padding-bottom:45.6%; position:relative; overflow:hidden;}
.news_first dl img{ width:100%; height:100%; position:absolute; left:0; top:0; transform:translate(0,0); transition:all .5s ease-in 0s;}
.news_first:hover dl img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.news_first dd{ width:100%; float:left;  padding:30px 10px; background:rgba(255,255,255,.3);}
.news_first dd span{ float:left; width:20%; display:block; text-align:center; font-size:14px; color:#ffffff;}
.news_first dd span font{ font-size:22px;}
.news_first dd p{ width:78%; float:right; font-size:14px; color:#ffffff;}
.news_first dd p font{ font-size:15px; display:block; margin-bottom:5px;}
.news_left{ width:49%; float:right; margin-top:135px;}
.news_li{ width:100%; height: auto; float:left; border-left:4px solid #009944; margin-bottom:23px; background:#FFF; padding:20px 27px; font-size:20px; color:#101010;}
.news_li span{ background:url(../images/time.png) left center no-repeat; font-size:16px; color:#151515; text-indent:25px; display:block;}
.news_li:hover span{ background:url(../images/timeh.png) left center no-repeat; color:#FFF; }
.news_li:hover{ background:#009944; color:#FFF;}
#section7{ width:100%; background: url(../images/contactbj.jpg) center center no-repeat; background-size:cover;}
.contactbt{width:100%; background:url(../images/contactbt.png) top center no-repeat; font-size:50px; color:#FFF; text-align:center; padding-top:25px; margin-top:108px; font-weight:bold; float:left;}
.ewm{ width:100%; float:left; margin-top:0px;}
.contactw{ width:100%; float:left; margin-top:40px;}
.contactw p{ font-size:14px; color:#e1e1e1; line-height:2; padding:0 30%; text-align:center;}
.contactw ul{ width:100%; margin-top:57px;}
.contactw li{ width:33.3%; float:left; font-size:14px; color:#e1e1e1; padding-top:54px; text-align:center;}
.contactw li:nth-child(1){ background:url(../images/contact1.png) top center no-repeat}
.contactw li:nth-child(2){ background:url(../images/contact2.png) top center no-repeat}
.contactw li:nth-child(3){ background:url(../images/contact3.png) top center no-repeat}




.nbanner{ width:100%; height:5.29rem; float:left;}
.bannerbt{ text-align:center; margin-top:1.38rem; line-height:2;}
.bannerbt p{ font-size:.36rem; color:#121212; font-weight:bold;}
.bannerbt span{ font-size:18px; color:#121212; display:block;}
.bannerbt i{ display:block; height:.42rem; margin-top:.2rem; background:url(../images/bannerbiao.png) center no-repeat;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.con img{ max-width:100% !important;}
.nbanner i:hover{ margin-top:.4rem;}
.nabout{ width:100%; margin-top:.5rem;}
.nabt{}
.nabt p{ font-size:.3rem; color:#121212; font-weight:bold;}
.nabt span{ font-size:18px; color:#121212;}
.naboutw{ width:50%; font-size:.14rem; margin-top:.2rem; float:left; color:#121212; line-height:2; padding-right:5%;}
.naboutpic{width:50%;  float:right; margin-top:.2rem;}
.naboutpic img{ width:100%;}
.licheng{ width:100%; padding-top:.5rem; height:7rem; background:url(../images/licheng.jpg) center no-repeat; margin-top:.7rem;}
.lichengw{ width:12rem; margin:0 auto;}
.lcslider{ margin-top:.6rem;}
.lcslider li{ text-align:center;}
.lcslider li p{ font-size:.28rem; font-weight:bold; color:#121212;}
.lcslider li span{ display:block; font-size:.24rem; color:#121212; font-weight:bold; margin-top:.4rem;}
.lcslider li font{ display:block; font-size:.16rem; color:#121212; text-align:left; line-height:2; margin-top:.2rem}
.lcslider li img{ display:block; margin-top:.2rem; max-width:100%;}
.culture{ width:100%; float:left; margin-top:.4rem;}
.culturebj{ width:100%; height:4.78rem; background:url(../images/culturebj.jpg) center no-repeat; margin-top:.4rem;}
.neiw{ width:73%; margin:0 auto;}
.culture ul{ width:50%; float:left; margin-top:1rem;}
.culture li{ width:50%; float:left; font-size:.18rem; line-height:2; padding-left:.3rem; color:#FFF; margin-bottom:0.2rem;}
.adh{ width:31%; float:left; margin-right:3.3%; margin-top:.5rem;}
.adh:nth-child(3){ float:right; margin-right:0;}
.adh ul{ background:#ececec; padding-bottom:.2rem;color:#555555;}
.adh ul span{ width:90%; margin-top:.1rem; display:block; border-bottom:1px solid #FFF; margin:0 auto; line-height:3;}
.adh ul p{ width:100%; position:relative; padding-bottom:63.3%; overflow:hidden; margin-top:.2rem;}
.adh ul p img{ position:absolute; top:0; left:0; width:100%; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;}
.adh:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}
.adh ul a{ font-size:16px; display: block; width:90%; margin:0 auto;  line-height:3;}
.adh ul:hover{ background:#015aa9; color:#FFF;}
.nprolist{ float:left; background:#FFF; padding:5%; margin-top:.3rem;}
.nprolist li{ width:100%; height:auto; padding:10px; float:left; margin-bottom:.1rem; background:#f4f4f4;}
.nprolist li dl{ width:30%; float:left; padding-bottom:19.7%; position:relative; overflow:hidden;}
.nprolist li dl img{width:100%; height:100%; position:absolute; top:0; left:0;transform:translate(0,0); transition:all .5s ease-in 0s;}
.nprolist li:nth-child(even) dl img{ margin-left:0;}
.nprolist li:hover dl img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}
.nprolist li dd{ width:60%; padding:3%; float:right;}
.nprolist li dd p{ font-size:.24rem; color:##333; margin-bottom:.3rem;}
.nprolist li dd span{ font-size:.12rem; color:#333; line-height:2;}
.nprolist li:nth-child(even) dl{ float:right;}
.nprolist li:nth-child(even) dd{ float:left;}
.page{ width:100%; text-align:center; margin-top:40px;}
.page a{ padding:5px 15px; background:#015aa9; border:1px solid #015aa9; color:#FFF; margin:0 5px;}
.page .current{border:1px solid #015aa9; color:#015aa9;padding:5px 15px; margin:0 5px;}
.nhj{ width:100%; margin-top:.5rem;}
.nhj li{ border:1px solid #dcdcdc; margin-bottom:.2rem; width:29%; float:left; margin:1% 2%;}
.nhj li p{ width:100%; overflow:hidden; padding-bottom:134.4%; position:relative;}
.nhj li p img{ position:absolute; top:0; left:0; width:100%; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;}
.nhj li p:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.nhj li:nth-child(3n){ margin-right:0;}
.nhj li span{ display:block; font-size:.24rem; color:#3c3c3c; text-align:center; line-height:3;}
.nhuanjing{ width:100%; margin-top:.5rem;}
.nhuanjing li{ border:1px solid #dcdcdc; margin-bottom:.2rem; width:29%; float:left; margin:1% 2%;}
.nhuanjing li p{ width:100%; overflow:hidden; padding-bottom:60%; height:0; position:relative;}
.nhuanjing li p img{ position:absolute; top:0; left:0; width:100%;  height:100%; transform:translate(0,0); transition:all .5s ease-in 0s;}
.nhuanjing li p:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.nhuanjing li:nth-child(3n){ margin-right:0;}
.nhuanjing li span{ display:block; font-size:.24rem; color:#3c3c3c; text-align:center; line-height:3;}

.nhonor{width:100%; margin-top:.5rem;}
.nhonor li p{ width:280px; height:285px; background:#FFF;
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;}
.nhonor li p img{max-width:280px; max-height:285px;vertical-align:middle;}
.nhonor li{ font-size:.14rem; color:#4d4d4d; line-height:2; text-align:center;}
.nproinfo{ width:100%; margin:0 auto; max-width:750px;}
.nteam li p{ width:280px; height:285px; background:#FFF;
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;}
.nteam li p img{max-width:280px; max-height:285px;vertical-align:middle;}
.nteam li{ font-size:.14rem; color:#4d4d4d; line-height:2; text-align:center;}
.lichw{ width:100%; float:left; position:relative;}
.lichpic{ width:45%; float:left;}
.lichpic img{ width:100%;}
.lichw ul{ width:53%; float:right; position:absolute; right:0; height:100%; overflow:auto; background:url(../images/lichul.png) left repeat-y;}
.lichw li{ border-bottom:1px solid #e5e5e5; width:90%; margin:0 5%; float:left; height:.71rem; margin-bottom:.3rem;}
.lichw li p{ font-size:.22rem; color:#2167d2; font-weight: bold;}
.lichw li span{ font-size:.14rem; color:#292929;}
.nmain{ width:100%; float:left; padding-bottom:.8rem;}
.prolist{ margin-top:.3rem;}
.prolistbt{ font-size:.4rem; font-style:italic; color:#333; line-height:2;}
.nnews{ width:100%; float:left; margin-top:.2rem;}
.nnews ul{ width:100%; float:left; background:#f2f3f6; margin-top:.3rem; overflow:hidden; padding:.2rem 0; color:#3f4952;transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.nnews ul:hover{ background:#0073bd;}
.nnews ul:hover p font{ color:#FFF;}
.nnews ul:hover p{ color:#FFF;}
.nnews ul:hover span{ color:#FFF;}

.nnews li{ height:1.48rem;}
.nnews li span{ width:10%; font-size:.26rem;margin-top:.2rem;}
.nnews li span font{font-size:14px; display:block;}
.nnews li img{ float:left; width:20%; height:auto;}
.nnews li p{ width:62%; margin-top:.2rem; margin-left:3%; font-size:.18rem; float:left; }
.nnews li p font{ font-size:.14rem; color:#888888; display:block; margin-top:.2rem;}
.nnewst li{ width:33%;}
.ncont li{ width:49.5%;}
.inner_con{ margin-top:.5rem;}
#guestsmt{width:100%; margin-top:.5rem;}
.guestipt{width:30%;height:46px;float:left;margin-bottom:24px;margin-right:5%;border:none;outline:none;background-color:rgb(240,240,240);
box-sizing:border-box;padding:0px 46px 0 10px;font-size:14px;line-height:46px;font-family:"微软雅黑";}
#guestsmt #name{background:url(../images/m1.png) no-repeat right 10px center rgb(240,240,240);}
#guestsmt #tel{background:url(../images/m3.png) no-repeat right 10px center rgb(240,240,240);}
#guestsmt #email{background:url(../images/m2.png) no-repeat right 10px center rgb(240,240,240);}
.guestmr{margin-right:0px;}
.guestinfo{width:100%;height:164px;float:left;margin-bottom:24px;border:none;outline:none;
box-sizing:border-box;padding:10px 46px 10px 10px;font-size:14px;line-height:24px;font-family:"微软雅黑";
background:url(../images/m4.png) no-repeat right 10px top 12px rgb(240,240,240);}
.guestimg{width:80px;height:36px;float:left;margin-top:5px;}
.guestbtn{width:150px;height:36px;margin:auto;margin-top:24px;display:block;border:1px solid #015aa9;font-size:16px;line-height:36px;text-align:center;color:rgb(77,77,77);background:none;cursor:pointer;
-webkit-transition:all 0.6s;transition:all 0.6s;}
.guestbtn:hover{background:#015aa9;border:1px solid #e60012;border-radius:36px;border:none;color:#FFF;}
#prev_next{ float:left; margin-top:20px; padding-top:2%; border-top:1px dashed #CCC; width:100%;}
#prev_next li{ width:100%; font-size:0.14rem; line-height:2; float:left; margin-bottom:2%;}
#prev_next li a{  color:#015aa9; line-height:1; margin-right:1%; border:1px solid #015aa9; padding:0.05rem 0.1rem; font-style:normal;
-moz-border-radius: 0.2rem; /* Firefox */
  -webkit-border-radius:  0.2rem; /* Safari 和 Chrome */
  border-radius:  0.2rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#prev_next li:hover a{ background:#015aa9; color:#FFF;}
.newsinfo{ width:100%; float:left; margin-top:5%;}
.newsinfo h1{  font-size:0.18rem; text-align:center; color:#333333; margin-bottom:2%;}
.newstime{margin:2% 2% 0 0; background:url(../images/newstime.png) left center no-repeat; display:inline; padding-left:0.2rem;}
.newszuozhe{  margin:2% 2% 0 0; background:url(../images/admintb.jpg) left center no-repeat;  display:inline;padding-left:0.2rem;}
.newslaiyuan{margin:2% 2% 0 0; background:url(../images/laiyuantb.jpg) left center no-repeat; display:inline;padding-left:0.2rem;}
.newsclick{margin:2% 2% 0 0; background:url(../images/click.jpg) left center no-repeat; display:inline;padding-left:0.2rem;}
#allmap{width:100%;height:3.5rem;overflow:hidden; float:left;}


.yftx{ margin-top:.5rem; width:100%;}
.yftx ul{ width:100%; float:left; margin-top:.2rem;}
.yftx li{ overflow:hidden; position:relative; padding-bottom:33.9%; width:23%; float:left; margin-right:2.66%;}
.yftx li img{ position:absolute; width:100%; left:0; top:0; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;}
.yftx li:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.yftx li p{ position:absolute; font-size:.24rem; color:#ffffff; width:100%; text-align:center;text-shadow:5px 2px 6px #000; left:0; bottom:.2rem; text-align:center;}
.yftx li:nth-child(4){ margin-right:0;}
.zlzs{ width:100%; margin-top:.5rem;}
.zlzsbj{ width:100%; height:5.8rem; margin-top:.2rem; background:url(../images/zlzsbj.jpg) fixed center no-repeat; background-size:cover;}
.zlzs img{ max-width:50%; margin-top:.8rem;}
.zlzs ul{ width:50%; float:right;}
.zlzs ul p{ width:100%; font-size:.3rem; color:#121212; margin-top:1.4rem; margin-bottom:.3rem;}
.zlzs li{ float:left; position:relative; width:30%; padding-bottom:30%; margin:0 1%;  font-size:.3rem;  text-align:center; float:left;  background:#FFF;
-moz-border-radius:50%; /* Firefox */
  -webkit-border-radius:50%; /* Safari 和 Chrome */
  border-radius:50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.zlzs li:nth-child(2){ border:1px solid #b67867;}
.zlzs li:nth-child(3){ border:1px solid #9db3a5;}
.zlzs li:nth-child(4){ border:1px solid #6e4d9d;}
.zlzs li:nth-child(2):hover{ background:#b67867; color:#fff}
.zlzs li:nth-child(3):hover{ background:#9db3a5; color:#fff}
.zlzs li:nth-child(4):hover{ background:#6e4d9d; color:#fff}
.zlzs li span{ display:block; width:100%; padding-top:.6rem; position:absolute; left:0; top:0; text-align:center; z-index:999;color:#121212;}
.zlzs li:hover span{ color:#FFF;}
.jscx{ width:100%; margin-top:.5rem;}
.jscx ul{ width:100%; margin-top:.2rem;}
.jscx li{ width:30%; float:left; margin:0 1.5%; float:left; overflow:hidden; background:#ececec;
-moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.jscx li p{ width:100%; padding-bottom:66.5%; position:relative;}
.jscx li p img{ position:absolute; width:100%; height:100%; top:0; left:0;}
.jscx li span{ font-size:.24rem; color:#030303; line-height:3; display:block; padding:0 30px;}
.jscx li font{ display:block; font-size:.16rem; color:#636363; line-height:1.8; padding:0 30px; padding-bottom:30px; display:block;}
.rczl{ width:50%; float:left; margin-top:.5rem; padding-right:10%;}
.rczlbt{ background:url(../images/rczlbt.png) left center no-repeat; padding-left:.8rem;}
.rczlbt p{ font-size:.3rem; color:#040404;}
.rczlbt span{ font-size:.16rem; color:#121212;}
.rczlw{ font-size:.14rem; color:#979696; line-height:2; margin-top:.2rem;}
.rcsh{ width:90%; margin-top:.5rem; float:left; padding-top:33.5%; position:relative; background:url(../images/rcsh.jpg) top center no-repeat; background-size:100% 100%; }
.rcshw{ font-size:.16rem; color:#020202; line-height:2; width:3.58rem; position:absolute; top:.8rem; left:.8rem;}
.rcshw span{ padding-bottom:.1rem; font-size:.24rem; color:#020202; display:block; margin:.2rem 0; background:url(../images/rcshxian.jpg.png) bottom left no-repeat;}

.rcsh2{ width:90%; float:right; padding-top:33.5%; margin-top:.7rem; position:relative; background:url(../images/rcsh2.jpg) top center no-repeat; background-size:100% 100%; }
.rcsh2w{ font-size:.16rem; color:#020202; line-height:2; width:3.58rem; position:absolute; top:.8rem; left:.8rem;}
.nconw{ width:100%; float:left; margin-top:.5rem; background: url(../images/nconw.jpg) right center no-repeat #f4f4f4; padding:.6rem 0 .6rem .9rem; background-size:50% auto;}
.nconw p{ text-indent:.1rem; font-size:.3rem; width:100%; float:left; color:#000000; border-left:5px solid  #015aa9; line-height:1;}
.nconw ul{ width:50%; float:left; margin-top:.2rem;}
.nconw li{ font-size:.16rem; width:4rem; height:.45rem; color:#616160; line-height:.45rem; margin-top:.2rem; text-indent:.65rem; border-bottom:1px dashed #b9b9b8;}
.nconw ul li:nth-child(1){ background:url(../images/tel1.png) 20px center no-repeat;}
.nconw ul li:nth-child(2){ background:url(../images/tel2.png) 20px center no-repeat;}
.nconw ul li:nth-child(3){ background:url(../images/tel3.png) 20px center no-repeat;}
.nconw ul li:nth-child(4){ background:url(../images/tel4.png) 20px center no-repeat;}



.part1 .wzhougai{font-size: 20px;float: none;color: #504f4f;line-height: 1.5;}
.dsida{margin-top: 30px;}
.dsida p{line-height: 1.7;}
.wzhougai{font-size: 20px;float: none;color: #504f4f;line-height: 1.5;}
.jobs{ width:100%; float:right; margin-top:.5rem}
.jobs dl{ width:100%; background:#585959; float:left; height:.71rem; border-bottom:1px solid #f6f6f6;}
.jobs dd{float:left; background:#fff; font-size:.14rem; color:#FFF; line-height:.71rem; text-indent:.3rem; background:url(../images/jobslixian.png) right center repeat-y;
-moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari 和 Chrome */
  border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.jobs .d1{width:40%;}
.jobs .d2{width:20%}
.jobs li{ width:100%; float:left; border-bottom:1px solid #dcdcdc;}
.jobs li .p{ width:40.5%; float:left; background:#fff; line-height:.71rem; text-align:center; font-size:.13rem; color:#676c68; text-align:left;  text-indent:.3rem;}
.jobs li .p1{width:40%;}
.jobs li .p2{width:20%}
.jobs li .jobsinfo{ width:100%;   line-height:2; font-size:.16rem;  height:0; overflow:hidden; padding:0 5%;
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s; background:url(../images/jobscon.png) .4rem top no-repeat #f0f0f0;
}
.jobs li.on .jobsinfo{ height:auto; padding:.5rem 5%;}

.jobsside{ width:23%; float:left;}
.jobssidebt{ width:100%;}
.jobssidebt p{ font-size:.14rem; color:#6c6c6c;}
.jobssidebt span{ font-size:.23rem; color:#3c3c3c;}
.jobsside ul{ width:100%; margin-top:.37rem; background:url(../images/jobsli.png) top left no-repeat; padding-top:.06rem;}
.jobsside li{ width:90%; height:.75rem; padding-left:10%; border-bottom:1px solid #f6f6f6; padding-top:.25rem; background:#2167d2; color:#FFF;}
.jobsside li p{ font-size:.2rem; color:#ffffff;}
.jobsside li span{ font-size:.14rem; color:#ffffff;}
.jobscon{ margin-top:.3rem; padding:10%; width:80%; line-height:2; background:#FFF;}
.jobscon p{ font-size:.24rem; color:#2167d2;}
.jobscon span{ font-size:.16rem; color:#2167d2;}
.nheader{ width:100%; float:left; position:fixed;  background:rgba(0,0,0,.8); top:0; left:0; z-index:9999; padding:0 84px; padding-bottom:20px;}
.nfooter{ background:#666; width:100%; float:left; overflow:hidden; height:auto; padding:0 84px; margin-top:40px;}

.mdh{ display:none;}

/*优势*/
.homebei4{position:relative;}
.advance{  background:url(../images/youshi.png) top center no-repeat!important;margin-top: 100px;}
.introduce{ /*padding-top:150px;*/padding-top:180px;}
.introduce li{ width:50%; padding-bottom:130px; margin-bottom:66px;}
.introduce li p{ font-size:30px; color:#2e2d2d; line-height:1.6;}
.introduce li span{ font-size:14px; color:#494848;line-height:1.6;}
.introduce .lione{float:left; background:url(../images/1.png) bottom left no-repeat;}
.introduce .litwo{float:right; background:url(../images/2.png) bottom right no-repeat; text-align:right;}
.introduce .lithree{float:left; background:url(../images/3.png) bottom left no-repeat;padding-bottom:50px;}
.introduce .lifour{float:right; background:url(../images/4.png) bottom right no-repeat; text-align:right;padding-bottom:50px;}
.quan{ z-index:999; width:636px; height:505px; position:absolute; /*top:256px;*/top:166px;left:50%; margin-left:-318px; background:url(../images/hdfdf.png) bottom center no-repeat; cursor:pointer;}
.quan p{ width:96%; height:356px; background:url(../images/yuanquan.png) center no-repeat;}
.quan:hover p{-webkit-transform: rotate(360deg);
    animation: rotation 5s linear infinite;
    -moz-animation: rotation 5s linear infinite;
    -webkit-animation: rotation 5s linear infinite;
    -o-animation: rotation 5s linear infinite;}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotatey(0deg);}
    to {-webkit-transform: rotatey(360deg);}
}
/*合作案列*/
#section6{width:100%; background: url(../images/heuzoanlie.jpg) center center no-repeat; background-size:cover; overflow:hidden;
/*background-attachment: fixed;*/}
.cooperation{background:url(../images/cooperation.png) top center no-repeat;margin-top: 90px;}
.hezuan{ margin-top:78px;}
.hezuan .wdsis{ float:left; font-size:40px; color:#000000; letter-spacing:1px;}
.hezuan .wdsis span{ font-size:18px; letter-spacing:2px; color:#7e7e7e;}
.hezuan .dsoad{ display:block; float:right; font-size:18px; color:#504f4f; width:162px; height:39px; border:1px solid #bfbfbf; text-align:center; line-height:39px; border-radius:500px;}
.anliez{ margin-top:120px; width:100%;}
.anliez .anliezl{ width:25.5%;float:left; overflow:hidden;}
.anliez .anliezl img{width:379px;width:100%;height: 348px;}
.anliez .anliezr{ width:74.5%; height:348px;border:1px solid #cfd4d5; border-left:none; float:right; box-sizing:border-box;}
.anliezr img{ border:1px solid #cfd4d5; width:21%; height:auto;}
.anliehsa{ margin-top:36px;}
.anliehsa img{ margin-right:2.9%;}
.anliehsa .sdaj{ margin-left:11%;}
.anlixa{ margin-top:30px;}
.anlixa img{ margin-left:3.3%;}
.fnav{ width:60%; float:left; margin-left:7%;}
.fnav li{ width:16%; float:left; text-align:center;}
.fnav li a{ font-size:22px; color:#2e2d2d;}
.fnav li ul{ margin-top:22px;}
.fnav li ul span{ display:block;}
.fnav li ul span a{font-size:15px; line-height:1.8;}
.erwds{ float:right; margin-right:10%;margin-top:33px;}
/*产品滚动*/
#demo {
overflow:hidden;
width:100%; float:right; margin-top:22px;}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;}
.cpdx{width:341px; height:565px; float:left; margin-right:40px; text-align:center;}
.cpdx dd{position:relative;  width:341px;font-size: 18px;color: #373737;line-height: 2.5;float: left;margin: 0 1% 0;margin-bottom: 0px;text-align: center;
margin-bottom: 2%;}
.cpdx dd p{ width:341px; height:224px; overflow:hidden; position:relative;}
.cpdx dd img{width:341px; height:224px; display:block;transform:translate(0,0); transition:all .5s ease-in 0s;}
.cpdx dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.cpdx dd span{ display:block; width:100%; height:56px; bottom:0; left:0; font-size:16px; color:#020202; line-height:56px; text-align:center; /*position:absolute;*/}

.cpdx dd i {display: block;width: 100%;height: 100%;background: url(../images/cpbeiying.png) top center no-repeat;background-size: auto;background-size: 100% 100%;
position: absolute;left: 0;top: 0;opacity: 0;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.cpdx dd:hover i{opacity: 1;}
.cpdx dd:hover em{top: 38%;}
.cpdx dd em:hover{background: url(../images/tubiaocp.png) no-repeat;transform: rotate(180deg);-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transition: all 1s;-moz-transition: all 1s;
-webkit-transition: all 1s;-o-transition: all 1s;}
.cpdx dd em {position: absolute;top: -100%;left: 50%;margin-left: -34px;z-index: 1;width: 68px;height: 64px;background: url(../images/tubiaocp.png) no-repeat;
transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.lainxw{ width:80%; margin:0 auto; margin-top:75px;}
.lainxw li{ width:33.3%; text-align:center; float:left}
.lainxw li p{ margin-top:30px; font-size:16px;}


/*banner*/
.fullSlide{width:100%;position:relative;height:940px; overflow:hidden;}
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;width:1920px; /*图片宽度*/position:absolute;left:50%;margin-left:-960px; }
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:940px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:940px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#0758b3;}
.fullSlide .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:8%;z-index:1;width:74px;height:140px;background:url(../images/left.png) center no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:8%;z-index:1;width:74px;height:140px;background:url(../images/right.png) center no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:8%;}

.gj{background:#2b3141; height:60px;}
.gjc{ width:1000px; margin:0 auto; }
.gjcc{float:left;font-size:14px; line-height:60px; color:#c6c6c6}
.gjcc a{ color:#fff; margin-right: 10px;margin-left: 10px;}
.gjcc a:hover{color:#10a64f;}

.mRSearch{height:34px; float:right; margin-top:14px;}
.mRSearch li{ float:right; }
.btnSearch{ border:0px;}
.textInput{width:250px; height:34px;background: #fff;}
.textInput input{ width:230px; height:34px; border:0px;color:#2b3141; background:none; padding-left:20px; font-family: Microsoft YaHei;}
.btnSearch input{width:80px; height:34px; background-color:#10a64f; color:#FFF;text-align:center; cursor:pointer;outline-style: none; border:0px; font-family: Microsoft YaHei;}



/*旋转风扇开始*/
.wmd1 {
	-webkit-transform: scale(.6);
	position:absolute;
	top:180px;
	left:200px;
	perspective: 1000px;
	opacity:0.5;
}
.base {
}
.blades {
	width: 350px;
	height: 350px;
	left: 10%;
	top: 10%;
	z-index:2;
	border-radius: 50%;
	position: absolute;
	margin-top: -130px;
	margin-left: 30px;
	animation: spin 6s linear infinite;
}
.blade1 {
	background: white;
	position:absolute;
	width:41px;
	height:139px;
	top:-10px;
	left:150.5px;
	transform:rotate(0deg);
	display:inline-block;
	background:
 linear-gradient(135deg, transparent 20px, white 0),  linear-gradient(225deg, transparent 20px, white 0),  linear-gradient(315deg, transparent 20px, white 0),  linear-gradient(45deg, transparent 20px, white 0);
	background-position: top left, top right, bottom right, bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
.blade2 {
	background:white;
	position:absolute;
	width:41px;
	height:139px;
	top:105.5px;
	left:41px;
	transform:rotate(-90deg);
	display:inline-block;
	background:
 linear-gradient(135deg, transparent 20px, white 0),  linear-gradient(225deg, transparent 20px, white 0),  linear-gradient(315deg, transparent 20px, white 0),  linear-gradient(45deg, transparent 20px, white 0);
	background-position: top left, top right, bottom right, bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
.blade3 {
	background:white;
	position:absolute;
	width:41px;
	height:139px;
	top:105.5px;
	right:41px;
	transform:rotate(-270deg);
	display:inline-block;
	background:
 linear-gradient(135deg, transparent 20px, white 0),  linear-gradient(225deg, transparent 20px, white 0),  linear-gradient(315deg, transparent 20px, white 0),  linear-gradient(45deg, transparent 20px, white 0);
	background-position: top left, top right, bottom right, bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
.blade4 {
	background:white;
	position:absolute;
	width:41px;
	height:139px;
	bottom:-10px;
	left:150.5px;
	transform:rotate(180deg);
	display:inline-block;
	background:
 linear-gradient(135deg, transparent 20px, white 0),  linear-gradient(225deg, transparent 20px, white 0),  linear-gradient(315deg, transparent 20px, white 0),  linear-gradient(45deg, transparent 20px, white 0);
	background-position: top left, top right, bottom right, bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
.vane1 {
	width:1px;
	height:350px;
	left:175px;
	background:white;
	position:absolute;
	transform:rotate(90deg);
}
.vane2 {
	width:1px;
	height:350px;
	left:171.5px;
	background:white;
	position:absolute;
	transform:rotate(180deg);
}
.base .bottom_base {
	position:absolute;
	width:90px;
	height:100px;
	left:162px;
	border-right: 16px solid transparent;
	border-left: 16px solid transparent;
	border-bottom: 380px solid white;
	opacity:.8;
	z-index:-1;
	top:42.5px;
}
.sahi {
	position:absolute;
	top:180px;
	left:-30px;
}
.sahi li {
	width:10px;
	height:10px;
	background:white;
	padding:2px;
	display:block;
	margin: 30px;
	box-shadow: inset 0px -2px 0px lightgray;
}
.sahi li:nth-child(2) {
 position:absolute;
 top:-45px;
 left:20px;
}
.sahi li:nth-child(1) {
 position:absolute;
 top:35px;
 left:50px;
}
.sahi li:nth-child(3) {
 position:absolute;
 top:75px;
 left:50px;
}
 @keyframes spin {
0% {
 transform:rotate(0deg);
}
 100% {
 transform:rotate(-360deg);
}
}
<!--旋转风扇结束-->

/*网站banner*/
.banner,.carousel,.banner-img{
    position: relative;
    overflow: hidden;  
}
.banner .carousel-item,.banner .banner-img{	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: center;
}
.banner .carousel-caption,.banner .banner-txt{
    text-align: left;
    width:100%;
    margin:0 auto;
    margin-top:-54px;
    position: absolute;
    left:0%;
    top:45%;
    color:#fff;
    padding:0 15px;
}
.banner .pa{
	position: absolute;
    left:0%;
    bottom:200px;
    color:#fff;
    padding:0 15px;
}
.banner .carousel-caption h1,.banner .banner-txt h1{
    font-size: 70px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
}
.banner .carousel-caption p,.banner .banner-txt p{
    font-size: 40px;
    margin:5px 0 0 0;
    font-family: Lato,sans-serif;
}
@media not all, (-webkit-transform-3d) {
    .carousel-inner>.item{
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }
}

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.2); transform: scale(1.2); }
    to { -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.2); transform: scale(1.2);}
    to { -webkit-transform: scale(1); transform: scale(1);}
}
.banner .carousel-inner .carousel-item img,.banner .banner-img img{	
	max-width: 100%;
    -webkit-animation: scaleUpDown 3.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: scaleUpDown 3.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.carousel-indicators li{
	width: 90px;
}
.carousel-indicators .active{
	background: rgba(14,80,93,.88);
}

@media only screen and (max-width: 768px) {
.banner .carousel-caption h1, .banner .banner-txt h1 {
    font-size: 40px;    
}
.banner .carousel-caption p, .banner .banner-txt p {
    font-size: 20px;  
}

.banner .banner-txt{
	position: absolute;
	width: 100%;
	top: 50%;	
}
.banner .banner-txt h3{
	font-size: 20px;
	font-weight: bolder;
	color: #fff;
	margin-top: -30px;
}

}


@media only screen and (max-width:1800px){
}
@media only screen and (max-width:1600px){

}
@media only screen and (max-width:1500px){

}
@media only screen and (max-width:1400px){
}
@media only screen and (max-width:1300px){
}
@media only screen and (max-width:1200px){

}
@media only screen and (max-width:1169px){

}
@media only screen and (max-width:1000px){

}
@media only screen and (max-width:954px){

}
@media only screen and (max-width:820px){

}
@media only screen and (max-width:768px){

}
@media only screen and (max-width:650px){

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:580px){

}
@media only screen and (max-width:440px){

}
@media only screen and (max-width:390px){

}