/*

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

.h_title::after{content:'';width:30px;height:2px;background:#f88b04;position:absolute;bottom:0;left:50%;margin-left:-15px;}

.h_title h3{font-size:26px;font-weight:bold;line-height:26px;color:#014b92;}

.h_title h3 a{display:block;color:#014b92;}

.h_title p{font-size:14px;line-height:14px;color:#9d9d9d;margin-top:10px;}





/* 第一个板块 */
.box_01{width:100%;height:80px;background:#eeeff4;}

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

.txtScroll-top{width:550px;height:20px;margin:30px 0;float:left;}

.txtScroll-top h4{width:88px;height:20px;font-size:14px;line-height:20px;color:#014b92;background:url(../images/hot.png) left center no-repeat;text-align:right;float:left;}

.txtScroll-top .bd{width:430px;height:20px;line-height:20px;float:right;}

.txtScroll-top .infoList li{height:20px;line-height:20px;overflow:hidden;}

.txtScroll-top .infoList li a{font-size:14px;color:#050505;display:block;width:320px;padding-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;float:left}

.txtScroll-top .infoList li a::after{content:'';width:4px;height:4px;background:#2f3440;position:absolute;top:9px;left:0;}

.txtScroll-top .infoList li span{display:block;float:right;font-size:14px;color:#9b9b9b;height:20px;line-height:20px;}

.box_01 .right{width:333px;height:34px;margin:23px 0;float:right;overflow:hidden;}

.box_01 .right .input{width:299px;height: 34px;line-height: 34px;color:#acacac;display:block;background:#eeeff4;padding-left:20px;float:left;font-size:14px;border:solid 1px #c5c5c5;border-right:none;}

.box_01 .right .button{width:34px;height:34px;line-height:34px;display:inline-block;background:url(../images/search.png) center center no-repeat #014b92;cursor:hand;border:none;float:right;}





/* 第二个板块 */
.box_02{width:100%;height:auto;padding:50px 0;}

.box_02 .center{width:100%;position:relative;}

.box_02 .center::after{content:'';width:100%;height:1px;position:absolute;top:44px;left:0;}

.box_02 .center ul{width:1200px;/*! height:160px; */margin:65px auto 0 auto;/*! overflow:hidden; */position:relative;z-index:2;margin-bottom: 60px;}

.box_02 .center ul li{width:23%;height:160px;float:left;/*! background: #f88b04; */box-shadow: #ccc 0px 0px 8px;margin-left: 20px;padding: 20px 0;border-radius: 6px;}

.box_02 .center ul li i{display:block;width:88px;height:88px;border:solid 2px #fff;border-radius:45px;margin:0 auto 10px auto;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

.box_02 .center ul li:nth-of-type(1) i{background:url(../images/wz_icon_01.png) center center no-repeat #efefef;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center ul li:nth-of-type(2) i{background:url(../images/wz_icon_03.png) center center no-repeat #efefef;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center ul li:nth-of-type(3) i{background:url(../images/wz_icon_05.png) center center no-repeat #efefef;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center ul li:nth-of-type(4) i{background:url(../images/wz_icon_07.png) center center no-repeat #efefef;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center ul li p{width:80%;margin:0 auto;font-size:14px;color:#8b8b8b;line-height:19px;text-align:center;padding-top:20px;position:relative;-webkit-transition:all .5s;transition:all .5s;}
.box_02 .center ul li a p{color: #333 !important;font-size:18px;font-weight: bold}
.box_02 .center ul li p::after{content:'';width:30px;height:2px;background:#fff;position:absolute;top:5px;left:50%;margin-left:-15px;}

.box_02 .center ul li.active i{}

.box_02 .center ul li.active:nth-of-type(1) i{background:url(../images/wz_icon_02.png) center center no-repeat #f88b04;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center ul li.active:nth-of-type(2) i{background:url(../images/wz_icon_04.png) center center no-repeat #f88b04;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center ul li.active:nth-of-type(3) i{background:url(../images/wz_icon_06.png) center center no-repeat #f88b04;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center ul li.active:nth-of-type(4) i{background:url(../images/wz_icon_08.png) center center no-repeat #f88b04;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center ul li.active p{color:#fff;-webkit-transition:all .5s;transition:all .5s;}




/* 产品中心 */
.box_03{width:100%;padding:50px 0; background:#eeeff4;}

.box_03 .list{width:1190px;height:24px;padding:28px 5px;margin:30px auto 0 auto;overflow:hidden; background:#fff;}

.box_03 .list li{width:128px;height:24px;float:left;padding:0 20px 0 50px;position:relative; background:url(../images/pro_jt_01.png) 25px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .list li:hover{background:url(../images/pro_jt_02.png) 25px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .list li::after{content:'';width:1px;height:24px;background:#e1e1e1;position:absolute;top:0;right:0;}

.box_03 .list li:last-child::after{content:'';width:1px;height:24px;background:none;position:absolute;top:0;right:0;}

.box_03 .list li a{display:block;font-size:16px;color:#000;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .list li:hover a{color:#014b92;font-weight:bold;-webkit-transition:all .5s;transition:all .5s;}

.pro-center{width:1200px;height:auto;margin:20px auto 0 auto;overflow:hidden;}

.pro-center .hd{width:320px;height:40px;overflow:hidden;margin:0 auto;}

.pro-center .hd ul{width:320px;height:40px;line-height:40px;overflow:hidden;font-size:16px;float:left;}

.pro-center .hd ul li{width:150px;height:40px;line-height:40px;float:left;cursor:hand;color:#fff;text-align:center;background:#f88b04;-webkit-transition:all .5s;transition:all .5s;position:relative;z-index:0;}

.pro-center .hd ul li:last-child{float:right;}

.pro-center .hd ul li::after{content:'';width:0px;height:40px;background:#014b92;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li.on::after{content:'';width:75px;height:40px;background:#014b92;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li::before{content:'';width:0px;height:40px;background:#014b92;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .hd ul li.on::before{content:'';width:75px;height:40px;background:#014b92;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd{width:1200px;margin-top:30px;}

.pro-center .bd .main{height:345px;overflow:hidden;}

.pro-center .bd .main li{width:360px;height:320px;float:left;margin:0 30px 30px 0;padding:10px 10px 0 10px;overflow:hidden; background:#fff;position:relative;z-index:0;}

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

.pro-center .bd .main li::after{content:'';width:380px;height:0px;background:#014b92;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover::after{content:'';width:380px;height:330px;background:#014b92;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li a{display:block;}

.pro-center .bd .main li .img{width:360px;height: 190px;overflow:hidden;}

.pro-center .bd .main li .img img{width:360px;height:260px;transition: all 1s;vertical-align:top;}

.pro-center .bd .main li:hover .img img{transform: scale(1.2);}


.pro-center .bd .main li .name{width:280px;height:60px;line-height:60px;padding:0 70px 0 10px;font-size:14px;color:#000;background:url(../images/pro_xian_01.png) 335px center no-repeat #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;}

.pro-center .bd .main li:hover .name{color:#fff;background:url(../images/pro_xian_02.png) 335px center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li .name::after{content:'';width:1px;height:40px;background:#c0c0c0;position:absolute;top:10px;right:46px;-webkit-transition:all .5s;transition:all .5s;}

.pro-center .bd .main li:hover .name::after{content:'';width:1px;height:40px;background:#fff;position:absolute;top:10px;right:46px;-webkit-transition:all .5s;transition:all .5s;}





/* 横栏广告 */
.box_04{width:100%;height:300px;background:url(../images/ad_back.jpg) no-repeat center;}

.box_04 .center{width:1200px;height:300px;margin:0 auto;overflow:hidden;position:relative;color:#fff;}

.box_04 .center .txt{width:530px;height:auto;position:absolute;top:65px;right:0;}

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

.box_04 .center .txt p:nth-of-type(2){width:320px;font-size:24px;line-height:42px;background:#f88b04;margin-left:210px;text-align:center;margin-bottom:45px;}

.box_04 .center .txt .tel{width:420px;height:48px;margin-left:110px;}

.box_04 .center .txt .tel .dh{padding-left:60px;width:auto;height:48px;background:url(../images/tel02.png) left center no-repeat;float:left;}

.box_04 .center .txt .tel .dh span:nth-of-type(1){display:block;font-size:14px;line-height:14px;marign-top:4px;}

.box_04 .center .txt .tel .dh span:nth-of-type(2){display:block;font-size:24px;line-height:20px;font-weight:bold;margin-top:8px;}

.box_04 .center .txt .tel a{display:block;width:150px;height:40px;line-height:40px;text-align:center;margin-top:4px;font-size:16px;color:#000;background:#fff;float:right;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .txt .tel a:hover{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .txt .tel a::after{content:'';width:0px;height:40px;background:#f88b04;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .txt .tel a:hover::after{content:'';width:75px;height:40px;background:#f88b04;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .txt .tel a::before{content:'';width:0px;height:40px;background:#f88b04;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_04 .center .txt .tel a:hover::before{content:'';width:75px;height:40px;background:#f88b04;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}





/* 应用领域 */
.box_05{width:1200px;height:auto;margin:50px auto;}

.box_05 ul{width:1200px;height:335px;margin-top:30px;}

.box_05 ul li{width:285px;height:335px;float:left;margin-right:20px;position:relative;}

.box_05 ul li:last-child{margin-right:0;}

.box_05 ul li a{display:block;}

.box_05 ul li .img{width:285px;height:210px;overflow:hidden;}

.box_05 ul li .img img{width:285px;height:210px;transition: all 1s;vertical-align:top;}

.box_05 ul li:hover .img img{transform: scale(1.2);}
 
.box_05 ul li .txt{width:230px;height:115px;padding-top:50px;position:absolute;left:32px;bottom:0;background:#fff;-moz-box-shadow:0px 0px 10px #dad9d9; -webkit-box-shadow:0px 0px 10px #dad9d9; box-shadow:0px 0px 10px #dad9d9;-webkit-transition:all .5s;transition:all .5s;}

.box_05 ul li:hover .txt{height:125px;padding-top:40px;background:#014b92;-webkit-transition:all .5s;transition:all .5s;}

.box_05 ul li .txt i{display:block;width:60px;height:60px;border-radius:30px;-moz-box-shadow:0px 0px 10px #dad9d9; -webkit-box-shadow:0px 0px 10px #dad9d9; box-shadow:0px 0px 10px #dad9d9;position:absolute;top:-30px;left:85px;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

.box_05 ul li:hover .txt i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}

.box_05 ul li:nth-of-type(1) .txt i{background:url(../images/ly_icon_01.png) center center no-repeat #fff;}

.box_05 ul li:nth-of-type(2) .txt i{background:url(../images/ly_icon_02.png) center center no-repeat #fff;}

.box_05 ul li:nth-of-type(3) .txt i{background:url(../images/ly_icon_03.png) center center no-repeat #fff;}

.box_05 ul li:nth-of-type(4) .txt i{background:url(../images/ly_icon_04.png) center center no-repeat #fff;}

.box_05 ul li .txt a{font-size:20px;line-height:20px;color:#010101;font-weight:bold;text-align:center;-webkit-transition:all .5s;transition:all .5s;}

.box_05 ul li:hover .txt a{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_05 ul li .txt p{font-size:12px;line-height:12px;margin-top:20px;color:#8b8b8b;text-align:center;-webkit-transition:all .5s;transition:all .5s;}

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

.box_05 ul li .jia{width:20px;height:20px;margin:23px auto 0 auto;position:relative;}

.box_05 ul li .jia::before{content:'';width:20px;height:2px;background:#f88b04;position:absolute;top:9px;left:0;}

.box_05 ul li .jia::after{content:'';width:2px;height:20px;background:#f88b04;position:absolute;top:0;left:9px;}




/* 四大车间展示 */
.box_06{width:100%;height:756px;padding-top:50px;background:url(../images/cj_back.jpg) center top no-repeat;}

.box_06 ul{width:1200px;height:610px;margin:30px auto 0 auto;}

.box_06 ul li{width:298px;height:608px;border:solid 1px rgba(0,0,0,0);float:left;background:rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;}

.box_06 ul li i{display:block;width:58px;height:58px;margin:35px auto 0 auto;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

.box_06 ul li:nth-of-type(1) i{background:url(../images/cj_icon_01.png) center center no-repeat;}

.box_06 ul li:nth-of-type(2) i{background:url(../images/cj_icon_02.png) center center no-repeat;}

.box_06 ul li:nth-of-type(3) i{background:url(../images/cj_icon_03.png) center center no-repeat;}

.box_06 ul li:nth-of-type(4) i{background:url(../images/cj_icon_04.png) center center no-repeat;}

.box_06 ul li .name{display:block;width:200px;margin:20px auto 0 auto;font-size:22px;line-height:22px;color:#000;text-align:center;padding-bottom:30px;position:relative;}

.box_06 ul li .name::after{content:'';width:30px;height:1px;background:#000;position:absolute;bottom:0;left:50%;margin-left:-15px;}

.box_06 ul li .img{width:280px;height:0;margin:0 auto;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}

.box_06 ul li .img img{width:280px;height:180px; vertical-align:top;}

.box_06 ul li p{font-size:14px;color:#6c6c6c;line-height:25px;width:230px;margin:20px auto;text-align:center;}

.box_06 ul li .more{width:30px;height:30px;margin:0 auto;border:solid 1px #e6e6e6;-webkit-transition:all .5s;transition:all .5s;}

.box_06 ul li .more a{display:block;float:left;width:0;height:30px;color:rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;}

.box_06 ul li .more span{display:block;float:right;width:30px;height:30px; background:url(../images/cj_jt.png);}

.box_06 ul li.active{width:298px;height:608px;border:solid 1px #cdcdcd;float:left;background:#fff;-webkit-transition:all .5s;transition:all .5s;-moz-box-shadow:0px 0px 10px #cdcdcd; -webkit-box-shadow:0px 0px 10px #cdcdcd; box-shadow:0px 0px 10px #cdcdcd;}

.box_06 ul li.active i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}

.box_06 ul li.active .img{width:280px;height:180px;margin:20px auto 0 auto;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}

.box_06 ul li.active .more{width:100px;height:30px;margin:0 auto;border:solid 1px #e6e6e6;-webkit-transition:all .5s;transition:all .5s;}

.box_06 ul li.active .more a{display:block;float:left;width:70px;height:30px;line-height:30px;font-size:12px;color:#6c6c6c;text-align:center;text-transform: Uppercase;-webkit-transition:all .5s;transition:all .5s;}






/* 企业优势 */
.box_07{width:100%;height:600px;overflow:hidden;}

.look_center{width:1200px;height:600px;margin:0 auto;background:#fff;position:relative;}

.look_center .bt{width:300px;height:auto;position:absolute;top:70px;left:0;color:#fff;z-index:5;}

.look_center .bt h3{font-size:40px;font-weight:bold;line-height:32px;text-transform: Uppercase;}

.look_center .bt p{width:300px;height:40px;line-height:40px;margin-top:30px; background:#f88b04;text-align:center;font-size:28px;}

.look_center .bd{width:1200px;height:600px;}

.look_center .bd .main{width:1200px;height:600px;margin:0 auto;position:relative;}

.look_center .bd .main .left{width:600px;height:600px;float:left;position:relative;}

.look_center .bd .main .left img{width:960px;height:600px;position:absolute;top:0;right:0;}

.look_center .bd .main .left .txt{width:490px;height:auto;color:#fff;position:absolute;top:240px;left:0;}

.look_center .bd .main .left .txt h4{height:20px;line-height:20px;font-size:20px;font-weight:bold;margin-bottom:15px;}

.look_center .bd .main .left .txt span{display:block;font-size:14px;line-height:14px;padding-bottom:30px;position:relative;margin-bottom:15px;}

.look_center .bd .main .left .txt span::after{content:'';width:40px;height:1px;background:#f88b04;position:absolute;bottom:0;left:0;}

.look_center .bd .main .left .txt p{font-size:14px;color:#fff;line-height:25px;}

.look_center .bd .main .right{width:600px;height:600px;float:right;position:relative;}

.look_center .bd .main .right img{width:960px;height:600px;vertical-align:top;}

.look_center .hd{width:100px;height:500px;position:absolute;left:550px;top:50px;z-index:9;}

.look_center .hd ul{width:100px;height:500px;}

.look_center .hd ul li{width:100px;height:100px;margin-bottom:33px;cursor:hand;float:left;text-align:center;position:relative;}

.look_center .hd ul li .icon{width:80px;height:80px;border:solid 10px #014b92;border-radius:50px;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

.look_center .hd ul li.on .icon{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}

.look_center .hd ul li.on .icon::after{content:'';width:13px;height:22px;background:url(../images/ys__on_jt.png);position:absolute;top:35px;left:-40px;}

.look_center .hd ul li:nth-of-type(1) .icon{background:url(../images/ys_icon_01.png) center center no-repeat #fff;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(2) .icon{background:url(../images/ys_icon_03.png) center center no-repeat #fff;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(3) .icon{background:url(../images/ys_icon_05.png) center center no-repeat #fff;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(4) .icon{background:url(../images/ys_icon_07.png) center center no-repeat #fff;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(1).on .icon{border:solid 10px #fff;background:url(../images/ys_icon_02.png) center center no-repeat #014b92;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(2).on .icon{border:solid 10px #fff;background:url(../images/ys_icon_04.png) center center no-repeat #014b92;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(3).on .icon{border:solid 10px #fff;background:url(../images/ys_icon_06.png) center center no-repeat #014b92;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:nth-of-type(4).on .icon{border:solid 10px #fff;background:url(../images/ys_icon_08.png) center center no-repeat #014b92;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li p{font-size:16px;color:#2e323e;font-weight:bold;line-height:16px;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li.on p{color:#af120d;-webkit-transition:all .5s;transition:all .5s;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.look_center .hd a{display:block;width:50px;height:40px;cursor:hand;}

.look_center .hd .prev{position:absolute;bottom:30px;left:-550px;background:url(../images/ys_jt_01.png) center center no-repeat #f88b04;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd .next{position:absolute;bottom:30px;left:-500px;background:url(../images/ys_jt_02.png) center center no-repeat #fff;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd .prev:hover{border-radius:20px 0 20px 0;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd .next:hover{border-radius:0 20px 0 20px;-webkit-transition:all .5s;transition:all .5s;}






/* 案例展示 */
.box_08{width:100%;height:auto;margin:50px 0;}

.test{width:1200px;height:300px;margin: 0px auto 0 auto;}

.test .ment{width:1200px;height:auto;position:relative;overflow:hidden;}

.test .ment .show{width:1200px;margin:0 auto;overflow:hidden;}

.test .ment .show .tempWrap{width:1200px;margin:0 auto;overflow:hidden;}

.test .ment .show ul{overflow:hidden;}

.test .ment .show ul li{width:380px;height:300px;margin-right:30px;float:left;position:relative;-webkit-transition:all .5s;transition:all .5s;float:left;}

.test .ment .show ul li a{display:block;}

.test .ment .show ul li .img{width: 100%;/* height:250px; */overflow:hidden;position:relative;-webkit-transition: all .5s;transition: all .5s;}

.test .ment .show ul li .img .pic{width: 100%;height:250px;overflow:hidden}

.test .ment .show ul li .img .pic img{width: 100%;height: 200px;transition: all 1s;vertical-align:top;}

.test .ment .show ul li:hover .img .pic img{transform: scale(1.2);}

.test .ment .show ul li .img .hide{display:block;width: 260px;height: 240px;background:url(../images/yan.png) center center no-repeat rgba(0,0,0,0.4);position:absolute;left:0;top:0;/*旋转中心位置*/transform-origin: left top;-webkit-transform-origin: left top;-moz-transform-origin: left top;transform: rotate(90deg);/*旋转角度*/-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}

.test .ment .show ul li:hover .img .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}

.test .ment .show ul li .txt{/* width:380px; */height:50px;line-height:50px;background: #fff;position:relative;z-index:0;}

.test .ment .show ul li .txt::before{content:'';width:0px;height:50px;background:#014b92;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.test .ment .show ul li:hover .txt::before{content:'';width:376px;height:50px;background:#014b92;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.test .ment .show ul li .txt::after{/* content:''; */width:4px;height:50px;/* background:#f88b04; */position:absolute;top:0;right:0;}

.test .ment .show ul li .name{width: 183px;height: 60px;line-height: 66px;padding: 0 70px 0 10px;font-size:14px;color: #000;background: url(../images/pro_xian_01.png) 234px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.test .ment .show ul li{
   width: 260px;
   height: 260px;
   float: left;
   margin: 0 10px 30px 10px;
   padding: 10px 10px 0 10px;
   overflow: hidden;
   background: #fff;
   position: relative;
   z-index: 0;
}
 


.test .sPrev{position:absolute;left:-40px;top:106px;z-index:3;display:block;width:40px;height:40px;background:url(../images/case_jt_01.png) center center no-repeat #014b92;cursor:hand;-webkit-transition:all .5s;transition:all .5s;}

.test:hover .sPrev{left:0;-webkit-transition:all .5s;transition:all .5s;}

.test .sPrev:hover{background:url(../images/case_jt_01.png) center center no-repeat #f88b04;-webkit-transition:all .5s;transition:all .5s;}

.test .sNext{position:absolute;right:-40px;top:106px;z-index:3;display:block;width:40px;height:40px;background:url(../images/case_jt_02.png) center center no-repeat #014b92;cursor:hand;-webkit-transition:all .5s;transition:all .5s;}

.test:hover .sNext{right:0;-webkit-transition:all .5s;transition:all .5s;}

.test .sNext:hover{background:url(../images/case_jt_02.png) center center no-repeat #f88b04;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .more{width:150px;height:50px;margin:40px auto 0 auto;text-align:center;position:relative;}

.box_08 .more::after{content:'';width:128px;height:48px;border:solid 1px #014b92;position:absolute;top:0;left:10px;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .more:hover::after{content:'';width:128px;height:48px;border: solid 1px #f88b04;position:absolute;top:0;left:10px;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .more a{display:block;width:148px;height:38px;line-height:38px;font-size:12px;color:#fff;font-weight:bold;text-transform: Uppercase;border:solid 1px #014b92; background:#014b92;position:absolute;top:5px;left:0;z-index:0;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .more:hover a{color:#fff;border:solid 1px #f88b04;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .more a::after{content:'';width:0px;height:38px;background:#f88b04;position:absolute;top:0;left:74px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .more:hover a::after{content:'';width:74px;height:38px;background:#f88b04;position:absolute;top:0;left:74px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .more a::before{content:'';width:0px;height:38px;background:#f88b04;position:absolute;top:0;right:74px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_08 .more:hover a::before{content:'';width:74px;height:38px;background:#f88b04;position:absolute;top:0;right:74px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.mainbg{ box-shadow: #ccc 0px 0px 8px; padding: 20px; width: 1200px; margin: 0 auto}

/* 当前位置 */
.location { padding:0; margin:0 0 35px; border: 1px solid #faf5f0; background:#f9f8f8; line-height:40px; }
.location .ico { display:block; padding-left:95px; background:url(../images/icon-home.png) no-repeat;  }
.location .ico a:hover,.location .ico a:last-child { color:#014b92; }
.location .ico span { padding:0 5px; }



/*内页二级分类*/


 .menu-list {
    margin-top: 20px;  text-align: center
}

 .menu-list span {
    *display: inline;
    _display: inline;
    zoom: 1;
    display: inline-block;
    position: relative;
}

 .menu-list span:before {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
    z-index: 8;
    -webkit-transition: all .3s ease-out;
    /*! transition: all .3s ease-out; */
    /*! top: 39px; */
}

 .menu-list span a {
    font-size: 16px;
    display: block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    color: #000;
    background-color: #eee;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 20px;
    position: relative;
    z-index: 9;
}

 .menu-list .cur a,
 .menu-list span:hover a {
    background-color: #014b92; color: #fff
}

 .menu-list .cur:before,
 .menu-list span:hover:before {
    border-top: 10px solid #014b92;
    bottom: 0;
    top: 40px;
}
/* 关于我们 */
.box_09{width:100%;height:auto;padding:50px 0;}

.box_09 .center{width:1200px;margin:30px auto 0 auto;position:relative;}

.box_09 .center .left{width:600px;float:left;}

.box_09 .center .left img{width:600px;vertical-align:top;}

.box_09 .center .right{width:500px;float:right;padding:0 50px;background:#fff;}

.box_09 .center .right h4{font-size:20px;height:20px;line-height:20px;color:#000;font-weight:bold;margin:40px 0 30px 0;}

.box_09 .center .right h5{width:74px;font-size:18px;height:23px;line-height:18px;color:#014b92;margin-bottom:35px;border-bottom:solid 2px #f88b04;}

.box_09 .center .right p{font-size:14px;color:#6a6a6a;line-height:25px;max-height:125px;text-indent:2em;margin-bottom:35px;}

.box_09 .center .right .more{display:block;width:40px;height:40px;background:url(../images/more.jpg);-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

.box_09 .center .right .more:hover{}



/*新闻资讯*/

.in_news{ border-bottom: #ccc dashed 1px;padding-bottom: 14px; width: 100%;margin: 0 auto; padding-top: 14px;}
.in_news:hover{ background: #efefef}
.in_news:hover .in_news_left img{ transform: scale(1.15); transition:all 0.5s ease-in-out}
.in_news:hover .in_news_right h4 a{ color:#014b92 }
.in_news:hover .in_news_right h4:after{ width: 100%;transition:all 1s ease-in-out}
.in_news:hover .in_news_right span{color:#f88b04}
.in_news_left a{overflow: hidden; width: 100%; display: block;border: #fff solid 3px;box-shadow: #ccc 0px 0px 5px;}
.in_news_left{width:20%;float:left;border-right: #eee solid 1px;padding-right: 18px;margin-right: 20px; padding-left: 10px;}

.in_news_left img{width:100%;vertical-align:top;height: 140px;}

.in_news_right{width:68%;float:left;color: #999;}
.in_news_right span{ display: block;margin-bottom: 10px;color: #ccc;}
.in_news_right h4{font-size:18px;height:20px;line-height:20px;color:#000;margin:30px 0 15px 0;position: relative}
.in_news_right h4:after{ content: '';height: 1px; width: 0;background:#ccc; position: absolute; left: 0; bottom: -12px}
.in_news_right h4 a{ color: #000}
.in_news_rightt h5{width:74px;font-size:18px;height:23px;line-height:18px;color:#014b92;margin-bottom:35px;border-bottom:solid 2px #f88b04;}

.in_news_right p{font-size:14px;color:#6a6a6a;line-height:25px;max-height:125px;margin-bottom:35px;border-bottom: #ccc solid 1px;}

.in_news_right .more{display:block;width:40px;height:40px;background:url(../images/more.jpg);-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

.in_news_right .more:hover{}


/* 企业展示 */
.box_10{width:100%;height:auto;background:#eeeff4;overflow:hidden;padding-bottom:50px;}

.box_10 .slideGroup02{width:1200px;margin:0 auto;margin-top: 50px;}

.box_10 .slideGroup02 .parHd{width:320px;height:40px;margin:0 auto;}

.box_10 .slideGroup02 .parHd ul{width:490px;height:40px;overflow:hidden;font-size:16px;}

.box_10 .slideGroup02 .parHd ul li{width:150px;height:40px;line-height:40px;cursor:hand;font-size:16px;color:#fff;text-align:center;background:#014b92;float:left;margin-right:20px;position:relative;z-index:0;}

.box_10 .slideGroup02 .parHd ul li:last-child{margin-right:0px;}

.box_10 .slideGroup02 .parHd ul li::after{content:'';width:0px;height:40px;background:#f88b04;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_10 .slideGroup02 .parHd ul li.on::after{content:'';width:75px;height:40px;background:#f88b04;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_10 .slideGroup02 .parHd ul li::before{content:'';width:0px;height:40px;background:#f88b04;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_10 .slideGroup02 .parHd ul li.on::before{content:'';width:75px;height:40px;background:#f88b04;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_10 .slideGroup02 .parBd{margin-top:30px;height:230px;overflow:hidden;}

.box_10 .slideGroup02 .parBd .slideBox{position:relative;}

.box_10 .slideGroup02 .parBd .slideBox .tempWrap{width:1080px;margin:0 auto;overflow:hidden;}

.box_10 .slideGroup02 .parBd ul{width:1080px;overflow:hidden; zoom:1;}

.box_10 .slideGroup02 .parBd ul li{width: 355px;height: 330px;margin-right:20px;cursor:hand;float:left;-webkit-transition: all .5s;transition: all .5s;}

.box_10 .slideGroup02 .parBd ul li a{display:block;}

.box_10 .slideGroup02 .parBd ul li .img{width: 355px;height: 260px;overflow:hidden;position:relative;-webkit-transition: all .5s;transition: all .5s;}

.box_10 .slideGroup02 .parBd ul li .img .pic{width: 100%;height: 100%;overflow:hidden}

.box_10 .slideGroup02 .parBd ul li .img .pic img{width: 100%;height: 100%;transition: all 1s;vertical-align:top;}

.box_10 .slideGroup02 .parBd ul li:hover .img .pic img{transform: scale(1.2);}

.box_10 .slideGroup02 .parBd ul li .img .hide{display:block;width: 100%;height: 100%;background:url(../images/yan.png) center center no-repeat rgba(0,0,0,0.4);position:absolute;left:0;top:0;/*旋转中心位置*/transform-origin: left top;-webkit-transform-origin: left top;-moz-transform-origin: left top;transform: rotate(90deg);/*旋转角度*/-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}

.box_10 .slideGroup02 .parBd ul li:hover .img .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}

.box_10 .slideGroup02 .parBd ul li .name{width:190px;height:40px;line-height:40px;padding:0 45px 0 20px;background:#fff;font-size:14px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;z-index:0;}

.box_10 .slideGroup02 .parBd ul li:hover .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_10 .slideGroup02 .parBd ul li .name::before{content:'';width:0px;height:40px;background:#014b92;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_10 .slideGroup02 .parBd ul li:hover .name::before{content:'';width:255px;height:40px;background:#014b92;position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_10 .slideGroup02 .parBd ul li .name::after{content:'';width:16px;height:8px;background:url(../images/show_jt_01.png);position:absolute;top:16px;right:10px;-webkit-transition:all .5s;transition:all .5s;}

.box_10 .slideGroup02 .parBd ul li:hover .name::after{content:'';background:url(../images/show_jt_02.png);-webkit-transition:all .5s;transition:all .5s;}

.box_10 .sPrev{position:absolute;left:0;top: 100px;display:block;width:40px;height:40px;background:url(../images/case_jt_01.png) center center no-repeat #014b92;cursor:hand;-webkit-transition:all .5s;transition:all .5s;}

.box_10 .sNext{position:absolute;right:0;top: 100px;display:block;width:40px;height:40px;background:url(../images/case_jt_02.png) center center no-repeat #014b92;cursor:hand;-webkit-transition:all .5s;transition:all .5s;}

.box_10 .sPrev:hover{background:url(../images/case_jt_01.png) center center no-repeat #f88b04;-webkit-transition:all .5s;transition:all .5s;}

.box_10 .sNext:hover{background:url(../images/case_jt_02.png) center center no-repeat #f88b04;-webkit-transition:all .5s;transition:all .5s;}




/* 新闻资讯 */
.box_11{width:100%;margin:50px auto 0 auto;overflow:hidden;}

.box_11 .news_center{width:100%;height:auto;margin: 0px auto 0 auto;overflow:hidden;}

.box_11 .news_center .hd{width:320px;height:40px;margin:0 auto;}

.box_11 .news_center .hd ul{width:320px;font-size:16px;height:40px;overflow:hidden;}

.box_11 .news_center .hd ul li{width:150px;height:40px;line-height:40px;cursor:hand;font-size:16px;text-align:center;background:#f88b04;float:left;margin-right:20px;position:relative;z-index:0;}

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

.box_11 .news_center .hd ul li::after{content:'';width:0px;height:40px;background:#014b92;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_11 .news_center .hd ul li.on::after{content:'';width:75px;height:40px;background:#014b92;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_11 .news_center .hd ul li::before{content:'';width:0px;height:40px;background:#014b92;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_11 .news_center .hd ul li.on::before{content:'';width:75px;height:40px;background:#014b92;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

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

.box_11 .news_center .bd{height:auto;margin-top:45px;overflow:hidden;}

.box_11 .news_center .bd .main{height:auto;overflow:hidden;}

.box_11 .news_center .bd .top{height:140px;overflow:hidden;}

.box_11 .news_center .bd .top .bx{/*! height:140px; */padding:9px;/*! border:solid 1px #dedede; */float:left;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}



.box_11 .news_center .bd .top .bx:hover{border:solid 1px #014b92;-webkit-transition:all .5s;transition:all .5s;}

.box_11 .news_center .bd .top .bx::after{content:'';width:0px;height:158px;background:#014b92;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_11 .news_center .bd .top .bx:hover::after{content:'';width:578px;height:158px;background:#014b92;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_11 .news_center .bd .top .bx .left{width:30%;height:100px;float:left;}

.box_11 .news_center .bd .top .bx .left img{width:100%;height:100px;vertical-align:top;}

.box_11 .news_center .bd .top .bx .right{width:60%;height:100px;float:left;margin-left:10px;cursor:hand;}

.box_11 .news_center .bd .top .bx .right p:nth-of-type(1){/*! width:95%; */margin:5px 0 5px 0;position:relative;overflow:hidden;}

.box_11 .news_center .bd .top .bx .right p:nth-of-type(1)::before{content:'';width:100%;height:1px;background:#dedede;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_11 .news_center .bd .top .bx .right p:nth-of-type(1)::after{content:'';width:0px;height:1px;background:#4e81b3;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_11 .news_center .bd .top .bx:hover .right p:nth-of-type(1)::after{content:'';wwidth:100%;height:1px;background:#4e81b3;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.box_11 .news_center .bd .top .bx .right p:nth-of-type(1) .name{display:block;width:100%;font-size:16px;height:16px;line-height:16px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;float:left;}

.box_11 .news_center .bd .top .bx:hover .right p:nth-of-type(1) .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_11 .news_center .bd .top .bx .right p:nth-of-type(1) span{display:block;font-size:12px;height:26px;line-height:26px;color:#a2a2a2;float:right;-webkit-transition:all .5s;transition:all .5s;}

.box_11 .news_center .bd .top .bx:hover .right p:nth-of-type(1) span{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_11 .news_center .bd .top .bx .right p:nth-of-type(2){font-size:14px;/*! color:#a2a2a2; */line-height:25px;max-height:50px;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;width: 98%;}

.box_11 .news_center .bd .top .bx:hover .right p:nth-of-type(2){color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_11 .news_center .bd .bottom{overflow:hidden;margin-top:10px;}

.newslist li{width:100%;height:52px;line-height:52px;border-bottom:solid 1px #c8c8c8;cursor:hand;-webkit-transition:all .5s;transition:all .5s;float:left;position:relative;}

.newslist li :hover{border-bottom:solid 1px #014b92;-webkit-transition:all .5s;}

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

.newslist li a{display:block;height:52px;line-height:52px;padding-left:20px; background:url(../images/news_jt_01.png) left center no-repeat;font-size:14px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;float:left;width: 70%;}

.newslist li span{display:inline-block;height:52px;line-height:52px;font-size:14px;color:#b0b0b0;float:right;-webkit-transition:all .5s;transition:all .5s;}

.newslist li:hover{background:#014b92;;padding:0 10px;-webkit-transition:all .5s;transition:all .5s;}

.newslist li:hover a{color:#fff!important;-webkit-transition:all .5s;transition:all .5s;}

.newslist li :hover span{color:#fff!important;-webkit-transition:all .5s;transition:all .5s;}





/* 联系我们 */
.box_12{width:100%;height: 320px;padding-top: 56px;background:url(../images/ly_back.jpg) center top no-repeat;margin-top: 50px;}

.box_12 .form{width:1120px;height: 296px;margin: 16px auto 0 auto;overflow:hidden;position:relative;}

.box_12 .form p{width: 344px;height:48px;border:solid 1px #c8c8c8;}

.box_12 .form input{width: 344px;display:inline-block;height:48px;line-height:48px;padding-left:38px;color:#b0b0b0;}

.box_12 .form p:nth-of-type(1){position:absolute;top:0;left:0;}

.box_12 .form p:nth-of-type(2){position:absolute;top:0;left:387px;}

.box_12 .form p:nth-of-type(3){position:absolute;top:0;right:0;}
.box_12 .form p:nth-of-type(4){position:absolute;top: 71px;left:0;}

.box_12 .form p:nth-of-type(5){position:absolute;top:71px;left:387px;}

.box_12 .form p:nth-of-type(6){position:absolute;top:71px;right:0;}

.box_12 .form p:nth-of-type(1) input{background:url(../images/name.png) 10px center no-repeat;}
.box_12 .form p:nth-of-type(2) select{background:url(/template/pc/images/xb.png) 10px center  no-repeat;}
.box_12 .form p:nth-of-type(2) select{background-size:20px 20px;}
.box_12 .form p:nth-of-type(3) input{background:url(../images/phone.png) 10px center no-repeat;}


.box_12 .form p:nth-of-type(4) input{background:url(/template/pc/images/dizhi.png) 10px center no-repeat;}
.box_12 .form p:nth-of-type(5) select{background:url(/template/pc/images/zy.png) 10px center no-repeat;}
 
.box_12 .form p:nth-of-type(6) input{background:url(/template/pc/images/xx.png) 10px center no-repeat;}

 


.box_12 .form p:nth-of-type(7){width:1118px;height: 70px;position:absolute;top: 141px;left:0;}

.box_12 .form textarea{width:1108px;height:88px;line-height:20px;background:url(../images/liuyan.png) 10px 10px no-repeat;padding:10px 0 0 38px;float:left;}

.box_12 .form p:nth-of-type(5){/* width:540px; *//* height:50px; *//* position:absolute; *//* bottom:0; *//* left:0; *//* border:none; *//* overflow:hidden; */}

.box_12 .form p:nth-of-type(5) input{/* display:block; *//* width:415px; *//* height:50px; *//* line-height:50px; *//* padding-left:38px; *//* border:solid 1px #c8c8c8; *//* border-right:none; *//* color:#b0b0b0; *//* font-size:14px; *//* background:url(../images/yzm.png) 10px center no-repeat; */float:left;}

.box_12 .form p:nth-of-type(5) img{display:block;float:right;width:125px;height:50px;}

.box_12 .form .tj{width:540px;height:50px;border:none;position:absolute;bottom: 15px;right: 0px;background:#014b92;z-index:0;}

.box_12 .form .tj .btn{display: block;width:540px;height:50px;line-height:50px;text-align:center;font-size:14px;color:#fff;border:none;background:none;}

.box_12 .form .tj::before{content:'';width:0px;height:50px;background:#f88b04;position:absolute;top:0;right:270px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_12 .form .tj:hover::before{content:'';width:270px;height:50px;background:#f88b04;position:absolute;top:0;right:270px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_12 .form .tj::after{content:'';width:0px;height:50px;background:#f88b04;position:absolute;top:0;left:270px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_12 .form .tj:hover::after{content:'';width:270px;height:50px;background:#f88b04;position:absolute;top:0;left:270px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

/*翻页*/
.page { margin:30px 0; text-align:center}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 14px; height:34px; line-height:34px; display:inline-block; border:1px solid #ddd; margin:0 0.25rem; color:#fff; color:#444; font-size:12px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.page .on{ background:#014b92;  color:#fff; border:1px solid #014b92; }
.page .thisclass{ background:#353535;  color:#fff; border:1px solid #353535;}
.page a:hover{ background:#014b92;  color:#fff; text-decoration:none; border:1px solid #353535;}	




/* 友情链接 */
.links{width:1200px;margin:40px auto;background:#fff;clear:both;}

.links .bt{width:1200px;height:40px;font-size:24px;color:#000;line-height:40px;background:url(../images/link_xian.jpg) right 28px no-repeat;font-family:Arial;text-transform: Uppercase;overflow:hidden;position:relative;}

.links .bt i{font-size:48px;line-height:40px;}

.links .bt span{display:inline-block;font-size:16px;font-weight:bold;line-height:16px;position:absolute;left:100px;bottom:2px;}

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

.links .link a{display:inline-block;width:auto;padding:0 30px;float:left;font-size:14px;height:14px;line-height:14px;color:#858585;border-right:solid 2px #ababab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.links .link a:nth-of-type(1){padding-left:0;}

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

.links .link a:hover{text-decoration:underline;color:#014b92;}









.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 {
  hand-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: #f88b04;
}

.bz-buttonAnimat02::before,
.bz-buttonAnimat02::after,
.bz-buttonAnimat02 .inner::before,
.bz-buttonAnimat02 .inner::after {
    background-color: #f88b04;
}


.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
}
 
.ej2 li:nth-child(1){
    background: red;
    
    
}
.pro-center .bd .main2 li .img {
    width: 360px;
    height: 260px;
    overflow: hidden;
}