@charset "utf-8";
/**
???????????????????????????????????????
http://szhengyi.net
**/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
fieldset,img{border:0;}
img{vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:12px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1; }
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{color:#666;font-size:14px;line-height:24px;font-family:"Microsoft YaHei","SimSun", Arial, Helvetica, sans-serif;}
a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());transition:all ease 0.3s;}
a:hover{color:#156ebf;text-decoration:none;}:focus{outline:none;}
.clear{clear: both;height: 0;}
/* CSS????????????????????? */
.fl{float:left;}
.fr{float:right;}
.w1340{width:1340px; margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.mb40{margin-bottom:40px;}
.mt10{margin-top:10px;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.pd60{padding-top:60px;padding-bottom:60px;overflow:hidden;}

.pc{display:block;}
.m_nav{display:none}
.headlf .m_logo{display:none}
.headrg .m_menuimg{display:none}
/* ??????  */
.header{height:115px;padding-top:20px;background: url('img/head_bg.jpg') no-repeat;}
.header .tie{float:left;font-size:22px;font-weight:700;color:#156ebf;margin:12px 0 0 25px;}
.header .tie span{display: block;font-size:18px;font-weight:400;color:#191919;height:28px;border-radius:14px;text-align:center;margin-top:8px;opacity:.8;}
.headR{padding-top:10px;text-align:right;}
.header .icon a{background: url('img/topIcon.png') no-repeat left 2px;margin-left:13px;padding-left:22px;color:#888;}
.header .icon .wx{position:relative;z-index:10;}
.header .icon .wx span{position: absolute;top:27px;left:-15px;background:#ececec;padding:5px;display:none;z-index:5;}
.header .icon .wx span::before{position: absolute;content: "";top:-12px;left:50px;border:6px solid transparent;border-bottom-color:#ccc;}
.header .icon .wx img{width:100px;height:100px;}
.header .icon .a2{background-position: 0 -43px;}
.header .icon .a3{background-position: 0 -86px;}
.header .icon a:hover{color:#156ebf;}
.header .phone{color:#156ebf;margin-top:10px;}
.header .phone span{padding-left:25px;font-size:28px;height:56px;font-family:Arial;margin-left:10px;font-weight:bold;line-height:28px;background: url('img/topIcon.png') no-repeat left -128px;}

/* ??????  */
.nav{height:65px;line-height:65px;background:#156ebf;font-size:18px;}
.nav>ul{height:65px;border-left: 1px solid #3587d1;}
.navFix{position: fixed;top:0;left:0;z-index:30;width:100%;}
.nav li{float:left;text-align:center;position:relative;z-index:5;border-right:1px solid #3587d1;}
.nav li a{color:#fff;height:65px;display:block;position:relative;z-index:1;padding:0 25px;font-size:16px;}
.nav .m>a:after{position:absolute;content:"";left:0;bottom:0;width:100%;background:#79ca1d;height:0;transition:all 0.3s;z-index:-1;}
.nav li .cur,.nav li a:hover,.nav li.on>a{background:#79ca1d;}
.nav .m>a:hover:after{height:100%;}
.nav .navSub{position:absolute;top:65px;width:100%;display:none;left:0;background:#333;}
.nav .navSub li{float:none;height:36px;line-height:36px;border-top:1px solid #111;background:none;margin-left:0;text-align:center;font-size:12px;text-align:center;border-right:none;}
.nav .navSub a{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:34px;color:#fff;display:block;border-radius:0;padding:0;font-size:12px;}
.nav .navSub a:hover{background:#79ca1d;color:#fff;}


/*  ??????????????? */
.slider{position:relative;overflow:hidden;width:100%}
.slideBox .hd{height:10px;z-index:1;overflow:hidden;position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:1}
.slideBox .hd ul{text-align:center;padding-top:5px}
.slideBox .hd ul li{cursor:pointer;float:left;margin-right:5px;width:30px;height:10px;line-height:14px;text-align:center;background:#fff}
.slideBox .hd ul .on{background:#00a2ff;color:#fff}
.slideBox .bd{position:relative;z-index:0}
.slideBox .bd li img{width:100%;vertical-align:top}

/*  ?????? */
.search{height:70px;line-height:70px;overflow:hidden;position:relative;border-bottom:1px solid #e0e0e0;}
.searFont{width:-webkit-calc(100% - 540px); width:-moz-calc(100% - 540px); width:calc(100% - 540px);overflow:hidden;border-left: 1px solid #e0e0e0;padding-left:20px;}
.searFont strong{color:#333;font-weight:normal}
.searMain{width:370px;height:70px;line-height:70px;overflow:hidden;border:1px solid #e0e0e0;}
.searMain .sear_text{float:left;width:280px;height:70px;line-height:70px;background:none;padding:0 15px;}
.searMain .sear_btn{float:right;width:60px;height:70px; cursor:pointer;background:url('img/sIcon.png') no-repeat center;transition:all 0.3s;opacity:.8;}
.searMain .sear_btn:hover{opacity:1;}

/*  ???????????? */
.hTop{text-align:center;margin-bottom:40px;font-weight:normal;}
.hTitle{color:#191919;}
.hTitle span{position:relative;padding:0 20px;font-size:36px;line-height:36px;}
.hTitle span:before,.hTitle span:after{content:"";position:absolute;left:-26px;width:26px;height:5px;background: url('img/tie_l.png') no-repeat;top:24px;}
.hTitle span:after{left:auto;right:-26px;background: url('img/tie_r.png') no-repeat;}
.hTitle i{font-style:normal;font-size:14px;font-family:Arial;display:block;opacity:.6;}
.hTop h4{font-size:14px;font-weight:normal;color:#666;margin-top:10px;}

.caseMenu{margin-bottom:50px;overflow:hidden;padding:0 50px;}
.caseMenu li{float:left;border-right:1px dotted #ccc;text-align:center;width:300px;font-size:18px;}
.caseMenu li a{display:inline-block;text-align:left;padding-left:50px;line-height:22px;color:#191919;}
.caseMenu li i{float:left;width:40px;height:38px;background: url('img/case_icon.png') no-repeat;margin-left:-50px;transition:all 0.4s;}
.caseMenu li span{display:block;font-size:12px;color:#888;font-family:Arial;}
.caseMenu li:last-child{border-right:none;}
.caseMenu li:nth-child(2) i{background-position: -40px 0;}
.caseMenu li:nth-child(3) i{background-position: -80px 0;}
.caseMenu li:nth-child(4) i{background-position: -120px 0;}
.caseMenu .on a,.caseMenu .on a span{color:#156ebf;}
.caseMenu li.on i{background-position: 0 -38px;}
.caseMenu li:nth-child(2).on i{background-position: -40px -38px;}
.caseMenu li:nth-child(3).on i{background-position: -80px -38px;}
.caseMenu li:nth-child(4).on i{background-position: -120px -38px;}

.caseMain,.caseBox{max-height:860px;overflow:hidden;}
.caseMain ul{width:1390px;}
.caseMain li{float:left;width:425px;position:relative;margin-bottom:35px;margin-right:30px;overflow:hidden;}
.caseMain li:after{content:"";position:absolute;left:0;bottom:0;transition:all 0.4s;height:1px;background:#156ebf;width:0;}
.caseMain li .pImg{display:block;width:425px;height:295px;overflow:hidden;position:relative;margin-bottom:15px;}
.caseMain li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;transition:all 0.3s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2;opacity:.6;}
.caseMain li .pImg:after{content:"";position:absolute;width:58px;height:58px;background: url('img/pMore.png') no-repeat;left:50%;top:50%;margin-left:-27px;opacity:0;transition:all 0.3s;z-index:3;}
.caseMain li img{width:425px;height:295px;transition:all .5s;}
.caseMain li h4{font-size:16px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;height:30px;}
.caseMain li p{position:relative;background: url('img/p_arr.png') no-repeat left bottom;color:#888;transition:all 0.3s;font-size:12px;padding-bottom:10px;height:60px;}
.caseMain li:hover img{transform:scale(1.1);}
.caseMain li:hover h4{color:#156ebf;}
.caseMain li:hover p{background:-50px bottom;}
.caseMain li:hover:after{width:100%;}
.caseMain li:hover .pImg:before{transform:perspective(200px) rotateX(0);}
.caseMain li:hover .pImg:after{transition-delay:.1s;margin-top:-27px;opacity:1;}


/*  ???????????? */
.product{background: url('img/pro_bg.jpg');}
.proMenu{text-align:center;height:60px;margin-bottom:40px;position:relative;font-size:18px;position: relative;z-index:2;}
.proMenu::after{content:"";position: absolute;left:-50%;height:1px;width:200%;background:#acacac;top:4px;z-index:-1;}
.proMenu a{padding:25px 20px 0 20px;display:inline-block;color:#333;position:relative;}
.proMenu a::after{content:"";position: absolute;left:50%;top:0;width:9px;height:9px;background:#8b8b8b;border-radius:100%;}
.proMenu .on,.proMenu a:hover{color:#156ebf;}
.proMenu .on::after,.proMenu a:hover:after{background:#156ebf;}

.proMain,.proBox{overflow:hidden;}
.proMain li{float:left;width:23%;margin-right:1%;margin-left:1%;}
.proMain li .pImg{display: block;padding-bottom:85%;width: 100%;position: relative;overflow: hidden;overflow:hidden;position:relative;}
.proMain li .pImg::after{content:"";position: absolute;left:10px;top:10px;bottom:10px;right:10px;border:2px solid #fff;transform: scale(0) rotate(90deg);opacity:0;transition:all .5s;}
.proMain li .pImg img{width: 100%;height: 100%; position: absolute;top: 0;left: 0; transition:all .5s;}
.proMain li p{text-align:center;height:60px;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:15px;}
.proMain li:hover img{transform: scale(1.1);}
.proMain li:hover .pImg::after{transform: scale(1) rotate(0);opacity:.6;}

/*  ?????? */
.problem{background: url('img/problem_bg.jpg') no-repeat center;background-image: url('img/problem_bg.jpg');background-repeat: no-repeat;background-position:center;background-size: cover;background-attachment: fixed;}
.problemL{width:600px;font-size:22px;color:#fff;}
.problemL .title{font-size:32px;line-height:50px;margin-bottom:25px;}
.problemL .title span{display: block;font-size:46px;font-weight:500;}
.problemL li{overflow:hidden;padding:10px 0;font-size:20px;}
.problemL li i{float:left;width:42px;height:48px;background: url('img/problem_num.png') no-repeat;line-height:48px;font-style:normal;text-align:center;margin-right:20px;margin-top:-10px;}
.problemL h4{height:60px;line-height:60px;font-size:25px;background:#156ebf;text-align:center;margin-top:30px;box-shadow: 3px 3px 2px 3px #2a2a2a;}

.problemR{background:#fff;padding:30px 50px;width:380px;border-radius:30px;box-shadow: 3px 3px 2px 3px #2a2a2a;}
.problemR .tie{font-size:22px;color:#191919;margin-bottom:30px;padding-top:10px;}
.problemR .tie span{display: block;font-size:14px;opacity:.5;}
.problemR input,.problemR textarea{height:52px;line-height:52px;border:1px solid #ccc;padding:0 15px;width:350px;margin-bottom:10px;}
.problemR textarea{height:140px;}
.problemR .code input{width:120px;float:left;}
.problemR .code img{background:#f5f5f5;padding:16px 8px;}
.problemR .code .sub{float:right;background:#156ebf;color:#fff;border:1px solid #156ebf;cursor: pointer;}
.problemR .code .sub:hover{background:#2477c5;}

/*  ???????????? */
.reason{background: url('img/reason_bg.jpg') no-repeat center;background-repeat: no-repeat;background-position:center;background-size:cover;background-attachment:fixed;}

.reason ul li{width:100%;padding:15px 0;float:left;}
.reason ul li .l{width:-webkit-calc(100% - 750px); width:-moz-calc(100% - 750px); width:calc(100% - 750px);float:left; }
.reason ul li .r{width:710px;float:right;text-align:center;}
.reason ul li:nth-child(2n) .l{float:right;}
.reason ul li:nth-child(2n) .r{float:left;}
.reason ul li .r img{border:none;margin:0 auto;} 
.reason ul li .l .tt1{width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px);background:url(../img/lll.png) left top no-repeat ;height:57px;float:left;padding-left:80px;margin-top:40px;}
.reason ul li .l .tt1 h3{font-size:24px;color:#156ebf; font-weight:600;line-height:40px;}
.reason ul li .l .tt1 span{font-size:14ppx;color:#8d8d8d;height:17px;line-height:17px;}
.reason ul li .l .tt2{width:80%;margin-top:40px;float:left;margin-left:80px;line-height:35px;font-size:14px;color:#787878;}
/*  ???????????? */
.solution{padding-top:60px;padding-bottom:60px;overflow: visible;}
.solutionMain{height:390px;overflow:hidden;background:#156ebf;margin-bottom:10px;}
.solutionMain li{height:390px;position:relative;overflow:hidden;}
.solutionMain li .pImg{display:block;width:670px;height:390px;overflow: hidden;}
.solutionMain li img{width:670px;height:390px;transition:all .5s;animation:scale 30s infinite;}
.solutionMain li .txt{position: absolute; background:#fff;padding:50px 60px;top:30px;right:30px;width:560px;height:230px;}
.solutionMain li h4{font-size:30px;color:#156ebf;margin-bottom:25px;}
.solutionMain li h4 a{color:#156ebf;}
.solutionMain li h4 a:hover{text-decoration: underline;padding-left:10px;}
.solutionMain li .more{display:inline-block;margin-top:35px;width:150px;height:38px;line-height:38px;border:1px solid #156ebf;border-radius:20px;text-align:center;color:#156ebf;}
.solutionMain li .more i{font-style:normal;margin-left:15px;}
.solutionMain li .more:hover{background:#156ebf;color:#fff;}

.solutionPic{position:relative;}
.solutionPic .ohbox{height:165px;overflow:hidden;}
.solutionPic ul{width:1360px;}
.solutionPic li{float:left;width:215px;overflow: hidden;margin-right:10px;position: relative;cursor: pointer;text-align:center;}
.solutionPic li a{display:block;overflow:hidden;}
.solutionPic li img{width:215px;height:125px;transition:all .5s;}
.solutionPic li a::after{content:"";position: absolute;left:0;top:0;width:100%;height:125px;background:#000;opacity:0;transition:all .5s;transform: scale(0);}
.solutionPic li p{height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:16px;background:#787878;color:#fff;}
.solutionPic .on a::after{opacity:.5;transform: scale(1);}
.solutionPic .on p{color:#fff;background:#156ebf;}
.solutionPic .btn{position:absolute;width:40px;height:40px;left:-20px;border-radius:50%;background:#156ebf;color:#fff;line-height:40px;text-align:center;top:40px;z-index:2;}
.solutionPic .sNext{left:auto;right:-20px;}
.solutionPic .btn:hover{background:#156ebf;}
.gcal{display:none;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}

/*  ???????????? */
.about{overflow:hidden; border-bottom:1px solid #f3f3f3;}
.aboutMain .font{width:620px;}
.aboutMain .font .tie{font-size:36px;color:#191919;margin-bottom:25px;line-height:40px;}
.aboutMain .font .tie span{color:#156ebf;font-size:22px;display: block;font-weight:700;}
.aboutMain .font .txt{height:180px;margin-bottom:20px;overflow:hidden;}
.aboutMain .font .more{color:#156ebf;}
.aboutMain .font .more i{font-style:normal;margin-left:10px;}
.aboutMain .btn{margin-top:40px;}
.aboutMain .btn a{display:inline-block;width:145px;height:38px;line-height:38px;border:1px solid #434343;text-align:center;border-radius:20px;color:#434343;margin-right:25px;}
.aboutMain .btn a:hover{background:#156ebf;color:#fff;border:1px solid #156ebf ;}

.aboutMain .pic{overflow:hidden;padding-right:20px;position: relative;padding-bottom:20px;}
.aboutMain .pic::after{content:"";position: absolute;left:20px;top:20px;background:#156ebf;width:100%;height:100%;z-index:-1;}
.aboutMain .pic a{display: block;position:relative;width:640px;height:430px;overflow: hidden;}
.aboutMain .pic img{width:670px;height:430px;animation:scale 30s infinite;}

/* ???????????? */
.honor .title{font-size:22px;color:#333;background: url('img/h_line.jpg') no-repeat left center;margin-bottom:20px;font-weight:normal;padding-left:20px;}
.honor .title a{float:right;font-size:14px;background: url('img/more.jpg') no-repeat right center;padding-right:20px;}
.honor{overflow: visible;position: relative;}
.honor .ohbox{overflow:hidden;border-left:1px solid #d9d9d9;}
.honor .ohbox li{float:left;width:-webkit-calc(25% - 3px); width:-moz-calc(25% - 3px); width:calc(25% - 3px);border:1px solid #d9d9d9;margin-left:-1px;overflow:hidden;transition:all 0.3s;position:relative;}
.honor .ohbox li .pImg{display:block;padding-bottom:90%;width: 100%;position: relative;overflow: hidden;}
.honor .ohbox li img{width: 100%;height: 100%; position: absolute;top: 0;left: 0;transition:all .5s;}
.honor .ohbox li p{height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;line-height:40px;text-align:center;padding:0 10px;}
.honor li:hover{box-shadow:0 0 8px #ccc;z-index:2;}
.honor li:hover img{transform:scale(1.1);}
.honor .pageBtn span{position:absolute;cursor:pointer;left:-60px;top:50%;line-height:40px;width:40px;text-align:center;background:#333;color:#fff;}
.honor .pageBtn .next{left:auto;right:-60px;}
.honor .pageBtn span:hover{color:#fff;background:#156ebf;}

/* ???????????? */
.process{background:url('img/process_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed;color:#fff;}
.hTitlew{color:#fff;}
.hTitlew i{margin-top:5px;}
.hTitlew span::after,.hTitlew span::before{display:none;}
.process ul{position: relative;overflow: hidden;z-index:2;}
.process ul::after{content:"";position: absolute;left:50px;top:16px;width:88%;background:#fff;height:1px;z-index:-1;}
.process li{float:left;width:12%;text-align:center;}
.process li i{width:32px;height:32px;display:inline-block;background:#79ca1d;color:#fff;border-radius:100%;margin-bottom:10px;text-align:center;line-height:32px;font-style:normal;font-family:Arial;font-size:14px;}
.process li span{display: block;font-size:14px;margin-top:10px;}
.process li:hover i{top:-10px}
.process .tel{width:410px;margin:0 auto;margin-top:40px;}
.process .tel h4{background: url('img/fTel.png') no-repeat left center;padding-left:40px;}
.process .tel h4 span{display: block;font-size:26px;font-family:Arial;line-height:32px;}
.process .tel .zx{width:160px;height:40px;line-height:40px;border:1px solid #fff;border-radius:20px;text-align:center;color:#fff;margin-top:10px;}
.process .tel i{display:inline-block;background: url('img/zxIcon.png') no-repeat;width:14px;height:14px;margin-right:10px;position:relative;top:2px;}
.process .tel .zx:hover{box-shadow:0 0 10px #fff inset;}

/* ???????????? */
.hTitle2 i{font-size:14px;opacity:.8;margin-top:5px;font-family: "Microsoft YaHei";}
.partner ul{padding-left:1px;}
.partner li{float:left;width:-webkit-calc(14.28% - 3px); width:-moz-calc(14.28% - 3px); width:calc(14.28% - 3px); border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px;overflow:hidden;position: relative;height:110px;}
.partner li .imgwap{padding-bottom:60%;width:100%;position: relative;overflow: hidden;}
.partner li .imgwap img{width: 100%;height:100%; position: absolute;top: 0;left: 0; transition:all .4s;}
.partner li p{text-align:center;color:#fff;background:#156ebf;height:30px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .4s;position:relative;z-index:1;}
.partner li:hover p{margin-top:-30px;}
.partner li:hover  img{top:-15px;}
.partner li:hover{border:1px solid #156ebf;z-index:1;}

/* ?????? */
.news{background:#f8f8f8;}
.tieTop{overflow: hidden;margin-bottom:40px;}
.news span::after,.news span::before{display:none;}
.news span{padding:0;}
.news .menu{font-size:20px;padding-top:20px;}
.news .menu a{color:#333;margin-left:60px;position:relative;padding-bottom:10px;}
.news .menu a::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:2px;background:#156ebf;width:0;transition:all .4s;}
.news .menu .on,.newsL .txt .date a:hover,.newsL .txt h4 a:hover{color:#156ebf;}
.news .menu .on::after{width:100%;}
.newsMain,.newsBox{height:325px;overflow: hidden;}
.newsL{width:870px;}
.newsL .pic{float:left;height:325px;width:415px;overflow:hidden;}
.newsL .pic p{height:60px;line-height:60px;margin-top:-60px;color:#fff;text-align:center;padding:0 10px;position:relative;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background: url('img/opc2.png');}
.newsL .pic img{transition:all .5s;width:100%;height:325px;}
.newsL .pic:hover img{transform: scale(1.1);}
.newsL .txt{width:400px;float:right;height:150px;color:#888;margin-bottom:40px;}
.newsL .txt h4{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:18px;margin-bottom:15px;}
.newsL .txt h4 a{color:#333;}
.newsL .txt p{height:60px;margin-bottom:10px;}
.newsL .txt .date{display: block;color:#aaa;font-size:12px;}
.newsL .txt .date a{margin-left:10px;color:#aaa;}
.newsR {width:-webkit-calc(100% - 940px); width:-moz-calc(100% - 940px); width:calc(100% - 940px);overflow: hidden;}
.newsR li{height:42px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsR li span{margin-left:25px;color:#999;float:right;font-size:12px;}

/* ?????? */
.footer{background:#2f2f2f;color:#ccc;font-size:12px;}
.footMain{padding:50px 0 40px 0;overflow: hidden;}
.footL{width:-webkit-calc(100% - 520px); width:-moz-calc(100% - 520px); width:calc(100% - 520px);}
.footMenu{font-size:15px;margin-bottom:30px;}
.footContact{line-height:26px;}
.footR{width:480px;}
.footR h4{background: url('img/fTel.png') no-repeat left center;padding-left:40px;margin:20px 0 25px 0;}
.footR h4 span{font-size:22px;color:#fff;display:block;line-height:30px;}
.footR .zx{display:inline-block;height:45px;line-height:45px;border:1px solid #fff;border-radius:24px;width:100%;text-align:center;}
.footR .zx i{display:inline-block;width:14px;height:15px;background: url('img/zxIcon.png') no-repeat;position:relative;margin-right:10px;top:3px;}
.footR .zx:hover{box-shadow:0 0 10px #fff inset;}
.footR .tel{margin-right:25px;}
.footR .wx{width:110px;text-align:center;background:#fff;padding:5px;border-radius:5px;}
.footR .wx img{width:100%;}
.footR .wx span{display:block;color:#555;margin-bottom:5px;}
.firendLink{border-top: 1px solid #454545;padding:15px 0;}
.firendLink a{margin:0 10px;}
.footer a{color:#ccc;}
.footer a:hover{color:#fff;;}
.footMenu a{margin-right:22px;color:#fff;}
.footMenu a:hover{text-decoration:underline;}


.page_banner {
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.page_banner img {
  width: 100%;
}

.pro_tag {
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    line-height: 40px;
    margin-top: 20px;
}

.pro_tag span {
  font-size: 14px;
  color: #333;
}
.pro_tag a {
  font-size: 11px;
  color: #666;
  padding-right: 15px;
}
.pro_tag a:hover {
  color: #036aac;
}


.showarea {
    padding: 15px 0;
}
.showarea h3 {
  padding-bottom: 10px;
  font-size: 16px;
  color: #036aac;
  border-bottom: 1px solid #e4e4e4;
  display: block;
}
.showarea h3 span {
  font-weight: 400;
  color: #999;
  text-transform: uppercase;
}
.showarea .list {
      overflow: hidden;
    margin-top: 20px;
}
.showarea .list a {
    display: block;
    margin-right: 17px;
    font-size: 14px;
    float: left;
    margin-bottom: 12px;
}
.showarea .list a:hover {
  color: #036aac;
}

/* ???????????? */
.listBanner{ height:320px;overflow:hidden;position: relative;}
.listBanner img{position: relative; left:50%; margin-left:-960px;}
.listBanner h3{position:absolute;color:#fff;top:36%;font-size:36px;text-transform:uppercase;left:50%;margin-left:-660px;line-height:36px;background: rgba(0,0,0,.5);padding:15px 30px;}
.listBanner h3 span{display: block;font-size:14px;font-family:Arial;}
.listWrapper{padding:60px  0;overflow:hidden;}
.breadCrumb{height:40px;margin-top:20px;font-size:14px;border-bottom: 1px solid #ddd;}
.breadCrumb p{background:url('img/home_icon.png') no-repeat left 4px; padding-left:25px;width:1315px;}
.breadCrumb .back{float:right;height:28px;line-height:28px;text-align:center;border-radius:5px;margin-top:0;background: url('img/back.png') no-repeat left center;padding-left:20px;}
.proSear{margin-bottom:50px;}
.proSear .searSelect span:after{top:20px;}
.proSear .searSelect ul{top: 40px;}
.proSear form{width:825px;margin:0 auto;margin-top:15px;background:#fff;height:40px;line-height:40px;}
.proSear .searSelect{border:1px solid #ccc;border-right:none;}
.proSear .txt{width:688px;float:left;height:40px; line-height:40px;color:#666;padding:0 10px;border:1px solid #ccc;}
.proSear .btn{float:left;width:50px;height:42px; cursor:pointer;transition:all 0.3s;background:#156ebf url('img/sBtn.png') no-repeat center;}
.proSear .btn:hover{opacity:.8;}


/* ?????????????????? */
.listMenu{height:70px;line-height:70px;border-bottom:1px solid #ddd;}
.listMenu .menu a{float:left;font-size:16px;color:#555;position:relative;margin-right:35px;}
.listMenu .menu a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;transition:all 0.4s;background:#156ebf;}
.listMenu .menu a.cur,.listMenu .menu a:hover{color:#156ebf;}
.listMenu .menu a.cur:after,.listMenu .menu a:hover:after{width:100%;}
.menuSub{text-align:center;margin-top:20px;}
.menuSub a{width:125px;border:1px solid #ddd;background:#555;display:inline-block;transition:all 0.3s;margin-right:10px;height:35px;line-height:35px;box-shadow:0 0 1px #555 inset;}
.menuSub a.current,.menuSub a:hover{border:1px solid #156ebf;background:#156ebf;color:#fff;}
.listTie{text-align:center;font-size:32px;color:#fff;margin-bottom:30px;padding-bottom:20px;position: relative;line-height:32px;}
.listTie::after{content:"";position: absolute;left:50%;bottom:0;margin-left:-10px;width:20px;height:1px;background:#156ebf;transition: all .3s;}
.listMenu p{background:url('img/home_icon.png') no-repeat left center; padding-left:25px;}

/* ?????????????????? */
.listLeft{float:left;width:300px;}
.listRight{float:right;width:-webkit-calc(100% - 340px); width:-moz-calc(100% - 340px); width:calc(100% - 340px);overflow: hidden;}
.sidebar{margin-bottom:20px;}
.side_title{background:#156ebf;height:80px;color:#fff;font-size:22px;font-weight:normal;line-height:80px;padding-left:30px;}
.sidebarMenu{background:#fff;border:1px solid #d9d9d9;border-top:none;}
.sidebarMenu li{font-size:16px;}
.sidebarMenu li a{height:70px;line-height:70px;border-bottom:1px solid #d9d9d9;padding-left:30px;display:block; color:#191919; background: url('img/side_li.png') no-repeat 260px center;position:relative;}
.sidebarMenu>li>a:after{content:"";position:absolute;left:-1px;top:0;height:0;width:3px;background:#156ebf;transition:all 0.3s;}
.sidebarMenu li .cur,.sidebarMenu li a:hover{background:#ededed url('img/side_lih.png') no-repeat 260px center;color:#156ebf;}
.sidebarMenu li .cur:after,.sidebarMenu li a:hover:after{height:100%;}
.sidebarMenu li:last-child a{border-bottom:none;}
.sidebarMenu li ul{font-size:14px;padding:5px  0;background:#f5f5f5;}
.sidebarMenu ul li {background:none;padding-top:0;}
.sidebarMenu li ul a{background: url('img/ly_li.png') no-repeat 40px center;padding-left:50px;color:#666;height:34px;line-height:34px;font-size:13px;}
.sidebarMenu li ul .cur,.sidebarMenu li ul a:hover{background: url('img/ly_li.png') no-repeat 40px center;color:#156ebf; }
.leftNews{border:1px solid #d9d9d9;border-top:1px solid #156ebf;}
.leftNews li:last-child{margin-bottom:0;}
.listLeft .title{height:60px;line-height:60px;padding-left:25px;font-size:16px;font-weight:normal;color:#156ebf;border-bottom:1px solid #d9d9d9;}
.listLeft .main{padding:25px;font-size:14px;overflow:hidden;}
.leftNews li{margin-bottom:15px;}
.leftContact{border:1px solid #d9d9d9;margin-top:30px;border-top:1px solid #156ebf;}
.leftContact .main p{margin-bottom:5px;}

/* ???????????? */
.caseList ul{ width:1040px;}
.caseList li{float:left;width:310px;position:relative;margin-bottom:35px;margin-right:32px;overflow:hidden;}
.caseList li:after{content:"";position:absolute;left:0;bottom:0;transition:all 0.4s;height:1px;background:#156ebf;width:0;}
.caseList li .pImg{display:block;width:310px;height:215px;overflow:hidden;position:relative;margin-bottom:15px;}
.caseList li img{width:310px;height:215px;transition:all .5s;}
.caseList li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;transition:all 0.3s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2;opacity:.6;}
.caseList li .pImg:after{content:"";position:absolute;width:58px;height:58px;background: url('img/pMore.png') no-repeat;left:50%;top:50%;margin-left:-27px;opacity:0;transition:all 0.3s;z-index:3;}
.caseList li p{font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;height:40px;background: url('img/p_arr.png') no-repeat left bottom;transition:all .4s;}
.caseList li:hover img{transform:scale(1.1);}
.caseList li:hover p{background:-50px bottom;color:#156ebf;}
.caseList li:hover:after{width:100%;}
.caseList li:hover .pImg:before{transform:perspective(200px) rotateX(0);}
.caseList li:hover .pImg:after{transition-delay:.1s;margin-top:-27px;opacity:1;}

/*  ???????????? */
.proShowBox1{border:1px solid #d9d9d9;}
.caseTitle{font-size:32px;color:#333;font-weight:normal;border-bottom:1px solid #d9d9d9;padding:40px 0;text-align:center;}
.caseShow_main{position:relative;overflow:hidden;padding:49px;}
.caseShow_box{width:940px;height:590px;position:relative;overflow:hidden;margin:0 auto;margin-bottom:10px;}
.caseShow_box li a:after{content:"";position:absolute;background: url('img/m.png') no-repeat;width:55px;height:54px;bottom:10px;right:10px;}
.caseShow_box ul{position:absolute;left:0;top:0;}
.caseShow_box ul li{width:940px;height:590px;overflow:hidden;text-align:center;}
.caseShow_box li a{position:relative;display:block;}
.caseShow_box ul li img{width:940px;height:590px;}
.caseShow_main .prev{float:left;cursor:pointer;}
.caseShow_main .num{height:85px;overflow:hidden;width:860px;position:relative;float:left;}
.caseShow_main .min_pic{padding-top:10px;width:940px;}
.caseShow_main .num ul{position:absolute;left:0;top:0;}
.caseShow_main .num ul li{width:100px;height:80px;margin-right:5px;padding:1px;}
.caseShow_main .num ul li.on{border:1px solid #156ebf;padding:0;}
.caseShow_main .prev_btn1{width:16px;text-align:center;height:18px;margin-top:30px;margin-right:20px;cursor:pointer;float:left;}
.caseShow_main .next_btn1{width:16px;text-align:center;height:18px;margin-top:30px;cursor:pointer;float:right;}
.caseShow_main .prev1{position:absolute;top:240px;left:0;width:53px;height:53px;z-index:9;cursor:pointer;z-index:3;}
.caseShow_main .next1{position:absolute;top:240px;right:0;width:53px;height:53px;z-index:9;cursor:pointer;z-index:3;}
.caseShow_main .btn:hover{opacity:.8;}
.mhc{background:#000;width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50);position:absolute;left:0;top:0;display:none;}
.pop_up{width:500px;height:500px;padding:10px;background:#fff;position:fixed;-position:absolute;left:50%;top:50%;margin-left:-255px;margin-top:-255px;display:none;z-index:99;}
.pop_up_xx{width:40px;height:40px;position:absolute;top:-40px;right:0;cursor:pointer;}
.pop_up2{width:500px;height:500px;position:relative;overflow:hidden;}
.pop_up2{width:500px;height:500px;position:relative;overflow:hidden;float:left;}
.pop_up2 ul{position:absolute;left:0;top:0;}
.pop_up2 ul li{width:500px;height:500px;float:left;}
.caseShow_font{overflow:hidden;padding:49px;text-align:justify;text-justify:inter-ideograph;}
.proShowBox2{padding:45px 0 70px 0;overflow:hidden;}
.proShowBox2 .title{font-size:18px;color:#333;padding-left:15px;border-left:2px solid #156ebf;margin-bottom:20px;line-height:20px;}
.proShowBox2 .title .more{float:right;font-size:14px;background: url('img/more.jpg') no-repeat right center;padding-right:20px;font-weight:normal;}
.relativePro{border:1px solid #d9d9d9;padding:46px;padding-bottom:30px;overflow:hidden;height:260px;position:relative;}
.relativePro li,.relativePro li img,.relativePro li .pImg{width:280px;}
.relativePro li img,.relativePro li .pImg{height:190px;}
.relativePro .pageBtn span{position:absolute;cursor:pointer;left:0;top:120px;font-size:0;line-height:0;background: url('img/hBtn.jpg') no-repeat ;width:40px;height:40px;}
.relativePro .pageBtn .next{left:auto;right:0;background-position: -40px 0;}
.relativePro .pageBtn span:hover{background-position: -80px 0;}
.relativePro .pageBtn .next:hover{background-position: -120px 0;}

/*  ???????????? */
.listRight .pTie{border-bottom: 1px solid #ddd;margin-bottom:30px;height:40px;}
.listRight .pTie h4{color:#156ebf;font-size:22px;font-weight:normal;border-bottom: 1px solid #156ebf;height:40px;display:inline-block;}
.listRight .pTie p{background:url('img/home_icon.png') no-repeat left 4px; padding-left:25px;}
.proList{width:100%;}
.proList li{float:left;width:31%;transition:all 0.4s;margin-right:2%;margin-bottom:20px;}
.proList li .pImg{display:block;padding-bottom:83%;width: 100%;position: relative;overflow:hidden;position:relative;}
.proList li .pImg img{width: 100%;height: 100%; position: absolute;top: 0;left: 0;transition:all 0.5s;}
.proList li p{font-weight:normal;text-align:center;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:2;color:#191919;}
.proList li .pImg:before,.proList li .pImg:after{position:absolute;content:'';opacity:0;transition:all 0.5s;transition-delay:.3s;z-index:2;}
.proList li .pImg:before{top:10px;right:10px;bottom:10px;left:10px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.proList li .pImg:after{top:10px;right:10px;bottom:10px;left:10px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.proList li:hover .pImg:before,.proList li:hover .pImg:after{opacity:.7;transform:scale(1);transition: all 0.5s;}
.proList li:hover img{transform:scale(1.1);}
.proList li:hover p{color:#156ebf;}
.proList li:hover p::after{background-position: 0 -31px;}
.searchList ul{width:1380px;}
.relatedPro li{width:300px;}
.relatedPro li .pImg,.relatedPro li img{width:298px;height:248px;}

/* ????????????????????? */
.proShow_pic{width:500px;border:1px solid #eee; overflow:hidden;}
.proShow_pic .img_wap{padding-bottom:83%;width: 100%;position: relative;overflow: hidden;}
.proShow_pic .img_wap img{width: 100%;height: 100%; position: absolute;top: 0;left: 0; }
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:500px;height:430px;display: table-cell;vertical-align: middle;border-bottom:1px solid #eee;}
.spec-scroll,.spec-scroll .items{width:500px;height:95px;overflow:hidden;position:relative;}
.spec-scroll .items ul{position:absolute;width:540px;height:95px;}
.spec-scroll .items li{width:124px;height:90px;float:left;border-right:1px solid #eee;text-align:center;position:relative;z-index:2;padding:2px 0;line-height:90px;}
.spec-scroll .items li:after{content:"";position:absolute;left:0;top:0;border:1px solid transparent;width:100%;height:98%;z-index:-1;}
.spec-scroll .items li img{width:100px;height:86px;cursor:pointer;}
.spec-scroll .items li.on:after{border-color: #156ebf;}
.spec-scroll .btn{position:absolute;left:0;top:0;width:30px;color:#fff;background:rgba(0,0,0,.6);height:95px;text-align:center;line-height:95px;font-family:"??????";font-size:30px;font-weight:bold;z-index:3;cursor:pointer;display:none;}
.spec-scroll .next{left:auto;right:0;}
.spec-scroll:hover .btn{display:block;}
.spec-scroll .btn:hover{background:rgba(0,0,0,.8);}

/* ?????????????????? */
.proShow{background:#f5f5f5;overflow:hidden;}
.proShowBox1{background:#fff;overflow:hidden;}
.proShow_font{width:-webkit-calc(100% - 570px); width:-moz-calc(100% - 570px); width:calc(100% - 570px);height:415px;position:relative;}
.proShow_font .title{font-size:26px; color:#333;margin-bottom:25px;font-weight:normal;line-height:40px;}
.proShow_font .title span{display: block;font-size:16px;opacity:.7;}
.proShow_font .txt{height:200px;margin-bottom:30px;border-bottom: 1px solid #ddd;}
.proShow_font .left{width:270px;}
.proShow_font .tel{margin-bottom:35px;background: url('img/show_icon1.png') no-repeat left 3px;padding-left:25px;}
.proShow_font .tel span{font-size:28px;color:#156ebf;font-family:Arial;font-weight:bold;line-height:30px;display:block;margin-left:-25px;}
.proShow_font .zx{display:inline-block;width:140px; height:45px;line-height:45px;background:#156ebf;color:#fff;text-align:center;font-size:18px;border-radius:5px;margin-top:10px;}
.proShow_font .zx:hover{background:#156ebf;color:#fff;}
.proShow_font .right{width:230px;}
.proShow_font .right p{background: url('img/show_icon2.png') no-repeat left center;padding-left:25px;}
.proShow_font .right .p2{background: url('img/show_icon3.png') no-repeat left center;margin-bottom:35px;}
.bshare-custom span{display:block;margin-bottom:10px;}
.proShow_menu{height:40px;border-bottom: 1px solid #eee;font-size:20px;color:#333;margin-bottom:30px;}
.proShow_menu span{margin-right:40px;cursor:pointer;display: inline-block;height:40px;}
.proShow_menu span.on{color:#156ebf;border-bottom: 1px solid #156ebf;}
.mainBox{overflow:hidden;margin-bottom:40px;}
.relatedPro li{margin-right:15px;}

/* ???????????? */
.listTie{text-align:center;font-size:32px;color:#222;margin-bottom:30px;padding-bottom:20px;position: relative;line-height:32px;}
.listTie::after{content:"";position: absolute;left:50%;bottom:0;margin-left:-10px;width:20px;height:1px;background:#156ebf;transition: all .3s;}
.aboutBox1{background:none;}
.aboutBox1 .content{width:100%;line-height:35px;}
 
.aboutBox2,.aboutBox4{background:#f8f8f8;}
.aboutBox2 .main{width:660px;}
.aboutBox2 .main .tie{font-size:30px;color:#222;font-weight:normal;margin-bottom:45px;}
.aboutBox2 .main li{border-bottom:1px dotted #d7d7d7;padding-bottom:24px;margin-bottom:24px;font-size:16px;padding-left:100px;line-height:26px;}
.aboutBox2 .main li span{color:#156ebf;float: left;margin-left:-100px;}
.aboutBox2 .main li:last-child{border-bottom:none;}
.aboutBox2 .main li h4{font-size:20px;color:#222;margin-bottom:15px;}
.honorSlide{position: relative;height:340px;}
.honorSlide .ohbox{height:340px;overflow: hidden;}
.honorSlide ul{width:1380px;}
.honorSlide li{float:left;width:250px;margin-right:22px;}
.honorSlide li .pImg{width:250px;height:290px;overflow:hidden;display:block;background:#156ebf;border:1px solid #ddd;}
.honorSlide li img{width:250px;height:290px;transition:all 0.5s;}
.honorSlide li p{text-align:center;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.honorSlide li img:hover{transform:scale(.92);}
.honorSlide .pageBtn span{position:absolute;cursor:pointer;left:-60px;top:160px;width:45px;height:45px;border-radius:100%;background:#666;color:#fff;font-size:20px;font-family:"??????";font-weight:bold;text-align:center;line-height:45px;}
.honorSlide .pageBtn .next{left:auto;right:-60px;}
.honorSlide .pageBtn span:hover{background:#156ebf;}

.historyR{width:540px;height:475px;overflow:hidden;position:relative;padding-left:50px;}
.historyR::after{content:"";position:absolute;left:0;top:0;height:100%;width:1px;background:#ddd;}
.historyR li{height:54px;margin-bottom:10px;overflow:hidden;padding-left:80px;position:relative;}
.historyR li span{font-size:18px;float:left;width:80px;margin-left:-80px;color:#333;font-weight: bold;}
.historyR li::after{content:"";position:absolute;left:-40px;background:#eee;width:20px;height:20px;border-radius:100%;top:0;}
.setting{background:#f5f5f5;}
.settingL{width:670px;height:465px;overflow:hidden;position:relative;}
.settingL .bd li{width:670px;height:465px;overflow:hidden;position:relative;transition:all 0.3s;}
.settingL img{width:670px;height:465px;transition:all 0.5s;}
.settingL h4{font-size:16px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:20px 20% 20px 5%;position:absolute;background: url('img/opc2.png');bottom:0;left:0;width:75%;color:#fff;}
.settingL:hover img,.settingR li:hover img{transform:scale(1.1);}
.settingL .hdIcon{position:absolute; bottom:20px; z-index:5;right:15px;font-size: 0; line-height:0;height:0px; margin-left:-50px;height:14px;overflow:hidden;left:auto;}
.settingR{width:670px;overflow:vhidden;}

.setting li{float:left;width:326px;height:230px;overflow:hidden;margin-bottom:5px;margin-left:5px;}
.setting li img{width:326px;height:230px;transition:all .5s;}
.setting li p{position:relative;padding:0;height:40px;line-height:40px;text-align:center;color:#fff;background: url('img/opc2.png');transition:all .3s;z-index:2;}
.setting li:hover p{margin-top:-40px;}
.setting .big,.setting .big img{width:670px;height:465px;}


/* ???????????? */
.honorList li{width:285px;float:left;margin-right:26px;margin-bottom:25px;text-align:center;padding:15px 15px 0 15px;background:#f2f2f2;border-bottom:3px solid #ddd;position:relative;}
.honorList li .pImg{display:block;width:265px;height:310px;padding:4px;border:1px solid #e3e3e3;background:#fff;display: table-cell;vertical-align: middle;}
.honorList li img{width:265px;vertical-align: middle;height:310px;}
.honorList li::before{content: "";position:absolute;height:3px;bottom:-3px;left:0;transition:all 0.5s;width:0;}
.honorList li:hover::before{width:100%;background:#156ebf;transition:all 0.5s;}
.honorList li p{height:35px;line-height:35px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;}
.lb-data .lb-caption{color:#fff;}
.honorList li:hover{background:#eee;box-shadow:0 0 10px #ccc;}

/* ???????????? */
.settingTop{margin-bottom:40px;overflow:hidden;}
.settingTop .pic{float: left;width:670px;height:375px;overflow: hidden;}
.settingTop .pic img{width:100%;}
.settingTop .txt{background:#f5f5f5;height:295px;padding:40px 50px;width:570px;}
.settingTop h4{font-size: 24px;margin-bottom:30px;color:#1672c1;}
.settingTop p{height:160px;}
.settingTop img{width: 620px;height: 375px;transition: all .5s;}

.settingList,.honorList{width:100%;background:#0CF;}
.settingList li{float: left; width:32%;margin: 0 1% 30px 0;border-bottom: 1px solid #d9d9d9;}
.settingList li .pImg{padding-bottom:68%;width: 100%;position: relative;overflow: hidden; }
.settingList li .pImg img{width: 100%;height: 100%; position: absolute;top: 0;left: 0;transition: all .5s;}
.settingList li p{height: 60px;line-height: 60px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.settingList li i{float:right;font-style:normal;}
.settingList li:hover img{transform: scale(1.1);}
.settingTop:hover img{transform: scale(1.05);} 
.settingList li:hover::after{transform: scale(1.1); transform-origin: left;}
.partnerList{padding-bottom:0;}
.apply li{margin-right:25px;width:310px;}
.apply li img,.apply li .pImg{width:310px;height:180px;}

/* ???????????? */
.hisrotyList ul{padding-top:35px;overflow:hidden;position:relative;}
.hisrotyList ul:before{content:"";position:absolute;left:50%;background:#dbdbdb;width:1px;height:100%;top:0;}
.hisrotyList li{width:535px;position:relative;margin-bottom:10px;min-height:60px;}
.hisrotyList li:before,.hisrotyList li:after{content:"";position:absolute;border-radius:100%;transition:all 0.3s;}
.hisrotyList li:before{right:2px;top:5px;width:10px; height:10px;border:2px solid #333;}
.hisrotyList li:after{width:6px;height:6px;background:#333;top:9px;right:6px;}
.hisrotyList li.right:before{right:auto;left:4px;}
.hisrotyList li.right:after{right:auto;left:8px;}
.hisrotyList li span{color:#333;width:110px;font-size:16px;text-align:center;}
.hisrotyList .left{float:left;padding-right:145px;text-align:right;}
.hisrotyList .left span{margin-right:-110px;float:right;}
.hisrotyList .left p{border-right:1px solid #ddd;padding-right:20px;}
.hisrotyList .right{float:right;padding-left:145px;}
.hisrotyList .right span{margin-left:-110px;float:left;}
.hisrotyList .right p{border-left:1px solid #ddd;padding-left:20px;}
.hisrotyList .txt{text-align:center;padding:25px 50px;background:#f5f5f5;}


/* ???????????? */
.videoList li{float: left; width:410px;margin: 0 40px 30px 0;position: relative;border-bottom: 1px solid #d9d9d9;}
.videoList li .pImg{display: block;width:410px;height:280px;overflow: hidden;background:#000;position:relative;}
.videoList li .pImg::after{content:"";position: absolute;left:50%;top:50%;background: url('img/vIcon.png') no-repeat;width:60px;height:54px;margin-left:-30px;margin-top:-27px;}
.videoList li img{width:410px;height:280px;transition: all .5s;opacity:.3;}
.videoList li p{height: 60px;line-height: 60px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.videoList li:hover img{transform: scale(1.1);}
.videoList li::after{content: "";position: absolute;left:0;bottom: -1px;width: 90%;height: 1px;background:#156ebf; transition: transform 0.3s;transform-origin: right;transform: scale(0.1);}
.videoList li:hover::after{transform: scale(1.1); transform-origin: left;}

/* ???????????? */
.newsLit_top{height:435px;overflow:hidden;margin-bottom:40px;}
.newsLit_top .nImg{float:left;width:600px;height:435px;overflow:hidden;}
.newsLit_top .nImg img{width:600px;transition:all .8s;}
.newsLit_top .txt{border:1px solid #eaeaea;padding:49px 69px;border:1px solid #eaeaea;float:right;width:600px;height:335px}
.newsLit_top .txt h4{font-size:24px;color:#333;font-weight:normal;margin-bottom:30px;line-height:30px;}
.newsLit_top .txt  h4 a{color:#333;}
.newsLit_top .txt  h4 a:hover{color:#156ebf;}
.newsLit_top .txt h4 span{display:block;font-size:14px;color:#156ebf;font-family:Arial;}
.newsLit_top .txt p{min-height:160px;margin-bottom:30px;}
.newsLit_top .txt .more{display:inline-block;width:160px;height:45px;line-height: 45px;background:#156ebf;color:#fff;text-align:center;border-radius:23px;}
.newsLit_top .txt .more:hover{width:200px;background:#c31500;}
.newsLit_top:hover img{transform:scale(1.06);}
.newsList li{border:1px solid #e2e2e2;padding:30px;overflow:hidden;margin-bottom:30px;transition:all 0.3s;}
.newsList li .font{width:-webkit-calc(100% - 360px); width:-moz-calc(100% - 360px); width:calc(100% - 360px);overflow:hidden;color:#333;padding-top:40px;}
.newsList li .date{width:80px;height:110px;background:#2b2b2b;color:#fff;padding-left:20px;font-size:20px;font-family:'Arial';position:relative;margin-right:40px;transition:all 0.4s;}
.newsList li .date span{display:block;opacity:.8;padding-top:35px;font-size:14px;}
.newsList li .date:after{position:absolute;content:"";width:50px;left:60px;background:#555;height:1px;top:10px;width:0;transition:all 0.3s;}
.newsList li h4{font-size:16px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;}
.newsList li  .txt{color:#666;}
.newsList li .pic{width:260px;height:195px;overflow:hidden;}
.newsList li img{width:260px;transition:all 0.5s;height:200px;}
.newsList li:hover .date{margin-right:60px;}
.newsList li:hover .date:after{width:80%;}
.newsList li:hover h4{color:#156ebf;}
.newsList li:hover img{transform:scale(1.1);}
.newsList li:hover{box-shadow:0 5px 10px #eee;}
.relatedTitle{height:45px;line-height:45px;border-bottom: 1px solid #ddd;}
.relatedTitle span{display:inline-block;color:#222;height:45px;text-align:center;font-size:18px;border-bottom: 1px solid #156ebf;}


/* ?????????????????? */
.picShow_l{width:-webkit-calc(100% - 400px); width:-moz-calc(100% - 400px); width:calc(100% - 400px);overflow:hidden;line-height:32px;}
.picShow_l .title{font-size:32px;color:#333;margin-bottom:10px;}
.picShow_l .date{margin-bottom:40px;color:#777;}
.picShow_l .date span{margin-left:20px;}
.picShow_l .main{margin-bottom:50px;overflow:hidden;}
.show-synopsis{background:#f7f8fa;padding:15px;}
.show-synopsis i{display:inline-block;width:15px;background: url('img/a_l.png') no-repeat;height:15px;margin-right:5px;}
.show-synopsis .r{background: url('img/a_r.png') no-repeat;margin-left:5px;margin-right:0;}
.picShow_main{overflow:hidden;margin:40px 0;}
 .flink {
  margin-top: 50px;
  width: 100%;
}

.flink .flink_tit {
  width: 100%;
  position: relative;
}

.flink .flink_tit p {
  height: 12px;
  width: 100%;
  background: url(../img/dian.png);
  position: absolute;
  top: 15px;
}

.flink .flink_tit span {
  height: 42px;
  background: #fff;
  color: #1C4587;
  font-size: 14px;
  border: 1px solid #1C4587;
  position: relative;
  z-index: 9;
  display: block;
  width: 115px;
  text-align: center;
  line-height: 42px;
  margin-left: 0px;
}

.flink .flink_list {
  width: 100%;
  margin-top: 20px;
  margin-left: 0px;
}

.flink .flink_list ul li {
  float: left;
  margin-right: 28px;
  margin-bottom: 8px;
}

.flink .flink_list ul li a {
  font-size: 12px;
  color: #5a5a5a;
}

.flink .flink_list ul li a:hover {
  color: #036aac;
}
 .show_pages {
  padding-top: 20px;
}

.show_pages p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-top: 6px;
}

.show_pages p a {
  font-size: 14px;
  line-height: 24px;
  color: #333;
}

.proShoww_r .previous a{width:378px;}
.picShow_r{width:335px;overflow:hidden;}
.picShow_r .title{font-size:18px;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;}
.picShow_r .title span{display:inline-block;border-bottom: 1px solid #156ebf;height:40px;}
.relativeNews{height:485px;margin-bottom:20px;overflow:hidden;}
.picShow_r li{border-bottom: 1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow: hidden;font-size:12px;}
.picShow_r li .pImg{width:120px;float:left;margin-right:20px;height:90px;overflow:hidden;}
.picShow_r li .pImg img{width:120px;height:90px;transition:all .5s;}
.picShow_r li h4{font-size:15px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.picShow_r li h4 a{color:#222;}
.picShow_r li h4 a:hover{color:#156ebf;}
.picShow_r li:hover img{transform: scale(1.1);}
.side_phone{background:#f2f2f2;border-top: 1px solid #156ebf;padding:15px;}
.side_phone h4{margin-top:15px;background: url('img/p_icon.png') no-repeat left center;padding-left:45px;margin-left:40px;line-height:1.2;}
.side_phone h4 span{display:block;font-size:28px;font-family:Arial;color:#333;}


/* ?????????????????? */
.contactBox1{padding:60px 0;overflow:hidden;}
.contactBox1 .listTie{border-bottom: 1px solid #ddd;padding-bottom:25px;margin-bottom:35px;}
.contactBox1 .listTie::after{bottom:-1px;height:3px;width:50px;margin-left:-25px;}
#dituContent{float:left;width:620px;height:460px;border:1px solid #ddd;}
.contactBox1 .font{width:360px;margin-left:40px;}
.contactBox1 .font h3{font-size:22px;color:#156ebf;padding:15px 0;border-bottom: 1px dotted #ddd;}
.contactBox1 .tel{padding:15px 0;border-bottom: 1px dotted #ddd;background: url('img/tel2.png') no-repeat left center;padding-left:50px;}
.contactBox1 .tel span{display:block;font-size:22px;font-family:Arial;color:#333;font-weight:bold;}
.contactBox1 .p1 span{font-size:26px;}
.contactBox1 .p3{margin-top:10px;}
.contactBox1 .txt{padding-top:20px;}
.contactBox1 .wx{width:160px;text-align:center;padding-right:10px;}
.contactBox1 .wx img{width:130px;border:1px solid #ddd;margin-bottom:10px;}
.contactBox1 .zxBtn{height:40px;text-align:center;display: block;line-height:40px;color:#fff;background:#ea3019;margin-top:15px;}
.contactBox1 .zxBtn i{width:18px;height:18px;background: url('img/zxIcon.png') no-repeat;display:inline-block;margin-left:15px;position:relative;top:3px;}
.contactBox1 .zxBtn:hover{background:#c31500;color:#fff;}

.feedback{background: url('img/feedback_bg2.jpg') no-repeat center bottom;height:610px;}
.feedbackMain{padding-top:110px;width:910px;margin:0 auto;}
.feedback li{overflow:hidden;margin-bottom:5px;overflow:hidden;float:left;width:224px;height:48px;border:1px solid #dcdcdc;background:#fff;margin-right:25px;line-height:48px;overflow:hidden;padding-left:60px;margin-bottom:20px}
.feedback li label{float:left;margin-left:-60px;text-align:right;width:60px;color:#666;}
.feedback li:nth-child(3){margin-right:0;}
.feedback li.msg{height:80px;width:836px;line-height:24px;padding:10px;padding-left:60px;}
.feedback li.msg textarea{font-size:14px;width:100%;height:80px;line-height:24px;}
.feedback li input{width:95%;padding-right:5%;height:48px;line-height:48px;}
.feedback .sub{cursor:pointer;text-align:center;width:180px;height:48px;border-radius:24px;display:block;margin:0 auto;transition:all 0.3s;background:#333;color:#fff;}
.feedback .sub:hover{width:240px;background:#156ebf}