.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

/*banner*/
.fullSlide{min-width:1200px;position:relative;height:650px;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{ position:absolute; top:0; left:50%; margin-left:-960px;}
.fullSlide .hd{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:35px;overflow:hidden;}
.fullSlide .hd ul{margin-left:500px;}
.fullSlide .hd ul li{float:left;margin:0 5px;display:inline;cursor:pointer;}
.fullSlide .hd ul li{width:65px;height:5px;background:#293170;}
.fullSlide .hd ul .cur{background:#e99504;}

/*search*/
.s_bg{height: 60px;overflow: hidden;box-shadow: 0 5px 5px #f2f2f2;}
.search{ width:1200px; margin:0 auto;}
.search p{ float:left;font-size: 14px; color:#888; width:925px; height:60px; line-height:60px; overflow:hidden;}
.search p a{font-size: 14px; color:#888; padding:0 10px 0 0;}
.search p a:hover{color: #333;}
.search .ser_inp{ background:url(../images/s_inp.gif) no-repeat; width:210px; height:34px; border:none; padding:0 0 0 13px; float:left; font-family:"Microsoft YaHei";font-size: 14px; color:#666; line-height:34px; outline:none;margin-top: 13px;}
.search .ser_so{cursor: pointer; float:left; background:url(../images/search.jpg) no-repeat; border:none; width:46px; height:34px;margin-top: 13px;}

.tit01{ text-align: center; padding-bottom: 48px;}
.tit01 strong{ font-size: 32px; color: #333; display: block; padding-bottom: 25px;font-weight: bold;}
.tit01 span{ display: inline-block; border-bottom: 1px solid #eee;border-top: 1px solid #eee; color: #666666; font-size: 16px;font-weight: normal; height: 39px; line-height: 39px;letter-spacing: 2px;}

/*hz*/
.hz{ overflow: hidden; padding-top: 70px; height: 350px;}
.hz ul{ overflow: hidden; padding-bottom: 63px;}
.hz ul li{ float: left; width: 225px; text-align: center; color: #333; font-size: 14px; margin-right:18px;}
.hz ul li:last-child{ margin-right: 0;}
.hz ul li img{ width: 223px; height:110px; border: 1px solid #eee; border-radius: 2px;}
.hz ul li span{ display: block; padding-top: 20px;}
.hz ul li.cur img{border: 1px solid #f39800;}
.hz ul li:hover img{animation-duration: 1.25s;animation-name: flipOutY;}

/*cp*/
.product{overflow: hidden;background:url(../images/dz.gif) repeat;padding-bottom:70px;}
.product .tit01 span{ border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.pro{padding-top:70px;}
.pro .pronav{height:50px; margin-bottom: 46px;}
.pro .pronav ul{height:50px; background:#293170;}
.pro .pronav ul li{float:left; width:300px; height:50px;line-height: 50px;position: relative;}
.pro .pronav ul li em{display: block;}
.pro .pronav ul li em a{display: block;font-size: 18px;width:216px;background:url(../images/dbx.png) no-repeat right; color:#FFF;padding-left:30px; }
.pro .pronav ul li:before{width:1px; height:50px; background:#FFF; content:""; opacity: 0.5; position: absolute;right:0;}
.pro .pronav ul li .proxl{width:300px;height:0; overflow: hidden; background:#FFF; border:1px solid #eeeeee; border-top:0; position: absolute;top:50px;left:0; transition: all 0.3s linear;z-index: 300;}
.pro .pronav ul li .proxl p{padding-left:30px; padding-top:20px;}
.pro .pronav ul li .proxl p a{display: block; font-size: 14px; line-height: 14px; color:#666666;padding-left:9px;background:url(../images/yd.png) no-repeat left; margin-bottom: 15px;}
.pro .pronav ul li:hover em a{background:url(../images/dbx_h.png) no-repeat right;}
.pro .pronav ul li:hover .proxl{min-height: 100px;height: auto;}
.pro .pronav ul li .proxl p a:hover{background:url(../images/yd_h.png) no-repeat left;color:#da251c; }

.pro .m_pro{ float: left;width: 650px; }
.pro .m_pro li{ width: 300px; float: left; margin-right: 20px; margin-bottom: 22px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;box-shadow: 0 0 5px #e9e9e9; }
.pro .m_pro li a{ text-decoration: none; }
.pro .m_pro li img{width: 300px; height: 300px; display: block;}
.pro .m_pro li span{ display: block; height: 57px; line-height: 57px; text-align: center; font-size: 18px; color: #333333; background: #d9d9d9;overflow: hidden;}
.pro .m_pro li:nth-child(2n){margin-right: 0;}
.pro .m_pro li:hover{ box-shadow: 0 0 5px #0061ae;  }
.pro .m_pro li:hover span{ color: #0061ae; }

.cp{position: relative;float: right;width: 540px;}
.cp dl{width: 540px; }
.cp dt{width: 540px;height: 540px;overflow: hidden;}
.cp dt img{width: 540px;height: 540px;display: block;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.cp dd{padding-top: 10px; height: 42px; line-height: 42px;}
.cp dd h3{font-size: 24px; color: #333333; height: 55px; line-height: 55px; overflow: hidden;  font-weight: bold; white-space: nowrap;}
.cp dd h3 a{color: #333333;}
.cp dd p{font-size: 14px; color: #444444; line-height: 24px; height: 48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 28px;}
.cp dd .xq{padding-left: 72px; display: block; width: 171px; height: 46px; line-height: 46px; font-size: 14px; color: #ffffff; font-weight: normal;  background: url(../images/xq_btn.png) no-repeat; box-sizing: border-box; float: left;}
.cp dd .zx{ padding-left: 72px;display: block; width: 161px; height: 46px; line-height: 46px;  font-size: 14px; color: #666666; font-weight: normal; background: url(../images/zx_btn.png) no-repeat;box-sizing: border-box; float: left; margin-left: 20px;}
.cp dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


.chara{font-family:"Microsoft Yahei";overflow: hidden;padding:82px 0 0;position: relative;z-index: 1;background:url(../images/charabg.jpg?v=1) no-repeat center 0;height: 706px;font-size: 16px;line-height: 25px;color: #fff;}
.chara .tit01 strong,.chara .tit01 span{color:#fff;}
.chara .tit01 span{border-top: 1px solid #616060;border-bottom: 1px solid #616060;}
.chara_pic{left: 365px;top:8px;border-radius: 466px;overflow: hidden;}
.chara_pic,.chara_pic img{width: 466px;height: 466px;display: block;}
.chara_l{padding: 60px 0 0;}
.chara_l dl{width: 366px;float: left;height: 238px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.chara_l dt{width:90px;float: left;padding: 35px 0 0;}
.chara_l dd{width:252px;float: right;}
.chara_l dd h3{font-size: 26px;line-height: 55px;height: 55px;}
.chara_l dd p{opacity: 0.6;}
.chara_l dl.chara_l1{margin-right: 467px;text-align: right;}
.chara_l dl.chara_l1 dt{float: right;}
.chara_l dl.chara_l1 dd{float: left;}
.chara_l dl:hover{margin-top: -10px;}

/*gg*/
.tt1{ background:url(../images/tt.jpg?v=3) no-repeat center 0; height:242px; overflow: hidden;}
.tt1 p{ text-align: center; padding-top: 78px; color: #f39800; font-size: 30px; font-weight: bold; line-height:normal;}
.tt1 p strong{ font-size: 45px; padding-left:12px; line-height: 108%;}.tt1 p em{ height: 64px; display: block;}
.tt1 p i{ display: block; font-size: 20px; font-family: Arial; color: #fff; font-weight: normal; line-height: 40px; padding-left:645px; text-align: left;letter-spacing: 1.5px;}

/*ys*/
.yss{background:url(../images/ys.jpg?v=1) no-repeat center 0; height:890px; overflow: hidden; margin-bottom: -23px;}
.yss .tit01{ padding-top: 83px; height: 83px; padding-bottom: 0;}
.yss dl{ overflow: hidden; height: 630px;}
.yss dl dt{ font-size: 0; float: right; width: 634px; height: 414px; border: 3px solid #fff; border-radius: 3px; overflow: hidden;}
.yss dl dt img{width: 634px; height: 414px;}
.yss dl dd{ float: left; width:395px; padding-left: 70px;}
.yss dl dd h4{ color: #333333; font-size: 24px; padding-top: 78px; letter-spacing: 1px; padding-bottom: 63px;}
.yss dl dd p{ color: #666; font-size: 14px; line-height: 24px;}
.yss dl dd p span{ display: block; padding-bottom: 28px;}
.yss h3{ color: #333; font-size: 24px; letter-spacing: 1px; padding-left: 468px;}

.yss2{background:url(../images/ys2.jpg?v=1) no-repeat center bottom; height:1195px; overflow: hidden; position: relative;z-index: 5;}
.yss21{ height: 697px;}
.yss21 ul{ overflow: hidden;}
.yss21 ul li{width: 285px; float: left; position: relative; margin-right: 20px; text-align: center; color: #333333; font-size: 24px; overflow: hidden; height: 550px;}
.yss21 ul li.nom{ margin-right: 0;}
.yss21 ul li img{ width: 285px; height: 380px; display: block; padding-bottom: 38px;}
.yss21 ul li em{ display: block;background:url(../images/y_ico.jpg) no-repeat center 85px; height: 135px;}.yss21 ul li strong{ display: none;}
.yss21 ul li em span{ display: block; color: #f39800; font-size:32px; font-family: Impact;font-weight: normal; padding-bottom: 10px;}
.yss21 ul li.cur em{ position: absolute; left: 0; top: 200px; height: 350px; width: 100%;background:url(../images/y_iio1.jpg) no-repeat center 270px #29316f; }
.yss21 ul li.cur span{color:#fff; padding-top: 38px;}
.yss21 ul li.cur i{ color: #fff; font-weight: normal;}
.yss21 ul li.cur strong{ font-weight: normal; color: #abadc0; line-height: 24px; font-size: 14px; padding: 0 36px; display: block; padding-top: 27px;}
.yss22{ overflow: hidden;}
.yss22 h4{ color: #333333; font-size: 24px; padding: 51px 0 0 454px; height: 72px; overflow: hidden;}
.yss22 ul{ overflow: hidden;}
.yss22 ul li{ background: #fff; text-align: center; width: 224px; border-bottom: 2px solid #e8e8e8; height: 300px; float: left; margin-right: 20px;}
.yss22 ul li:hover{-webkit-transform:translate(0,-10px);transform:translate(0,10px);}
.yss22 ul li.nom{ margin-right: 0;}
.yss22 ul li span{ display: block; text-align: center; padding-top: 44px;}
.yss22 ul li strong{ display: block; color: #333333; font-size: 18px; font-weight: bold; padding: 20px 0 12px 0;}
.yss22 ul li i{ display: block; font-size: 14px; color: #666; line-height: 24px; padding: 0 20px;}

/*anli*/
.anli{background:url(../images/dz.gif) repeat; height:700px;padding-top: 60px;}
.anli .tit01 span{ border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.anli .content{ position: relative;}
.a_u{position: absolute; left: -70px; top: 345px; z-index: 55; cursor: pointer;}
.a_d{position: absolute; right: -70px; top: 345px; z-index: 55; cursor: pointer;}
.anli ul li{ float: left; width: 385px; margin-right: 22px; background: #fff; height: 461px; box-shadow: 0 0 15px #cfcfcf; position: relative; margin-bottom: 15px;transition: all 0.3s linear 0s;}
.anli ul li i{ display: block; position: absolute; left: 0; top: 0; width: 100%;padding-top: 250px; color: #1a1a1a; font-size: 24px; padding-left: 30px; box-sizing: border-box;}
.anli ul li span{ display: block; padding:73px 27px 0; color: #595959; font-size: 14px; line-height: 25px; height: 130px;background:url(../images/a_btn.jpg) no-repeat 27px bottom;}
.anli ul li:hover{transform: translateY(-4px);}
.anli ul li img{width: 385px;}
.anli ul li i{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 100%;}
.a_on{ overflow: hidden; }

/*xw*/
.xinw{ height:805px; overflow: hidden;background:url(../images/dz.gif) repeat;padding-top: 60px;}
.xinw .tit01 span{ border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.x_l{ width: 710px;}
.x_l h3{ height: 132px; border-bottom: 1px dashed #d1d1d1;font-weight: normal;}
.x_l h3 strong{ display: block; overflow: hidden;}
.x_l h3 strong span{ display: inline-block; padding: 6px 0 0 20px; height: 35px; line-height: 35px; width: 74px;background:url(../images/n_h.jpg) no-repeat;font-weight: normal; color: #d23c01; font-size: 24px; line-height:32px; float: left;}
.x_l h3 strong i{ display: inline-block; float: left; padding-left: 15px; line-height: 35px; font-weight: normal; padding-top: 6px; width: 590px;}
.x_l h3 strong i a{ font-size: 22px; color: #333;}
.x_l h3 strong i a:hover{ color: #1260ab;}
.x_l h3 em{ display:block; font-size: 14px; color: #666; line-height: 26px; padding-top:13px;}
.x_l h3 em a{ color: #1260ab;}
.x_l dl{ overflow: hidden; border-bottom: 1px dashed #d1d1d1; padding: 20px 0;}
.x_l dl dt{ float: left; width: 212px; overflow: hidden;}
.x_l dl dd{ float: right; width: 468px;}
.x_l dl dd h4{ padding-top: 13px; overflow: hidden;}
.x_l dl dd h4 a{ display: block; font-size: 18px; color: #333;}
.x_l dl dd h4 a:hover{ color: #1260ab;}
.x_l dl dd p{ font-size: 14px; color: #666; line-height: 26px; padding-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.x_l ul{ padding-top: 23px;}
.x_l ul li{ line-height: 100%; overflow: hidden; margin-bottom: 20px; padding-left: 20px;background:url(../images/n_ico.jpg) no-repeat 0 5px;}
.x_l ul li span{ display: inline-block; float: right; font-size: 14px; color:#999;}
.x_l ul li a{ display: inline-block; overflow: hidden; float: left; color: #1a1a1a; font-size: 16px;}
.x_l ul li a:hover{ color: #1260ab;}

.x_r{ width: 420px; height: 572px;background:url(../images/n_mm.jpg) no-repeat; box-sizing: border-box; padding: 31px 27px 0;}
.x_r h3{font-weight: normal; padding-bottom: 20px;}
.x_r h3 i a{ color: #135fab; font-size: 26px;}
.x_r h3 span{ font-family:Arial; font-size: 18px; color: #999999; padding-left: 8px;}
.x_r dl{border-bottom: 1px dashed #ccc; margin-bottom: 25px;padding-bottom: 10px;}
.x_r dl dd h4{ padding-left: 18px; margin-top: 15px;background:url(../images/n_ico.jpg) no-repeat 0 7px; height: 22px; line-height: 22px; overflow: hidden; margin-bottom:5px;}
.x_r dl dd h4 a{ color: #4c4c4c; font-size: 16px;}
.x_r dl dd h4 a:hover{ color: #135fab;}
.x_r dl dd p{ font-size: 14px; color: #666; line-height: 26px; padding-left: 18px;}
.x_r ul li{ overflow: hidden; padding-bottom: 30px;}
.x_r ul li a{ display: block;padding-left: 18px; background:url(../images/n_ico.jpg) no-repeat 0 7px; height: 22px; line-height: 22px; overflow: hidden; margin-bottom:5px; color: #4c4c4c; font-size: 16px;font-weight: bold;}
.x_r ul li span{ display: block; padding-left: 18px; font-size: 14px; color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.x_r ul li a:hover{ color: #135fab;}
.x_l dl dt img {width: 212px;max-height: 119px;}
.x_r dl dt img {width: 366px;max-height: 205px;}

/*abo*/
.abo{overflow: hidden;padding: 70px 0; height: 1280px;}
.abo .tit01 span{ border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.abo p{position: relative; height: 664px; overflow: hidden; text-align: center;}
.abo p em{ display: block; position: absolute; bottom: 30px; left: 103px;background:url(../images/a_io.png) no-repeat; width: 991px; height: 120px; font-size: 14px; color: #fff; line-height: 25px; box-sizing: border-box; padding: 12px 57px 0;}
.abo p em i{font-weight: bold;}
.abo h3{ height: 57px; line-height:100%;background:url(../images/a_lin2.png) no-repeat 0 34px;}
.abo h3 i{font-weight: normal;}
.abo h3 i a{ font-size: 24px; color: #555555;font-weight: bold;}
.abo h3 span{ display: inline-block; float: right;padding-top: 13px;}
.abo h3 span a{ font-weight: normal; color: #979797; font-size: 14px; }
.abo h3 span a:hover{ color: #1260ab;}
.abo .content{ position: relative;height: auto;}
.a_uui{ position: absolute; left:-47px; bottom: 192px; z-index: 5; cursor: pointer;}
.a_ddi{ position: absolute; right:-47px; bottom: 192px; z-index: 5; cursor: pointer;}
.abo ul li{ float: left; width: 277px; margin-right: 30px;}
.abo ul li img{width: 277px;}
