/*banner*/

/*.fullSlide{ min-width:1200px; position:relative;overflow:hidden;  }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;height:650px;overflow:hidden; text-align:center; }
.fullSlide .bd li img {height: auto;display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;max-width: 100%;}
.fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:40px; position:absolute; z-index:1;overflow:hidden;}
.fullSlide .hd ul{margin-left:500px;}
.fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; width: 62px;height: 5px;background: #fff; text-indent: -999px;}
.fullSlide .hd ul .cur{background: #f68100;}*/

.fullSlide{ min-width:1200px; position:relative;overflow:hidden;  }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd ul{ width:100% !important;}
.fullSlide .bd li{height:650px;overflow:hidden; text-align:center;position: absolute;top: 0;}
.fullSlide .bd li img {height: auto;display: block;max-width: 100%;}
.fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:40px; position:absolute; z-index:1;overflow:hidden;}
.fullSlide .hd ul{margin-left:500px;}
.fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; width: 62px;height: 5px;background: #fff; text-indent: -999px;}
.fullSlide .hd ul .cur{background: #f68100;}


.yin{background:url(../images/yin_t.png) no-repeat center 0;height: 126px;margin-top: -52px;position: relative;z-index: 10;}
.yin ul li{width: 200px;float: left;background:url(../images/yin_line.gif) no-repeat 0 40px;height: 106px;line-height: 106px;overflow: hidden;font-size: 16px;color: #333;}
.yin ul li em{display: block;width: 30px;height: 30px;float: left;line-height: 0;overflow: hidden;margin: 38px 8px 0 40px;}
.yin ul li em img{width: 30px;height: 60px;-webkit-transition:all .5s;transition:all .5s;}
.yin ul li span{display: block;float: left;font-weight: bold;width: 100px;overflow: hidden;}
.yin ul li:hover em img{margin-top: -30px;}
.yin ul li:hover,.shi .shi_ul01 li:hover{color: #f68100;}
.yin ul li:first-child{background: none;}

.search{height: 76px;border-bottom: 1px solid #f2f2f2;}
.search p{float: left;height: 76px;line-height: 76px;font-size: 16px;color: #666;}
.search p a{margin-right:15px;color: #666;font-size: 16px;}
.s_box{float: right;width: 310px;height: 42px;background: #f3f3f3;margin-top: 17px;border-radius: 2px;}
.s_box .input1{float:left;width:250px;padding-left: 20px;height:42px;line-height: 42px;font-size:14px;color:#333;border:0;background: none;outline: 0;}
.s_box .input2{float: left;width:24px;height: 42px;border: 0;background: url(../images/sou.png) no-repeat center;outline: 0;cursor: pointer;}

.shi_bg{background:url(../images/yin_bg.jpg?v=2) no-repeat center 0;height: 430px;padding: 80px 0 0;}
.yin_t{font-size: 40px;color: #333;text-align: center;position: relative;height: 125px;line-height: 42px;}
.yin_t:before{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;left: 33%;}
.yin_t:after{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;right: 33%;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 20px;font-weight: normal;}
.shi .shi_ul01{display: block;height: 140px;}
.shi .shi_ul01 li{font-size: 16px;color: #666;height: 45px;line-height: 45px;overflow: hidden;background:url(../images/yin_ico07.png) no-repeat 20px 18px;width: 350px;float: left;padding: 0 0 0 50px;}

.ibrand-num li{float:left;width:181px;height:133px;position:relative;text-align:center;background:url(../images/iserve_bg.png) no-repeat;padding: 56px 0 20px;font-weight: bold;margin-left: 73px;color: #2a2a36;}
.ibrand-num li:after{content:'';position:absolute;width:100px;height:30px;background:url(../images/iserve_shadow.png);bottom:-30px;left:50%;margin-left:-60px;}
.ibrand-num li:first-child{margin-left:0;}
.ibrand-num li span{font-size: 56px;font-family: "Impact";line-height: 66px;}
.ibrand-num li i{font-size: 16px;color: #f68100;padding-left: 5px;}
.ibrand-num li b{display:block;font-size: 18px; padding:5px 0 0;}
.ibrand-num li.shi_li02{background:url(../images/iserve_bg.png) no-repeat 0 -208px;color: #fff;}
.ibrand-num li.shi_li02 i{color: #fff;}

/*产品*/
.chanp{overflow:hidden;background: #f5f5f5;padding-top:60px;padding-bottom:30px;}
.chanp .menu{overflow:hidden;width:100%;height: 70px;margin-bottom:1px;position:relative;border-radius:3px;background-color: #ffffff;}
.chanp .menu h3{float:left;width:220px;height: 70px;font-weight:normal;font-size:16px;color:#fff;line-height:70px;text-align: center;background-color:#093e5e;}
.chanp .menu h3 a{color:#fff;}
.chanp .menu h3 img{ position:relative; margin-right:10px; top:4px;}
.chanp .menu ul{overflow:hidden;margin-left:15px;float:left;width:880px;margin-top: 24px;font-size: 16px;}
.chanp .menu li{ float:left; padding:0 25px; border-right:1px dotted #999;}
.chanp .menu li:last-child{border-right:none;}
.chanp .menu li a{ color:#666}
.chanp .menu .more{ display:block; float:right; margin-top:22px; margin-right:15px; font-size:14px; color:#999; font-family:Arial}
.chanp .menu li a:hover{ color:#f68101;font-weight: bold;}
.sjx{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #093e5e;position:absolute; left:220px; top:28px;}
.chanp .con{margin-top: 30px;}
.chanp .con dl{float: left;width: 385px;margin-right: 21px;margin-bottom:24px;}
.chanp .con dl:nth-child(3n){margin-right: 0;}
.chanp .con dt{width: 385px;height: 289px;line-height: 0;}
.chanp .con dt img{width: 385px;height: 289px;border:1px solid #eee;box-sizing:border-box;}
.chanp .con dd{height: 74px;background: #fff;padding-left: 17px;padding-top: 20px;position: relative;}
.chanp .con dd b{display: block;font-size: 18px;color: #2C2C2C;font-weight: normal;margin-bottom: 12px;}
.chanp .con dd span{display: block;font-size: 16px;color: #8B8B8B;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 60px;}
.chanp .con dd a.more{position: absolute;width: 52px;height: 55px;display: block;right: 12px;bottom: 18px;background: url(../images/pz_more2.png) no-repeat center;transition: all .2s linear;}
.chanp .con dl:hover{box-shadow:0 3px 27px 2px rgba(0,0,0,0.05), 0 0px 27px rgba(0,0,0,0.05);}
.chanp .con dl:hover dd b a{color: #ca1624;}
.chanp .con dl:hover dd a.more{background: url(../images/pz_more2h.png);bottom: 65px;}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

/*案例*/
.case{padding: 55px 0 60px;}
.case_l{width: 383px;height: 343px;border: #e9e9e9 1px solid;padding: 65px 0 0 5px;}
.case_l ul li,.case_l span{width: 152px;height: 56px;float: left;padding: 0 0 22px 25px;}
.case_l ul li a,.case_l span a{font-size: 18px;color: #333;width: 150px;height: 54px;float: left;line-height: 54px;overflow: hidden;border: #d8d8d8 1px solid;border-radius: 28px 0 0 28px;display: block;}
.case_l ul li a:hover,.case_l span a:hover,.case_l ul li.cur a{background: #dc2821;border: #dc2821 1px solid;color: #fff;}
.case_l ul li em,.case_l span em{display: block; float: left; width: 40px; height: 40px; line-height: 0; overflow: hidden;margin:7px 12px 0 7px; } 
.case_l .case_li02 a,.case_l span a{border-radius: 0 28px 28px 0;padding: 0 0 0 15px;width: 135px;}
.case_l .case_li02 em,.case_l span em{margin:7px 7px 0 0;float: right;}
.case_l ul li em img,.case_l span em img{width: 40px;height: 80px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.case_l ul li a:hover em img,.case_l span a:hover em img,.case_l ul li.cur em img{margin-top: -40px;}
.case_r{width: 810px;height: 456px;}
.case_r dl{width: 810px;height: 456px;position: relative;}
.case_r dl dt{width: 810px;height: 456px;line-height: 0;overflow: hidden;}
.case_r dl dt img{width: 810px;height: 456px;}
.case_r dl dd{width: 570px; height: 95px; position: absolute; bottom: 0; left: 0;background: rgba(0,0,0,0.6);padding:13px 120px 0;} 
.case_r dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.case_r dl dd h5 a{font-size: 16px;color: #fff;}
.case_r .case_desc{font-size: 14px;color: #ccc;height: 44px;line-height: 22px;overflow: hidden;padding: 5px 0 0;}
.case_btn{width: 128px; height: 47px; position: absolute; top: 589px; left: 326px;z-index: 30;} 
.case_btn a{width: 64px;height: 47px;display: block;float: left;}
.case_btn .case_lico{background:url(../images/case_lico01.gif) no-repeat;}
.case_btn .case_lico:hover{background:url(../images/case_lico02.gif) no-repeat;}
.case_btn .case_rico{background:url(../images/case_rico02.gif) no-repeat;}
.case_btn .case_rico:hover{background:url(../images/case_rico02.gif) no-repeat;}

/*合作客户*/
.hz_bg{background: #f8f8f8;padding: 60px 0;}
.hz_t{background:url(../images/hz_line.gif) no-repeat 0 53px;width: 137px;text-align: center;height: 60px;line-height: 50px;overflow: hidden;position: absolute;top: -140px;left: 0;}
.hz_t a{font-size: 22px;color: #737373;}
.hz_t a:hover{color: #dc2821;font-weight: bold;}
.hz ul li{width: 222px;float: left;padding-left: 22px;padding-bottom: 16px;line-height: 0;overflow: hidden;}
.hz ul li img{width: 220px;height: 110px;}
.hz ul li a{border: #dbdbdb 1px solid;width: 220px;height: 110px;display: block;}
.hz ul li a:hover{border: #bbb 1px solid;}
.hz ul li.nobor{padding-left: 0;}

/*品牌坚守*/
.pinz{background:url(../images/pinz_bg.jpg) no-repeat center 0;height: 700px;overflow: hidden;padding: 90px 0 0;}
.pinz .yin_t{color: #fff;height: 127px;}
.pinz .yin_t:before{left: 32%;background: #fff;}
.pinz .yin_t:after{right: 32%;background: #fff;}
.pinz01{width: 360px;height: 480px;position: relative;float: left;margin-right: 60px;overflow: hidden;}
.pinz01 dl{width: 360px;height: 480px;overflow: hidden;text-align: center;}
.pinz01 dl dt{width: 360px;height: 257px;line-height: 0;}
.pinz01 dl dt img{width: 360px;height: 257px;}
.pinz01 dl dd{width: 360px;height: 190px;background: #fff;position: absolute;padding: 42px 0 0;}
.pinz01 dl dd em{display: block;width: 68px;height: 68px;position: absolute;top: -34px;left: 150px;}
.pinz01 dl dd em img,.pin01_m em img{width: 68px;height: 68px;}
.pinz01 dl dd h5,.pin01_m h5{font-size: 18px;color: #333;height: 50px;line-height: 50px;overflow: hidden;background:url(../images/pinz_line01.gif) no-repeat center 49px;}
.pinz01 dl dd p,.pin01_m p{font-size: 14px;color: #666;line-height: 25px;padding: 10px 0 0;height: 75px;overflow: hidden;}
.pinz01 dl dd p i,.pin01_m p i{display: block;}
.pinz01:hover dd{display: none;}
.pinz .nobor{margin-right: 0;}
.pin01_m{width: 360px;height: 0;position: absolute;bottom: 0;left: 0;overflow: hidden;text-align: center;background: rgba(246,129,0,0.9);
         transition:height .5s;
         -moz-transition:height .5s; /* Firefox 4 */
         -webkit-transition:height .5s; /* Safari and Chrome */
         -o-transition:height .5s; /* Opera */}
.pin01_m em{display: block;width: 68px;height: 68px;margin:0 auto;padding: 110px 0 0;}
.pin01_m h5{color: #fff;background:url(../images/pinz_line02.gif) no-repeat center 49px;}
.pin01_m p{color: #fff;}
.pinz01:hover .pin01_m{height: 480px;}

.ban01{background: #dbdbdb;height: 145px;}
.ban01 em{width: 34px;height: 34px;display: block;position: absolute;top: 56px;}
.ban01 em img{width: 34px;height: 34px;}
.ban_ico01{left: 385px;}
.ban_ico02{left: 785px;}
.ban01_l{width: 380px;background: #f68100;height: 105px;padding: 40px 0 0 20px;}
.ban01_l ul li{font-size: 16px;color: #fff;font-weight: bold;background:url(../images/ban_ico01.png) no-repeat 20px 10px;line-height: 36px;width: 140px;float: left;padding: 0 0 0 50px;}
.ban01_c{width: 400px;background: #093e5e;height: 105px;padding: 40px 0 0;font-size: 16px;color: #fff;text-align: center;line-height: 40px;}
.ban01_c b{display: block;font-size: 30px;}
.ban01_r{width: 400px;background: #f68100;height: 130px;padding: 15px 0 0;text-align: center;font-size: 14px;color: #fff;line-height: 22px;}
.ban01_r b{display: block;font-size: 20px;}
.ban01_r span{display: block;width: 100px;margin: 0 auto;padding: 10px 0 0;}
.ban01_r span a{display: block;width: 100px;text-align: center;height: 30px;line-height: 30px;font-size: 14px;color: #333;overflow: hidden;border-radius: 20px;background: #fff;}

.ban02{background:url(../images/ban02.gif) no-repeat center 0;height: 145px;overflow: hidden;}
.ban02_l{width: 525px;padding: 30px 0 0 205px;line-height: 38px;}
.ban02_l b{display: block;font-size: 30px;color: #333;}
.ban02_l p{font-size: 16px;color: #333;padding: 0 0 0 80px;}
.ban02_l i{font-size: 24px;color: #093e5e;font-weight: bold;}
.ban02 .ban01_r{background:none;color: #333;}
.ban02 .ban01_r span a{background: #f68100;color: #fff;}
.ban01_r span a:hover{background: #093e5e;color: #fff;}

/*荣誉证书*/
.ryzs{ height:670px;}
.ryzs dl{ width:800px; height:119px;margin:0 auto; padding-top:55px; margin-bottom:50px;}
.ryzs dl dt{ float:left; width:99px; height:97px; background:#ff8c00; font-size:30px; line-height:34px; color:#fff; text-align:center; padding-top:22px;}
.ryzs dl dt a{ color:#fff;}
.ryzs dl dd{ float:right; width:690px; height:119px;}
.ryzs dl dd h3{ font-size:30px; font-weight:bold; color:#333333; height:44px; line-height:44px; padding-top:20px;}
.ryzs dl dd span{ font-size:18px; color:#666666; height:34px; line-height:34px;}
.ryzs .zsdiv{ width:1200px; overflow:hidden;}
.ryzs ul li{ width:280px; height:377px; margin-right:20px; float:left; text-align:center;}
.ryzs ul li a{width:280px; height:377px;background:url(../images/zs_bg1.jpg) no-repeat center top; display:block;}
.ryzs ul li img{ width:236px; height:325px; margin:0 auto;box-shadow:0 0 10px #d9d9d9;}
.ryzs ul li span{ width:236px; height:40px; line-height:40px; text-align:center; color:#666666; margin:0 auto; display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ryzs ul li a:hover{background:url(../images/zs_bg2.jpg) no-repeat center bottom;}
.ryzs ul li a:hover span{ color:#fff;}
.ryzs ul li.nones{ margin-right:0;}


.tdfc{padding:60px 0;overflow: hidden;}
.tdfc .yin_t{height: 80px;}
.fc_nr{padding-top:16px;overflow: hidden;}
.fc_nr li{float:left;width:281px;overflow: hidden;margin-right:25px;}
.fc_nr li span {display: block;background: #f8f8f8;height: 60px;padding:0 16px;line-height: 60px;font-size:16px;color: #171717;}
.fc_nr li span img {float:right;padding-top:17px;}
.fc_nr li i{display: block;font-size:0;line-height: 0;width:281px;overflow: hidden;}
.fc_nr li i img{width:281px;height: 211px;transition: all 0.5s}
.fc_nr li:hover i img{transform: scale(1.1);}
.fc_nr li:last-child{margin:0;}


/*关于*/
.about{height: 920px;padding-top: 60px;}
.ab {height: 460px;background:url(../images/ab_bg.jpg) no-repeat center bottom;}
.ab dt {float: right;width: 600px;height: 400px;overflow: hidden;margin: 30px 30px 0 0;}
.ab dt img {width: 600px;height: 400px;}
.ab dd {float: left;width: 470px;padding: 56px 0 0 62px;}
.ab dd h2 {line-height: 46px;padding-bottom: 25px;border-bottom: 1px solid #dfdfe0;}  
.ab dd h2 span {display: block;height: 46px;font-family: Arial;font-size: 36px;color: #093e5e;}  
.ab dd h2 em {display: block;height: 46px;font-weight: bold;font-size: 26px;color: #333333;position: relative;font-style: normal;}
.ab dd p {padding-top: 10px;font-size: 15px;line-height: 30px;color: #444444;text-align: justify;}  
.ab span a.xq{margin-right:20px;background: #0d5a8a;}
.ab span a:hover.xq{background: #f68100;}
.ab span a.zx{background: #f68100;}
.ab span a:hover.zx{background: #0d5a8a;}
.ab span a{margin-top: 40px;display: inline-block;width: 130px;text-align: center;height: 30px;line-height: 30px;font-size: 14px;color: #fff;overflow: hidden;border-radius: 20px;}

.xc{height: 259px;position: relative;margin-top: 30px;}
.xc span.z1,.xc span.y1{position: absolute;top: 88px;}
.xc span a{width: 15px;height: 32px;display: block;}
.xc span.z1{left:-30px;}
.xc span.y1{right:-30px;}
.xc ul{height:259px;}
.xc li{width:280px; height:259px;float: left;margin-right: 20px;}
.xc li.nobot{margin-right:0;}
.xc li a{width:280px; height:209px;display: block;}
.xc li img{width:280px; height:209px;}
.xc li span{height: 50px;line-height: 50px;text-align: center;display: block;font-size: 15px;color: #555;}

/*客户评价*/
.comment{padding:60px 0;overflow:hidden;background: #f8f8f8;}
.comment-list .item{margin:10px 30px 10px 0;width:370px;height:412px;background:#fff;transition: all 1s;}
.comment-list .item .pic{width:370px;height:277px;overflow:hidden;}
.comment-list .item .pic img{display:block;width:370px;height:277px;transition: all 1s;}
.comment-list .item .text{padding:26px 30px;overflow:hidden;}
.comment-list .item .text span{display:block;margin-bottom:4px;height:32px;line-height:32px;font-size:18px;overflow:hidden;}
.comment-list .item .text span a{color:#333;}
.comment-list .item .text p{font-size:14px;color:#666;height:48px;line-height:24px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.comment-list .item:hover{box-shadow:0 0 8px #fff;}
.comment-list .item:hover img{transform:scale(1.1);}
.comment-list .item:hover span a{color:#f68100;}

/*新闻资讯*/
.news {background:url(../images/qwjjbg.png);padding-bottom: 40px; padding-top:40px ; overflow:hidden;}
.news .conbox{ background:#fff; padding:30px;overflow: hidden;}
.news .conright {width: 512px;float:left;}
.slideTxtBox02 {text-align: left;}
.slideTxtBox02 .hd {overflow: hidden;position: relative;padding-bottom: 10px;border-bottom: 1px solid #ebebeb;}
.slideTxtBox02 .hd ul {display: block;width: 370px;float: left;}
.slideTxtBox02 .hd ul li {float: left;font-size: 22px;color: #666;margin-right: 15px;}
.slideTxtBox02 .hd ul li b {font-weight: normal;}
.slideTxtBox02 .hd ul li.cur a {color: #1e1e1e;}
.slideTxtBox02 .hd ul li.cur b {font-weight: bold;}
.slideTxtBox02 .hd span {float: right;font-size: 20px;color: #1e1e1e;text-align: right;font-weight: bold; line-height:18px;}
.slideTxtBox02 .hd span em {display: block;font-size: 13px;margin-right: 26px;font-weight: bold;}
.slideTxtBox02 .bd {clear: both;overflow: hidden;}
.slideTxtBox02 .bd dl {margin-top: 40px;padding-left: 220px;color: #fff;position: relative;background: #01458e;height: 169px;margin-bottom: 30px;}
.slideTxtBox02 .bd dl dt {width: 220px;height: 169px;position: absolute;left: 0;top: 0;overflow: hidden;}
.slideTxtBox02 .bd dl dt img {display: block;width: 220px;height: 169px;transition: all 0.5s;}
.slideTxtBox02 .bd dl dd.dd1 {padding-top: 25px;margin-left: 25px;width: 250px;font-size: 16px;margin-bottom: 15px;color: #fff;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.slideTxtBox02 .bd dl dd.dd2 {font-size: 13px;line-height: 20px;margin-left: 25px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 60px;margin-bottom: 10px;width: 260px;color: #fff;}
.slideTxtBox02 .bd dl dd.dd3 {text-align: right;width: 250px;margin-left: 25px;font-style: italic;color: #fff;}
.news .conright ul {}
.slideTxtBox02 .bd li {overflow: hidden;position: relative;font-size: 15px;margin-bottom: 12px;}
.slideTxtBox02 .bd li a {float: left;width: 380px;color: #1e1e1e;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.slideTxtBox02 .bd li span {float: right;font-size: 15px;color: #ccc;}
.slideTxtBox02 .bd li:hover a {color: #d40019;}
.slideTxtBox02 .bd dl:hover dt img {transform: scale(1.1);}
.conleft {width: 512px;border-left: 1px solid #ebebeb;margin-left: 60px;padding: 0 0 0 55px;float:right;}
.conleft .con_top {overflow: hidden;position: relative;padding-bottom: 10px;border-bottom: 1px solid #ebebeb;}
.conleft .con_top a {float: left;font-size: 22px;color: #1e1e1e;margin-right: 15px;}
.conleft .con_top span {float: right;font-size: 20px;color: #1e1e1e;text-align: right;font-weight: bold; line-height:18px;}
.conleft .con_top em {display: block;font-size: 13px;margin-right: 26px;font-weight: bold;}
.txtMarquee-top .bd dl {width: 470px; height:111px;border-bottom: 1px dashed #ebebeb; }
.txtMarquee-top .bd dl a{ display:block;padding:15px 0 15px 0;}
.txtMarquee-top .bd dl dt {height: 24px;line-height: 24px;margin-bottom: 5px;font-size: 15px; font-weight:normal; color:#333;background:url(../images/q.jpg) 0 center no-repeat; padding-left:30px;}
.txtMarquee-top .bd dl dd {font-size: 14px;line-height: 20px; color:#999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;	height: 40px;background:url(../images/a.jpg) 0 center no-repeat; padding-left:30px;}

.contactus{ padding:60px 0;}
.contactus .title .ani-things{left:68px; width:3px;}
.contactus .center{ z-index:3;}
.contactus .center > .ani-things{left:68px; height:0; top:502px;width:4px;}
.contactus .center > .ani-things.show{ height:377px;}
.contactus .center > .ani-things::before{position:absolute; content:''; left:50%; width:40px; height:0; margin-left:-20px;  top:339px; opacity:0; transition:height ease-in-out 0.3s 0.3s;}
.contactus .center > .ani-things.show::before{height:40px; opacity:1;}
.contactus .title{ padding-bottom:57px; position:relative;}
.contactus .title .ani-things{ top:0;}
.contactus .title .ani-things.show{ height:100%; }
.contactus .main{ background-color:#f9f9f9; background-repeat:no-repeat; background-position: right top; height:500px; overflow:hidden; position:relative; z-index:10;}
.contactus .index-from{ margin-left:69px; padding-top:32px; width:480px;}
.contactus .index-from .tips{ width:380px; margin:0 auto;text-align:center; padding-bottom:35px;}
.contactus .index-from .tips h2{ font-weight:normal; font-size:30px; margin:0;}
.contactus .index-from .tips h2::before,
.contactus .index-from .tips h2::after{ display:inline-block; content:''; width:23px; height:18px; vertical-align:middle; background:url(../images/icon_index_l.png) no-repeat;}
.contactus .index-from .tips h2::before{ margin-right:10px;}
.contactus .index-from .tips h2::after{ margin-left:10px; background-image:url(../images/icon_index_r.png);}
.contactus .index-from .tips h2 span{ font-size:24px; margin-right:10px;}
.contactus .index-from .tips aside{ border:1px solid #e9e9e9; border-top:0; padding:19px 14px 22px 104px; min-height:99px; background:url(../images/icon_index_tel.png) no-repeat 18px 19px; display:inline-block;color:#062b8e;}
.contactus .index-from .tips aside img{ margin:10px 0; width:228px; height:31px;}
.contactus .index-from .tips figure{ font-size:24px; border-top:2px solid #062b8e; margin-top:16px; height:15px;}
.contactus .index-from .tips figure span{ background:#f9f9f9; padding:0 10px; position:relative;top:-15px;}
.contactus .index-from .row-2{ width:110%;}
.contactus .index-from .row-2 li{ float:left; width:185px; margin-right:19px;}
.contactus .index-from li{float: left; position:relative; padding-left:30px; background-repeat:no-repeat; background-position:left 6px; margin-bottom:10px;}
.contactus .index-from .li_name{ background-image:url(../images/index_icon_1.png);}
.contactus .index-from .li_tel{ background-image:url(../images/index_icon_2.png);}
.contactus .index-from .li_area{ background-image:url(../images/index_icon_3.png);}
.contactus .index-from .li_txt{ background-image:url(../images/index_icon_4.png);}
.contactus .index-from li label{ position:absolute; left:30px; padding-left:10px; line-height:37px; color:#999;}
.contactus .index-from li .text{ width:345px; border:1px solid #f0f0f0; padding:0 10px; background:#fff; line-height:35px; height:37px;}
.contactus .index-from li .form_err{ position:absolute; line-height:20px; margin-top:-10px; right:-10px; top:50%; color:#062b8e;}
.contactus .index-from li textarea.text{ height:90px; line-height:30px;    width: 345px;}
.contactus .index-from li select{color:#999;width:80px;  display:block !important;padding:0 0 0 10px;border:1px solid #f0f0f0; background-color:#fff; height:37px;}
.contactus .index-from ol{ padding-top:8px;}
.contactus .index-from ol .btn{margin-left: 30px;float: left;border:none; background:url(../images/index-more.png) no-repeat; width:128px; height:30px; color:#fff; cursor:pointer; padding:0 20px 0 0; font-size:16px; line-height:30px;}
.contactus .index-from ol .btn:hover{color:#fff; background-image:url(../images/index-more-hover.jpg);}
@-webkit-keyframes shake{
    from,to{-webkit-transform:translate3d(0, 0, 0);}
    20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
    40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
    from,to{transform:translate3d(0, 0, 0);}
    20%,60%{transform:translate3d(-10px, 0, 0);}
    40%,80%{transform:translate3d(10px, 0, 0);}
}