@charset "utf-8";
body{font-family:"Microsoft Yahei";}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}

.til01{height:133px;display: block;font-size:46px;line-height:64px;color: #c30000;text-align: center;font-weight: normal;background:url(../images/tilbg1.png) no-repeat center 23px;}
.til01 span{display: block;font-size:18px;line-height:38px;color: #666;}
.til01 b{color: #263695;}
.til01 a{display: block;color: #333;}
/**/
.fullSlide{position:relative;height:580px;overflow:hidden;z-index:2;width:100%;}
.fullSlide .bd{position:relative;z-index:0;}
.fullSlide .bd ul{width:100%!important;}
.fullSlide .bd li{width:100%!important;height:580px;overflow:hidden;text-align:center;position: relative;}
.fullSlide .bd li a{display:block;height:580px;}
.fullSlide .bd li img {position: absolute;left:50%;margin-left:-960px;top:0;}
.fullSlide .hd{position:absolute;bottom:32px;z-index:99;left:41%;width:200px;}
.fullSlide .hd li{width:60px;height:5px;float:left;margin-right:5px;background:rgba(255,255,255,0.95);}
.fullSlide .hd li.on {background:#ff0000;}
.fullSlide .prev{position: absolute;left:50%;top:50%;margin-left:-600px;}
.fullSlide .next{position: absolute;left:50%;top:50%;margin-left:577px;}
/**/
.seabox{height:60px;font-family: "Microsoft Yahei";position: relative; overflow: hidden; padding-top: 30px;}
.keyword{width:660px;color: #666666;font-size: 14px;}
.keyword b{ line-height:31px; display: inline-block;}
.keyword a{padding: 0 6px;color:#535353; font-size: 14px;display: inline-block;}
.keyword a:last-child{ background: none;}
.keyword a:hover{color: #c70707;text-decoration: underline;}
.sea_inp{width:421px;height:31px;overflow: hidden;line-height:31px;position: relative; background:url(../images/s_s.png) no-repeat;}
.sea_inp .serach{width:362px;height:31px;border:0;line-height:31px;color:#959595;padding:0 20px;float:left;outline: none;box-sizing: border-box; border:none; background: none; font-size: 14px;}
.sea_inp .sub{ width:59px; height:31px;float:right;cursor: pointer;display: block;border: 0; position: relative; z-index: 5; background: none; font-size: 0;}
/**/
.let{ overflow: hidden; height: 483px; margin-bottom: 100px;background:url(../images/let.jpg) no-repeat center 0; color: #fff; box-sizing: border-box; padding-top: 68px;}
.let h3{ float: left; width: 346px; height: 245px;background:url(../images/l_l.jpg) no-repeat; color: #672622; font-size: 36px;font-weight: normal; line-height: 100%; text-align: center;}
.let h3 span{ display: block;font-weight: bold; padding: 75px 0 23px 0;}
.let p{ float: right;background:url(../images/l_r.jpg) no-repeat; width: 854px; height: 224px; margin-top: 21px; padding: 0 100px 0 80px; box-sizing: border-box;}
.let p i{ display: block; color: #313131; font-size: 24px; line-height: 100%; padding-top: 58px; text-align: left;}
.let p span{ display: block; color: #4f5454; font-size: 16px; line-height: 28px; padding-top:11px;}
.let p em{ display: block; text-align: right; padding-top:10px;}
    /**/
.jij{ overflow: hidden; height: 160px; margin-top:80px;}
h2{ text-align: center; line-height: 100%; height: 121px;font-weight: normal; color: #4f5454; font-size: 18px;}
h2 i{ display: block; font-size: 40px; line-height: 100%; padding-bottom: 12px;}
h2 strong{font-weight: bold;}
/* -- 产品服务 -- */
.cpfw{height:700px;background: url(../images/qt_bg.jpg) no-repeat center bottom;}

.cpfw1{ position: relative; margin-top:28px;width: 1200px;height: 450px;}

.cpfw1 ul li em{position: relative;width:287px;height:347px;display: block;}

.cpfw1 ul li{float: left;width:287px;height:347px;margin-right:17px; position: relative;background: #ffffff;border:1px solid #dcdcdc;box-sizing: border-box;}
.cpfw1 ul li i{width:285px; height:285px; display: block;position: relative;border-bottom: 1px solid #dcdcdc;overflow: hidden;}
.cpfw1 ul li i img{width:285px; height:285px; display: block;    transition: all 0.5s;}
.cpfw1 h4{font-size:18px;color: #333333;display: block;line-height:60px;font-weight: normal;text-align: center;height: 60px;}
.cpfw1 ul li:last-child{margin-right: 0;}


.cpfw1 ul li:before, .cpfw1 ul li:after,.cpfw1 ul li>em:before, .cpfw1 ul li>em:after{ -o-transition: all .5s ease; transition: all .5s ease; position: absolute; content: ""; background: #b91226; z-index: 3 }
.cpfw1 ul li:before {width: 0;top:0px;left: 0px;height: 3px; }
.cpfw1 ul li:after {width: 3px;top: 0px;left: -1px;height: 0;}
.cpfw1 ul li>em:before{width: 0px;bottom: 0px;right: 0px;height: 3px; }
.cpfw1 ul li>em:after{width: 3px;bottom: 0px;right: 0px;height: 0; }
.cpfw1 ul li:hover:before { width: 287px }
.cpfw1 ul li:hover:after { height:347px }
.cpfw1 ul li:hover>em:before { width: 287px }
.cpfw1 ul li:hover>em:after { height:347px }
.cpfw1 ul li:hover i img{transform:scale(1.1);}

.cpfw1 .gds{height:52px;line-height:52px;width:155px;background: #b91226;display: block;text-align: left;padding-left:49px;border-radius: 50px;margin:51px auto 0;font-size:18px;color: #fff;position: relative;}
.cpfw1 .gds:after{height:12px;width:27px;display: block;position: absolute;content: "";background: url(../images/jt1.png) no-repeat;top:19px;right:40px;}
.cpfw1 .gds:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}


/* -- 招商 -- */
    /**/
.xi{ overflow: hidden; background:url(../images/cpbj.jpg) no-repeat center bottom; color: #fff; box-sizing: border-box; padding-top: 48px;}
.xic{ overflow: hidden; height: 895px; margin-top:80px;}
.xc_on{ height: 474px; background: #eff2f1;}
.xc_on dl{ overflow: hidden; padding: 26px 0 0 23px; height:474px;}
.xc_on dl dt{ float: left; overflow: hidden; width: 761px; height: 448px;}
.xc_on dl dd{ float: right; width: 310px; padding: 56px 50px 0 0;}
.xc_on dl dd h3{ height: 65px; border-bottom: 1px solid #cbcccc; font-weight: normal; line-height: 100%; color: #263695; font-size: 30px; font-weight:bold;}
.xc_on dl dd p{ color: #4f5454; font-size: 16px; line-height: 28px; padding-top: 20px; padding-bottom: 7px;}
.xc_on dl dd p span{ display: block; padding-bottom: 20px;}
.xc_on dl dd h4{font-weight: bold; font-family: Arial; font-size: 100px; color: #e0e7e5; line-height: 100%; position: relative;}
.xc_on dl dd h4 em{ display: block; position: absolute; top: 34px; left: 0; color: #1631a3; font-size: 16px;font-weight: normal; line-height: 100%; min-height:15px;}
.xc_on dl dd h4 em i{ display: block; padding-left: 20px;background:url(../images/xic_tel.png) no-repeat; line-height: 100%; margin-bottom:5px;}
.xc_on dl dd h4 span{ font-family: Arial; color: #c70707; font-weight: bold; font-size: 32px; line-height: 100%;line-height: 100%;}
.xc_li{ height: 110px;background:url(../images/lic.png) no-repeat 0 bottom #eff2f1;}
.xc_li li{ width: 20%; float: left; box-sizing: border-box; text-align: center; font-size: 20px; color: #fff; font-weight: bold; height: 110px; padding-top: 26px; line-height: 84px;}
.xc_li li.on{background:url(../images/xic_cur.png) no-repeat center 0 #c70707;}
/*产品展示*/

.tab3{width: 1200px; margin-top:20px;}
.tab3 .title{border-bottom: 1px solid #d8d8d8; width: 100%; height: 32px; line-height: 32px; background: url(../tab3_ico.gif) left center no-repeat;}
.tab3 .title .l{font-size: 14px; padding-left: 30px;}
.tab3 .title .l a, .tab3 .title .l a:visited{color: #1c6397; font-weight: bold;}
.tab3 .title .r a, .tab3 .title .r a:visited{display: block; width: 16px; border-radius: 16px; height: 16px; background: #fff; border: 1px solid #1d6ca4; margin-top:8px; text-align: center; line-height: 16px;}
.tab3 .title .r a:hover{background: #0042ae; color: #fff;}
.sec2_ul{width: 1200px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1200px;}
.sec2_ul li{float: left; width: 280px; border:1px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
/*产品展示*/

    /**/
.dib{background:url(../images/bgh.jpg) no-repeat center 0; height: 681px; }
.dib h2{ color: #fff; padding-top: 76px;}
.dib ul{ width: 1244px; margin-left: -22px; border: 1px solid #a8a8a9; background: rgba(0,0,0,0.5); padding-top: 8px; height: 270px; margin-bottom: 28px; overflow: hidden;}
.dib ul li{ float: left; height: 250px; border-right: 1px solid #272728; text-align: center; width: 310px;}
.dib ul li:last-of-type{ border-right: none;}
.dib ul li i{ display: block; font-size: 18px; color: #fff; padding-top: 16px;}
.dib ul li img{ display: inline-block; padding-top: 13px;}
.dib h3{font-weight: normal; color: #fff; font-size: 16px; text-align: center;}
.dib h3 span{ display: block;font-weight: bold; font-family: Arial; font-size: 32px; line-height: 100%; padding: 7px 0 17px 0;}
.dib h3 a{ display: inline-block; width: 141px; height: 40px; line-height: 40px; color: #fff; font-size: 15px; background: #1631a3;}
.dib h3 a img{ display: inline-block; vertical-align: middle; padding-left: 8px;}
    /**/
.case{background:url(../images/cases.jpg) no-repeat center top; height:800px; overflow-x: hidden;}
.case .content{position: relative;  padding-top:85px;}
.c_u{ position: absolute; left:-39px;width:15px;  top: 405px;}
.c_d{ position: absolute; right:-59px; width: 15px;top: 405px;}
.case .tempWrap{width:1233px !important;}
.case ul li{ float: left; width: 549px; padding-top: 32px; margin: 0 10px; margin-right:102px;}
.case ul li b{ display: block; padding: 6px; background: #fff; box-shadow: 0 5px 10px #878686; text-align: center; overflow: hidden;}
.case ul li b img{width:537px; height:297px;}
.case ul li i{ display: block; line-height: 100%; color: #fff; font-size:30px; padding-top: 30px; padding-bottom:6px;}
.case ul li i span{ display: block; color: #fff; font-size: 24px; padding-top: 13px; text-align: center;}
.case ul li em{ display: block; color: #fff; font-size: 14px; line-height: 24px;}
.case ul li em span{ display: block; margin-top:33px; width: 61px; height: 29px; text-align: center; background: #672622;}
.case ul li em span img{ display: inline-block; padding-top: 6px;}
.case ul li:hover i{ color: #672622;}
.case ul li:hover{ }
    /**/
.shilu{ overflow: hidden; height:685px; position: relative; z-index: 55;background:url(../images/shilu.jpg) no-repeat center;}
.sli_o{ position: relative;}
.sli_o img{ display: inline-block; position: absolute; right: -360px; transition: all 0.3s linear 0s;}
.sli_o img:hover{transform: scale(1.01);}
.sli_o1{ overflow: hidden;}
.sli_o h4{font-weight: normal; font-size: 28px; color: #fff; padding-top:122px; padding-bottom: 12px;}
.sli_o h4 span{ display: block; line-height: 100%; color: #fff; font-size:67px; padding-bottom: 21px;font-weight: bold;}
.sli_o h4 strong{ display: block; font-size: 29px;font-weight: bold;}
.sli_o p{ display: block; font-size: 16px; color: #fff;margin-top:17px; width:510px; line-height: 26px;}
.sl_iin{ overflow: hidden; position: absolute; left: 0; top:520px; background: #fff;background:url(../images/sl_li.png) no-repeat; height: 168px; width: 1200px;}
.sl_iin ul li{ float: left; width: 25%; color: #333;  font-size: 19px; box-sizing: border-box;line-height: 155px; text-align: left; padding-left: 10.5%;}
.sl_iin ul li.on{background:url(../images/sl_li2.png) no-repeat 0 0; height: 155px; font-weight: normal; color: #fff; }
.sl_iin ul li:nth-child(2).on{background:url(../images/sl_li2.png) no-repeat -300px 0;}
.sl_iin ul li:nth-child(3).on{background:url(../images/sl_li2.png) no-repeat -600px 0;}
.sl_iin ul li:nth-child(4).on{background:url(../images/sl_li2.png) no-repeat right 0;}
    /**/
.news{height:655px; margin-top:80px;}
.dongt{float:left;width:550px;}
.dongt .tit{height:39px;line-height: 39px;font-size:20px;border-bottom:1px solid #e5e5e5; overflow: hidden;}
.dongt .tit a {color: #313131}
.dongt .tit img {vertical-align: middle;padding-left:8px;}
.tit span{ display: inline-block; float: right; padding-top: 2px;}
.tit span a{ color: #7d7d7d; font-size: 14px;}
.dongt dl{height: 140px;overflow: hidden;padding-top:30px;}
.dongt dt{font-size:0;line-height: 0;float:left;overflow: hidden;width:249px;}
.dongt dt img {width:249px;height: 140px;transition: all 1s}
.dongt dl:hover dt img {transform: scale(1.1);}
.dongt dd {float:right;width:278px;}
.dongt dd h4 a {display: block;height: 26px;font-size:16px;color: #1b1b1b;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dongt dd h4 a:hover{ text-decoration: underline;}
.dongt dd p {font-size:14px;color: #7d7d7d;line-height: 25px;height: 90px}
.dongt dd em{ color: #1631a3; font-size: 14px; padding-left: 23px;background: url(../images/dt_i11.png) no-repeat;}
.dongt ul{height: 170px;border:1px solid #dcdcdc;padding:20px 40px 0 30px;margin-top:17px;box-sizing: border-box;}
.dongt li {padding-left:14px;height: 30px;line-height: 30px;background: url(../images/n_lid.jpg) no-repeat left center;font-size:16px;color: #434343}
.dongt li a{font-size:15px;color: #7d7d7d;}
.dongt li span {float:right; font-family: Arial;}
.dongt li:hover{background:url(../images/n_lic.png) no-repeat left center;}
.dongt li:hover a{color: #1631a3;}

.went{float:right;width:549px;}
.went .tit{height:39px;line-height: 39px;font-size:20px;border-bottom:1px solid #e5e5e5; overflow: hidden;}
.went .tit a {color: #313131}
.went .tit img {vertical-align: middle;padding-left:8px;}
.went dl{height: 90px;overflow: hidden;padding-top:29px;}
.went dt {float:left;font-size:0;line-height: 0;width:160px;overflow: hidden;}
.went dt img {width:160px;height: 90px;transition: all 1s}
.went dl:hover dt img {transform: scale(1.1);}
.went dd {float:right;width:366px;}
.went dd h4 a{display: block;height:18px;line-height:18px;font-size:16px;color: #1b1b1b;font-weight: normal;}
.went dd h4 a:hover{text-decoration: underline;}
.went dd p {font-size:14px;color: #7d7d7d;line-height: 22px;padding-top:3px; padding-bottom: 6px;}
.went dd em{ color: #1631a3; font-size: 14px; padding-left: 23px;background: url(../images/dt_i11.png) no-repeat;}
/**/
.about{ background:url(../images/abo.jpg) no-repeat center 0; height:850px; overflow: hidden;  box-sizing: border-box;}
.about h2{ height: 103px;}
.about h3{ padding-top: 339px; text-align: center; height: 172px; position: relative;}
.about h3 span{ display: inline-block; position: absolute; left: 0; top:361px;}
.about p{ color: #2f2f2f; font-size: 16px; line-height: 30px; text-align: center;}
.about p span{ display: block;}
.about p i{ display: block; padding-bottom:31px;}
.about a{ display: inline-block; width: 141px; height: 40px; line-height: 40px; color: #fff; font-size: 15px; background: #c70707;}
.about a img{ display: inline-block; vertical-align: middle; padding-left: 8px;}
/**/
.jij ul li{ overflow: hidden;}
.jij ul li img{transition: all 0.3s linear 0s;}
.jij ul li img:hover{transform: scale(1.05);}
.jij ul li em i strong img{transition: all 0.3s linear 0s;}
.jij ul li:hover em i strong img{animation-duration:0.7s;animation-name: fadeInLeft;}
.dib ul li{transition: all 0.3s linear 0s;}
.dib ul li:hover{transform: translateY(-10px);}
.dib h3 a img,.case ul li em span,.about a img{transition: all 0.3s linear 0s;}
.dib h3 a:hover img,.case ul li em span:hover img,.about a:hover img{animation-duration:0.7s;animation-name: fadeInLeft;}
.case ul li b img{transition: all 0.3s linear 0s;}
.case ul li b img:hover{transform: scale(1.05);}
.dongt .tit a:hover,.went .tit a:hover{    color: #138f5b;}
.dongt dd h4 a:hover,.went dd h4 a:hover{   color: #138f5b;}

.links{ overflow: hidden; color: #fff; height: 53px; line-height: 53px; border-top: 1px solid #343434; width: 1200px; margin:-51px auto 0;z-index: 555;
    position: relative;}
.links h3{ float: left; font-size: 14px; color: #fff;}
.links p{ float: left;}
.links p a{ color: #fff; display: inline-block; padding-left: 11px;}