/*



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:350px;height:63px;margin:0 auto;text-align:center;position:relative;}



.h_title::after{content:'';width:28px;height:2px;background:#339be4; position:absolute;bottom:0;left:50%;margin-left:-14px;}



.h_title h3{font-size:24px;line-height:24px;color:#545454;}



.h_title p{font-size:14px;line-height:12px;color:#a7a7a7;margin-top:12px;text-transform: Uppercase;}







/* 第一个板块 */

.box_01{width:1200px;height:80px;margin:0 auto;overflow:hidden;}



.box_01 .left{width:399px;height:80px;border-right:solid 1px #ebebeb;float:left;text-align:center;}



.box_01 .left p:nth-of-type(1){font-size:20px;font-weight:bold;line-height:20px;color:#339be4;margin-top:19px;}



.box_01 .left p:nth-of-type(2){font-size:14px;line-height:14px;color:#858585;margin-top:12px;}



.box_01 .mid{width:310px;height:40px;padding:20px 44px 20px 45px;border-right:solid 1px #ebebeb;float:left;}



.box_01 .mid .input{width:250px;height:40px;line-height:40px;color:#858585;display:inline-block;background:#ebebeb;padding-left:10px;float:left;font-size:14px;}



.box_01 .mid .button{width:50px;height:40px;line-height:40px;display:inline-block;background:url(../images/search.png) #339be4;cursor:pointer;border:none;float:right;}



.box_01 .right{width:366px;padding-left:34px;height:80px;float:right;text-align:left;overflow:hidden;}



.box_01 .right a{display:inline-block;font-size:14px;color:#858585;padding:0 10px 0 52px;line-height:80px;float:left;}



.box_01 .right a:nth-of-type(1){background:url(../images/t_icon_01.png) left center no-repeat;}



.box_01 .right a:nth-of-type(2){background:url(../images/t_icon_02.png) left center no-repeat; display: none;}



.box_01 .right a:nth-of-type(3){background:url(../images/t_icon_03.png) left center no-repeat;position:relative;}



.box_01 .right a:nth-of-type(3)::after{content:'';width:1px;height:12px; background:#858585;position:absolute;top:34px;right:0px;}



.box_01 .right a:nth-of-type(4){padding:0 0 0 10px;}









/* 横栏广告 */

.box_02{width:100%;height:820px;padding-top:61px;background:url(../images/fa_back.jpg) center top no-repeat;}



.box_02 .center{width:1200px;height:670px;margin:28px auto 0 auto;overflow:hidden;}



.box_02 .center .left{width:270px;height:620px;padding:50px 13px 0 12px;position:relative;float:left;background:#fff;}



.box_02 .center .left .bx01{width:270px;margin:0 auto 10px auto;}



.box_02 .center .left .bx01 h4{font-size:18px;font-weight:bold;line-height:18px;color:#339be4;padding-bottom:12px;position:relative;background:url(../images/jia.png) right top no-repeat;}



.box_02 .center .left .bx01 h4::after{content:'';width:270px;height:1px;background:#e9e9e9;position:absolute;bottom:0;left:0;}



.box_02 .center .left .bx01  ul{padding-top:22px;overflow:hidden;}



.box_02 .center .left .bx01  ul li{width:105px;float:left;height:14px;margin-bottom:36px;padding-left:30px;position:relative;}



.box_02 .center .left .bx01  ul li::after{content:'';width:13px;height:2px;background:#a7a7a7;position:absolute;top:6px;left:2px;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .left .bx01  ul li:hover::after{left:10px;background:#339be4;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .left .bx01  ul li a{display:block;width:100px;font-size:14px;line-height:14px;color:#858585;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .left .bx01  ul li:hover a{color:#339be4;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .left .bx02{width:270px;height:340px;overflow:auto;overflow-x:hidden;}



.box_02 .center .left .bx02 h4{font-size:18px;font-weight:bold;line-height:18px;color:#339be4;padding-bottom:12px;position:relative;background:url(../images/jia.png) right top no-repeat;}



.box_02 .center .left .bx02 h4::after{content:'';width:270px;height:1px;background:#e9e9e9;position:absolute;bottom:0;left:0;}



.box_02 .center .left .bx02  ul{padding-top:22px;}



.box_02 .center .left .bx02  ul li{width:240px;height:14px;margin-bottom:33px;padding-left:30px;position:relative;}



.box_02 .center .left .bx02  ul li:last-child{margin-bottom:0;}



.box_02 .center .left .bx02  ul li::after{content:'';width:13px;height:2px;background:#a7a7a7;position:absolute;top:6px;left:2px;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .left .bx02  ul li:hover::after{left:10px;background:#339be4;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .left .bx02  ul li a{display:block;width:230px;font-size:14px;line-height:14px;color:#858585;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .left .bx02  ul li:hover a{color:#339be4;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .left .tel{width:270px;height:70px;position:absolute;left:0;bottom:5px;}



.box_02 .center .left .tel p:nth-of-type(1){width:220px;font-size:14px;color:#545454;height:21px;line-height:21px;padding-left:50px;background:url(../images/tel02.png) 17px center no-repeat;margin-bottom:14px;}

.box_02 .center .left .tel p:nth-of-type(2){width:220px;font-size:14px;color:#545454;height:21px;line-height:21px;padding-left:50px;background:url(../images/tel03.png) 17px center no-repeat; letter-spacing:0.5px;}



.box_02 .center .right{width:870px;height:670px;overflow:hidden;float:right;}



.box_02 .center .right li{width:270px;height:320px;margin:0 30px 29px 0;float:left;}



.box_02 .center .right li:nth-of-type(3n){margin-right:0;}



.box_02 .center .right li:nth-of-type(4),

.box_02 .center .right li:nth-of-type(5),

.box_02 .center .right li:nth-of-type(6){margin-bottom:0;}



.box_02 .center .right li a{display:block;overflow:hidden;}



.box_02 .center .right li .img{width:270px;height:230px;}



.box_02 .center .right li img{width:270px;height:230px;transition: all 1s;vertical-align:top;}



.box_02 .center .right li:hover img{transform: scale(1.2);}



.box_02 .center .right li .txt{width:270px;height:90px;background:#fff;-webkit-transition:all .5s;transition:all .5s;position:relative;}



.box_02 .center .right li .txt .name{width:130px;font-size:16px;color:#545454;line-height:16px;text-align:center;padding:20px 10px 9px 10px;margin:0 auto 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .right li .txt .name::before{content:'';width:290px;height:1px;background:#d1d1d1;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .right li .txt .name::after{content:'';width:0px;height:1px; background:#fff;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .right li:hover .txt .name::after{content:'';width:290px;height:1px; background:#fff;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .right li .txt p{width:150px;font-size:14px;color:#858585;margin:12px auto 0 auto;line-height:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .right li:hover .txt{background:#339be4;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .right li:hover .txt .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .right li:hover .txt p{color:#fff;-webkit-transition:all .5s;transition:all .5s;}







/* 企业优势 */

.box_03{width:1200px;margin:60px auto 0 auto;}



.box_03 .center{width:1200px;height:560px;margin:37px auto 0 auto; background:url(../images/ys_back.jpg) left top no-repeat #f4f4f4;position:relative;}



.box_03 .center ul{width:607px;position:absolute;top:47px;right:31px;}



.box_03 .center ul li{width:607px;height:77px;overflow:hidden;margin-bottom:20px;}



.box_03 .center ul li .icon{width:77px;height:77px;line-height:77px;text-align:center;font-size:20px;color:#fff;background:url(../images/ys_icon.png);float:left;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



.box_03 .center ul li:hover .icon{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}



.box_03 .center ul li .txt{width:510px;height:77px;float:right;}



.box_03 .center ul li .txt h4{font-size:20px;color:#339be4;line-height:20px;margin:11px 0;}



.box_03 .center ul li .txt h4 span{font-size:14px;color:#858585;margin-left:15px;}



.box_03 .center ul li .txt p{font-size:14px;color:#858585;height:25px;line-height:14px;position:relative;}



.box_03 .center ul li .txt p::before{content:'';width:510px;height:1px;background:#d1d1d1;position:absolute;bottom:0;left:0;z-index:2;-webkit-transition:all .5s;transition:all .5s;}



.box_03 .center ul li .txt p::after{content:'';width:0px;height:1px; background:#339be4;position:absolute;bottom:0;left:0;z-index:2;-webkit-transition:all .5s;transition:all .5s;}



.box_03 .center ul li:hover .txt p::after{content:'';width:510px;height:1px; background:#339be4;position:absolute;bottom:0;left:0;z-index:2;-webkit-transition:all .5s;transition:all .5s;}









/* 横栏广告 */

.box_04{width:100%;height:300px; background:url(../images/ad_back.jpg) center top no-repeat;margin-top:50px;}



.box_04 .center{width:1200px;height:300px;margin:0 auto;position:relative;}



.box_04 .center .txt{width:555px;height:170px;padding:35px 0 0 50px;color:#339be4;background:rgba(255,255,255,0.7);position:absolute;top:45px;right:0;}



.box_04 .center .txt p:nth-of-type(1){font-size:24px;line-height:24px;font-weight:bold;margin-bottom:18px;}



.box_04 .center .txt p:nth-of-type(2){font-size:18px;line-height:18px;margin-bottom:13px;padding-bottom:14px;position:relative;}



.box_04 .center .txt p:nth-of-type(2)::after{content:'';width:555px;height:1px;background:#339be4;position:absolute;bottom:0;left:0;}



.box_04 .center .txt .tel{width:555px;height:40px;overflow:hidden;}



.box_04 .center .txt .tel span{display:block;font-size:18px;line-height:40px;float:left;}



.box_04 .center .txt .tel .tj{width:150px;height:30px;padding:5px;background:#339be4;float:right;margin-right:13px;}



.box_04 .center .txt .tel .tj .click{display:block;width:150px;height:30px;line-height:30px;font-size:14px;color:#fff;text-align:center;background:#339be4;}









/* 案例 */

.box_05{width:1200px;margin:50px auto 0 auto;}



.case{width:1200px;height:430px;margin:47px auto 0 auto;}



.case .succ{width:1200px;height:430px;position:relative;overflow:hidden;}



.case .succ .show{width:1100px;margin:0 auto;overflow:hidden;}



.case .succ .show .tempWrap{width:1100px;margin:0 auto;overflow:hidden;}



.case .succ .show ul{overflow:hidden;}



.case .succ .show ul li{width:350px;height:430px;margin-right:25px;position:relative;-webkit-transition:all .5s;transition:all .5s;float:left;}



.case .succ .show ul li a{display:block;overflow:hidden;}



.case .succ .show ul li .img{width:350px;height:270px;}



.case .succ .show ul li img{width:350px;height:270px;transition: all 1s;vertical-align:top;}



.case .succ .show ul li:hover img{transform: scale(1.2);}



.case .succ .show ul li .txt{width:350px;height:160px;background:#f4f4f4;-webkit-transition:all .5s;transition:all .5s;position:relative;}



.case .succ .show ul li .txt .name{width:250px;font-size:18px;color:#545454;line-height:18px;text-align:center;padding:27px 20px 15px 20px;margin:0 auto 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;-webkit-transition:all .5s;transition:all .5s;}



.case .succ .show ul li .txt .name::before{content:'';width:290px;height:1px;background:#d1d1d1;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.case .succ .show ul li .txt .name::after{content:'';width:0px;height:1px; background:#fff;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.case .succ .show ul li:hover .txt .name::after{content:'';width:290px;height:1px; background:#fff;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.case .succ .show ul li .txt p{width:290px;font-size:14px;color:#858585;line-height:25px;max-height:50px;margin:10px auto 0 auto;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}



.case .succ .show ul li .txt .more{width:51px;height:47px; background:url(../images/sjz_01.png);position:absolute;bottom:0;right:0;-webkit-transition:all .5s;transition:all .5s;}



.case .succ .show ul li:hover .txt{background:#339be4;-webkit-transition:all .5s;transition:all .5s;}



.case .succ .show ul li:hover .txt .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.case .succ .show ul li:hover .txt p{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.case .succ .show ul li:hover .txt .more{background:url(../images/sjz_02.png);-webkit-transition:all .5s;transition:all .5s;}



.case .sPrev{position:absolute;left:0;top:180px;display:block;width:22px;height:40px;background:url(../images/case_jt_01.png);}



.case .sNext{position:absolute;right:0;top:180px;display:block;width:22px;height:40px;background:url(../images/case_jt_02.png);}









/* 关于我们 */

.box_06{width:100%;height:617px;padding-top:108px;margin-top:60px;background:url(../images/about_back.jpg) center top no-repeat;}



.box_06 .center{width:1200px;height:617px;margin:0 auto;}



.box_06 .center .txt{width:1200px;height:307px;position:relative;color:#f4f4f4;}



.box_06 .center .txt h4{font-size:36px;line-height:36px;text-align:center;margin-bottom:50px;}



.box_06 .center .txt p{width:1040px;font-size:14px;line-height:25px;max-height:75px;overflow:hidden;margin:0 auto;}



.box_06 .center .txt .tj{width:270px;height:35px;padding:5px;background:#339be4;position:absolute;bottom:65px;left:50%;margin-left:-135px;}



.box_06 .center .txt .tj .click{display:block;width:215px;height:35px;line-height:35px;font-size:14px;color:#fff;padding-left:55px;background:url(../images/about_jt.png) 165px center no-repeat #339be4;}



.box_06 .slideGroup{width:1160px;height:285px;margin:0 auto;padding:25px 20px 0 20px;background:#f4f4f4;overflow:hidden;position:relative;}



.box_06 .slideGroup::after{content:'';width:1160px;height:1px;background:#d1d1d1;position:absolute;top:38px;right:0;}



.box_06 .slideGroup .parHd{width:253px;height:30px;line-height:30px;margin:0 auto;position:relative; z-index:2;}



.box_06 .slideGroup .parHd ul{width:253px;font-size:14px;overflow:hidden;}



.box_06 .slideGroup .parHd ul li{width:110px;height:30px;line-height:30px;float:left;cursor:pointer;color:#545454;text-align:center;background:#d1d1d1;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .slideGroup .parHd ul li:last-child{float:right;}



.box_06 .slideGroup .parHd ul li.on{background:#339be4;color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .slideGroup .parBd .slideBox{position:relative;margin-top:25px;width:1160px;overflow:hidden;}



.box_06 .slideGroup .parBd .slideBox .tempWrap{width:1160px;margin:0 auto;overflow:hidden;}



.box_06 .slideGroup .parBd ul{overflow:hidden;zoom:1;overflow:hidden;}



.box_06 .slideGroup .parBd ul li{width:276px;margin-right:19px;overflow:hidden;float:left;text-align:center;}



.box_06 .slideGroup .parBd ul li .pic{width:276px;height:180px;}



.box_06 .slideGroup .parBd ul li .pic img{width:276px;height:180px; vertical-align:top;}



.box_06 .slideGroup .parBd ul li .name{display:block;width:230px;padding:0 23px;height:50px;line-height:50px;color:#545454;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_06 .slideGroup .parBd ul li:hover .name{color:#339be4;}









/* 新闻资讯 */

.box_07{width:100%;height:491px;padding-top:50px;background:#fff;}



.box_07 .center{width:1200px;margin:0 auto;overflow:hidden;}



.box_07 .news_center{width:790px;margin-top:30px;float:left;}



.box_07 .news_center .hd{width:320px;height:40px;}



.box_07 .news_center .hd ul{font-size:16px;overflow:hidden;}



.box_07 .news_center .hd ul li{width:148px;cursor:pointer;height:38px;line-height:38px;border:solid 1px #f4f4f4;background:#f4f4f4;float:left;margin-right:20px;text-align:center;}



.box_07 .news_center .hd ul li:last-child{margin-right:0;}



.box_07 .news_center .hd ul li.on{border:solid 1px #339be4;background:#339be4;}



.box_07 .news_center .hd ul li a{display:block;color:#545454;}



.box_07 .news_center .hd ul li.on a{display:block;color:#fff;}



.box_07 .news_center .bd{margin-top:20px;}



.box_07 .news_center .bd .main{overflow:hidden;}



.box_07 .news_center .bd .imgtxt{height:120px;padding:20px 0;overflow:hidden;border-top:solid 1px #dadada;border-bottom:solid 1px #dadada;}



.box_07 .news_center .bd .imgtxt .left{width:160px;height:120px;float:left;}



.box_07 .news_center .bd .imgtxt .left img{width:160px;height:120px; vertical-align:top;}



.box_07 .news_center .bd .imgtxt .right{width:610px;height:120px;float:right;}



.box_07 .news_center .bd .imgtxt .right p:nth-of-type(1){height:50px;overflow:hidden;font-size:16px;position:relative;}



.box_07 .news_center .bd .imgtxt .right p:nth-of-type(1) a{display:block;color:#545259;width:480px;height:50px;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;float:left;}



.box_07 .news_center .bd .imgtxt .right p:nth-of-type(1)::before{content:'';width:50px;height:1px; background:#545259;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd .imgtxt:hover .right p:nth-of-type(1)::before{content:'';width:610px;height:1px; background:#339be4;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd .imgtxt .right p:nth-of-type(1) span{height:50px;line-height:50px;color:#c2c2c2;font-size:14px;float:right;}



.box_07 .news_center .bd .imgtxt .right p:nth-of-type(2){font-size:14px;color:#959595;line-height:25px;max-height:50px;overflow: hidden;margin-top:10px;}



.box_07 .news_center .bd .imgtxt:hover .right p:nth-of-type(1) a{color:#339be4;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd ul{overflow:hidden;margin-top:10px;}



.box_07 .news_center .bd ul li{width:385px;height:55px;line-height:55px;float:left;font-size:14px;background:url(../images/news_icon_06.png) left center no-repeat;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;position:relative;}



.box_07 .news_center .bd ul li:nth-of-type(2n){float:right;}



.box_07 .news_center .bd ul li::before{content:'';width:385px;height:1px; background:#dadada;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd ul li::after{content:'';width:0px;height:1px; background:#339be4;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd ul li:hover::after{content:'';width:385px;height:1px; background:#339be4;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd ul li a{display:block;height:55px;line-height:55px;width:245px;padding-left:27px;color:#929292;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;float:left;}



.box_07 .news_center .bd ul li span{display:block;height:55px;line-height:55px;color:#959595;float:right;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd ul li:hover{width:365px;padding:0 10px;background:url(../images/news_icon_07.png) 10px center no-repeat #339be4;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd ul li:hover a{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .news_center .bd ul li:hover span{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .qa{width:387px;margin-top:30px;float:right;}



.box_07 .qa h4{width:88px;padding-left:60px;cursor:pointer;height:38px;line-height:38px;border:solid 1px #339be4; background:url(../images/news_icon_05.png) 25px center no-repeat #339be4;position:relative;margin-bottom:26px;}



.box_07 .qa h4 a{display:block;color:#fff;}



.box_07 .qa h4::before{content:'';width:1px;height:16px; background:#fff; position:absolute;left:52px;top:11px;}



.box_07 .qa .quest{width:340px;height:60px;padding:15px 30px 15px 15px; background:#fff;margin-bottom:18px;border:solid 1px #c2c2c2;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .qa .quest:hover{border:solid 1px #fff;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .qa .quest:last-child{margin-bottom:0px;}



.box_07 .qa .quest p{overflow:hidden;height:24px;line-height:24px;font-size:14px;}



.box_07 .qa .quest p:nth-of-type(1) span{display:block;width:24px;height:24px; background:url(../images/news_icon_08.png) #339be4;float:left;}



.box_07 .qa .quest p:nth-of-type(1) a{width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#414141;float:right;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .qa .quest p:nth-of-type(2){margin-top:16px;}



.box_07 .qa .quest p:nth-of-type(2) span:nth-of-type(1){display:block;width:24px;height:24px;background:url(../images/news_icon_09.png) #212f32;float:left;}



.box_07 .qa .quest p:nth-of-type(2) span:nth-of-type(2){width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#414141;float:right;}



.box_07 .qa .quest p:hover a{color:#339be4;-webkit-transition:all .5s;transition:all .5s;}





/* 联系我们 */

.box_08{width:100%;height:500px;margin-top:50px;background:url(../images/ly_back.jpg) center top no-repeat;}



.box_08 .bt{width:560px;padding:40px 0 34px 640px;margin:0 auto;color:#fff;}



.box_08 .bt span{display:block;font-size:36px;line-height:28px;margin-bottom:15px;}



.box_08 .bt p{font-size:22px;line-height:22px;padding-bottom:22px;position:relative;}



.box_08 .bt p::after{content:'';width:25px;height:2px; background:#fff;position:absolute;left:0;bottom:0;}



.box_08 .center{width:1200px;height:180px;padding:30px 0;margin:10px auto 0 auto;background:#fff;border-radius:15px;}



.box_08 .center .form{width:520px;height:180px;padding:0 40px;border-right:solid 1px #b5cff1;float:left;position:relative;display: none;}



.box_08 .center .form p{width:248px;height:48px;border:solid 1px #d7ebfa;border-radius:5px;}



.box_08 .center .form input{width:200px;display:inline-block;height:48px;line-height:48px;padding-left:48px;color:#787878;font-size:14px;border-radius:5px;}



.box_08 .center .form p:nth-of-type(1){position:absolute;top:0;left:40px;}



.box_08 .center .form p:nth-of-type(2){position:absolute;top:0;right:40px;}



.box_08 .center .form p:nth-of-type(1) input{background:url(../images/name.png) left center no-repeat #fff;}



.box_08 .center .form p:nth-of-type(2) input{background:url(../images/phone.png) left center no-repeat #fff;}



.box_08 .center .form p:nth-of-type(3){width:518px;height:108px;position:absolute;top:70px;left:40px;}



.box_08 .center .form textarea{width:458px;height:94px;padding:14px 10px 0 48px;font-size:14px;background:url(../images/phone.png) left top no-repeat #fff;border-radius:5px;}



.box_08 .center .form .tj{width:190px;height:35px;background:#fff;padding:5px;position:absolute;bottom:-100px;left:212px;}



.box_08 .center .form .tj .btn{width:190px;height:35px;line-height:35px;display: block;text-align:center;font-size:14px;color:#339be4;background:#fff;cursor: pointer;webkit-transition:all .5s;transition:all .5s;border:none;}



.box_08 .center .right{width:560px;height:180px;float:right;}



.box_08 .center .right li{height:38px;line-height:38px;margin-bottom:32px;overflow:hidden;}



.box_08 .center .right li:last-child{margin-bottom:0;}



.box_08 .center .right li p{width:250px;font-size:16px;color:#323232;overflow:hidden;position:relative;float:left;margin-right:20px;}



.box_08 .center .right li p::after{content:'';width:20px;height:1px;background:#2d3134;position:absolute;top:18px;right:0;}



.box_08 .center .right li p i{display:block;width:38px;height:38px;float:left;margin-right:20px;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



.box_08 .center .right li:hover p i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}



.box_08 .center .right li:nth-of-type(1) p i{background:url(../images/ft_icon_01.png);}



.box_08 .center .right li:nth-of-type(2) p i{background:url(../images/ft_icon_02.png);}



.box_08 .center .right li:nth-of-type(3) p i{background:url(../images/ft_icon_03.png);}



.box_08 .center .right li span{width:290px;font-size:14px;color:#868686;overflow:hidden;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_08 .center .clear{clear:both;}





/* 友情链接 */

.links{width:100%;height:50px;background:url(../images/link_back.jpg) center top no-repeat;border-bottom:solid 1px #343434;}



.links .link{width:1200px;height:50px;margin:0 auto;overflow:hidden;}



.links .link .ks{width:115px;height:50px;float:left;background:url(../images/yqlj.png) right center no-repeat;color:#fff;margin-right:20px;}



.links .link .ks p{font-size:16px;line-height:40px;font-weight:bold;position:relative;}



.links .link .ks p:after{content:'';width:47px;height:2px;background:#fff;position:absolute;bottom:0;left:0;}



.links .link a{display:inline-block;width:120px;text-align:center;font-size:14px;height:14px;line-height:14px;margin-top:18px;color:#fff;border-right:solid 2px #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.links .link a:last-child{border-right:0;}



.links .link a:hover{color:#339be4;}









.hvr-float-shadow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.hvr-float-shadow:before {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: '';

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 0;

  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

  /* W3C */

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform, opacity;

  transition-property: transform, opacity;

}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {

  -webkit-transform: translateY(-5px);

  transform: translateY(-5px);

  /* move the element up by 5px */

}

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {

  opacity: 1;

  -webkit-transform: translateY(5px);

  transform: translateY(5px);

  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */

}









/* 提交按钮的线条边框特效 */

.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: #339be4;

}











.bz-buttonAnimat02::before,

.bz-buttonAnimat02::after,

.bz-buttonAnimat02 .inner::before,

.bz-buttonAnimat02 .inner::after {

    background-color: #fff;

}





.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: 1px;

    -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: 1px;

    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

}