@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;word-wrap:break-word;}
a{text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none; }
a:hover {text-decoration:none;}
a:active {text-decoration: none; }
a.underline:hover {text-decoration:underline;}
a img{border:none;} 
body{margin: 0px;padding:0px;position:relative;}
body,td,div,a,li,form { font-size:14px; color:#391f0e; line-height:20px; font-family:Arial,"Microsoft yahei"}
div,form,p,img,ul,ol,li,dl,dt,dd,button,input{margin: 0px;padding: 0px;}
li{ list-style:none;}
.clear{clear:both !important;width:0px !important;height:0px !important;line-height:0px !important;overflow:hidden !important;padding:0 !important;margin:0 !important;float:none !important;position:static !important;background:none !important;}
.animate{-webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -ms-transition-duration:0.7s;transition-duration:0.7s;}
.f10{height:10px;width:100%;overflow:hidden;}
.f15{height:15px;width:100%;overflow:hidden;}
.f20{height:20px;width:100%;overflow:hidden;}
.f25{height:25px;width:100%;overflow:hidden;}
.f30{height:30px;width:100%;overflow:hidden;}
.f35{height:35px;width:100%;overflow:hidden;}
.f40{height:40px;width:100%;overflow:hidden;}
.f50{height:50px;width:100%;overflow:hidden;}
.f60{height:60px;width:100%;overflow:hidden;}
.f115{height:115px;width:100%;overflow:hidden;}
.f130{height:130px;width:100%;overflow:hidden;}
.f135{height:135px;width:100%;overflow:hidden;}
.f200{height:200px;width:100%;overflow:hidden;}
.f700{height:700px;width:100%;overflow:hidden;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after { clear:both; }/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }
.fl{float:left;}
.fr{float:right;}
.ya{}
.hide{display:none;}
.greybg{background-color:#f5f5f5;}
.block{display:block !important;}
.f35{height:35px;width:100%;overflow:hidden;}
.box{width:100%;max-width:1900px; min-width:1200px; margin:0 auto; height:auto;}
.w{width:1200px;margin:0 auto;}





#fullpage{}
.section{overflow:hidden;}

#section2{background:url(../img/bg_index.jpg) top no-repeat;}
#section3{background:url(../img/bg_index.jpg) top no-repeat;}


.box1{background-color:#454545;height:29px;z-index:99;position:relative;}
.topForm{float:right;width:170px;height:29px;}
.topForm input{vertical-align:middle;}
.topForm input.textbox{width:135px;height:29px;background:url(../img/searchword.jpg) left no-repeat;padding:0;border:none;color:#848484;text-indent:10px;font-size:12px;font-family:"Microsoft yahei";}
.topForm .inputButton{height:29px;width:35px;padding:0;margin:-1px 0 0 -4px;background:url(../img/searchword.jpg) right no-repeat;border:none;text-indent:-9999px;}


.righthelp{}
.righthelp .bg{float:left;height:29px;width:23px;background:url(../img/righthelp.png) left no-repeat;}
.righthelp .rli{float:left;width:85px;position:relative;text-align:center;background-color:#004ea2}
.righthelp .rli a{line-height:29px;color:#fff;font-family:Simsun;font-size:12px;}
.righthelp .sub{ display:none; width:85px; left:0; top:29px;  position:absolute; background-color:#004ea2;z-index:100;border-top:1px solid #ccc;}
.righthelp .sub li{ zoom:1;line-height:0; }
.righthelp .sub a{ display:block;text-align:center;  line-height:26px; }

.righthelp .list{display:block;width:85px;text-align:center;}
.righthelp .dot1{position:absolute;width: 10px;height: 7px;right:8px;top:11px;background:url(../img/dot1.png) no-repeat;}


.box2{height:80px;background-color:#f3f3f3;border-bottom:4px solid #e9e9ea;overflow:hidden;z-index:19;position:relative}
.box2 .logo{width:332px;height:80px;}
.box2 .logo img{width:332px;height:80px;}
.topmenu{}
.topmenu ul{padding-top:10px;}
.topmenu ul li{float:left;}
.topmenu ul li a{display:block;width:100px;line-height:70px;text-align:center;    color: #333333;font-weight:bold;font-size:15px;}
.topmenu ul li a:hover{color:#004ea2}


.slide{overflow:hidden;}

#slide1 .banner{height:100%;background-image:url(../img/banner1.jpg);background-size:100% 100%;}
.fp-scroller{height:100%;}

#slide2 .banner{height:100%;background-image:url(../img/banner2.jpg);background-size:100% 100%;}
#slide3 .banner{height:100%;background-image:url(../img/banner3.jpg);background-size:100% 100%;}
#slide4 .banner{height:100%;background-image:url(../img/banner4.jpg);background-size:100% 100%;}
#slide5 .banner{height:100%;background-image:url(../img/banner5.jpg);background-size:100% 100%;}




.greybg{background:rgba(69,69,69,0.8); position: absolute;  bottom: 0;   width: 100%; height: 160px; z-index:99;}


.greybg .greyleft{position:absolute;top:0;right:50%;margin-right:300px;width:100%;height:160px;background-color:#004ea2;}
.greybg .greyleft::after{ position:relative; content:"";right:-110px;top:0;  position: absolute;  border-top: 160px solid #004ea2;   border-left: 310px solid #004ea2;  border-right: 100px solid transparent;z-index:11;}
.greybg .greyleft .ahead{position:relative;float:right;display:block;width:269px;height:39px;margin-top:65px;z-index:12;}

.greybg .greyright{position:relative;left:50%;margin-left:-50px;width:100%;height:160px;}
.greybg .greyright .t1{ padding-top:45px; line-height:26px;color: #FFFFFF;  font-size: 24px;}
.greybg .greyright .t2{ padding-top:18px; line-height:26px;color: #FFFFFF;  font-size: 24px;text-indent:190px;}


.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:auto;bottom:0;cursor:pointer;width:20px;height:160px;border-style:none;margin-top:0;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background-image:url(../img/arrow_banner.png);background-repeat:no-repeat;z-index:101}
.fp-controlArrow.fp-prev{left:15px;width:20px;border-width:0;border-color:transparent transparent;background-position:0 60px}
.fp-controlArrow.fp-next{right:15px;width:20px;border-width:0;border-color:transparent;background-position:-20px 60px}



.box3{padding-top:0px;}


.company-box{width:790px;height:336px;float:left;position:relative;overflow:hidden;opacity:0;}
.company-vedio{float:left;position:relative;height:336px;width:410px;background-color:#fff;}
.company-info{float:left;background-color:#FFFFFF;height:336px;width:380px}
.company-arrow{position:absolute;top:90px;right:380px;height:0px;width:28px;border-right:28px solid #FFFFFF;border-top:17px solid transparent;border-bottom:17px solid transparent}


.section-title h2{margin:20px 40px 0 40px;border-bottom:1px solid #c3c3c3}
.section-title h2 span{height:56px;line-height:56px;display:inline-block;border-bottom:3px solid #e60021;font-weight:normal;}
.company-info p{display:block;margin:40px 55px 0;font-size:14px;height:144px;line-height:24px;overflow:hidden;text-align:justify}
.company-menu{width:378px;height:336px;float:left;margin-left:32px;background-color:#c3c3c3;opacity:0;}
.company-menu li{float:left;position:relative;text-align:center;}
.company-menu li a{display:block;width:189px;height:128px;padding-top:40px;text-align:center;font-size:18px;line-height:30px;color:#FFFFFF}
.company-menu li i{display:block;width:47px;height:47px;margin:10px auto 0;background:url("../img/menu_icon.png") no-repeat;}
.company-menu li.cpm-white a{background-color:#FFFFFF;color:#004ea2}
.company-menu li i.icon-structure{width:40px;background-position:-96px 0}
.company-menu li i.icon-quality{background-position:-138px 0}
.company-menu li i.icon-environ{background-position:-48px 0}

.company-menu li.cpm-white a:hover i{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}
.company-menu li.cpm-grey a:hover{text-shadow:2px 2px 3px #333;}

a.view-plus { display: block;  width: 39px;  height: 39px;line-height: 39px; text-align: center; color: #FFFFFF; position: absolute; right: 0;  bottom: 0; background-color: #e60021; font-size:30px;}






/* 本例子css */
.slideGroup{ position:relative;padding-top:20px;opacity:0; }
.slideGroup .parHd{ float:left;width:195px;height:410px;padding-left: 40px;  background: #004ea2 url(../img/parHd.jpg) bottom no-repeat;  overflow: hidden; }
.slideGroup .parHd .title{  line-height: 94px; font-size:22px; color: #FFFFFF;}
.slideGroup .parHd ul{  }
.slideGroup .parHd ul li{  cursor:pointer;  }
.slideGroup .parHd li a{display:block;width:100%;height:70px;line-height:70px;font-size:18px;padding-left:25px;margin-bottom:18px;color:#FFFFFF;position:relative}
.slideGroup .parHd li i{display:block;float:left;width:43px;height:43px;background:url("../img/menu-product.png") no-repeat;margin-top:14px;margin-right:10px;}
.slideGroup .parHd li i.icon-water{background-position-y:-49px}
.slideGroup .parHd li i.icon-industry{background-position-y:-98px}
.slideGroup .parHd li.on a{  color:#333333; background:#f2f2f2;  }
.slideGroup .parHd li.on i{background-position-x:-45px}


.slideGroup .parBd{float:left;width:965px;height:410px;background-color:#fff;}

.slideGroup .slideBox{width:965px;height:410px; overflow:hidden; zoom:1; position:relative;  background-color:#fff; }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; right:0px;  bottom:0px; display:block; width:38px; height:38px; background-color:#e60021;color:#fff;font-size:20px;font-family:Simsun;line-height:38px;text-align:center; }

.slideGroup .sNext{ right:38px;  background-color:#c3c3c3;  }
.slideGroup .sPrev:hover span{ 	-webkit-animation: text-shadow-pop-left 0.6s both;  animation: text-shadow-pop-left 0.6s both;  }
.slideGroup .sNext:hover span{	-webkit-animation: text-shadow-pop-right 0.6s both;  animation: text-shadow-pop-right 0.6s both;}




.slideGroup .parBd .secondclass{float:right;margin-right:40px;padding-top:10px;text-align:right;}
.slideGroup .parBd .secondclass a{display:inline-block;line-height:80px;margin:0 15px;}
.slideGroup .parBd .secondclass a:hover{color:#e60021;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;  }
.slideGroup .parBd ul li{ width:260px; margin-left:45px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{width:260px; height:230px;overflow:hidden; }
.slideGroup .parBd ul li .pic a{width:260px; height:230px; display:block; }
.slideGroup .parBd ul li .pic img{ width:260px; height:230px; display:block;   }
.slideGroup .parBd ul li .pic img:hover{ transform:scale(1.2,1.2);}
.slideGroup .parBd ul li .title{ height: 50px;  line-height: 50px;  text-align: center; white-space: nowrap;word-wrap:normal; overflow: hidden; text-overflow: ellipsis; }
.slideGroup .parBd ul li .title a{   line-height: 50px;   }

.box4 .case{background-color:#fff;margin-top:20px;opacity:0;}
.box4 .case .title{padding-top:10px;}
.box4 .case .title span{line-height:60px;font-size:22px;color:#333333;margin-left:40px;}
.box4 .case .title a{float:right;margin-right:45px;color:#333333;font-size:16px;line-height:60px;}
.box4 .case .title a:hover{color:#e60021;}

#sm{width:1200px;height:307px;overflow:hidden;}
#sm li{float:left;width:125px;margin-right:5px;height:307px;position:relative;overflow:hidden;}
#sm li .pic_auto{width:100%;height:100%;}
#sm li .pic_auto img{width:100%;height:100%;}
#sm li .adv_intro{position:absolute;left:0;top:0; width:100%; height:100%;color:#FFF; overflow:hidden;}
#sm li .adv_intro .t1{padding-top:160px;font-size:38px;line-height:65px ;text-align:center;}
#sm li .adv_intro .t2{display:block;width:60px;height:3px;background-color:#fff;margin:0 auto;}

#sm li .bluebg{position:absolute;right:0;bottom:0; width:230px; height:120px;padding:10px 30px;color:#FFF; overflow:hidden;background-color:rgba(0,78,162,0.8);}
#sm li .bluebg .t1{font-size:18px;line-height:55px;width:100%; white-space: nowrap;word-wrap:normal; overflow: hidden; text-overflow: ellipsis;}
#sm li .bluebg .t2{height:40px;overflow:hidden;color:#e6e4e4}
#sm li .bluebg .more{display: block;  width: 39px;  height: 39px;  line-height: 39px;  overflow: hidden;  background-color: #0092d7;  text-align: center; color: #FFFFFF; position: absolute;  right: 0; bottom: 0; font-size:28px;}
#sm .close .bluebg{display:none;}
#sm .close .adv_intro{display:block;background-color:rgba(51,51,51,0.8);}
#sm .open .bluebg{display:block;}
#sm .open .adv_intro{display:none;}
#sm li:nth-child(odd) .adv_intro{background-color:rgba(41,51,82,0.8);}


.main-news{width:1200px;height:336px;margin:20px auto 48px;overflow:hidden}
.main-news .news-box{width:1200px;height:100%;float:left;background-color:#FFFFFF;opacity:0;}
.main-news .main-job{width:375px;height:100%;float:left;margin-left:35px;background-color:#FFFFFF;opacity:0;}
.main-news .news-img{width:380px;height:336px;overflow:hidden;position:relative;float:left}
.main-news .news-img img{display:block;width:100%;height:100%;}
.main-news .news-img a{display:block;width:100%;height:60px;line-height:60px;background-color:rgba(69,69,69,0.8);color:#FFFFFF;padding-left:30px;position:absolute;bottom:0}
.main-news .news-img a:hover{text-decoration:underline}
.main-news .news-img a i{display:inline-block;width:60px;height:60px;line-height:60px;font-size:20px;text-align:center;position:absolute;right:30px}
.main-news .news-list{width:410px;height:100%;float:left;position:relative;margin-left:10px;}
.main-news .news-list ul{margin:20px 40px;font-size:16px;height:162px;overflow:hidden}
.main-news .news-list ul a{display:inline-block;margin:14px 0}
.main-news .news-list ul i{display:inline-block;width:20px}
.main-news .news-list ul span{display:inline-block;width:305px;height:28px;line-height:28px;overflow:hidden}
.main-news .news-list small{display:block;font-size:14px;margin-left:24px}
.main-news .news-list ul a:hover span{text-decoration:underline}



.main-job ul{margin-top:15px}
.main-job ul li{overflow:hidden}
.main-job ul a{display:block;width:280px;height:92px;background:url("../img/job_1.png") no-repeat;margin:10px auto;font-size:16px;color:#FFFFFF;text-align:right;line-height:92px;padding-right:20px}
.main-job ul a:hover{box-shadow:3px 3px 4px #333;}
.main-job ul .join-us a{background-image:url("../img/job_2.png")}



.box5{height:214px;padding-top:40px;background:#454545 url(../img/box5bg.jpg) right no-repeat;}
.box5left{width:800px;}
.box5left .t1{line-height:55px;}
.box5left .t1 img{float:left;vertical-align:middel;}
.box5left .t1 a{line-height:55px;margin-left:30px;color:#cacaca;}
.box5left .t1 a:hover{color:#fff}
.box5left .t2{display:block; margin-top: 20px;height:1px;background:url(../img/line.png) left  no-repeat;}
.box5left .t3{padding-top:20px;line-height:50px;color:#cacaca;}
.box5left .t4{line-height:30px;color:#cacaca;}

.box5right{}
.box5right dt{width:133px;height:133px;}
.box5right dt img{display:block;width:133px;height:133px;}
.box5right dd{text-align:center;color:#cacaca;}

.box5right2 { margin-right: 16px}
.box5right2 dt{width:133px;height:133px;}
.box5right2 dt img{display:block;width:133px;height:133px;}
.box5right2 dd{text-align:center;color:#cacaca;}




.inbanner{height:336px;position:relative;overflow:hidden;}
.inbanner .bg{  background: rgba(69,69,69,0.8); position: absolute;  bottom: 0; width: 100%;  height: 60px; z-index: 99;}
.inbanner .bg .title {   position: absolute;  top: 0; right: 50%;   margin-right: 400px; width: 100%; height: 60px; background-color: #004ea2; }
.inbanner .bg .title::after{ position:relative; content:"";right:-70px;top:0;  position: absolute;  border-top: 60px solid #004ea2;  border-right: 70px solid transparent;z-index:11;}
.inbanner .bg .title .text{float:right;width:180px;line-height:60px;color:#fff;font-size:22px;text-align:center}
.inbanner .bg .text img{vertical-align:middle;line-height:60px;margin-right:13px;}
.inbanner .bg .location{  position: relative;  left: 50%;  margin-left: -280px; width: 100%;  height: 60px;line-height:60px;color:#d2d2d2;font-size:16px;}
.inbanner .bg .location a{line-height:60px;color:#d2d2d2;font-size:16px;}

.inbanner1{background:url(../img/inbanner1.jpg) center no-repeat;}
.inbanner2{background:url(../img/inbanner2.jpg) center no-repeat;}
.inbanner3{background:url(../img/inbanner3.jpg) center no-repeat;}
.inbanner4{background:url(../img/inbanner4.jpg) center no-repeat;}
.inbanner5{background:url(../img/inbanner5.jpg) center no-repeat;}
.inbanner6{background:url(../img/inbanner6.jpg) center no-repeat;}
.inbanner7{background:url(../img/inbanner7.jpg) center no-repeat;}
.inbanner8{background:url(../img/inbanner8.jpg) center no-repeat;}



.box6{background:url(../img/bg_index.jpg) top center no-repeat;padding-top:30px;}
.searchSwitch{margin-bottom:50px;}
.searchSwitch .hd{ height:55px;border-bottom:1px solid #c3c3c3; background-color:#f2f2f2;}
.searchSwitch .hd .title{display:inline-block;float:left;width:130px;text-align:center;color:#000;font-size:22px;line-height:55px;}
.searchSwitch .hd ul{ float:left; padding-top:10px; }
.searchSwitch .hd ul li{ float:left; padding:0 15px; margin:0 5px; cursor:pointer;  line-height:43px; color:#888888;font-size:16px;}
.searchSwitch .hd ul .virgule{float:left;font-size:22px;line-height:45px;}
.searchSwitch .hd ul li.on{color:#e60021;border-bottom:2px solid #e60021; }

.searchSwitch .bd{}
.searchSwitch .formbox{padding:40px 40px;background-color:#fff;}






#form1 .selectBox{margin-right:25px;width:300px;height:38px;border:1px solid #c3c3c3;position:relative}
#form1 .selectBox select{border:none;outline:none;width:100%;height:38px;line-height:38px;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:20px;font-size:16px;}
#form1 .selectBox:after{content:"";width:43px;height:40px;background:url(../img/dot3.png) no-repeat center;position:absolute;right:-1px;top:-1px;pointer-events:none;background-color:#004ea2;}

.submitBtn{display:block;margin-left:10px; width: 95px;  height: 40px;line-height:40px; background: #004ea2; border: none;   cursor: pointer; text-align: center; color: #FFF;  font-family: "Microsoft Yahei";font-size:16px;}



#form2 dl{float:left;width:320px;}
#form2 dt{float:left;width:90px;padding-right:20px;text-align:right;font-size:16px;line-height:40px;}
#form2 dd{float:left;width:180px;}
#form2 dd .inputText{ width: 210px;  height: 40px;  border: 1px solid #dddddd;  text-indent: 20px; font-size:14px; line-height: 40px;}

.submitBtn.sb2{height:40px;line-height:40px;margin-left:30px;}





.productlist{padding:30px 0 50px;}
.productlist li{float:left;width:260px;margin:0 20px 60px;}
.productlist li a.productLink{position:relative;display:block;width:260px;height:300px;}
.productlist .pic{width:258px;height:228px;border:1px solid #fff;overflow:hidden;}
.productlist .pic img{display:block;width:258px;height:228px;}
.productlist .text{position:relative;padding:15px 20px;width:220px;height:40px;border-bottom:1px solid #c3c3c3;background-color:#fff;position:relative;}
.productlist .text::after{position:absolute;content:"";width: 0px;height: 1px;top:70px;left:0;background:#fff;transition: All 0.5s linear;}
.productlist .text .t1{width:90%;white-space: nowrap;word-wrap:normal; overflow: hidden; text-overflow: ellipsis;color:#333;line-height:35px;}
.productlist .text .t2{width:100%;white-space: nowrap;word-wrap:normal; overflow: hidden; text-overflow: ellipsis;display:none;color:#004ea2;line-height:20px;}
.productlist .text .moreBtn{display:block;position:absolute;right:0;bottom:0;width:40px;height:34px;line-height:34px;text-align:center;color:#fff;background-color:#c3c3c3;font-size:28px;}
.productlist li a.productLink:hover .pic img{transform:scale(1.2,1.2);transition: All 0.5s linear;}
.productlist li a.productLink:hover .text .t1{color:#004ea2;line-height:20px;transition: All 0.2s linear;width:100%;}
.productlist li a.productLink:hover .text .t2{display:block;transition: All 0.2s linear;width:80%;}
.productlist li a.productLink:hover .text::after{width: 220px;background:#004ea2;}
.productlist li a.productLink:hover .moreBtn{background-color:#e60021;transition: All 0.8s linear;}



.caselist.productlist{padding:10px 0 50px;}
.caselist.productlist li{width:380px;margin:0 10px 40px;}
.caselist.productlist li a.productLink{width:380px;}
.caselist.productlist .pic{width:378px;height:220px;}
.caselist.productlist .pic img{width:378px;height:220px;}
.caselist.productlist .text{width:340px;}
.caselist.productlist li a.productLink:hover .text::after{width: 380px;}




.productshow{padding:20px;background-color:#fff;}
.productshow .showleft{width:425px;min-height:425px;overflow:hidden;}
.productshow .showleft img{display:block;width:425px !important;height:auto !important;margin-bottom:20px;opacity:0;}
.productshow .showright{margin-left:60px;width:675px;}
.showright .producttitle{height:40px;border-bottom:1px solid #c3c3c3;}
.showright .producttitle span.t1{display:inline-block;line-height:39px;border-bottom:2px solid #e60021;font-size:22px;color:#333333}
.showright .producttitle span.t2{}

.showright .title{height:40px;margin:30px 0 10px;background-color:#f2f2f2;}
.showright .title span{display:block;float:left;line-height:40px;padding:0 30px;color:#fff;font-size:18px;background-color:#004ea2;}
.showright .title a.downLink{display:block;float:right;margin-top:5px;line-height:30px;padding:0 40px 0 20px;background:#e60021 url(../img/dot4.jpg) 90% 40% no-repeat;color:#fff;}

.showright .contenttext{line-height:24px;color:#333333;}
.showright .contenttext p{line-height:24px;color:#333333;}
.showright .contenttext img{max-width:100%;}






.box7{background:url(../img/bg_index.jpg) top center no-repeat; }
.topnews{float:left;width:560px;margin:45px 20px;}
.topnews .pic{float:left;width:300px;height:240px;overflow:hidden;}
.topnews .pic a{display:block;width:300px;height:240px;}
.topnews .pic img{display:block;width:300px;height:240px;}
.topnews .pic img:hover{transform:scale(1.2,1.2);}
.topnews .text{float:left;background-color:#fff;margin-left:-20px;width:220px;height:240px;padding:0 30px;position:relative;}
.topnews .text .t1{border-bottom:1px solid #e60021;color:#333333;width:100%;white-space: nowrap;word-wrap:normal; overflow: hidden; text-overflow: ellipsis;}
.topnews .text .t1 a{line-height:80px;font-size:16px;}
.topnews .text .t1 a:hover{text-decoration:underline}
.topnews .text .t2{height:66px;overflow:hidden;padding-top:15px;}
.topnews .text .t2 a{line-height:22px;color:#888888;}
.topnews .text .t2 a:hover{text-decoration:underline}
.topnews .text .t3{margin-top:10px;line-height:22px;color:#888888;overflow:hidden;padding-top:15px;}

.topnews .text .moreBtn{display:block;position:absolute;right:0;bottom:0;width:40px;height:34px;line-height:34px;text-align:center;color:#fff;background-color:#e60021;font-size:28px;}


.newsList{width:1110px;padding:25px;margin:0 auto;background-color:#fff;}
.newsList li{height:65px;border-bottom:1px dashed #dddddd;}
.newsList a{display:block;height:65px;transition: All 0.8s linear;}
.newsList .date{float:left;width:125px;text-align:center;line-height:65px;color:#333;font-size:16px;}
.newsList .title{float:left;width:300px;text-indent:20px;white-space: nowrap;word-wrap:normal; overflow: hidden; text-overflow: ellipsis;line-height:65px;color:#333333;font-weight:bold;font-size:16px;}
.newsList .smalltext{float:left;width:650px;text-indent:30px;white-space: nowrap;word-wrap:normal; overflow: hidden; text-overflow: ellipsis;line-height:65px;color:#888888;font-size:16px;}
.newsList li:nth-child(odd){background-color:#fbfbfb;}

.newsList a:hover{background-color:#e2e2e2;}
.newsList a:hover .date{color:#004ea2}
.newsList a:hover .title{color:#004ea2}
.newsList a:hover .smalltext{color:#004ea2}



.box8{background:url(../img/bg_index.jpg) top center repeat; padding-top:50px;padding-bottom:50px;}
.box8left{float:left;width:780px;padding:30px;background-color:#fff;box-shadow:3px 3px 5px #ccc;}
.box8left .title{line-height:36px;color:#333333;font-size:22px;text-align:center;}
.box8left .date{color:#888888;text-align:center;line-height:35px;border-bottom:1px dashed #cbcbcb;}
.box8left .detail{padding-top:30px;line-height:24px;color:#333333;}
.box8left .detail p{line-height:24px;color:#333333;}
.box8left .detail img{max-width:100%;}

.box8right{float:left;width:320px;margin-left:40px;background-color:#fff;box-shadow:3px 3px 5px #ccc;}
.box8right .title{height:55px;border-bottom:1px solid #c3c3c3;background-color:#f2f2f2;}
.box8right .title span{display:inline-block;padding:0 20px;line-height:53px;font-size:22px;color:#000000;border-bottom:2px solid #e60021;}

.box8right ul{padding:20px;}
.box8right li{white-space: nowrap;word-wrap:normal; overflow: hidden; text-overflow: ellipsis;}
.box8right li span{line-height:45px;color:#014fa2;}
.box8right li a{line-height:45px;color:#333333;}



.box9{background:url(../img/bg_index.jpg) top center repeat;padding-bottom:40px;}
.box9 .aboutClass{padding-top:40px;margin-bottom:40px;text-align:center;}
.box9 .aboutClass a{display:inline-block;padding:0 45px;margin:0 30px;line-height:45px;background-color:#c3c3c3;color:#fff;font-size:22px;}
.box9 .aboutClass a:hover{background-color:#004ea2;}
.box9 .aboutClass a.on{background-color:#004ea2;}


.box9 .intro{padding:25px;background-color:#fff;}
.box9 .title{margin-bottom:40px;height:22px;line-height:22px;border-left:2px solid #e60021;color:#004ea2;font-size:20px;text-indent:15px;}
.box9 .intro .text{float:left;width:560px;padding-top:30px;line-height:24px;color:#333333;}
.box9 .intro .text p{line-height:24px;color:#333333;}
.box9 .intro .text img{max-width:100%;}

.box9 .intro .pic{float:left;margin-left:50px;width:540px;}
.box9 .intro .pic img{display:block;width:540px;}


.box9 .ability{padding:0 25px 25px;background-color:#fff;}
.ability .content{}

.ability .ablist{padding-top:30px;height:275px;background:url(../img/ability.jpg) bottom center no-repeat;overflow:hidden;}
.ability .ablist li{float:left;position:relative;width:230px;height:275px;}
.ability .ablist .bg{position:relative;width:230px;padding-top:70px;height:205px;z-index:1;}
.ability .ablist .bg img{display:block;width:81px;height:81px;margin:0 auto 30px;}
.ability .ablist .bg p{color:#fff;line-height:20px;font-size:18px;text-align:center;}

.ability .ablist .cover{position:relative;width:230px;height:303px;z-index:11;border-bottom:2px solid #e60021;}
.ability .ablist .cover .pic{width:230px;height:183px;}
.ability .ablist .cover .pic img{display:block;width:230px;height:183px;}
.ability .ablist .cover .txt{background-color:#fff;height:100px;padding:10px 20px 10px 20px;}
.ability .ablist .cover .txt .t1{line-height:32px;color:#333333;font-size:16px;white-space: nowrap;word-wrap:normal; overflow: hidden; text-overflow: ellipsis;}
.ability .ablist .cover .txt .t1 span{color:#e60021}
.ability .ablist .cover .txt .t2{line-height:22px;color:#888888;height:66px;overflow:hidden;}



.invideo{padding:25px;background-color:#fff;}
.invideo .content{height:700px;}




dl.zhaopin{padding:15px 20px;height:25px;background-color:#f2f2f2;border-bottom:1px solid #c3c3c3;}
dl.zhaopin dt{float:left;width:190px;line-height:25px;text-align:center;color:#004ea2;font-size:16px;}

ul.zhaopinlist{padding:15px 20px;background-color:#fff;}
ul.zhaopinlist li{height:55px;border-bottom:1px dashed #dddddd;}
ul.zhaopinlist li div{float:left;width:190px;line-height:55px;text-align:center;}
ul.zhaopinlist .more{display:block;width:100px;margin:12px auto 0;background-color:#004ea2;height:30px;line-height:30px;color:#fff;}


.honorul{width:960px;margin:0 auto;}
.honorul li{ margin:0 20px; margin-bottom:40px; width:280px; height:245px;overflow:hidden; float:left; _display:inline; overflow:hidden;display:inline;position:relative; }
.honorul li .pic{ width:280px; height:195px;}
.honorul li .pic img{ width:280px; height:195px; display:block;  }
.honorul li .title{ line-height:48px; width:100%; text-align:center; white-space: nowrap;word-wrap:normal; overflow: hidden; text-overflow: ellipsis; }
.honorul li .subsummary{ line-height:48px; width:100%; text-align:center; white-space: nowrap;word-wrap:normal; overflow: hidden; text-overflow: ellipsis; }

.ver_pic {width:278px;height:193px;text-align:center;position:relative;display:table-cell;vertical-align:middle;background-color:#fff;border:1px solid #ccc;}
.ver_pic .subpic {*position:absolute;top:50%;left:50%;}
.ver_pic .subpic a{display:block;width:278px;height:198px;}
.ver_pic .subpic img {*position:relative;top:-50%;left:-50%;}

.epages {text-align:center;padding-bottom:20px;padding-top:20px;}
.epages a{display:inline-block;line-height:26px;padding:0 10px;border:1px solid #dedee0;color:#6a6a6a}
.epages b{display:inline-block;line-height:26px;width:26px;background-color:#004ea2;color:#fff;}
.epages a b{color:#ccc;background-color:#fff}

.tit{background-color:#fff;line-height:50px;text-indent:30px;box-shadow:3px 4px 3px #a7a7a7;}
.tit strong{color:#e60021}


.jobtable{border-collapse:collapse;border:none;width:830px;margin:0 auto 40px;}
.jobtable td{padding:5px 8px;border:1px solid #333;}
.jobtable tr:nth-child(2n-1){background-color: #f3f3f3}




.feedbackbox{}
.feedbackbox .fbleft{width:550px;}
.feedbackbox .fbleft dl{height:50px;}
.feedbackbox .fbleft dt{float:left;width:110px;text-align:right;line-height:30px;}
.feedbackbox .fbleft dd{float:left;width:440px;}
.feedbackbox .inputText{width:400px;height:30px;border:1px solid #dddddd;text-indent:10px;line-height:30px;}


.feedbackbox .fbright{width:510px;}
.feedbackbox .fbright .b1{margin-bottom:10px;}
.feedbackbox .fbright dl{min-height:50px;}
.feedbackbox .fbright dt{float:left;width:110px;text-align:right;line-height:30px;}
.feedbackbox .fbright dd{float:left;width:400px;}
.feedbackbox .fbright .saytext{width:100%;height:160px;border:1px solid #dddddd;}

.feedbackbox .submitBtn{display:block;margin:0 auto 40px; font-size: 14px;  color: #FFF; font-family: "Microsoft Yahei";  border: none; cursor: pointer; background: #034fa2; width: 115px;  height: 35px;  line-height: 28px;}


.box9 .intro .text .contactbox{position:relative;float:right;margin-top:-430px;margin-right:40px;padding:40px;width:365px;height:auto;background-color:#004ea1;}
.box9 .intro .text .contactbox p{color:#fff;}
.box9 .intro .text .contactbox a{color:#fff;}



.borderTable{width:100%;border-collapse:collapse;border:none;}
.borderTable td{border:1px solid #c3c3c3;padding:5px 8px;text-align:center;}

.borderTable tr:nth-child(odd){background:#fff;}
.borderTable tr:nth-child(even){background:#f2f2f2;}





.borderTable2{border-collapse:collapse;border:none;}
.borderTable2 td{border:1px solid #333;padding:5px 8px;}



.company-vedio img{
       width:100%;
}








.sewise-player-ui .logo a{background:none !important;}
div.sewise-player-ui div.controlbar{display:none;}



.kenburns-left {
	-webkit-animation: kenburns-left 8s ease-out infinite alternate both;
	animation: kenburns-left 8s ease-out infinite alternate both;
}

.kenburns-top-right {
	-webkit-animation: kenburns-top-right 8s ease-out infinite alternate both;
	animation: kenburns-top-right 8s ease-out infinite alternate both;
}
.kenburns-bottom-right {
	-webkit-animation: kenburns-bottom-right 8s ease-out infinite alternate both;
	animation: kenburns-bottom-right 8s ease-out infinite alternate both;
}

.kenburns-top {
	-webkit-animation: kenburns-top 10s linear infinite alternate both;
	        animation: kenburns-top 10s linear infinite alternate both;
}



@-webkit-keyframes kenburns-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 50%;
            transform-origin: 16% 50%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, 15px);
            transform: scale(1.25) translate(-20px, 15px);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}
@keyframes kenburns-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 50%;
            transform-origin: 16% 50%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, 15px);
            transform: scale(1.25) translate(-20px, 15px);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}


@-webkit-keyframes kenburns-top-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 16%;
            transform-origin: 84% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, -15px);
            transform: scale(1.25) translate(20px, -15px);
    -webkit-transform-origin: right top;
            transform-origin: right top;
  }
}
@keyframes kenburns-top-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 16%;
            transform-origin: 84% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, -15px);
            transform: scale(1.25) translate(20px, -15px);
    -webkit-transform-origin: right top;
            transform-origin: right top;
  }
}


@-webkit-keyframes kenburns-bottom-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 84%;
            transform-origin: 84% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, 15px);
            transform: scale(1.25) translate(20px, 15px);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}
@keyframes kenburns-bottom-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 84%;
            transform-origin: 84% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, 15px);
            transform: scale(1.25) translate(20px, 15px);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}







@-webkit-keyframes text-shadow-pop-left {
  0% {
    text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    text-shadow: -1px 0 #555555, -2px 0 #555555, -3px 0 #555555, -4px 0 #555555, -5px 0 #555555, -6px 0 #555555, -7px 0 #555555, -8px 0 #555555;
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
}
@keyframes text-shadow-pop-left {
  0% {
    text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    text-shadow: -1px 0 #555555, -2px 0 #555555, -3px 0 #555555, -4px 0 #555555, -5px 0 #555555, -6px 0 #555555, -7px 0 #555555, -8px 0 #555555;
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
}


@-webkit-keyframes text-shadow-pop-right {
  0% {
    text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    text-shadow: 1px 0 #555555, 2px 0 #555555, 3px 0 #555555, 4px 0 #555555, 5px 0 #555555, 6px 0 #555555, 7px 0 #555555, 8px 0 #555555;
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes text-shadow-pop-right {
  0% {
    text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    text-shadow: 1px 0 #555555, 2px 0 #555555, 3px 0 #555555, 4px 0 #555555, 5px 0 #555555, 6px 0 #555555, 7px 0 #555555, 8px 0 #555555;
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}


@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}








@media only screen and (max-width: 1440px) {
	.greybg{ height: 120px; }
	.greybg .greyleft{height:120px;}
	.greybg .greyleft .ahead{margin-top:43px;}
	.greybg .greyright{height:120px;}
	.greybg .greyright .t1{ padding-top:25px;font-size:20px; }
	.greybg .greyright .t2{ padding-top:18px; font-size:20px;}	
	.fp-controlArrow.fp-prev{background-position:0 80px}
	.fp-controlArrow.fp-next{background-position:-20px 80px}	
	.box3{padding-top:0;}
	.company-box{height:310px;width:858px;}
	.company-vedio{height:310px;}
	.company-info{height:310px;width:448px;}
	.company-menu {height: 310px;width:310px;}
	.company-menu li a{padding-top:30px;width:155px;height:125px;}
	
	.slideGroup{ padding-top:20px; }
	.slideGroup .parHd{ height:380px;}
	.slideGroup .parHd li a{height:60px;line-height:60px;}
	.slideGroup .parHd li i{margin-top:10px;}
	.slideGroup .parBd{height:380px;}
	.slideGroup .parBd .secondclass{padding-top:5px;}
	.slideGroup .parBd .secondclass a{line-height:60px;}
	.slideGroup .slideBox{height:380px;}	
}




@media only screen and (max-width: 1366px) {
	.box3 .w{width:1070px;}
	.company-box{height:280px;width:758px;}
	.company-vedio{height:280px;width:360px;}
	.company-info{height:280px;width:398px;}
	.company-menu {height: 280px;width:280px;}
	.company-menu li a{padding-top:20px;width:140px;height:120px;}	

	.slideGroup{padding-top:10px;}
	.slideGroup .parHd{ height:320px;    padding-left: 20px;}
	.slideGroup .parHd li a{height:55px;line-height:55px;font-size:16px;}
	.slideGroup .parHd li i{margin-top:8px;}
	.slideGroup .parHd .title{font-size:20px;line-height:70px}
	.slideGroup .parBd{height:320px;width:855px;}
	.slideGroup .parBd .secondclass{padding-top:5px;}
	.slideGroup .parBd .secondclass a{line-height:40px;}
	.slideGroup .slideBox{height:310px;width:855px;}	
	.slideGroup .parBd ul li{ width:230px; margin-left:35px;  }
	.slideGroup .parBd ul li .pic{width:230px; height:200px; }
	.slideGroup .parBd ul li .pic a{width:230px; height:200px;}
	.slideGroup .parBd ul li .pic img{ width:230px; height:200px;   }
	.slideGroup .parBd ul li .title{ height: 30px;  line-height: 30px;  }
	.slideGroup .parBd ul li .title a{   line-height: 30px;   }
	
	
	.box4 .case{margin-top:0px;}
	.box4 .case .title{padding-top:0;}
	.box4 .case .title span{line-height:40px;font-size:18px;margin-left:20px}
	.box4 .case .title a{line-height:40px;font-size:14px;}
	
	
	.box4 .w{width:1070px;}
	#sm{height:280px;width:1070px;}
	#sm li{height:280px;}
	#sm li .pic_auto img{margin-top:-20px;}
	
	
	
	.main-news{width:1070px;margin: 10px auto 0;height:270px}

	.main-news .news-img a{height:30px;line-height:30px;padding-left:10px}
	.main-news .news-box{width:730px;}
	.main-news .main-job{width:305px;}
	.main-news .news-img{width:350px;height:270px;}
	.main-news .news-list{width:380px;}
	.section-title h2{margin:0px 40px 0 40px;line-height:50px}
	.main-job ul a{width:200px;height:70px;line-height:70px}
	
	
	.box5 .w{width:1070px}
	
	
	
	
	
}