@charset "utf-8";
/* CSS Document */

body{min-width: 1200px; width: 100%;overflow-x: hidden;}


.banner a{ display:block; background:url(Img/Index/banner.jpg) no-repeat center top; height:760px; overflow:hidden;}


.banners{height:760px;}
.fullSlide {width:100%;position:relative;height:760px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {background-repeat: no-repeat;width:100% !important;height:760px;overflow:hidden;text-align:center;background-position:center top;}
.fullSlide .bd li a {display:block;height:760px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;border-radius: 10px; transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */
                  -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */
                   display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:6px;overflow:hidden;background:#fff;line-height:999px;}
.fullSlide .hd ul .on {background:#19457c;width:30px;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:73px;}
.fullSlide .prev{ background:url(img/Index/left1s.png) no-repeat; }
.fullSlide .next {left:auto;right:5%;background:url(img/Index/right1s.png) no-repeat;}

.cx{background:url(Img/Index/cxbg.png) no-repeat center top; width:1260px;height:306px; margin: -123px auto 0; position: relative; z-index: 3;}
.cx h2{ padding-top: 37px; height:62px; text-align: center; font-size: 24px; color:#222222; line-height: 62px;}
.cx h2 img{ vertical-align: middle;margin: 0 5px;}
.cx_serch {height:92px; overflow: hidden;padding-left:75px;}
.cx_serch input{ width:418px; height:57px; border:1px solid #cbcbcb; font-size: 16px; color:#666; border-radius: 10px; float: left; margin-right: 15px; padding-left: 10px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.cx_serch button{width:233px; height:57px; border:1px solid #ff7734; font-size: 18px; color:#fff; text-align: center; border-radius: 10px;background:#ff7734; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.cx h3{height:53px; padding-left: 75px; line-height: 50px; font-size: 16px; color:#888888;font-weight: normal;}
.cx h4{ font-size: 18px; color:#333333; height: 33px;padding-left: 43px;font-weight: normal; overflow: hidden;padding-top: 10px;}
.cx h4 span{ color:#f00;}
.cx h4 li{height: 33px;line-height: 33px;}

.serv{height:647px; width:1200px; margin: 0 auto; overflow: hidden;}
.serv h2{ height: 117px; padding-top: 15px; font-size: 48px; color:#ff7518; line-height: 54px;-webkit-box-sizing: border-box; text-align: center;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.serv h2 span{ display: block;font-size: 20px; color:#333333; line-height: 30px;font-weight: normal;}
.serv li{ width:385px;height:215px; float: left; margin: 0 22px 20px 0 ; overflow: hidden;}
.serv li a{ text-decoration:none;}
.serv li:nth-child(3n){margin-right: 0;}
.serv li:nth-child(1){background:url(Img/Index/serv01.jpg) no-repeat center top;}
.serv li:nth-child(2){background:url(Img/Index/serv02.jpg) no-repeat center top;}
.serv li:nth-child(3){background:url(Img/Index/serv03.jpg) no-repeat center top;}
.serv li:nth-child(4){background:url(Img/Index/serv04.jpg) no-repeat center top;}
.serv li:nth-child(5){background:url(Img/Index/serv05.jpg) no-repeat center top;}
.serv li:nth-child(6){background:url(Img/Index/serv06.jpg) no-repeat center top;}
.serv li h3{ padding-top: 29px;height:59px; text-align: center; font-size: 30px; color:#fff; position: relative; line-height: 59px;}
.serv li h3::before {position: absolute;content: ''; bottom:0; left: 50%; width:54px;height:2px; background:#fff; margin-left: -27px;}
.serv li p{ padding-top: 15px; height:46px;text-align: center; font-size: 18px; color:#fff;line-height: 20px;}
.serv li .serv_zx{ display: block;width:156px; height:48px;background:url(Img/Index/serv_cx.png) no-repeat center top; font-size: 16px; color:#ff7518; text-align: center; line-height: 48px; margin: 0 auto;}

.pk{background:url(Img/Index/pkbg.jpg) no-repeat center top; height:1004px; overflow: hidden;}
.pkt{background:url(Img/Index/pkt.png) no-repeat center top; height:202px; overflow: hidden; margin-top: 68px;}
.pkt p{width:505px;text-align: center; font-size: 30px; color:#fff; padding-top: 83px; line-height: 34px;}
.pkt p span{ display: block; font-size: 12px; font-family: Arial; color:#fbb9b2; text-transform: uppercase; line-height: 20px;}
.pkt p:last-child span{ color:#adadad;}
.pk ul{ float: left;}
.pk ul{ width:421px; margin-top: 18px; font-size: 20px; color:#222222; line-height: 30px;font-weight: bold;}
.pk .ul01 li{background:url(Img/Index/pk01.png) no-repeat 0 top; height:130px; margin-bottom: 32px;padding: 34px 34px 0 108px; margin-right:32px;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.pk .ul02 li{background:url(Img/Index/pk02.png) no-repeat 0 top; height:130px; margin-bottom: 32px;padding: 34px  108px 0  34px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.pk .ul03{width:290px; margin-right: 32px; margin-top: 18px; overflow: hidden;}
.pk .ul03 li{ height:130px; margin-bottom: 32px; font-size: 48px; color:#fff;text-align: center; padding-top: 25px; line-height: 54px; background: -webkit-linear-gradient(left ,#fdd62a, #ff6515); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left ,#fdd62a, #ff6515); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left ,#fdd62a, #ff6515); /* Firefox 3.6 - 15 */
  background: linear-gradient(left ,#fdd62a, #ff6515); /* 标准的语法 */-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
.pk .ul03 li span{ display: block; font-size: 14px; font-family: Arial; line-height: 20px; text-transform: uppercase;}
.pk .ul03 li em{ display: inline-block;height:2px; width:44px;background:#fff; vertical-align: middle;margin: 0 10px;}

.pic{background:url(Img/Index/pic.jpg) no-repeat center top; height:299px; position: relative; overflow: hidden;}
.piclx{position: absolute; top: 75px;left: 50%; margin-left: 313px; font-size: 18px; color:#fff; line-height: 24px;}
.piclx span { display: block; font-size: 40px; font-family: Arial; line-height: 52px;font-weight: bold;}
.pic .piclx a{background:url(Img/Index/picico.png) no-repeat center top;}
.piclx  a{ height:44px; width:275px; text-align: center; line-height: 44px; color:#fff; display: block; margin-top: 5px; }

.pic1{background:url(Img/Index/pic1.jpg) no-repeat center top; height:305px; position: relative; overflow: hidden;}
.pic1 .piclx a{background:url(Img/Index/picico01.png) no-repeat center top; }

.link{background:#272727; height:auto;overflow: hidden;}
.link h2{ float: left; overflow: hidden;font-weight: normal;width: 76px; }
.link h2 a{ font-size: 14px; color:#6d6d6d; line-height: 51px;padding-right: 20px;}
.link span{ display: block;float: right; margin: 20px 0 0;}
.link span img{vertical-align: middle;margin-left: 10px;    }
.link p{ float: left; overflow: hidden;line-height:30px; color:#414345;width: 1120px;}
.link p a{ font-size: 14px; color:#6d6d6d; display: inline-block;padding: 0 20px;}

.about{ background:url(Img/Index/aboutbg.jpg) no-repeat center top;height: 621px; overflow: hidden;}
.about-box{ padding-top: 94px; width:588px; float: left;overflow: hidden;}
.about-box h3{background:url(Img/Index/aboutt.png) no-repeat 0 top; padding: 60px 0 0 22px; height:220px; overflow: hidden;}
.about-box h3 a{ font-size: 60px; line-height: 70px; color:#222222;}
.about-box h3 span{ display: block; font-size: 24px; color:#333333; line-height: 34px;font-weight: normal;}
.about-box h4{ font-size: 30px; color:#222222; line-height: 42px;}
.about-box p{ font-size: 18px; line-height: 30px; color:#222222;}

.online{margin-top: 94px;width:400px; background:#fff; overflow: hidden; float: right;}
.online h3{background:url(Img/Index/onlinet.jpg) no-repeat center top; height:84px;text-align: center; font-size: 36px; color:#fff; padding-top: 28px; line-height: 40px;}
.online h3 span{ display: block; font-size: 12px; font-family: Arial;font-weight: normal; line-height: 22px;}
.online ul{ height:320px; overflow: hidden;}
.online li{ margin-top: 21px;}
.online li span{ display: block; float: left;text-align: right; font-size: 14px; color:#333333; width:84px; line-height: 36px;}
.online li input{width:278px; border:1px solid #d2d2d2; height:34px; font-size: 14px; color:#333; line-height: 34px; float: left; margin-left: 5px;}
.online li textarea{width:278px; border:1px solid #d2d2d2; height:80px; font-size: 14px; color:#333; line-height: 24px; float: left; resize: none; margin-left: 5px;}
.online li.on_btn{   margin-left: 86px;}
.online li button{background:url(Img/Index/online.png) no-repeat center top; width:288px; height:54px; text-align: center; line-height: 54px ; font-size: 16px; color:#fff; border:0; margin: 0 auto; }

.team{ margin: 85px auto 0; height:730px; overflow: hidden; width:1200px;}
.tit{ height:108px;background:url(Img/Index/team_line.png) no-repeat center bottom; font-size: 48px; color:#222222; line-height: 50px; text-align: center; }
.tit span{ display: block; font-size: 24px; color:#222222; font-weight: normal;}
.tit a{color:#222222;}

.team li{ width:275px; height:480px; float: left;margin: 40px 33px 0 0; overflow: hidden; position: relative;}
.team li:last-child{margin-right: 0;}
.team li img{width:275px; height:480px;}
.team li .teamwz{ position: absolute; top: 0; left: 0;width:275px; height:480px; background:url(Img/Index/teambg.png) no-repeat center 0; padding: 294px 30px 0;display: none; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.teamwz h3{ font-size: 30px; line-height: 32px;}
.teamwz h3 a{ color:#fff;}
.teamwz h3 span{ font-size: 18px;}
.teamwz p{ font-size: 14px; color:#cfcfcf; line-height: 18px; padding-top: 10px; height:72px;}
.teamwz em{ display: block;background:url(Img/Index/teamico.png) no-repeat center 0; width:151px; height:34px; text-align: center; line-height: 34px; font-size: 16px; color:#fff;}
.teamwz em a{ color:#fff;}
.team li:hover { box-shadow: 0 0 5px 2px #ccc;}
.team li:hover .teamwz{display: block;}

.ys{ background:url(Img/Index/ysbg.jpg) no-repeat center 0; overflow: hidden; height:870px;}
.ys-box{ margin: 0 -165px; position: relative;}
.ys h2{ padding-top: 90px;height:126px; font-size: 48px; color:#fff; text-align: center;line-height: 50px;}
.ys h2 span{ display: block; font-size: 24px;font-weight: normal;}
.ys dl{ background:url(Img/Index/ys02.png) no-repeat center 0; float: left; margin-right: 18px; overflow: hidden; width:240px; height:555px;}
.ys dl:last-child{margin-right: 0;}
.ys dt{width:142px; margin: 123px auto 0; font-size: 30px; color:#333333; line-height: 36px; text-align: center; padding-top: 18px; height:90px; border-bottom: 1px solid #dcdcdc; border-top: 2px solid #dcdcdc;}
.ys dt span{ display: block;font-weight: bold;}
.ys dd{padding: 25px 30px 0;text-align: center;}
.ys dd p{ height:180px; font-size: 14px; color:#666666; line-height: 24px;}
.ys dd span{display: block; font-size: 24px; color:#858585;font-weight: bold; }
.ys dd em{ display: block; line-height: 14px; color:#9e9e9e;font-weight: bold;}

.jz{height:610px; background:#f2f2f2; overflow: hidden;}
.jz h2{ padding-top: 92px; height:100px; overflow: hidden; font-size: 48px; line-height: 50px;}
.jz h2 a{ color:#ff7518;}
.jz h2 p{ font-size: 20px; color:#222222; line-height: 34px;font-weight: normal;}
.jz h2 span a{ color:#222222;}
.jz-box{background:url(Img/Index/jzbg.jpg) no-repeat center 0; width:1110px;height:336px; position: relative; margin: 0 -10px; padding: 0 55px;}
.jz-box dl{ width:475px; overflow: hidden;}
.jz-box dt{margin-top:86px; width:90px; height:90px; float: left; overflow: hidden;}
.jz-box dt img{ width: 90px;}
.jz-box dd { width:368px; float: right; overflow: hidden;}
.jz-box dd h3{ padding-top: 85px; font-size: 18px; color:#000000; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.jz-box dd h3 a{ color:#000000;}
.jz-box dd span{ display: block; font-size: 16px; color:#f29600; line-height: 20px; padding: 20px 0;font-weight: bold;}
.jz-box dd p{ font-size: 14px; line-height: 24px; color:#666666;}

.ry{background:url(Img/Index/rybg.jpg) no-repeat center 0; width:1217px; height:391px; margin: 52px auto 0; overflow: hidden;  padding-right: 17px;}
.ry-box{ width:702px; height:391px; float: left; position: relative; overflow: hidden;}
.ryprev{position: absolute; top: 149px;left: 0; width:30px; height:30px; z-index: 9;}
.rynext{position: absolute; top: 149px;right: 0; width:30px; height:30px; z-index: 9;}
.ry-con{ padding-left: 17px;}
.ry-con li{ float: left; width:219px;height:280px;background:url(Img/Index/ry.jpg) no-repeat center 0; margin-right: 5px;}
.ry-con li img{ width:156px; height:221px; display: block; margin: 29px auto 0;}


.ry_t h2{ height:142px;font-size: 48px; color:#222222; line-height: 50px; text-align: right; padding-top: 26px; position: relative;}
.ry_t h2::before {position: absolute;    content: ''; bottom: 0; right: 0;width:116px; height:3px; background:#f5b300;}
.ry_t span{ display: block; font-size: 24px; color:#222222; font-weight: normal;}
.ry_t a{color:#222222;}
.ry_tel{ text-align: right ; font-size: 16px; line-height: 20px; color:#333333; padding-top: 30px;}
.ry_tel span{ display: block; font-size: 30px; font-family: Arial; line-height: 41px;font-weight: bold;}
.ry_tel span img{vertical-align: middle; margin-right: 5px;}

.news{ padding-top: 70px;height:650px; background:#f2f2f2; overflow: hidden;}
.companynews{width:385px;margin: 40px 22px 0 0; float: left; overflow: hidden;}
.companynews:last-child{margin-right: 0;}
.companynews dl{height:110px; overflow: hidden;}
.companynews dl dt{ width:148px; float: left; overflow: hidden; height:110px; font-size: 30px; line-height: 36px ;text-align: center; padding: 20px 30px 0;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; background: -webkit-linear-gradient(left ,#fdd62a, #ff6515); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left ,#fdd62a, #ff6515); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left ,#fdd62a, #ff6515); /* Firefox 3.6 - 15 */
  background: linear-gradient(left ,#fdd62a, #ff6515);}
  .companynews:nth-child(3) dt{ background: -webkit-linear-gradient(left ,#32c9f7, #0162e2); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left ,#32c9f7, #0162e2); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left ,#32c9f7, #0162e2); /* Firefox 3.6 - 15 */
  background: linear-gradient(left ,#32c9f7, #0162e2);}
    .companynews:nth-child(4) dt{ background: -webkit-linear-gradient(left ,#f1706f, #eb4e4d); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left ,#f1706f, #eb4e4d); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left ,#f1706f, #eb4e4d); /* Firefox 3.6 - 15 */
  background: linear-gradient(left ,#f1706f, #eb4e4d);}
  .companynews dl dt a{ color:#fff;}
.companynews dl dd{ width:237px; float: left; overflow: hidden;}
.companynews dl dd img{ width:237px; height:110px;}
.companynews ul{ height:290px; background:#fff; border:1px solid #e5e5e5; border-top: 0; overflow: hidden; padding: 20px 25px 0;}
.companynews li{ font-size: 14px; line-height: 48px; color:#888888;    height: 48px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
.companynews li a{ color:#888;}
.companynews li span{ float: right; font-family: Arial;}
.companynews li a:hover {text-decoration: underline; color:#333;}

.cityserv{margin: 50px auto 0; width:1200px; height:504px; overflow: hidden;}
.cityservimg{ width:611px; float: left; overflow: hidden;}
.cityservimg img{ width:611px; height:504px;}
.cityserv dl{ width:505px; float: right; overflow: hidden; padding-top: 50px;}
.cityserv dt{ height:118px; position: relative; overflow: hidden; font-size: 60px ; color:#333333;font-weight: bold; line-height: 62px;}
.cityserv dt span{display: block; font-size: 18px; color:#d4d4d4;text-transform: uppercase;line-height: 24px;}
.cityserv dt::before { position: absolute; bottom:0; left: 0; width:124px; height:4px; background:#eb4f4e;    content: '';}
.cityserv dd{ margin-top: 30px; font-size: 18px; color:#333333; line-height: 24px;}
.cityserv dd span{ display: block;font-weight: bold;}
.cityserv  dd a{display: block; font-size: 16px;color:#fff; margin-bottom: 10px; width:195px;height:42px; border-radius: 5px;text-align: center; line-height: 42px;box-shadow: 0 0 2px 2px #fdd8b0; background: -webkit-linear-gradient(left ,#fdd62a, #ff6515); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left ,#fdd62a, #ff6515); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left ,#fdd62a, #ff6515); /* Firefox 3.6 - 15 */
  background: linear-gradient(left ,#fdd62a, #ff6515);}