/*

overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

-webkit-transition:all .5s;transition:all .5s;

transition: all 1s;

outline: 1px dashed #fff;outline-offset: -5px;

transform:rotate(360deg);

text-transform: Uppercase;

*/


/* 公用标题 */
.h_title{width:1200px;height:auto;margin:0 auto;text-align:center;}

.h_title p{width:1200px;font-size:22px;line-height:15px;color:#083e8d;letter-spacing:7px;text-transform:Uppercase;}

.h_title h3{width:1200px;height:41px;position:relative;margin-top:15px;}

.h_title h3::before{content:'';width:1200px;height:1px;background:#cecece;position:absolute;top:20px;left:0;}

.h_title h3 span{display:block;width:200px;height:41px;line-height:41px;margin:0 auto;background:#083e8d;position:relative;z-index:0;font-size:30px;color:#fff;}

.h_title h3 a{display:block;color:#fff;}







/* 产品中心 */
.box_01{width:100%;padding:70px 0;height:auto;background:#f5f5f5;overflow:hidden;}

.box_01 .center{width:1200px;height:610px;margin:40px auto 0 auto;overflow:hidden;}

.box_01 .center .left{width:250px;height:610px;position:relative;float:left;background:url(../images/left_back.jpg);position:relative;}

.box_01 .center .left .bt{width:250px;height:100px;}

.box_01 .center .left .bt h4{width:155px;padding-left:95px;font-size:26px;color:#fff;line-height:100px;background:url(../images/pro_icon.png) 50px center no-repeat;}

.box_01 .center .left .list{width:250px;height:340px;padding-top:10px;overflow: auto;overflow-x: hidden;}

.box_01 .center .left .list::-webkit-scrollbar-track {background-color: #ccc;border-radius: 0;}

.box_01 .center .left .list::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #d2d2d2;}

.box_01 .center .left .list li{width:210px;height:40px;line-height:40px;position:relative;z-index:0;border-bottom:dashed 1px #bfbfbf;margin:0 auto;}

.box_01 .center .left .list li::before{content:'';width:0px;height:40px;background:#083e8d;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .list li:hover::before{content:'';width:210px;height:40px;background:#083e8d;position:absolute;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .list li a{display:block;width:170px;padding:0 40px 0 0;font-size:15px;color:#666;background:url(../images/pro_jt_01.png) 197px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .list li:hover a{width:160px;padding:0 40px 0 10px;color:#fff;background:url(../images/pro_jt_02.png) 187px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .tel{width:250px;height:auto;margin-top:40px;}

.box_01 .center .left .tel p{font-size:22px;line-height:26px;padding-left:60px;color:#fff;position:relative;}

.box_01 .center .left .tel p::before{content:'';width:26px;height:26px;background:url(../images/tel02.png);position:absolute;top:0;left:23px;animation: msClock 1.2s linear infinite;}

@keyframes msClock {
	0%,70%,100% {transform: rotate(0) scale(1);}
	
	10%,30% {transform: rotate(-15deg) scale(1.1);}
	
	20%,40% {transform: rotate(15deg) scale(1.1);}
}
.box_01 .center .left .tel a{display:block;width:50px;height:40px;padding:5px 0;border:solid 7px #749bd6;border-radius:50%;text-align:center;font-size:15px;color:#666;line-height:20px;background:#fff;margin:13px 0 0 30px;}

.pro-center{width:930px;height:610px;overflow:hidden;float:right;}

.pro-center .hd{width:930px;height:40px;overflow:hidden;}

.pro-center .hd ul{width:320px;height:40px;line-height:40px;overflow:hidden;font-size:15px;float:left;}

.pro-center .hd ul li{width:148px;height:38px;float:left;line-height:38px;border:solid 1px #e6e6e6;cursor:pointer;color:#666;text-align:center;background:#fff;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li.on{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li:last-child{float:right;}

.pro-center .hd ul li::before{content:'';width:148px;height:0px;background:#083e8d;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li.on::before{content:'';width:148px;height:38px;background:#083e8d;position:absolute;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd .ss{width:258px;height:38px;border:solid 1px #e6e6e6;background:#fff;overflow:hidden;float:right;}

.pro-center .hd .ss .input{width:190px;height:38px;line-height:38px;color:#959595;display:block;background:rgba(0,0,0,0);padding-left:20px;float:left;font-size:14px;box-sizing:content-box;}

.pro-center .hd .ss .button{width:45px;height:36px;display:inline-block;background:url(../images/search.png) left center no-repeat #fff;cursor:pointer;border:none;float:right;}

.pro-center .bd{width:930px;height:570px;}

.pro-center .bd .main{width:930px;height:570px;overflow:hidden;}

.pro-center .bd .main li{width:296px;height:265px;float:left;margin:20px 21px 0 0;}

.pro-center .bd .main li:nth-of-type(3n){margin-right:0;}

.pro-center .bd .main li a{display:block;}

.pro-center .bd .main li .img{width:296px;height:220px;overflow:hidden;position:relative;}

.pro-center .bd .main li .img img{width:296px;height:220px;vertical-align:top;transition: all 1s;}

.pro-center .bd .main li .txt{width:296px;height:45px;position:relative;z-index:0;background:#fff;}

.pro-center .bd .main li .txt::before{content:'';width:296px;height:1px;background:#d5d5d5;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover .txt::before{content:'';width:296px;height:45px;background:#083e8d;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li .name{width:210px;height:45px;line-height:45px;padding:0 66px 0 20px;font-size:14px;color:#666;background:url(../images/yan01.png) 255px center no-repeat;position:relative;z-index:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover .name{color:#fff;background:url(../images/yan02.png) 255px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}






/* 横栏广告 */
.box_02{width:100%;height:340px;background:url(../images/ad_back.jpg) center top no-repeat;overflow:hidden;}

.box_02 .center{width:1200px;height:340px;margin:0 auto;color:#083e8d;position:relative;}

.box_02 .center p:nth-of-type(1){line-height:36px;font-size:34px;font-weight:bold;margin-top:75px;}

.box_02 .center p:nth-of-type(2){font-size:26px;line-height:26px;font-weight:lighter;margin-top:30px;}

.box_02 .center p:nth-of-type(3){font-size:14px;line-height:12px;text-transform: Uppercase;margin-top:15px;}

.box_02 .center .txt{width:490px;height:auto;position:absolute;top:50px;right:0;font-style:italic;}

.box_02 .center .tel{width:440px;height:46px;line-height:46px;margin-top:30px;}

.box_02 .center .tel span{display:block;width:235px;padding-left:75px;font-size:22px;color:#083e8d; background:#fff;float:left;position:relative;}

.box_02 .center .tel span::before{content:'';width:26px;height:26px;background:url(../images/tel03.png);position:absolute;top:10px;left:40px;animation: msClock 1.2s linear infinite;}

.box_02 .center .tel a{display:block;width:130px;height:46px;line-height:46px;font-size:15px;color:#fff;text-align:center;background:#083e8d;float:right}






/* 企业优势 */
.box_03{width:1200px;height:auto;margin:70px auto;overflow:hidden;}

.box_03 .ys{width:1200px;height:460px;margin-top:55px;background:url(../images/ys_img.png) center top no-repeat;}

.box_03 .ys ul{width:1200px;height:460px;overflow:hidden;}

.box_03 .ys ul li:nth-of-type(2n-1){width:365px;height:auto;float:left;margin-right:400px;}

.box_03 .ys ul li:nth-of-type(2n-1) h4{padding-left:30px;font-size:24px;line-height:26px;color:#333;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys ul li:nth-of-type(2n-1):hover h4{padding-left:40px;color:#083e8d;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys ul li:nth-of-type(2n-1) h4::before{content:'';width:12px;height:12px;background:#083e8d;position:absolute;top:7px;left:0;border-radius:6px;}

.box_03 .ys ul li:nth-of-type(2n-1) p{font-size:14px;color:#888;padding-left:30px;line-height:26px;margin-top:22px;}

.box_03 .ys ul li:nth-of-type(1),.box_03 .ys ul li:nth-of-type(2){padding-bottom:50px;border-bottom:dashed 1px #c4c4c4;margin-bottom:60px;}

.box_03 .ys ul li:nth-of-type(2n){width:365px;height:auto;float:right;text-align:right;}

.box_03 .ys ul li:nth-of-type(2n) h4{padding-right:30px;font-size:24px;line-height:26px;color:#333;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys ul li:nth-of-type(2n):hover h4{padding-right:40px;color:#083e8d;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys ul li:nth-of-type(2n) h4::before{content:'';width:12px;height:12px;background:#083e8d;position:absolute;top:7px;right:0;border-radius:6px;}

.box_03 .ys ul li:nth-of-type(2n) p{font-size:14px;color:#888;padding-left:30px;line-height:26px;margin-top:22px;}







/* 案例中心 */
.box_04{width:100%;padding:70px 0;background:#f5f5f5;overflow:hidden;}

.box_04 .center{width:1200px;height:460px;overflow:hidden;margin:40px auto 0 auto;}

.box_04 .picScroll-left{width:790px;position:relative;height:460px;overflow:hidden;float:left;}

.box_04 .picScroll-left .tempWrap{ overflow:inherit !important;}

.box_04 .picScroll-left .bd{width:790px;height:460px;}

.box_04 .picScroll-left .bd ul{width:790px;height:460px;zoom:1; overflow:inherit !important;}

.box_04 .picScroll-left .bd ul li{width:790px;height:460px;position:relative;overflow:hidden;}

.box_04 .picScroll-left .bd ul li a{display:block;}

.box_04 .picScroll-left .bd ul li .img{width:790px;height:460px;overflow:hidden;}

.box_04 .picScroll-left .bd ul li .img img{width:790px;height:460px;vertical-align:top;transition: all 1s;}

.box_04 .picScroll-left .bd ul li:hover .img img{transform: scale(1.05);}

.box_04 .picScroll-left .bd ul li .txt{width:600px;padding:30px 150px 0 40px;height:70px;position:absolute;left:0;bottom:0;background:url(../images/txt_back.png);}

.box_04 .picScroll-left .bd ul li .txt .mz{display:block;width:600px;font-size:18px;line-height:70px;color:#fff;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .picScroll-left .bd ul li:hover .mz{margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .picScroll-left .hd ul{overflow:hidden; zoom:1;position:absolute;right:20px;bottom:30px;}

.box_04 .picScroll-left .hd ul li{ float:left;width:8px;height:8px;overflow:hidden;margin-right:8px;border-radius:5px;text-indent:-999px;cursor:pointer;background:#878f9b;}

.box_04 .picScroll-left .hd ul li.on{background:#fff;}

.box_04 .center .right{width:380px;height:460px;float:right;overflow:hidden;}

.box_04 .center .right .img{width:380px;height:285px;}

.box_04 .center .right .img img{width:380px;height:285px;vertical-align:top;}

.box_04 .center .right .txt{width:340px;height:150px;padding:25px 20px 0 20px;background:#fff;}

.box_04 .center .right .txt .name{display:block;font-size:16px;line-height:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .right .txt:hover .name{color:#083e8d;margin-left:10px;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .right .txt p{font-size:14px;line-height:25px;height:50px;color:#888;overflow:hidden;margin-top:15px;}

.box_04 .center .right .txt span{display:block;width:55px;height:24px;background:url(../images/more.png);margin-top:25px;}

.box_04 .list{width:1200px;margin:30px auto 50px auto;overflow:hidden;}

.box_04 .list li{width:380px;height:400px;margin-right:30px;background:#fff;float:left;position:relative;z-index:0;}

.box_04 .list li:nth-of-type(3n){margin-right:0;}

.box_04 .list li a{display:block;}

.box_04 .list li .img{width:380px;height:285px;overflow:hidden;position:relative;-webkit-transition: all .5s;transition: all .5s;}

.box_04 .list li .img .pic{width:380px;height:285px;overflow:hidden}

.box_04 .list li .img .pic img{width:380px;height:285px;vertical-align:top;transition: all 1s;}

.box_04 .list li:hover .img .pic img{transform: scale(1.1);}

.box_04 .list li .hide{width:380px;height:285px;background:url(../images/jia.png) center center no-repeat rgba(0,0,0,0.4);position:absolute;top:0;left:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform .4s, opacity .4s;-moz-transition: transform .4s, opacity .4s;-o-transition: transform .4s, opacity .4s;-ms-transition: transform .4s, opacity .4s;transition: transform .4s, opacity .4s;}

.box_04 .list li:hover .hide{-webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1;}

.box_04 .list li .txt{width:340px;height:90px;padding:25px 20px 0 20px;overflow:hidden;background:fff;position:relative;z-index:0;}

.box_04 .list li .name{height:36px;line-height:16px;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;}

.box_04 .list li .name::before{content:'';width:340px;height:1px;background:#e1e1e1;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .list li .name::after{content:'';width:0px;height:2px;background:#083e8d;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .list li:hover .name::after{content:'';width:340px;height:2px;background:#083e8d;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .list li:hover .name{color:#083e8d;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .list li p{line-height:24px;font-size:14px;color:#888;margin-top:14px;background:url(../images/more.png) center right no-repeat;}

.box_04 .gd{width:150px;height:40px;margin:0 auto;text-align:center;background:url(../images/m_bk.png);}

.box_04 .gd a{display:block;height:40px;line-height:40px;font-size:16px;color:#fff;}







/* 关于我们 */
.box_05{width:100%;height:770px;background:#fff;border-top:solid 4px #083e8d;overflow:hidden;}

.box_05 .center{width:1200px;height:700px;margin:0 auto;}

.box_05 .center .img{width:600px;height:700px;float:left;position:relative;}

.box_05 .center .img img{display:block;width:960px;height:700px;vertical-align:top;position:absolute;top:0;right:0;}

.box_05 .center .img::after{content:'';width:960px;height:200px;background:rgba(8,62,141,0.8);position:absolute;bottom:0;right:0;}

.box_05 .center .img .wz{width:600px;height:200px;position:absolute;left:0;bottom:0;z-index:5;}

.box_05 .center .img .wz p:nth-of-type(1){width:165px;height:44px;background:url(../images/ab_zm.png);margin-top:45px;}

.box_05 .center .img .wz p:nth-of-type(2){width:230px;height:55px;border-bottom:solid 1px #fff;margin-top:10px;font-size:18px;color:#fff;font-weight:bold;line-height:20px;}

.box_05 .center .img .wz a{display:block;width:145px;font-size:15px;line-height:12px;color:#fff;text-transform: Uppercase; background:url(../images/ab_jt.png) right center no-repeat;position:absolute;right:40px;bottom:40px;}

.box_05 .center .txt{width:530px;height:700px;float:right;position:relative;}

.box_05 .center .txt h4{font-size:18px;line-height:20px;color:#666;margin-top:120px;}

.box_05 .center .txt h5{font-size:26px;line-height:28px;color:#093f8d;font-weight:bold;margin-top:20px;}

.box_05 .center .txt p{font-size:14px;color:#666;line-height:25px;max-height:200px;overflow:hidden;margin-top:70px;text-indent:2em;}

.box_05 .center .txt .list{width:530px;height:140px;background:url(../images/list_back.jpg);position:absolute;left:0;bottom:0;}

.box_05 .center .txt .list a{display:block;width:176px;height:140px;float:left;border-right:solid 1px #6f95ce;}

.box_05 .center .txt .list a:last-child{border-right:none;}

.box_05 .center .txt .list a i{display:block;width:47px;height:47px;margin:27px auto 20px auto;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .center .txt .list a:hover i{margin:20px auto 34px auto;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .center .txt .list a:nth-of-type(1) i{background:url(../images/ab_icon_01.png) center center no-repeat;}

.box_05 .center .txt .list a:nth-of-type(2) i{background:url(../images/ab_icon_02.png) center center no-repeat;}

.box_05 .center .txt .list a:nth-of-type(3) i{background:url(../images/ab_icon_03.png) center center no-repeat;}

.box_05 .center .txt .list a span{display:block;font-size:15px;line-height:16px;text-align:center;color:#fff;}





/* 新闻资讯 */
.box_06{width:100%;height:652px;padding-top:70px;background:url(../images/news_back.jpg) center top no-repeat;overflow:hidden;}

.box_06 .center{width:1200px;height:auto;margin:40px auto 0 auto;overflow:hidden;}

.box_06 .center .left{width:580px;height:470px;float:left;overflow:hidden;background:rgba(255,255,255,0.9);}

.box_06 .center .right{width:580px;height:470px;float:right;overflow:hidden;background:rgba(255,255,255,0.9);}

.box_06 .center .left .bt{width:540px;padding:0 20px;line-height:49px;border-bottom:solid 1px #d5d5d5;position:relative;overflow:hidden;margin-bottom:20px;}

.box_06 .center .left .bt h4{font-size:18px;font-weight:bold;color:#666;float:left;text-align:center;}

.box_06 .center .left .bt a{display:block;font-size:14px;color:#888;float:right;text-transform: Uppercase;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .left .bt a:hover{margin-right:10px;color:#083e8d;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .left .top{width:540px;padding:0 20px;height:150px;padding-bottom:29px;border-bottom:solid 1px #d5d5d5;position:relative;overflow:hidden;}

.box_06 .center .left .top .img{width:220px;height:150px;float:left;}

.box_06 .center .left .top .img img{width:220px;height:150px;vertical-align:top;}

.box_06 .center .left .top .txt{width:290px;height:150px;float:right;}

.box_06 .center .left .top .txt .name{display:block;font-size:16px;color:#333;line-height:18px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .left .top:hover .txt .name{margin-left:10px;color:#083e8d;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .left .top .txt p{font-size:14px;color:#666;line-height:25px;height:50px;margin-top:20px;overflow:hidden;}

.box_06 .center .left .top .txt span{display:block;font-size:14px;color:#999;line-height:12px;margin-top:15px;}

.box_06 .center .left .list{width:540px;height:160px;padding:20px;margin-top:7px;overflow:hidden;}

.box_06 .center .left .list li{width:540px;height:40px;line-height:40px;overflow:hidden;}

.box_06 .center .left .list li a{display:block;width:400px;height:40px;padding-left:20px;font-size:14px;color:#666;float:left;background:url(../images/dian.png) 0 center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .left .list li:hover a{padding-left:30px;color:#083e8d;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .left .list li span{display:block;width:auto;height:40px;font-size:14px;color:#999;float:right;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .center .left .list li:hover span{color:#083e8d;-webkit-transition:all .5s;transition:all .5s;}






/* 在线留言 */





/* 在线留言 */
.box_07{width:100%;height:auto;padding:70px 0;background:#f5f5f5;overflow:hidden;}

.box_07 .bt{width:1200px;height:auto;margin:0 auto;}

.box_07 .bt p{font-size:30px;color:#083e8d;line-height:24px;font-weight:bold;text-transform: Uppercase;}

.box_07 .bt h4{font-size:22px;color:#666;line-height:22px;margin-top:13px;}

.box_07 .center{width:1200px;height:340px;margin:40px auto 0 auto;background:#fff;position:relative;}

.box_07 .center .img{width:250px;height:340px;float:left;background:url(../images/lxwm.jpg);text-align:left;position:relative;}

.box_07 .center .img img{display:block;width:198px;height:70px;position:absolute;top:135px;left:26px;}

.box_07 .center .ly{width:890px;height:340px;box-sizing:content-box;float:right;position:relative;}

.box_07 .center .ly .top{width:460px;height:50px;position:relative;margin-top:45px;background:url(../images/ly_icon.png) bottom left no-repeat;}

.box_07 .center .ly .top p{font-size:22px;line-height:24px;font-weight:bold;color:#083e8d;position:absolute;right:15px;top:0;}

.box_07 .center .ly .ii{display:block;width:325px;height:445px;position:absolute;bottom:0;right:5px;}

.box_07 .center .ly .form{width:460px;height:150px;margin-top:35px;position:relative;}

.box_07 .center .ly .form p{width:220px;height:36px;overflow:hidden;background:#f5f5f5;}

.box_07 .center .ly .form input{display:block;width:190px;height:36px;line-height:36px;color:#333;font-size:14px;padding-left:30px;box-sizing:content-box;}

.box_07 .center .ly .form p:nth-of-type(1){position:absolute;left:0;top:0;}

.box_07 .center .ly .form p:nth-of-type(2){position:absolute;right:0;top:0;}

.box_07 .center .ly .form p:nth-of-type(3){width:460px;height:36px;position:absolute;left:0;top:56px;}

.box_07 .center .ly .form p:nth-of-type(1) input{background:url(../images/name.png) 10px center no-repeat rgba(0,0,0,0);}

.box_07 .center .ly .form p:nth-of-type(2) input{background:url(../images/phone.png) 10px center no-repeat rgba(0,0,0,0);}

.box_07 .center .ly .form textarea{width:430px;height:36px;line-height:36px;color:#fff;font-size:14px;padding-left:30px;box-sizing:content-box;background:url(../images/liuyan.png) 10px center no-repeat rgba(0,0,0,0);}

.box_07 .center .ly .form p:nth-of-type(4){width:220px;height:36px;position:absolute;bottom:0;left:0;z-index:2;overflow:hidden;}

.box_07 .center .ly .form p:nth-of-type(4) input{display:block;width:100px;height:36px;line-height:36px;color:#333;font-size:14px;padding-left:20px;float:left;background:rgba(0,0,0,0);}

.box_07 .center .ly .form p:nth-of-type(4) img{display:block;float:right;width:100px;height:36px;cursor:pointer;float:right;}

.box_07 .center .ly .form .tj{width:220px;height:36px;border:none;position:absolute;bottom:0;right:0;background:#083e8d;overflow:hidden;z-index:0;}

.box_07 .center .ly .form .tj .btn{display: block;width:220px;height:36px;line-height:36px;text-align:center;font-size:14px;color:#fff;border:none;background:none;cursor:pointer;}

.box_07 .center .ly .form .tj::before{content:'';width:220px;height:0px;background:#333;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_07 .center .ly .form .tj:hover::before{content:'';width:220px;height:36px;background:#333;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}









/* 提交按钮的线条边框特效 */
.bz-buttonAnimat {
    position: relative
}
/*
.bz-buttonAnimat .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
*/
.bz-buttonAnimat::before,
.bz-buttonAnimat::after,
.bz-buttonAnimat .inner::before,
.bz-buttonAnimat .inner::after {
    background-color: #083e8d;
}

.bz-buttonAnimat02::before,
.bz-buttonAnimat02::after,
.bz-buttonAnimat02 .inner::before,
.bz-buttonAnimat02 .inner::after {
    background-color: #083e8d;
}


.bz-buttonAnimat:before,
.bz-buttonAnimat:after,
.bz-buttonAnimat .inner:before,
.bz-buttonAnimat .inner:after {
    position: absolute;
    content: "";
    display: block;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:before,
.bz-buttonAnimat.both:after {
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:before,
.bz-buttonAnimat.both .inner:after {
    top: 0;
    width: 2px;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.both .inner:before {
    left: 0
}

.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:after {
    right: 0
}

.bz-buttonAnimat.horizontal .inner:hover:before,
.bz-buttonAnimat.horizontal .inner:hover:after,
.bz-buttonAnimat.both .inner:hover:before,
.bz-buttonAnimat.both .inner:hover:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.both:before {
    top: 0
}

.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:after {
    bottom: 0
}

.bz-buttonAnimat.horizontal:hover:before,
.bz-buttonAnimat.horizontal:hover:after,
.bz-buttonAnimat.both:hover:before,
.bz-buttonAnimat.both:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.bz-buttonAnimat.horizontal:hover .inner:before,
.bz-buttonAnimat.horizontal:hover .inner:after,
.bz-buttonAnimat.both:hover .inner:before,
.bz-buttonAnimat.both:hover .inner:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.bz-buttonAnimat.horizontal.clockwise .inner:before,
.bz-buttonAnimat.both.clockwise .inner:before {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise .inner:after,
.bz-buttonAnimat.both.clockwise .inner:after {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:before,
.bz-buttonAnimat.both.clockwise:before {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.bz-buttonAnimat.horizontal.clockwise:after,
.bz-buttonAnimat.both.clockwise:after {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:before,
.bz-buttonAnimat.both.clockwise:hover .inner:before {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:after,
.bz-buttonAnimat.both.clockwise:hover .inner:after {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise:hover:before,
.bz-buttonAnimat.both.clockwise:hover:before {
    -webkit-transform-origin: left center;
    transform-origin: left center
}
