@font-face{
font-family:'Alternate';
font-family:'Alternate';
	src:url('../font/Alternate.eot@') format('eot');/*IE*/
	src:url('../font/Alternate.TTF') format('truetype');/*non-IE*/
}
@font-face{
font-family:'Captain';
font-family:'Captain';
	src:url('../font/Captain.eot@') format('eot');/*IE*/
	src:url('../font/Captain.TTF') format('truetype');/*non-IE*/
}
@font-face{
font-family:'DIN';
font-family:'DIN';
	src:url('../font/DIN.eot@') format('eot');/*IE*/
	src:url('../font/DIN.TTF') format('truetype');/*non-IE*/
}

.in-key{ background:#fff; width:100%; overflow:hidden;}
.keyword{ padding-bottom:40px;}
.keyword p b{ color:#0066FF;}
.keyword p span{ font-weight:bold; color:#000000;}
.keyword p a{ font-size:18px;}

.ser{ padding:32px 0;}
.seach-form{background:#f7f7f7; width:auto; border-radius:30px;}
.seach-form .s-txt{ width:235px; height:38px;  border:none; float:left; background:none; padding:5px 10px; color:#515151; box-sizing:border-box;}
.seach-form .s-bt{ background:url(sbtn.jpg) center no-repeat; height:38px; width:50px; border:none; float:left; cursor:pointer}
@media all and (max-width: 768px) {
.ser{ display:none;}
}

.in-cho{ background:url(chobg.jpg) center bottom no-repeat #f5f5f5; width:100%; overflow:hidden; padding:41px 0 50px;}
.chotit{ text-align:center;}
.chotit span{ font-size:75px;  color:#000000; font-family:'Captain';opacity:0.08;}
.chotit h4{ font-size:2.2rem; font-weight:bold; color:#1a7ac1; line-height:1em; margin-top:-30px; position:relative; z-index:2;}
.chotit em{ font-size:1.2rem; color:#1b1b1b}
.cho5{ margin-top:24px;}
.cho5 li{ width:20%; text-align:center; float:left; background:url(hg1.jpg) right center no-repeat; cursor:pointer}
.cho5 li img{ transform:rotateY(0); transition:all 0.7s ease;}
.cho5 li:hover img{ transform:rotateY(180deg)}
.cho5 li p{ font-size:1.2rem; color:#1a7ac1; margin:10px 0;}
.cho5 li span{ font-size:0.9rem; color:#2a2a2a;}
.cho5 li:nth-child(1){  margin-top:101px;}
.cho5 li:nth-child(2){ margin-top:34px;}
.cho5 li:nth-child(4){ margin-top:34px; background:none}
.cho5 li:nth-child(5){ margin-top:101px; background:url(hg1.jpg) left center no-repeat;}

.ch-tt{ margin-top:352px; text-align:center;}
.ch-tt p{ font-size:1.8rem; color:#fff; font-weight:lighter;}
.ch-tt h4{ font-size:1.8rem; color:#fff; font-weight:bold;}
.ch-tt .cte{font-family:'DIN'; color:#fff; font-size:1.3rem; padding:10px 29px 0 0; text-align:right; background:url(ctel.png) center no-repeat; width:372px; height:55px; margin:10px auto; box-sizing:border-box;}
@media screen and (max-width:768px){
.cho5 li{ background:none !important}
.chotit h4{ font-size:2rem}
.cho5 li p{ font-size:1.125rem;}
.cho5 li span{ display:none;}
.ch-tt{ margin-top:300px}
.ch-tt p{ font-size:1.25rem; }
.ch-tt h4{ font-size:1.25rem;}
.ch-tt .cte{ font-size:1.125rem;}
.cho5{ margin-top:24px; padding-bottom:100px;}
}


/*zao*/
.in-zao{ padding:68px 0 50px; width:100%; overflow:hidden; background:url(44.jpg) center top no-repeat}
.zatit{ text-align:center;}
.zatit span{font-size:75px; font-family:'Captain'; line-height:1em; color:#000000; opacity:0.08;}
.zatit p{ font-size:1.8rem; color:#1c1c1c; margin-top:-36px}
.zatit h4{ font-size:2rem; color:#1a7ac1; font-weight:bold; line-height:1em;}

.i_zgs{width:100%; height:545px; position:relative; margin-top:55px;}
.izgsc{width:100%; }
.i_zgs_li{ margin:0; float:left; vertical-align:top; width:16.5%; position:relative; cursor:pointer; transition:all .7s ease 0s; overflow:hidden; box-sizing:border-box; height:545px; transform-origin:left;}
.js_wzgs{width:50%;}
.js_wzgs .zpic1{ opacity:0;}
.js_wzgs .zpic2{ opacity:1; }
.js_wzgs .zpic2 .txt2{ display:block;}
.zpic1{ opacity:1; transition:all 0.7s;}
.zpic1 .txt1{ box-sizing:border-box; padding-top:173px; position:absolute; background:rgba(0,0,0,0.7); top:0; left:0; width:100%; height:100%; text-align:center;}
.zpic1 .txt1 span{ color:#fff; font-family:'DIN'}
.zpic1 .txt1 p{ font-size:1.5rem; color:#fff; margin-top:25px; min-height:80px}
.zpic1 .txt1 img{ margin-top:25px;}

.zpic2{ position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; transition:all 0.3s;}
.zpic2 .txt2{ background:rgba(26,122,193,0.7); position:absolute; top:25%; width:473px; left:13.2%; box-sizing:border-box; padding:30px; display:none;}
.zpic2 .txt2 span{font-family:'DIN'; font-size:1rem; color:#fff}
.zpic2 .txt2 h4{ font-size:1.5rem; color:#fff; font-weight:bold;}
.zpic2 .txt2 hr{ border:none; height:1px; background:rgba(255,255,255,0.5); margin:14px 0;}
.zpic2 .txt2 p{ color:#fff; font-size:0.9rem; line-height:1.5em}
.m-zao{ display:none;}
@media screen and (max-width:768px){
.zatit h4{ font-size:2rem;}
.i_zgs{ display:none;}
.m-zao{ display:block; width:100%; margin:30px auto;}
.mzpic2{ position:relative; width:50%; height:100%; transition:all 0.3s; border:1px solid #ddd; float:left; box-sizing:border-box;}
.mzpic2 .txt2{ background:rgba(52,157,0,0.8); position:absolute; bottom:0; width:100%; left:0; box-sizing:border-box; padding:20px;}
.mzpic2 .txt2 span{font-family:'DIN'; font-size:1.125rem; color:#fff}
.mzpic2 .txt2 h4{ font-size:1.375rem; color:#fff; font-weight:bold;}

}

/*product*/
.in-pro{ background:url(pbg.jpg) center top no-repeat #f0f0f0; padding:47px 0 85px; width:100%; overflow:hidden;}
.ptit{ text-align:center; margin-bottom:50px}
.ptit span{font-size:72px; font-family:'Captain'; color:#000000; opacity:0.08;}
.ptit h4{ font-size:2rem; font-weight:bold; color:#383838; position:relative; z-index:2; margin-top:-40px}
.ptit h4 img{ margin-bottom:8px;}
.ptit h4 b{ color:#1a7ac1}
.ptit em{ color:#101010; font-size:1.125rem;}

.proso{ width:90%; margin:0 auto; position:relative;}
.proso span{font-family:'宋体'; font-size:1.875rem; border:1px solid #1a7ac1; width:50px; height:50px; border:2px solid #1a7ac1; border-radius:10px; text-align:center; line-height:47px; color:#1a7ac1; box-sizing:border-box; transition:all 0.7s ease}
.proso .prev{ position:absolute; left:-5%; top:0; z-index:2; cursor:pointer; }
.proso .next{ position:absolute; right:-5%; top:0; z-index:2; cursor:pointer; }
.proso span:hover{ background:#1a7ac1; color:#fff;}
.proso li{ float:left; width:18.7%; margin-right:18px;}
.proso li a{ display:block; text-align:center; font-size:0.9rem; color:#000000; padding:11px 0; border:2px solid rgba(0,0,0,0.5); border-radius:10px; transition:all 0.7s ease;}
.proso li a:hover{ border:2px solid #1a7ac1; color:#1a7ac1}

.pro-thr{ margin-top:41px;}
.pro-thr dl{ width:31.92%; margin-right:2.12%; float:left;}
.pro-thr dl a{ display:block;}
.pro-thr dl:nth-child(3){ margin-right:0;}
.pro-thr dl:nth-child(4){ display:none;}
.pro-thr dl dt{ width:100%; overflow:hidden;}
.pro-thr dl dt img{ transition:all 0.7s ease; transform:scale(1);}
.pro-thr dl:hover dt img{ transform:scale(1.05);}
.pro-thr dl dd{ background:#1a7ac1;}
.pro-thr dl dd p{ display:inline-block; color:#fff; font-size:0.9rem; font-weight:lighter; padding:16px 0 16px 16px}
.pro-thr dl dd img{ float:right;}
@media screen and (max-width:768px){
.ptit h4{ font-size:2rem}
.proso{ width:100%; overflow:hidden;}
.proso .prev{ left:0%; }
.proso .next{ right:0%; }
.proso li{ float:left; width:48.7%;}
.proso li a{ padding:3px 0;}
.pro-thr dl{ width:48%; margin:0 1% 24px 1% !important; float:left;}
.pro-thr dl dd img{ display:none}
.pro-thr dl:nth-child(4){ display:block;}
.pro-thr dl dd{ background:#2a8100; min-height:112px;}
}


/*客户见证*/
.in-cus{  background-image: linear-gradient(#ececec, #dedede); width:100%; padding:50px 0 97px; position:relative;}
.custit{ text-align:center;} 
.custit span{font-size:72px; font-family:'Captain'; line-height:1em; color:#000000; opacity:0.08;}
.custit p{ font-size:1.2rem; color:#1c1c1c; }
.custit h4{ font-size:2.0rem; color:#1a7ac1; font-weight:bold; line-height:1em;margin-top:-36px}



.cusgun{ position:relative; width:92.3%; margin:57px auto 0;}
.cusgun .prev{ position:absolute; left:-4%; top:45%; z-index:2; cursor:pointer}
.cusgun .next{ position:absolute; right:-4%; top:45%; z-index:2; cursor:pointer}
.cusgun li{ width:32.33%; float:left; margin-right:18px}
.cusgun li .cuimg{ position:relative; border:4px solid #fff; overflow:hidden;}
.cusgun li .cuimg img{ transform:scale(1); transition:all 0.5s; width:100%;}
.cusgun li:hover .cuimg img{ transform:scale(1.05);}

.cusgun li .cutxt{ width:100%; background:#fff; text-align:center; padding:18px 16px; box-sizing:border-box; font-size:18px;}
.gx{ position:absolute; width:100%; text-align:center; bottom:-8px; left:0;}
.in-par{ margin-top:72px;}
.in-par .partit{ text-align:center;}
.in-par .partit h4{ font-size:1.5rem; color:#1a7ac1; font-weight:bold;}
.in-par .partit p{ color:#969696; font-size:0.875rem; text-transform:uppercase;}
.parul{ margin-top:22px;}
.parul li{ float:left; width:16.1%; overflow:hidden; border-radius:5px; background:#fff; margin-right:0.68%; margin-bottom:0.68%; cursor:pointer}
.parul li img{ width:100%; transform:scale(1); transition:all 0.7s ease}
.parul li:hover img{ transform:scale(1.05);}
.parul li:nth-child(6){ margin-right:0;}
.parul li:nth-child(12){ margin-right:0;}
@media screen and (max-width: 768px){
.custit h4{ font-size:2rem;}
.cusgun{ overflow:hidden; width:100%;}
.cusgun .prev{ display:none}
.cusgun .next{ display:none}
.cusgun li{ width:48%; float:left; margin-right:18px}
.parul li{ width:32.33%; margin-right:1.5%;}
.parul li:nth-child(3){ margin-right:0;}
.parul li:nth-child(9){ margin-right:0;}
}

/*公司简介*/
.in-ab{ width:100%; overflow:hidden;}
.abtit{ text-align:center; padding-top:60px;} 
.abtit span{font-size:72px; font-family:'Captain'; line-height:1em; color:#000000; opacity:0.08;}
.abtit p{ font-size:1.2rem; color:#1c1c1c; }
.abtit h4{ font-size:2.0rem; color:#1a7ac1; font-weight:bold; line-height:1em;margin-top:-36px}


/*1920横条banner*/

.zhtt-wx img{width: 125px;/* display:block; */border: 10px solid #fff;/* padding: 10px; */}
.zhtt-wx{float:right;margin-top:51px;position:relative}


.zhtt2-cont {
    width: 921px;
    display: inline-block;
}
.zhtt2-cont ul {
    display: inline-block;
    margin-top: 30px;
    margin-left: 256px;
}

.zhtt2-cont ul li {
    color: #fff;
    float: left;
    font-size: 23px;
    padding-left: 44px;
    background: url(zhtt-g.png) no-repeat 0px 0px;
    margin-left: 40px;
    line-height: 40px;
}


.zhtt-wx span{font-size: 23px;/* position:absolute; *//* right:-16px; *//* width:10px; *//* top:10px; */display: block;text-align: center;margin-bottom: 5px;}
.zhtt2 .zhtt-dh{margin-left:30px}
.zhtt1{background: url(guanggao2.png) no-repeat center 0;position:relative;/* background-size: 100%; */height: 327px;}
.zhtt1 .zhtt-wx{margin-right: 100px;margin-top: 5px;color:#fff;text-align: center;font-weight: bold;}
img.zhtt-cp1 {
    float: left;
}
.zhtt1 .zhtt-wx em {
    font-size: 18px;
}
.zhtt1 .zhtt-wx img{/* width:134px */}
.zhtt1 .zhtt-wx span{/* font-size:23px; */}
.zhtt1-dh{font-size: 28px;margin-left: -64px;font-weight: bold;color: #ffffff;padding-left: 35px;background: url(/images/zhtt-dh.png) no-repeat 105px 0px;display: inline-block;float: left;margin-top: 54px;padding-top: 23px;}
.zhtt1 h5{float:inherit;margin-left: 240px;font-weight:700;color:#fff;font-size: 48px;float: left;z-index: 99;line-height: 64px;}
.zhtt1 h5 b{/* color:#222; */font-size: 43px;}
.zhtt1 h5 span {
    background-image: -webkit-linear-gradient(top,#ffffff,#ffffff,#a7a7a7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.zhtt2 .zhtt-cp1 {
    margin-top: 3px;
}



.zhtt2 {
    background: url(guanggao.png) no-repeat center 0;
  
    height: 327px;
	margin-bottom:10px;
}
.zhtt2-cont h5 p {
    font-size: inherit;
    font-weight: inherit;
    margin-left: 90px;
}

.zhtt2-cont h5 p b {
    color: #b70005;
    background-image: -webkit-linear-gradient(top,#ffffff,#ffffff,#ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 3px 1px 0px #b70005;
    font-size: 50px;
}
.zhtt2-cont h5 {
    margin-left: 181px;
    margin-right: 39px;
    font-size: 35px;
    line-height: 50px;
    margin-top: 76px;
    overflow: hidden;
}

.zhtt2-cont h5 b {
    margin: 0px;
}
.zhtt3-cont {
    font-weight: 700;
    font-size: 25px;
    float: left;
    z-index: 99;
    line-height: 49px;
    padding-left: 230px;
    width: 700px;
    margin-top: 55px;
}

.zhtt3-cont dt,.zhtt3-cont dd { color:#FFFFFF;
   
}

.zhtt3-cont dd {
 color:#FFFFFF;
    font-size: 14px;
    /* font-weight: initial; */
    font-style: italic;
    line-height: 20px;
   
    margin-bottom: 10px;
}

/*应用行业*/

.tit1{text-align:center;font: 42px "Microsoft YaHei";color:#333;background: url(tit-bg.png) no-repeat center; margin-bottom:20px; ;}
.tit1 a{color: #333333;font-weight:700;display: block;margin-bottom: -18px;}


.tit1 a span {
    color: #1a7ac1;
    margin-left: 10px;
}
.tit1 img {
    margin: 0 auto;
}
.tit1 em{display: inline-block;margin-top: 48px;font: 21px "Microsoft YaHei";color: #a7a7a7;/* background: #00468c; *//* padding-top:13px; */letter-spacing:1px;line-height: 28px;padding: 0 10px;height: 28px;position: relative;}
.tit1 em span {
    display: block;
    font-size: 16px;
    letter-spacing: 2px;
}

.jjfa1{padding-bottom: 20px;overflow:hidden;background: url(jjfabg.jpg) no-repeat center 0;padding-top: 15px;  margin-bottom:-40px;/* background-size: 100%; */}
.jjfa .hd{width: 327px;display: inline-block;float: right;/* background: url(/images/case-f-bg.jpg) no-repeat 0px 1px; *//* box-shadow: 0px 0px 9px 0px #000000; */}
.jjfa .hd ul li{background: #1a7ac1;margin-bottom: 7.5px;transition: all .3s cubic-bezier(.165,.84,.44,1)!important;-webkit-transition: all .3s cubic-bezier(.165,.84,.44,1)!important;}
.jjfa .hd ul li a{color: #fff;display:block;font-size: 18px;line-height: 18px;text-align: left;padding-left: 85px;position:relative;border-bottom: 1px solid #dcdddd;/* width: 365px; */height: 60px;box-sizing: border-box;/* border-left: 1px solid #dcdddd; */padding-top: 13px;font-weight: bold;}
.jjfa .hd ul li a:hover,.jjfa .hd ul li.on a{color:#fff;}
.jjfa .hd ul li.on a:after{content:'';position:absolute;bottom: 0px;transform:translateX(-50%);width: 52px;height: 60px;background: url(case-list-bg.png) no-repeat left 1px;z-index: 99;left: -6px;}
.jjfa .hd ul li a span {
    font-size: 12px;
    display: block;
    margin-top: 2px;
    font-weight: initial;
   
}
.jjfa .hd ul li a:hover {
    color: #fff;
}
.jjfa .hd ul li.on a span {
    color: #cbcbcb;
}
.jjfa .hd ul li.on a:before {
    content: '';
    position: absolute;
    width: 28px;
    height: 16px;
    background: url(/images/case-list-go.png) no-repeat 0px 0px;
    left: 354px;
    top: 30px;
}
.jjfa .bd {
    width: 814px;
    display: inline-block;
}
.jjfa .hd ul li:nth-child(1) a {
    background: url(jjfa-ico-1.png) no-repeat 27px 13px;
}
.jjfa .hd ul li:nth-child(2) a {
    background: url(jjfa-ico-2.png) no-repeat 27px 13px;
}
.jjfa .hd ul li:nth-child(3) a {
    background: url(jjfa-ico-3.png) no-repeat 27px 13px;
}
.jjfa .hd ul li:nth-child(4) a {
    background: url(jjfa-ico-4.png) no-repeat 27px 13px;
}
.jjfa .hd ul li:nth-child(5) a {
    background: url(jjfa-ico-5.png) no-repeat 27px 13px;
}
.jjfa .hd ul li:nth-child(6) a {
    background: url(jjfa-ico-6.png) no-repeat 27px 12px;
}
.jjfa .hd ul li:nth-child(7) a {
    background: url(jjfa-ico-7.png) no-repeat 27px 13px;
}
.jjfa .hd ul li:nth-child(8) a {
    background: url(jjfa-ico-8.png) no-repeat 27px 13px;
}

.jjfa .hd ul li.on {
    background: url(case-list-bg.png) no-repeat -28px 0px;
}
.hd-cont-right img {
    /* box-shadow: 0px 0px 9px 0px #000000; */
    width: 815px;
    height: 532px;
}
.hd-cont-left>a {
    padding: 5px 34px 5px 18px;
    background: url(arrow.png) no-repeat 77px 7px #FFF;
    border-radius: 5px;
    margin-top: 12px;
    display: inline-block;
    background-size: 13px;
    float: right;
    margin-right: 39px;
}
.hd-cont-left h4 span {
    float: right;
    color: #fff;
    font-weight: initial;
    font-size: 16px;
    margin-top: 10px;
}

.hd-cont-left h4 {
    width: 95%;
    line-height: 35px;
    border-bottom: 1px solid #fff;
    display: inline-block;
	    font-weight: bold;
		 color: #fff;
}

.hd-cont-left p {
    color: #fff;
    width: 600px;
    line-height: 18px;
    padding-top: 10px;
    font-size: 16px;
    display: inline-block;
}


.hd-cont-left a span {
    float: right;
    margin-right: 50px;
    background: url(case-more.png) no-repeat 0px 26px;
    padding-left: 33px;
}
.hd-cont {
    position: relative;
    /* margin-left: 26px; */
}

.hd-cont-left {
    position: absolute;
    bottom: 3px;
    width: 100%;
    background: #212121b8!important;
    background: #5c5a55;
    padding-left: 39px;
    box-sizing: border-box;
    padding-top: 15px;
    padding-bottom: 15px;
}