html{font-size:62.5%;}
body{margin:0px; font-size:12px; color:#91989f; font-family:Microsoft YaHei; cursor:default; }
*{padding:0px; margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family:Microsoft YaHei;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}
input,select,button{font-size:12px; font-family:Microsoft YaHei; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
a{ color:#333; text-decoration: none}
a:hover{color:#2b3c91;
-webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;}
.con{width:80%; margin:0 auto;}
.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}
.container { width:80%; margin:0 auto}
.header{width:100%; position:fixed; top:0; left:0; z-index:10;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;border-top: solid 3px #1f70b9;}
.header:hover{background: #fff}
.header.on{box-shadow:0 0 10px #aaa;background: #fff}
.header .container{position:relative;}
.header .logo{width:290px; float:left; margin:20px 0 10px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on .logo{width:270px; margin:10px 0 0;}
.header .logo img{width:100%; height:auto;display:block}
.header .logo .img2 { display: none}
.header.on .logo .img1{ display:none}
.header.on .logo .img2 { display:block}
.header:hover .logo .img2 { display:block}
.header:hover .logo .img1 { display:none}
.header .an{position:absolute; top:50%; right:15px; height:18px; width:30px; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header.on .right {margin-top: 20px;}
.header.on .language{margin-top: 22px;}
.language {width: 70px;float: right;margin-top: 35px;margin-left:20px;
height: 23px;border: #4c232b 1px solid;
}
.language p {
width: 35px;
float: left;
}
.language p a {
text-transform: uppercase;
font-family: Arial;
display: block;
text-align: center;color: #4c232b;
line-height: 24px;
}
.language p a.her {
background: #4c232b;
color: #fff;
}
.header .right { float:right; margin-left:10px; margin-top:20px;}
.header.on .right {margin-top:10px;}
.right .dh {float: left;margin-left: 10px;padding-top: 7px;}
.header .right a { display:block; line-height:42px; float:left; color:#fff; font-size:18px; margin-right:12px; border: solid 1px #ccc; width:42px;border-radius: 50%;text-align: center}
.header.on .right a {color: #333;}
.header .right a.a2 { background:url(../image/ss.png) center no-repeat;}
.header .right a.a4 { }
.header:hover .right a.a2 { background:url(../image/s.png) center no-repeat;}
.header:hover .right a.a4 { color: #333 }
.header:hover .weixin a.wb{background:url(../image/top9.png) center no-repeat; }
.header.on .right a.a2 { background:url(../image/s.png) center no-repeat;}
.header.on .right a.a4 { }
.header.on .weixin a.wb{background:url(../image/top9.png) center no-repeat; }
.weixin{ height:42px; float:left;position:relative; font-size:12px; text-align:center; width:25px}
.weixin a{ height:42px; display:block; position:absolute; left:0; top:0;background:url(../image/top9s.png) no-repeat center top; }
.weixin .weixin_nr{width:110px; height:120px; padding:10px; background:#fff; text-align:center; position:absolute; left:-35px; top:45px; display:none; z-index:99999}
.weixin .weixin_nr img{ margin-bottom:0px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ }
.weixin a.wb{ height:42px; line-height:42px; display:block; position:absolute; left:0; top:0;background:url(../image/top9s.png) center no-repeat; width:42px;border-radius: 50%;border: solid 1px #ccc; }
.weixin.on a.wb { background:url(../image/top9s.png) center no-repeat;}
.searchIpt {
width: 240px;
height: 30px;
position: absolute;
right: 0;
top:80px;
display: none;
z-index: 10;
}
.searchIpt .search_txt {
width: 172px;
padding: 0 0 0 10px;
line-height: 30px;
background: #333;
color: #fff;
border: 0;
height: 30px;
float: left;
}
.searchIpt .search_btn {
width: 58px;
background: #0068ba;
border: 0;
float: right;
color: #fff;
height: 30px;
cursor: pointer;
}
.header .nav{float:right;}
.header .nav i{font-size:15px; color:#666; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header.on .nav{ float:right; }
.header .nav ul li{margin:0 2px; line-height:90px; float:left; position:relative; padding:0 24px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on .nav ul li{line-height:75px;}
.header .nav ul li a{display:block; font-size:16px; color:#fff; text-transform:capitalize}
.header.on .nav ul li a{display:block; font-size:16px; color:#333;}
.header:hover .nav ul li a{display:block; font-size:16px; color:#333;}
.header .nav ul li span{width:0; height:2px; background-color:#fff; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.header.on .nav ul li span{background-color:#2b3c91;}
.header:hover .nav ul li span{background-color:#2b3c91;}
.header .nav ul li:hover span{width:100%;}
.header .nav ul li.on span{width:100%;}
.full_text {display: none}
.full_text.on {display:block}
.nav .y_j{position:relative;}
.nav .e_j{width:150px; background-color:rgba(255,255,255,1); position:absolute; top:90px; left:0; display:none; z-index:9999;}
.header.on .nav .e_j {top:75px;}
/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/
.header .nav ul li .e_j a{display:block; font-size:14px; color:#000; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.15); text-align: left;transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;padding-left: 10px;}
.nav .e_j .ejy { position:relative}
.nav .e_j .s_j {width:240px; background-color:rgba(255,255,255,1); position:absolute; top:0px; left:150px; display:none; z-index:9999;border-left:1px solid rgba(0,0,0,0.15); }
.nav .e_j .s_j.jr {width:120px;}
.nav .e_j .s_j a {font-size: 12px !important;}
.header .nav .e_j a:hover{background-color:#2b3c91; color:#fff; padding-left:10px;}
.nav ul li .e_j .ejy:hover .s_j { display:block}
@media (min-width:1024px){
.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
.head_h { height: 68px; display: none}
.ny_gywm .gsjj .sp{ width:48%; margin-left:2%}
}
@media (max-width:102px){
.header .nav ul li{margin:0 15px;}
.header .nav ul li a{font-size:15px;}
}
@media (max-width:1368px){
.header .nav ul li .e_j a {
display: block;
font-size: 14px;
color: #000;
line-height: 30px;
}
}
@media (max-width:1200px){
.header .nav ul li{margin:0 20px;}
.header .nav ul li a{font-size:16px;}
}
@media only screen and (max-width:1024px){
.head_h { height: 60px; display:block}
.header{border:0; height:60px; background:#fff; width:100%}
.header .container{ padding:0; overflow:hidden; width:94%}
.header .logo{width:230px; margin:10px auto;}
.header .logo .img1 {
display: none;
}
.header .logo .img2 {
display: block;
}
.header.on .logo{width:220px; margin:10px auto;}
.header .right { margin-right:60px; margin-top:15px;
}
.header.on .right {
margin-top: 15px;
}
.header .right a {
line-height: 30px;
width: 30px; color:#666
}
.header .right a.a2 {
background: url(../image/s.png) center / 20px no-repeat;
}
.searchIpt { right:150px;
top:15px; width:190px;
}
.searchIpt .search_txt {
width: 122px;
}
.header .an{display:block; right:10px;}
.header .an span { background-color:#999}
.header .nav ul { width: 100%;}
.header.on .nav {width:60%}
.header .nav{width:60%; padding:15px 5%; background-color:#fff; height:100%; position:fixed; top:60px; right:-70%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; margin-top:0}
.header .nav.on{right:0;}
.header.on .nav ul li a { font-size: 15px;color: #333;}
.header.on .nav .e_j {
top:0;
}
.header .nav i{display:block;}
.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid #ccc; float:none; margin:0; padding:0}
.header .nav ul li::after { background: rgba(0,0,0,0);}
.header.on .nav ul li{line-height:60px;}
.header .nav .e_j { width: 100%; border-top: 1px solid #ccc; background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;}
.header .nav ul li .e_j a { color:#666; text-align:left; line-height:40px; font-size:15px;}
.header .nav ul li .e_j a:hover { color:#fff}
.header .nav .e_j a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}
.header .nav .e_j a:hover{background:none;}
.header .nav ul li:hover .e_j{display:none;}
.nav .e_j .s_j {
width: 100%;
position: relative;
top:0px;
left:0px; border:0
}
.header .nav ul li a{font-size:15px; color:#333;}
.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}
}
@media only screen and (max-width:600px){
.header .container{ padding:0; overflow:hidden; width:94%}
.header .logo{width:200px; margin:10px auto;}
.header .right {
margin-right: 50px;
}
.header.on .logo{width:200px; margin:10px auto;}
.header.on .right a.a2 {
background: url(../image/s.png) center / 20px no-repeat;
}
}
@media only screen and (max-width:375px){
.header .container{ padding:0}
.header .logo{width:180px; margin:15px auto;}
.header.on .logo{width:180px; margin:15px auto;}
}
.pc_ban{width:100%; height:100vh; position:relative; overflow:hidden;}
.pc_ban .mb{width:100%; height:50px; display:block; position:absolute; left:0; top:0; text-align:center}
.pc_ban .mb h1 { font-size:46px; color:#fff; margin-bottom:20px; text-align:center; margin-top:18%;}
.pc_ban a h4 { font-size:16px; color:#eee; text-align:center;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .swiper-slide-active h1{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .swiper-slide-active h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .swiper-button-prev{background:url(../image/banner-l.png) no-repeat; width:30px; height:50px; margin-top:0; left:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.pc_ban .swiper-button-next{background:url(../image/banner-r.png) no-repeat; width:30px; height:50px; margin-top:0; right:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.swiper-container-ban { width:100%}
.swiper-container-ban .swiper-slide{width:100%; height:100vh;}
.swiper-container-ban .swiper-slide .mb {width: 100%; height: 100%;background:rgba(0,0,0,0);position: absolute;left: 0;top: 0}
.swiper-container-ban .swiper-slide .mb.mb1 h2 {-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(-600px, 0, 0);-ms-transform: translate3d(-600px, 0, 0);transform: translate3d(-600px, 0, 0);}
.swiper-container-ban .swiper-slide-active .mb.mb1 h2 {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.swiper-container-ban .mb.mb2 {background:rgba(0,0,0,0)}
.swiper-container-ban .mb.mb3 {background:rgba(0,0,0,0)}
.swiper-container-ban .mb.mb2 h2 {-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, -600px, 0);-ms-transform: translate3d(0, -600px, 0);transform: translate3d(0, -600px, 0);}
.swiper-container-ban .swiper-slide-active .mb.mb2 h2 {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.swiper-container-ban .mb.mb3 h2 {-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, -600px, 0);-ms-transform: translate3d(0, -600px, 0);transform: translate3d(0, -600px, 0);}
.swiper-container-ban .swiper-slide-active .mb.mb3 h2 {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.swiper-container-ban .mb .box { text-align: center;width: 100%}
.swiper-container-ban .mb h2 {font-size: 40px;color: #fff;margin-bottom: 15px;font-weight: bold;text-align: center;margin-top:8%;width: 100%}
.swiper-container-ban .mb h2 img {max-width: 80%;margin: 0 auto;}
.swiper-container-ban .mb p {font-size: 18px;color: #fff;line-height: 1.8;width: 900px;margin: 0 auto}
.swiper-container-ban .mb .more {width:130px;margin: 30px auto;height:38px;background: #fff;line-height: 38px;color: #333;font-size: 16px;text-align: center;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; text-transform: uppercase}
.swiper-container-ban .mb1 h2 {font-size: 40px;color: #fff;margin-bottom: 15px;font-weight: bold;margin-top:32%;text-align: left;padding-left: 3%}
.swiper-container-ban .mb3 h2 {font-size: 40px;color: #fff;margin-bottom: 15px;font-weight: bold;margin-top:10%;text-align: left;padding-left: 10%}
.swiper-container-ban .swiper-button-prev{background:url(../image/banner-l.png) no-repeat; width:30px; height:50px; margin-top:0; left:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.swiper-container-ban .swiper-button-next{background:url(../image/banner-r.png) no-repeat; width:30px; height:50px; margin-top:0; right:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.swiper-container-ban .swiper-pagination{bottom:20px !important;}
.swiper-container-ban .swiper-pagination-bullet {width:15px; height:15px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.swiper-container-ban .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#2b3c91}
/* flexslider */
.flexslider{position:relative;height:100vh;overflow:hidden;background:url(https://www.terjin.com/images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides .mb {width: 100%; height: 100%;background:rgba(0,0,0,0);position: absolute;left: 0;top: 0}
.slides .mb.mb1 h2 {-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(-600px, 0, 0);-ms-transform: translate3d(-600px, 0, 0);transform: translate3d(-600px, 0, 0);}
.slides li.flex-active-slide .mb.mb1 h2 {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.slides .mb.mb2 {background:rgba(0,0,0,0)}
.slides .mb.mb3 {background:rgba(0,0,0,0)}
.slides .mb.mb2 h2 {-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, -600px, 0);-ms-transform: translate3d(0, -600px, 0);transform: translate3d(0, -600px, 0);}
.slides li.flex-active-slide .mb.mb2 h2 {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.slides .mb.mb3 h2 {-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, -600px, 0);-ms-transform: translate3d(0, -600px, 0);transform: translate3d(0, -600px, 0);}
.slides li.flex-active-slide .mb.mb3 h2 {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.slides .mb .box { text-align: center;width: 100%}
.slides .mb h2 {font-size: 40px;color: #fff;margin-bottom: 15px;font-weight: bold;text-align: center;margin-top:8%;width: 100%}
.slides .mb h2 img {max-width: 80%;margin: 0 auto;}
.slides .mb p {font-size: 18px;color: #fff;line-height: 1.8;width: 900px;margin: 0 auto}
.slides .mb .more {width:130px;margin: 30px auto;height:38px;background: #fff;line-height: 38px;color: #333;font-size: 16px;text-align: center;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; text-transform: uppercase}
.slides li{height:100vh;}
.slides .mb1 h2 {font-size: 40px;color: #fff;margin-bottom: 15px;font-weight: bold;margin-top:32%;text-align: left;padding-left: 3%}
.slides .mb3 h2 {font-size: 40px;color: #fff;margin-bottom: 15px;font-weight: bold;margin-top:10%;text-align: left;padding-left: 10%}
.flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:25px;height:25px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:25px;height:25px;line-height:40px;overflow:hidden;background:url(../image/dot.png) 0 0 no-repeat;cursor:pointer; text-indent:-999px}
.flex-control-nav .flex-active{ background:url(../image/dots.png) 0 0 no-repeat}
.slides li.flex-active-slide {/*-webkit-animation-name: kenburns-1;
animation-name: kenburns-1;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 8s;
animation-duration: 8s;
-webkit-transform: scale(1.1);
transform: scale(1.1);*/}
/*banner END*/
@-webkit-keyframes kenburns-1 {
0% {-webkit-transform: scale(1.1);transform: scale(1.1);}
1.5625% {}
23.4375% {}
26.5625% {}
50% {}
60% {-webkit-transform: scale(1.2);transform: scale(1.2);}
100% {;-webkit-transform: scale(1.3);transform: scale(1.3);}
}
@keyframes kenburns-1 {
0% {-webkit-transform: scale(1.1);transform: scale(1.1);}
1.5625% {}
23.4375% {}
26.5625% {}
50% {}
60% {-webkit-transform: scale(1.2);transform: scale(1.2);}
100% {-webkit-transform: scale(1.3);transform: scale(1.3);}
}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:54px;height:90px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../image/banner-l.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../image/banner-r.png) center center no-repeat;}
.tit { margin-bottom:50px; text-align:center}
.tit h1 { font-size:36px; color:#333; margin-bottom:15px; position:relative}
.tit h1::after { content: " ";position: absolute; left: 50%; bottom: -12px; width: 60px; margin-left: -30px;height: 0;border: 1px solid #f18c16;}
.tit h3 { font-size:14px; color:#666; margin-top:25px;}
/*每节前的标题*/
.index-mod-title{text-align:center; padding-bottom:40px;}
.index-mod-title .mod-title-name{font-size:32px; color:#333}
.mod-title-en{font-size:12px;color:#666; text-transform:uppercase; margin:10px 0}
.index-title-line{width:187px;height:24px;background:url(../image/pub1.png) center center no-repeat;margin:auto;}
.content {padding-top: 70px;}
/*解决方案*/
.solution{ margin-top:70px;margin-bottom:0px}
.solution.con {width: 1520px;}
.solution_tit{ width:345px; margin:0 auto; background:url(https://www.terjin.com/images/solution_bg.jpg) bottom center no-repeat; height:80px; line-height:80px; text-align:center;}
.program-main{ padding: 0px 0 0px;}
.program-main h2{ font-weight: normal; font-size: 45px; line-height: 52px; color: #515151; text-align: center;}
.program-main .en{height: 27px; margin-bottom: 53px;}
.program-main .pro-cases{padding: 0;}
.program-main li.new{ top: 200px; filter:alpha(opacity=0); opacity: 0;}
.program-main .btns{ height: 45px; margin-top: 35px;}
.program-main .btns a{ display: inline-block; left: 50%; top: 0; width: 178px; height: 43px; border: 1px solid #23ac38; padding-left: 110px; background: #23ac38; margin-left: -145px;
font-size: 18px; line-height: 45px; color: #fff; transition: all 0.5s;}
.program-main .btns a:hover{ border: 1px solid #040000; background: none; color: #040000;}
.program-main .btns span.fr{ display: inline-block; width: 30px; height: 30px; margin: 7px 10px 0 0; display: none;}
.program-main .btns span.in{ display: inline-block; left: 0; top: 0; width: 30px; height: 30px;}
.program-main .loading{ height: 30px;}
.pro-cases li{ position: relative; width: 23%; height: 280px; margin: 0 1% 20px; float:left;}
.pro-cases li .bg{ left:50%;margin-left: -142px; bottom: 0; width:284px; height:204px; background: url(../image/bg_shadow06.png);position: absolute;display: none}
.pro-cases li .sign{ position: absolute; left: 0; top: 107px; width: 100%; height: 180px; background: url(../image/hybj.png) no-repeat center; font-size: 14px; line-height: 22px; color: #fff; text-align: center;padding-top: 20px;box-sizing: border-box}
.pro-cases li:hover .sign{background: none}
.pro-cases li .sign span{ font-size:20px;}
.pro-cases li .tips{ left:50px; bottom: -20px; width: 270px; height: 62px; font-size: 11px;line-height:25px;color: #d3dced;text-align:left;filter:alpha(opacity=0);opacity: 0;}
.pro-cases li .img{ width: auto; height: 52px; margin: 0 auto;}
.dn {
display: none;
}
.poa {
position: absolute;
}
.poa-f {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.sy_hyyy {margin-top:70px;margin-bottom:0px}
.sy_hyyy ul { width: 80%;margin: 0 auto;}
.sy_hyyy ul li {width: 23%; height: 280px; float: left;margin: 0 1% 20px;position: relative;overflow: hidden;}
.sy_hyyy ul li img {width: 100%; display: block;-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; }
.sy_hyyy ul li .sign {position: absolute; left:50%;top: 90px;width:400px; margin-left: -200px;height: 100%; background: url(../image/hybj.png) no-repeat center top; font-size: 14px; line-height: 22px; color: #fff; text-align: center;padding-top: 20px;box-sizing: border-box;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;z-index: 999}
.sy_hyyy ul li .sign .tb {width:70px; height: 52px;margin: 0 auto;}
.sy_hyyy ul li .sign span { font-size: 19px;}
.sy_hyyy ul li:hover img {-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s;filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%);}
.sy_hyyy ul li:hover .sign {-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;top: 120px;background: none;}
.sy_hyyy ul li .bg{ left:0; bottom: 0;width:100%; height:170px; background: url(../image/bg_shadow06.png) center / 80% no-repeat;position: absolute;-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;opacity: 0;z-index: 998}
.sy_hyyy ul li:hover .bg{-webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;opacity: 1;}
#qyhd {
width:100%;
height: auto; position:relative; height:800px;
}
#qyhd .jianjie,
#qyhd .zhaoshang,
#qyhd .lianxi,
#qyhd .lianxi1 {
width:33.3333%;
float:left; height:800px;
transition:all 8s; position:relative; overflow:hidden
}
#qyhd .tp { width:100%; position:absolute; height:100%}
#qyhd .tp img { width:100%}
#qyhd .jianjie {
background:url(../image/dsp_bg11.jpg) no-repeat left center;
}
#qyhd .zhaoshang {
background:url(../image/dsp_bg21.jpg) no-repeat left center;
}
#qyhd .lianxi {
background:url(../image/dsp_bg31.jpg) no-repeat left center;
}
#qyhd .lianxi1 {
background:url(../image/dsp_bg41.jpg) no-repeat left center;
}
#qyhd a {
width:100%;
height:800px;
display:block;
position:relative;
color:#fff;
transition:all 1s;
}
#qyhd a .xiangxi {
width: 400px;
height: 600px;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
margin-left: -200px;
margin-top: -40%;
}
#qyhd a .xiangxi img {
display:block;
margin:auto;
padding-top:70px;
}
#qyhd a .xiangxi span {
display:block;
text-align:center;
font-size:20px;
line-height:20px;
padding-top: 20px;
}
#qyhd a .xiangxi h1 {
text-align:center;
font-size:30px;
padding-top:40px; color:#fff; font-weight:bold;
}
#qyhd a .xiangxi p {
width:340px;
margin:auto;
text-align:center;
line-height:35px;
font-size:16px;
}
#qyhd .jianjie a {
background:url(../image/dsp_bg11.jpg) no-repeat left center;
}
#qyhd .zhaoshang a {
background:url(../image/dsp_bg21.jpg) no-repeat left center;
}
#qyhd .lianxi a {
background:url(../image/dsp_bg31.jpg) no-repeat left center;
}
#qyhd .lianxi1 a {
background:url(../image/dsp_bg41.jpg) no-repeat left center;
}
#qyhd a:hover {
background:rgba(0,0,0,.3);
}
#qyhd .jianjie:hover {
background:url(../image/dsp_bg1.jpg) no-repeat right center;
}
#qyhd .zhaoshang:hover {
background:url(../image/dsp_bg2.jpg) no-repeat right center;
}
#qyhd .lianxi:hover {
background:url(../image/dsp_bg3.jpg) no-repeat right center;
}
#qyhd .lianxi1:hover {
background:url(../image/dsp_bg4.jpg) no-repeat right center;
}
.color-white {color: #fff}
.index-mod-title1{text-align:center; padding-bottom:40px;position: absolute;left: 0; top: 40px;width: 100%;z-index: 999}
.index-mod-title1 .mod-title-name{font-size:32px; color:#fff}
.mod-title-en1{font-size:12px;color:#fff; text-transform:uppercase; margin:10px 0}
.index-title-line1{width:187px;height:24px;background:url(../image/pub1s.png) center center no-repeat;margin:auto;}
.cpzs {width: 100%;overflow: hidden}
.cpzs ul li {width:24.7%;margin: 0 0.15%; float: left;position:relative;overflow: hidden}
.cpzs ul li img {width: 100%;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.cpzs ul li:hover img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.cpzs ul li .mb {width: 100%;height: 100%;position: absolute;background: rgba(43,60,145,0.85);top:86%;left: 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;padding: 20px;box-sizing: border-box;text-align: center}
.cpzs ul li .mb .tb {width: 90px;margin: 0 auto;display: none;margin-bottom: 10px;}
.cpzs ul li .mb .tb img {width: 100%}
.cpzs ul li:hover .mb .tb {display: block;margin-top: 150px;}
.cpzs ul li .mb h3 {font-size: 28px;color: #fff;line-height: 2;font-weight: bold;margin-bottom: 20px}
.cpzs ul li .mb p {font-size: 20px;line-height: 2.1;color: #fff;}
.cpzs ul li:hover .mb {top:0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
/*公司简介*/
.m_wrap3{ padding:70px 0 ;background: #f5f5f5;overflow: hidden}
.m_wrap3 .img{ float:left; width:392px;}
.m_wrap3 .conc{ float:right; width:555px; color:#333;}
.m_wrap3 .conc .p1{ font-size:16px; background:url(https://www.terjin.com/images/hfl_25.jpg) bottom left no-repeat; padding-bottom:15px; margin-bottom:15px;}
.m_wrap3 .conc .p2{ line-height:25px;}
.m_wrap3 .con p{ color:#333;line-height:1.8; font-size:15px;text-indent: 2em;margin-bottom: 20px;}
.sec1 { padding: 0px 0 60px; background: url('https://www.terjin.com/images/bglogo.jpg') no-repeat right 60px; }
.sec1_left { width: 43.5%; position: relative; cursor:pointer;/* float:left;*/margin: 0 auto;}
.play_ico { display: block; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; background: url('https://www.terjin.com/images/play_ico.png') no-repeat center; width: 70px; height: 70px; }
.More_btn { display: block; width: 152px; height: 40px; text-transform: uppercase; text-align: center; line-height: 40px; background: #2a4c90; color: #fff; cursor: pointer; }
.More_btn:hover{color:#fff; background: #133271;}
.More_btn i { display: inline-block; margin-left: 10px; background: url('https://www.terjin.com/images/more_arr.png') no-repeat center; width: 10px; height: 12px; vertical-align: middle; }
.sec1_right { /*width: 52%;*/width:80%; /*float: right;*/ padding-top: 60px;margin: 0 auto;}
.sec1_right .sec_tit { font-size: 40px; line-height: 1; text-transform: uppercase; margin-bottom: 10px; font-family: 'impact'; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#253f8a }
.sec1_right .sec_tit i { width: 75px; height: 2px; background: #000; display: block; margin-top:10px; margin-bottom: 20px; }
.sec1_right h4 { font-size:22px; font-weight: normal; line-height: 1; margin-bottom: 30px; }
.sec1_right ._txt { margin-bottom: 35px; line-height: 1.8; font-size:14px }
.sec1_right .More_btn { margin-bottom: 70px; color:#fff;}
.sec1_data_list li { float: left; width: 23%; padding-right: 2%; margin-right: 8%; border-right: 1px solid #ddd; }
.sec1_data_list li strong { font-size: 36px; font-weight: bold; line-height: 1; font-family: 'impact'; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 10px; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#253f8a), to(#5690e8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sec1_data_list li strong.num2{margin-right:0;}
.sec1_data_list li strong.dian{margin-right:0;}
.pro_zh_sec1 .more{width:160px;}
.pro_zh_sec1 .more a{height:44px;}
.pro_zh_sec1 .more .face1{height:40px; line-height:40px;}
.m_wrap3 a.more{ background:url(https://www.terjin.com/images/hfl_26.jpg) no-repeat; width:81px; height:24px; display:block; margin-top:40px;}
/*hql-翻滚按钮公用样式*/
.roll_box{-webkit-perspective: 500px; perspective: 500px; position:relative;}
.roll1{-webkit-transform: rotateX(0deg); transform: rotateX(0deg);-webkit-transition: .2s ease;
transition: .2s ease;
-webkit-transform-origin: 50% 50% -25px;
-ms-transform-origin: 50% 50% -25px;
transform-origin: 50% 50% -25px; position:absolute; left:0; top:0; width:100%; z-index:1;opacity:1;}
.roll2{-webkit-transform: rotateX(90deg); transform: rotateX(90deg);-webkit-transition: .2s ease;
transition: .2s ease;
-webkit-transform-origin: 50% 50% -22px;
-ms-transform-origin: 50% 50% -22px;
transform-origin: 50% 50% -22px; position:absolute; left:0; top:0; width:100%; z-index:-1; opacity:0; display:none\9;}
.roll_box:hover .roll1{-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0;}
.roll_box:hover .roll2{-webkit-transform: rotateX(0deg); transform: rotateX(0deg);display:block\9; z-index:1; opacity:1;}
.more .face2 {
color: #fff;
line-height: 42px;
font-size: 0;
text-align: center;
height: 42px;
transform-origin: 50% 50% -25px;
-webkit-transform-origin: 50% 50% -25px; display:block; overflow:hidden
}
.sec1_right .more {
margin-bottom: 30px;
}
.more {
display: inline-block;
width: 188px;
font-size: 14px;
text-align: center;
}
.more a {
display: block;
width: 100%;
height: 50px;
}
.more:hover a {color: #fff
}
.more .face2 .t{display:inline-block; line-height:46px;font-size:14px; vertical-align: top;}
.spbk { width: 100%;margin: 0 auto;}
.h-new {
margin-top:70px;
margin-bottom:70px
}
.h-new-wrap {
margin:0 0 0
}
.h-new-wrap h2 {
font-size:18px;
line-height:28px;margin-top: 20px;
height:40px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.h-new-wrap img {overflow: hidden;
transition:transform cubic-bezier(.215,.61,.355,1) 1s;
-ms-transition:transform cubic-bezier(.215,.61,.355,1) 1s;
-o-transition:transform cubic-bezier(.215,.61,.355,1) 1s;
-webkit-transition:transform cubic-bezier(.215,.61,.355,1) 1s;
-moz-transition:transform cubic-bezier(.215,.61,.355,1) 1s
}
.h-new-wrap p {
font-size:15px;
line-height:1.8;
height:78px;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3
}
.h-new-wrap span {
font-size:14px;
line-height:20px;
display:inline-block;
text-transform:uppercase;
font-weight:700;
border-bottom:1px solid transparent;
transition:all .45s ease;
-ms-transition:all .45s ease;
-o-transition:all .45s ease;
-webkit-transition:all .45s ease;
-moz-transition:all .45s ease
}
.h-new-top {
position:relative;overflow: hidden;background: #f5f5f5;
}
.h-new-top a {
display:block
}
.h-new-top .new-img {
width:45%;overflow: hidden
}
.h-new-top .new-img img {width: 100%;}
.h-new-top .new-desc {
width:50%;
padding:0 50px 0px 50px;box-sizing: border-box
}
.h-new-top .time {
width:132px;
border:1px solid #2b3c91;
border-radius:15.5px;
font-size:14px;
line-height:30px;
color:#2b3c91;
text-align:center;
margin-bottom:30px;margin-top: 35px;
}
.h-new-top .new-sort,
.h-new-top h2 {
color:#233645
}
.h-new-top p {
color:#979797;
margin:3.7606% 0 6.4957%
}
.h-new-top span {
color:#2b3c91
}
.h-new-top:hover img {
transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1)
}
.h-new-top:hover span {
border-bottom-color:#abd6f3;
transition:all .45s ease;
-ms-transition:all .45s ease;
-o-transition:all .45s ease;
-webkit-transition:all .45s ease;
-moz-transition:all .45s ease
}
.h-new-bottom {
margin-top:3px;overflow: hidden;
}
.h-new-bottom ul {
margin:0 -1.5px
}
.h-new-bottom li {
float:left;
width:calc(50% - 3px);
margin:0 1.5px;
position:relative;
transition:all .45s ease;
-ms-transition:all .45s ease;
-o-transition:all .45s ease;
-webkit-transition:all .45s ease;
-moz-transition:all .45s ease
}
.h-new-bottom li:nth-child(1) {
background:#2b3c91
}
.h-new-bottom li:nth-child(2) {
background:#63809c
}
.h-new-bottom li:nth-child(2) p {
color:#b8d2eb
}
.h-new-bottom li:after {
content:'';
width:3px;
height:100%;
background:#fff;
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%)
}
.h-new-bottom li:hover img {
transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1)
}
.h-new-bottom li:hover span {
border-bottom-color:#afbdcb;
transition:all .45s ease;
-ms-transition:all .45s ease;
-o-transition:all .45s ease;
-webkit-transition:all .45s ease;
-moz-transition:all .45s ease
}
.h-new-bottom a {
display:block;
position:relative
}
.h-new-bottom .new-img {
width:50%; overflow: hidden
}
.h-new-bottom .new-desc {
width:50%;
padding:20px 30px;box-sizing: border-box
}
.h-new-bottom .new-sort,
.h-new-bottom h2 {
color:#fff
}
.h-new-bottom p {
color:#b3daeb;
margin:7.931% 0 7.2413%
}
.h-new-bottom span {
color:#fff
}
.more {
width:200px;
display:block;
font-size:14px;
color:#2b3c91;
line-height:46px;
border:1px solid #2b3c91;
border-radius:6px;
text-align:center;
position:relative;
z-index:1;
margin:40px auto 0;
text-transform:uppercase;
transition:all .45s ease;
-ms-transition:all .45s ease;
-o-transition:all .45s ease;
-webkit-transition:all .45s ease;
-moz-transition:all .45s ease
}
.more:before {
content:'';
width:0;
height:100%;
background:#2b3c91;
position:absolute;
left:0;
top:0;
z-index:-1;
border-radius:5px;
transition:all .45s ease;
-ms-transition:all .45s ease;
-o-transition:all .45s ease;
-webkit-transition:all .45s ease;
-moz-transition:all .45s ease
}
.more:hover {
color:#fff;
border-color:#2b3c91;
transition:all .45s ease;
-ms-transition:all .45s ease;
-o-transition:all .45s ease;
-webkit-transition:all .45s ease;
-moz-transition:all .45s ease
}
.more:hover:before {
width:100%;
transition:all .45s ease;
-ms-transition:all .45s ease;
-o-transition:all .45s ease;
-webkit-transition:all .45s ease;
-moz-transition:all .45s ease
}
.sy_yczs {padding: 70px 0 30px;background: #f5f5f5}
/* start footer */
.footer_bg{background:#333; width:100%;padding:35px 0 20px;}
.footer { width:1320px; margin:0 auto; padding:20px 0; z-index:999}
.footer .zuo3{ width:900px; float: left;}
.footer .zuo3 ul li { width:18%; float:left;}
.footer .zuo3 ul li .tit1 a { font-size:14px; font-weight:bold; color:#fff; line-height:36px; display:block}
.footer .zuo3 ul li .line { margin-bottom:20px; height:2px; margin-top:10px}
.footer .zuo3 ul li .line span { width:15px; height:1px; background:#df651c;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; display:block}
.footer .zuo3 ul li:hover .line span { width:50px; height:1px;}
.footer .zuo3 ul li a { width:100%; display:block; line-height:28px; font-size:14px; color:#eee;}
.footer .zuo3 ul li a:hover { color:#fff}
.footer .zuo3 .lx {width: 18.5%;float: left;}
.footer .zuo3 .lx .tit1 a { font-size:14px; font-weight:bold; color:#fff; line-height:36px; display:block}
.dzwz {line-height:30px;color:#eee;font-size:14px; float:left; width:350px; }
.dzwz p { line-height:30px;color:#eee;font-size:14px;}
.dzwz p a {color: #fff}
.dzwz p.p1 { background: url(https://www.terjin.com/images/fd-img2.png) left center no-repeat}
.dzwz p.p2 { background: url(https://www.terjin.com/images/fd-img1.png) left center no-repeat}
.dzwz p.p3 { background: url(https://www.terjin.com/images/fd-img4.png) left center no-repeat}
.footer .you3 { width:330px; float:right;}
.footer .you3 .weixin { width:100px; padding-top:20px; float: right; line-height:30px; color:#333; text-align:center; margin-left:10px;}
.footer .you3 .weixin img {width: 100%}
.footer .you3 .dian { width:230px; float: left;}
.footer .you3 .dian h2 { font-size:20px; line-height:50px; color:#333; padding-top:20px;}
.footer .you3 .dian p { line-height:30px; font-size:14px; color:#333; text-align: left}
.footer_btm {margin:30px auto 0;padding-top: 1%;border-top: 1px solid #555; width:100%;}
.copy { width: 1320px;margin: 0 auto}
.copy p,.copy .w3-link {font-size: 12px;text-transform: uppercase;color: #fff;}
.copy p a,.copy .w3-link a { color: #fff; -webkit-transition: 0.9s; -moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}
.nban { width:100%; height:460px; position:relative}
.nbwz { width:600px; font-size:40px; font-weight:bold; color:#fff; position:absolute; top:40%; left:20%; letter-spacing:2px;}
.nbwz h3 { font-size:16px; text-transform:uppercase; font-weight:normal; color:#fff}
.ntit{ width:100%;padding: 20px 0;background-color: #f5f5f5;overflow: hidden}
.ntit ul { width:1200px; margin:0 auto}
.ntit ul li { float:left; line-height:38px; margin-right:1px;}
.ntit ul li a { padding:0 35px; color:#333; font-size:16px; display:block;border-radius: 5px;}
.ntit ul li a:hover { background:#2b3c91; color:#fff; -webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;}
.ntit ul li a.on { background:#2b3c91; color:#fff}
.zmtyxal { margin:0px auto 50px; overflow: hidden;width: 1200px;}
.zmtyxal ul li { margin-bottom:30px; padding:15px 0; overflow:hidden; margin-bottom:20px;}
.zmtyxal ul li h2 { font-size: 24px;color: #2b3c91;font-weight: bold;margin-bottom: 15px;}
.zmtyxal ul li .tp { width:480px; float: left;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; border:#ccc 1px solid; overflow:hidden;position: relative}
.zmtyxal ul li .tp.tp1 {width: 100%}
.zmtyxal ul li .tp.tp1 p { text-align: center;max-width: 500px;margin: 0 auto}
.zmtyxal ul li .tp .bt {width: 100%;height: 100%;background: rgba(0,0,0,0.35);position: absolute;left: 0;bottom: 0;padding: 30px 50px;box-sizing: border-box;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.zmtyxal ul li .tp:hover .bt {background: rgba(0,0,0,0.55);-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.zmtyxal ul li .tp .box {width: 100%}
.zmtyxal ul li .tp .bt .ico {width: 80px;height: 80px;margin: 0 auto;}
.zmtyxal ul li .tp .bt .ico img {width: 100%;}
.zmtyxal ul li .tp .bt h3 {line-height: 40px;color: #fff;text-align: center;font-size: 18px;margin-bottom: 10px;margin-top: 10px;}
.zmtyxal ul li .tp .bt p {font-size: 14px;line-height: 1.8;color: #fff;}
.zmtyxal ul li .tp img { width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.zmtyxal ul li .tp:hover img {-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.zmtyxal ul li .wz { width:720px; float:right}
.zmtyxal ul li .wz .cpfl {width: 360px;float: left;border: #ccc 1px solid;box-sizing: border-box}
.zmtyxal ul li .wz .cpfl:hover{border: #1f70b9 1px solid;}
.zmtyxal ul li .wz .cpfl img {width: 100%}
.zmtyxal ul li .wz h3 { font-size:14px; line-height:40px; color:#333;text-align: center}
.zmtyxal ul li .wz p { line-height:26px; font-size:14px; color:#555; margin-top:20px;}
.zmtyxal ul li .wz .Acdltj_time{width:100%; margin:15px 0 0; color:#a9a9a9; display:block; height:30px}
.nyhy {margin: 0 auto 50px;width: 1200px;}
.nyhy ul li{ float:left; width:380px; margin:0 30px 40px 0; position:relative;}
.nyhy ul li .kj {transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.02),0 15px 40px 0 rgba(0,0,0,.02);box-shadow: 0 10px 15px 0 rgba(0,0,0,.02),0 15px 40px 0 rgba(0,0,0,.02); }
.nyhy ul li:nth-child(3n) {margin-right: 0}
.nyhy ul li .tu { width:100%; position: relative;overflow:hidden}
.nyhy ul li img { width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.nyhy ul li:hover img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.nyhy ul li .mb { background:rgba(0,171,239,0.7); position:absolute; width:100%; height:100%; left:0; top:0;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;}
.nyhy ul li:hover .mb {-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;opacity: 1;-webkit-opacity:1;-moz-opacity:1;}
.nyhy ul li .wenz { padding:20px 10px 10px; background:#fff; width:100%; background:url(../image/jt.png) 350px center no-repeat}
.nyhy ul li:hover .wenz {background:url(../image/jts.png) 350px center no-repeat}
.nyhy ul li .wenz h3 { font-size:16px; margin-bottom:10px; color:#333;}
.nyhy ul li .wenz p { font-size:12px; color:#666; line-height:20px; width:50%; float:left }
.nyhy ul li:hover .wenz h3 { color:#2b3c91;-webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;}
.nyhy ul li:hover .kj {-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_gywm { overflow:hidden; width:100%; margin:0 auto}
.ny_gywm .gsjj { padding:50px 0; overflow:hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #2b3c91}
.ny_gywm .gsjj .sp {width: 50%}
.ny_gywm .gsjj .wenz {width: 50%}
.ny_gywm .gsjj .wenz .box {width: 80%;padding: 0 0 0 50px;box-sizing: border-box;}
.ny_gywm .gsjj .wenz h3 {font-size: 28px;color: #666;margin-bottom: 20px;}
.ny_gywm .gsjj .wenz p {text-indent: 2em;margin-bottom: 10px; font-size:14px; color:#fff;line-height: 1.8}
.ny_gywm .gsjj .dait {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 30px;}
.ny_gywm .gsjj .tp { width:550px; margin-top:20px; overflow:hidden;}
.ny_gywm .gsjj .tp img {-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.ny_gywm .gsjj .tp:hover img { -webkit-transform:scale(1.09); -moz-transform:scale(1.09); -o-transform:scale(1.09); -ms-transform:scale(1.09); transform:scale(1.09); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.ny_gywm .gsjj .wz { width:600px;}
.ny_gywm .gsjj .wz h3 { font-size:22px; color:#222; margin:50px 0 20px; text-align:center}
.ny_gywm .gsjj .wz p { line-height:28px; font-size:14px; color:#555;text-indent: 2em;}
.ny_gywm .gsjj .nr {margin: 30px 0}
.ny_gywm .gsjj .nr p {line-height:28px; font-size:14px; color:#555;margin-bottom: 20px;text-indent: 2em;}
.pc-slide {
width: 1200px;
margin:5px auto 35px;
}
.lcnr { padding:50px; text-align:center}
.lcnr h3 { font-size:30px; color:#333; margin-bottom:20px;}
.lcnr p { font-size:18px; line-height:32px; color:#555}
.view .swiper-container {
width: 1200px;
height: auto;
}
.view .arrow-left {
background: url(https://www.terjin.com/images/index_tab_l.png) no-repeat left top;
position: absolute;
left: 10px;
top: 50%;
margin-top: -25px;
width: 28px;
height: 51px;
z-index: 10;
}
.view .arrow-right {
background: url(https://www.terjin.com/images/index_tab_r.png) no-repeat left bottom;
position: absolute;
right: 10px;
top: 50%;
margin-top: -25px;
width: 28px;
height: 51px;
z-index: 10;
}
.preview {
width: 100%;
margin-top: 10px;
position: relative;
}
.topx { height:20px; background:#2b3c91;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; position:absolute; top:0; z-index:1; left:0; width:100%}
.preview .swiper-container {
width:1130px;
height: 82px;
margin-left: 35px;
}
.preview p { width:100%; height:82px; display:block; background:url(../image/s1.png) center top no-repeat;color:#fff; font-size:20px; line-height:32px; text-align:center; padding-top:45px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.preview .active-nav p { background:url(../image/s1s.png) center top no-repeat;color:#f3992b; font-weight: bold;}
.preview .swiper-slide {
width: 233px;
height: 82px;
cursor:pointer; margin-top:0px; z-index:9999
}
.preview .slide6 {
width: 223px;
}
.preview .arrow-left {
background: url(https://www.terjin.com/images/feel3.png) no-repeat left top;
position: absolute;
left: 10px;
top: 50%;
margin-top: -9px;
width: 9px;
height: 18px;
z-index: 10;
}
.preview .arrow-right {
background: url(https://www.terjin.com/images/feel4.png) no-repeat left bottom;
position: absolute;
right: 10px;
top: 50%;
margin-top: -9px;
width: 9px;
height: 18px;
z-index: 10;
}
.preview img {
padding: 1px;
}
.preview .active-nav img {
padding: 0;
border: 1px solid #F00;
}
.fzlc { padding:50px 0; overflow:hidden;background: #f6f6f6;}
.ryzz_ny { padding:50px 0; overflow:hidden; margin-bottom:40px; border-top:#eee 1px solid;}
.ryzz { padding:50px 0; overflow:hidden; margin-bottom:40px}
.newsp02 {position:relative; width:1280px; margin:35px auto 0}
.newsp02 .hd {width:1200px; margin:0 auto}
.newsp02 .hd .prev {width:56px; height:56px; background:url(../image/jtdl.png) left center no-repeat; position:absolute; left:0; top:46%; margin-top:-20px; z-index:10000; display:none}
.newsp02:hover .hd .prev { display:block;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.newsp02 .next{width:56px; height:56px; background:url(../image/jtdr.png) left center no-repeat; position:absolute; right:0; top:46%; margin-top:-20px; z-index:10000; display:none}
.newsp02:hover .next { display: block}
.newsp02 .bd {width:1200px; margin:0 auto;}
.newsp02 .bd ul li{display:inline-block; width:270px; float:left; margin:0 15px; position:relative; overflow:hidden;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; }
.newsp02 .bd ul li img { width:100%; display:block}
.newsp02 .bd ul li .wenz { color:#333; line-height:30px; text-align:center; font-size:16px; text-align:center}
.newsp02 .bd ul li img {width:100%; height:auto; display:block}
.gy_lxwm { padding:60px 0}
.gy_lxwm ul li { width:31.3333%; float:left; margin:0 1%; background:#f6f6f6; padding:20px; box-sizing:border-box; transition: all 0.5s;-wbkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;height: 225px}
.gy_lxwm ul li:hover{ transition: all 0.5s;-wbkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;background:#2b3c91;color: #fff;}
.gy_lxwm ul li .tb { width: 50px;margin: 10px auto 20px;height: 50px}
.gy_lxwm ul li .tb.t1 {background:url(../image/lxyx.png) center / 100%;}
.gy_lxwm ul li:hover .tb.t1 {background:url(../image/lxyxs.png) center / 100%;}
.gy_lxwm ul li .tb.t2 {background:url(../image/lxdh.png) center / 100%;}
.gy_lxwm ul li:hover .tb.t2 {background:url(../image/lxdhs.png) center / 100%;}
.gy_lxwm ul li .tb.t3 {background:url(../image/lxsj.png) center / 100%;}
.gy_lxwm ul li:hover .tb.t3 {background:url(../image/lxsjs.png) center / 100%;}
.gy_lxwm ul li .tb.t4 {background:url(../image/lxdz.png) center / 100%;}
.gy_lxwm ul li:hover .tb.t4 {background:url(../image/lxdzs.png) center / 100%;}
.gy_lxwm ul li h3 {font-size: 18px;color: #333;font-weight: bold;margin-bottom: 20px;text-align: center}
.gy_lxwm ul li p {font-size: 14px;line-height: 2;color: #666;text-align: center}
.gy_lxwm ul li:last-child p {text-align: left}
.gy_lxwm ul li:hover h3 {color: #fff;}
.gy_lxwm ul li:hover p {color: #fff;}
.zt-all-box{ width:1280px; margin: 0 auto; overflow: hidden; padding-top: 30px;}
.zt-all-box li{ background: #FFFFFF; padding: 4px; float: left; position: relative; margin-right: 18px; margin-bottom: 20px; overflow: hidden; border: 1px solid #f5f5f5;}
.zt-all-box li .seat{ position: absolute; top: 4px; left: 4px; color: #FFFFFF;}
.zt-all-box li .seat1{ width: 371px; height: 225px; background: url(https://www.terjin.com/images/new/imgbj.png) top center no-repeat;}
.zt-all-box li .seat2{ width: 571px; height: 250px; background: url(https://www.terjin.com/images/new/imgbj2.png) top center no-repeat;}
.zt-all-box li .seatbox{padding:200px 10px 0 10px;}
.zt-all-box li .seat2 .seatbox{padding:225px 10px 0 10px;}
.zt-all-box li .seat .fl{ font-size: 12px}
.zt-all-box li .seat .fl img{ padding-right: 7px; vertical-align: bottom;}
.zt-all-box li .seat .fr{ font-size: 14px; letter-spacing: 1.5px;}
.zttextbox{ padding: 10px 10px; overflow: hidden;}
.zttextbox h3{ font-size: 16px; line-height: 16px; color: #000000; font-weight: normal; padding-bottom: 5px;}
.zttextbox h5{ font-size: 12px; font-weight: normal; line-height: 12px; color: #969696;}
.zttextbox .fr{ text-align: right; padding: 5px 5px 0 0; color: #969696;}
.zttextbox .fr em{ font-weight: bold; color: #ff6e19; font-size: 20px; line-height: 20px;}
.zt-all-box li.mrn0{ margin-right: 0;}
.zt-button{ width:200px; height:40px; text-align: center; margin: 30px auto 0; border-radius: 20px; border: 1px solid #ff6e19; line-height: 40px; color: #ff6e19; display: block; font-size: 16px;}
.zt-button:hover{color: #ff6e19;}
.page{ text-align:center; margin:30px auto;}
.page a{ height:26px; line-height:26px; display:inline-block; font-size:14px; color:#5a5a5a; border:#f5f5f5 1px solid;background: #f5f5f5; margin:0 3px; padding:0 10px;}
.page a:hover{ background:#2b3c91; border:#2b3c91 1px solid; color:#FFF;}
.page a.hover{ background:#2b3c91; border:#2b3c91 1px solid; color:#FFF;}
.sysj {padding: 50px 0}
.sysj ul li { margin-bottom:20px; padding:20px; border-bottom:#eee 1px solid; overflow:hidden; transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;}
.sysj ul li:hover { background:#eee;border-bottom:#4c232b 1px solid;}
.sysj ul li .tp { width:28%; float:left;}
.sysj ul li .tp img { width:100%}
.sysj ul li .wenz { width:67%; float:right; }
.sysj ul li .wenz h3 {color: #333;margin:0 0 25px;font-weight: 600; font-size:24px; line-height:30px;}
.sysj ul li .wenz p {margin: 0 0 10px; font-size:14px; line-height:22px;color: #666;}
.sysj ul li .wenz .more {width: 110px;margin-top: 25px;line-height: 32px; text-align: center;border: #4c232b 1px solid;color: #4c232b;font-size: 14px;}
.sysj ul li .wenz .more:hover {background: #4c232b;color: #fff;}
.hidden{display: none;}
.nynews{overflow: hidden;}
.nynews ul.list{overflow: hidden;}
.nynews ul.list li{}
.nynews .more{overflow: hidden;width: 150px;line-height: 40px;border: #2b3c91 1px solid;text-align: center;border-radius:5px;height: 40px;}
.nynews .more a{display: block;color:#2b3c91;margin:0 auto;text-align:center;font-size: 16px;}
.nynews .more a:hover{text-decoration: none;background: #2b3c91;color: #fff;}
.Activsbf1_lb{ width:100%; margin-top:10px;}
.Activsbf1_lb dl{ width:100%; background:#f6f6f6; padding:10px; float:left; margin:0 0 20px; display:inline;box-sizing: border-box;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.Activsbf1_lb dt{ width:25%; float:left; overflow:hidden;}
.Activsbf1_lb dt a{ overflow:hidden;display:table-cell; text-align:center; vertical-align:middle;}
.Activsbf1_lb dt img{ vertical-align:middle; width:100%;}
.Activsbf1_lb dd{ width:72%; float:right; margin-top:15px; margin-right:0.5%}
.Activsbf1_lb dd .newNrtit{ width:100%; line-height:30px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.Activsbf1_lb dd .newNrtit a{font-size:16px; color:#333;}
.Activsbf1_lb dd .newNrjs{ width:100%; margin-top:10px; line-height:32px; color:#666; font-size:14px; display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;}
.Activsbf1_lb dd .Acdltj_time{width:100%; margin:15px 0 0; color:#999;}
.Activsbf1_lb dl:hover .Acdltj_time{ color:#ccc;}
.Activsbf1_lb dl:hover{ background:#2b3c91;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.Activsbf1_lb dl:hover dd .newNrtit a{font-size:16px; color:#fff;}
.Activsbf1_lb dl:hover .newNrjs{ color:#fff;}
.Activsbf1_lb dl:hover dt img{-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center;}
.Activsbf1_lb dl:hover dt img{
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.ny_xw { width:1200px; margin:0 auto 50px; padding:0px 0}
.ny_spzx {margin: 0 auto;padding:0px 0 50px; width:1200px;}
.ny_spzx ul li {width: 30.3333%;margin: 0 1.5% 30px;float: left;transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;}
.ny_spzx ul li .tp img {width: 100%;}
.ny_spzx ul li .tp {position: relative;overflow: hidden;}
.ny_spzx ul li .mb {background: rgba(0,0,0,0.8);position: absolute;left: 0;top:-100%;width: 100%;height: 100%;opacity: 0}
.ny_spzx ul li:hover .mb {opacity: 1;top: 0;}
.ny_spzx ul li:hover h3 {background: #2b3c91;color: #fff;}
.ny_spzx ul li:hover{transform: translateY(-5px);
-wbkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;}
.ny_spzx ul li h3 {font-size: 14px;padding: 15px 0;text-align: center;background: rgba(0,0,0,0.1)}
/*联系我们*/
.lxwm { margin:0px auto; overflow:hidden; width:1200px;}
.lxwm .tit {height:70px; padding-top:50px; background:url(https://www.terjin.com/images/titlx.png) center top no-repeat;}
.lxwm .tit h2 { font-size:30px; color:#333; text-align:center}
.lxwm .nr { padding-top:30px; overflow:hidden; padding-bottom:60px;}
.lxwm .nr .left { width:450px; float:left}
.lxwm .nr .left .bt { font-size:20px; line-height:32px; color:#333;}
.lxwm .nr .left .line { width:100%; height:2px; text-align:left; margin-bottom:40px;}
.lxwm .nr .left .line span { width:50px; height:2px; background:#999; float:left; display:block}
.lxwm .nr .left h3 { font-size:30px; margin-bottom:20px; color:#2b3c91}
.lxwm .nr .left .dz { font-size:16px; line-height:30px; padding-bottom:50px; border-bottom:#ccc 1px solid; margin-bottom:20px; color:#333}
.lxwm .nr .left p { line-height:2.4; color:#333; font-size:16px;}
.lxwm .nr .left p.p1 { background:url(../image/bg_sign2.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .left p.p2 { background:url(../image/dizhi.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .left p.p3 { background:url(../image/bg_sign4.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .left p.p4 { background:url(../image/bg_sign3.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .left .ewm { margin-top:20px;}
.lxwm .nr .left .ewm .l1 { width:130px; float:left; margin-right:35px;}
.lxwm .nr .left .ewm .l1 img { width:100%}
.lxwm .nr .left .ewm .l1 .tit2 { line-height:28px; font-size:14px; color:#333; margin-bottom:10px}
.lxwm .nr .left .ewm .l1 .tit2 i {display: inline-block;margin-right: 5px;}
.lxwm .nr .left .ewm .l1 .tit2 i.c1 {width: 14px;
height: 14px;
background: url(https://www.terjin.com/images/u3.png) no-repeat 0 0;}
.lxwm .nr .left .ewm .l1 .tit2 i.c2{width: 18px;height: 15px;background: url(https://www.terjin.com/images/u2.png) no-repeat 0 0;}
.lxwm .nr .right { width:650px; float:right; }
.lxwm .nr .right img { width:100%}
.xwej { margin:0px auto 50px; width:1200px;}
.glyc1 { border-bottom: 1px solid #cccccc;
height: 50px;
line-height: 50px;
font-size: 25px;
color: #2b3c91; text-align:left}
.glyc1 span a {font-size: 16px;}
.glyc1 .bt { display:block; float:left; font-weight:bold}
.glyc1 .gzdd { display:block; float:left; margin-left:100px; font-size:18px; color:#333}
.glyc2 {
padding: 15px 0px 50px 0px;
font-size: 14px;
line-height: 28px;
color: #666;font-weight: normal
}
.zp_xx{width:1200px; margin:30px auto 50px;}
.zp_xx h5{font-size:20px; font-weight:bold; color:#2b3c91; margin-bottom:15px;}
.zp_xx p{font-size:14px; line-height:28px;color: #666;}
.zp_xx .bt{text-align:left;}
.zp_xx .zw{width:500px; height:auto; padding:30px; background-color:#fff; float:left;}
.zp_xx .zg{width:500px; height:auto; padding:30px; background-color:#f8f8f8; float:left;}
.fldy {width: 100%;padding: 50px 0; background: #f6f6f6;}
.fldy ul li {width:30.3333%;margin:0 1.5% 20px;float: left;background: #fff;position: relative;}
.fldy ul li .tp {overflow: hidden}
.fldy ul li img {width: 100%;}
.fldy ul li h3 {font-size: 16px;font-weight: bold;line-height:2.5;text-align: center;color: #333;}
.fldy ul li span { height: 2px;background: #2b3c91;width: 0;position: absolute;left: 0;bottom: 0;transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;}
.fldy ul li:hover {box-shadow: 0px 5px 20px 0px rgba(169, 180, 190, 0.2);}
.fldy ul li:hover span {width: 100%;}
.fldy .box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.fldy .box .tp {width: 550px;}
.fldy .box .tp img {width: 100%}
.fldy .box .wenz {padding: 0 0 0 60px;width: 600px;box-sizing: border-box; text-align: center}
.fldy .box .wenz span {display: inline-block;padding: 9px 15px;background-color: #2b3c91;border-radius: 20px;margin-right: 10px;margin-bottom: 15px;font-size: 18px;color: #fff}
.sy_lxwm { padding:70px 0; overflow:hidden; background:url(https://www.terjin.com/images/banner02.jpg) center bottom no-repeat;}
/* 联系我们新加 */
.ywhz {width: 1280px;margin: 30px auto;}
.ywhz ul li {width: 373px;float: left;margin-right: 40px;margin-bottom: 30px;border: #eee 1px solid;}
.ywhz ul li:last-child{margin-right: 0;}
.ywhz ul li img {width: 100%;}
.ywhz ul li h3 {font-size: 14px;color: #333; text-align: center;padding: 10px 0;}
.lxxx { width:1200px; margin:10px auto 0}
.lxxx ul li { width:393px; float:left; margin-right:10px; text-align:center;background: rgba(0,0,0,0.3); padding:0 15px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.lxxx ul li.last { margin-right:0}
.lxxx ul li .tb { padding:50px 0 10px; text-align:center}
.lxxx ul li h3 { font-size:20px; color:#fff; margin:10px 0}
.lxxx ul li p { font-size:14px; color:#fff; margin-bottom:50px;}
.rcgn-main{padding:50px 0;overflow: hidden}
.rcgn-main .title{text-align: center;padding-bottom: 10px;}
.rcgn-main .title .tex1{font-size:25px;color:#333;}
.rcgn-main .list{padding: 30px 0;}
.rcgn-main .list ul{margin-left: -3.33%;}
.rcgn-main .list li{float: left;width: 30%;margin-left: 3.33%;height: 354px;background-color: #fff;text-align: center;padding:3%;box-sizing: border-box;border: #eee 1px solid}
.rcgn-main .list li:nth-child(1){border-bottom: 3px solid #0078d4;}
.rcgn-main .list li:nth-child(2){border-bottom: 3px solid #bb152e;}
.rcgn-main .list li:nth-child(3){border-bottom: 3px solid #fbcd80;}
.rcgn-main .list li .img{margin-bottom: 30px;}
.rcgn-main .list li .img img{transition: all 0.5s;}
.rcgn-main .list li:hover .img img{transform: scale(1.1);}
.rcgn-main .list li .tex{color:#666;font-size:14px;}
.rcgn-main .list li .tex p{line-height: 25px;}
.jr_zp {padding: 50px 0 50px; overflow: hidden}
.jr_zp .text1 {font-size:25px;color:#333;text-align: center}
.jr_zp ul {padding-top:30px;}
.jr_zp ul li {max-width:1280px;
width: 90%;
padding: 40px;
margin-bottom: 40px;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
background: #fff;
-webkit-box-shadow: 0 10px 40px 0 rgba(0,0,0,.1);
box-shadow: 0 10px 40px 0 rgba(0,0,0,.1);
border-radius: 4px;}
.jr_zp ul li .left {
width: 70%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.jr_zp ul li .left .title {
font-size: 24px;
font-family: "Microsoft YaHei";
font-weight: 500;
color: #000;
line-height: 48px;
}
.jr_zp ul li .left .location {
font-size: 18px;
font-family: "Microsoft YaHei";
font-weight: 400;
color: rgba(0,0,0,.6);
line-height: 25px;
padding-bottom: 40px;
}
.jr_zp ul li .left .duty {
height: 95px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.jr_zp ul li .left .duty .title {
font-size: 18px;
font-family: "Microsoft YaHei";
font-weight: 500;
color: #000;
line-height: 25px;
padding-bottom: 10px;
}
.jr_zp ul li .right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.jr_zp ul li .right .more a {
width: 134px;
height: 48px;
border: 1px solid #4c232b;text-align: center;padding-right: 46px;box-sizing: border-box;background:url(https://www.terjin.com/images/jt2.png) 90px center / 10px no-repeat;display: block;color: #4c232b;font-size: 14px;line-height: 48px;margin-top: 40px;}
.jr_zp ul li .right .more a:hover{background:#4c232b url(../image/jt.png) 100px center / 10px no-repeat;color: #fff;}
.jr_zp ul li .left .duty .subitem {
font-size: 18px;
font-family: "Microsoft YaHei";
font-weight: 400;
color: rgba(0,0,0,.6);
line-height: 30px;
text-align: left;
}
.zplm {width: 100%;margin: 0 auto;padding: 60px 0;}
.zplm ul li {width: 560px;position: relative;}
.zplm ul li .box {width: 100%; text-align: center;height: 100%;position: absolute;left: 0;top: 0;font-size: 25px;color: #fff;font-weight: bold;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: rgba(0,0,0,0.5)}
.zplm ul li h3 {font-size: 35px;color: #fff;font-weight: bold;width: 100%}
.zplm ul li img {width: 100%;display: block;}
.yuan {}
.tanchu {width:100%; height:100%; background:url(../image/hb.png) repeat; display:none; position: fixed; top:0; left:0; z-index:99;overflow: auto;bottom: 0}
.tanchu .gb {width:30px; height:30px; position:absolute; top:20px; right:20px; cursor:pointer;}
.tanchu .gb img {width:100%; height:auto;}
.tanchu .wz {width:1120px; background:#fff; position: relative; padding:40px 80px; margin:15vh auto 50px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.tanchu .wz .bt { font-size: 24px;
font-weight: 500;
color: #000;
line-height: 48px;}
.tanchu .wz .nr {}
.tanchu .wz .nr .dd {font-size: 18px;
font-weight: 400;
color: rgba(0,0,0,.6);
line-height: 25px;}
.tanchu .wz .nr .duty {padding-top: 40px;}
.tanchu .wz .nr .duty h3 {font-size: 18px;
font-family: PingFangSC-Medium,PingFang SC;
font-weight: 500;
color: #000;
line-height: 25px;
padding-bottom: 10px;}
.tanchu .wz .nr .duty p {font-size: 18px;
font-weight: 400;
color: rgba(0,0,0,.6);
line-height: 30px;
text-align: left;}
.tanchu .wz .more {margin-top: 60px;
width: 134px;
height: 48px;
background: #4c232b;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;color: #fff;line-height: 48px;text-align: center}
.ncon { width:1200px; margin:0 auto;}
.cpxqban { height:550px; width:100%;overflow: hidden}
.cpxqban .left { width:500px; float:left; margin-top:160px;}
.cpxqban .left h2 { font-size:32px; color:#fff;line-height: 60px;
font-weight: 600;
margin-bottom: 8px;}
.download{ display:block; font-size: 32px;font-weight: 600;color: rgba(51, 51, 51, 1);line-height: 60px;text-align: center;cursor: default;}
.download img{width: 32px;height: 32px;vertical-align: middle; margin-bottom: 4px; margin-right: 5px;}
.cpxqban .left p{font-size: 16px;
line-height: 28px;
color:#fff;}
.cpxqban .left .more { width:160px; line-height:40px; border:#fff 1px solid; color:#fff;border-radius: 5px;
font-size: 16px;
text-align: center;
transition: all 0.1s linear 0s; margin-top:20px; float:left;}
.cpxqban .left .more:before { background:#fff}
.cpxqban .left .more:hover { background:#fff; color:#2b3c91}
.cpxqban .right { width:650px; float:right; text-align:center; margin:125px 0 0;overflow: hidden}
.cpxqban .right img {max-width:600px}
.xq_cptd { width:1200px; margin:60px auto;}
.xq_cptd h2 {font-size: 32px;
font-weight: 600;
color: rgba(51, 51, 51, 1);
line-height: 60px;
text-align: center; margin-bottom:50px;}
.xq_cptd ul li { width:30.3333%; float:left; margin:0 1.5% 10px; padding:40px 20px 35px; box-sizing:border-box; height:255px}
.xq_cptd ul li:hover {box-shadow: 0px 5px 20px 0px rgba(169, 180, 190, 0.2);}
.xq_cptd ul li .five-value-img { width: 70px; height: 70px;margin: 0px auto 20px;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.xq_cptd ul li .five-value-img img { width:100%}
.xq_cptd ul li:hover .five-value-img {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.xq_cptd ul li h3 {font-size: 20px;color: #333;font-weight: bold;margin-bottom: 10px; text-align: center;}
.xq_cptd ul li p { font-size:14px; color:#333; line-height:1.8; text-align:center}
.xq_xc { overflow:hidden; padding: 50px 0;}
.xq_xc h2 {font-size: 32px;font-weight: 600;color: rgba(51, 51, 51, 1);line-height: 60px;text-align: center; margin-bottom:50px;}
.swiper-yxxy{width:1200px; margin:0 auto; padding-bottom:50px;}
.swiper-yxxy .swiper-slide{position:relative;}
.swiper-yxxy .swiper-slide img{width:100%; height:auto; display:block;}
.swiper-yxxy .swiper-slide .w_z{width:90%; padding:10px 5%; background-color:rgba(145,152,159,.8);color:#fff;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.swiper-yxxy .swiper-slide .w_z h3{font-size:16px; color:#fff; margin-bottom:6px;}
.swiper-yxxy .swiper-slide:hover .w_z{background-color:rgba(43,60,145,1);}
.swiper-yxxy .swiper-button-prev {
background-image: url(../image/banner-l.png);
left: 0px;
right: auto;margin-top: -33px !important;
}
.swiper-yxxy .swiper-button-next {
background-image: url(../image/banner-r.png);
right: 0px;
left: auto;margin-top: -33px !important;
}
.swiper-yxsp{width:1200px; margin:0 auto; padding-bottom:50px;}
.swiper-yxsp .swiper-slide{position:relative;}
.swiper-yxsp .swiper-slide img{width:100%; height:auto; display:block;}
.swiper-yxsp .swiper-slide .w_z{width:90%; padding:10px 5%; background-color:rgba(145,152,159,.8);color:#fff;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.swiper-yxsp .swiper-slide .w_z h3{font-size:16px; color:#fff; margin-bottom:6px;}
.swiper-yxsp .swiper-slide:hover .w_z{background-color:rgba(43,60,145,1);}
.swiper-yxsp .swiper-button-prev {
background-image: url(../image/banner-l.png);
left: 0px;
right: auto;margin-top: -33px !important;
}
.swiper-yxsp .swiper-button-next {
background-image: url(../image/banner-r.png);
right: 0px;
left: auto;margin-top: -33px !important;
}
.download-list{padding-bottom:50px;}
.download-list li{
width:100%;
height:48px;
line-height: 48px;
}
.download-list li:nth-child(odd) {
background-color: #f7f9fa;
}
.download-list .download-list-item-title{
font-size: 15px;
color: #3b3e40;
letter-spacing: 0;
margin-left: 10px;
}
.download-list .jdwd{font-size:18px; font-weight: bold;}
.download-list .download-formats {
float: right;
margin-right: 10px;
}
.download-list .download-icon,.download-list .donwload-file-name{ float:left;}
.download-list .download-icon{width: 14px;height: 14px;margin-left: 4px; margin-top:17px;}
.download-list .download-icon img {width: 14px;height: 14px; vertical-align: middle;}
.xq_xn {background:#f6f6f6; width:100%; padding:50px 0;overflow: hidden}
.xq_xn h2 {font-size: 32px;
font-weight: 600;
color: rgba(51, 51, 51, 1);
line-height: 60px;
text-align: center; margin-bottom:50px;}
.service{}
.service-tab .item{ float: left; width:33.3333%; height: 100px; margin-left: -1px; margin-top: -1px; padding: 15px 15px; border: 1px solid #e5e3e3; cursor: pointer;box-sizing: border-box; background:#f6f6f6}
.service-tab .item:nth-child(2n){background: #2b3c91;}
.service-tab .item:nth-child(2n) div{ margin-top:0px; color: #fff; font-size: 16px;line-height:30px;font-weight: bold;}
.service-tab .item:nth-child(2n) div h5 { font-size:14px; color:#fff;}
.service-tab .item img{ margin: 0;}
.service-tab .item p{ margin-top: 10px; display: block; font-size: 12px; color: #cccccc; text-transform:uppercase;}
.service-tab .item div{ margin-top:0px; color: #333333; font-size: 16px;line-height:30px;font-weight: bold;}
.service-tab .item div h5 { font-size:14px; color:#555;}
.service-tab .item-tit{ float: left; width: 20%; height: 80px; margin-left: -1px; margin-top: -1px; padding: 25px 40px; border: 1px solid #eeeeee; background: #1cb19e; color: #FFFFFF;}
.service-tab .item-tit .tit{ padding-bottom: 15px; font-size: 20px; color: #FFFFFF; position: relative;}
.service-tab .item-tit .tit:after{ content: ""; position:absolute; bottom:0; left:0; background: #ff7f5b; width: 36px; height: 2px;}
.service-tab .item-tit .des{ margin-top: 10px; font-size: 12px; line-height: 24px; color: #FFFFFF;}
.service-tab .item:hover,
.service-tab .item.active{-o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08); -moz-box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}
.service-tab .item:hover div,
.service-tab .item.active div{ color: #2b3c91; }
.service-tab .item:nth-child(2n):hover div {color: #fff}
.hyxqban { height:550px; width:100%;overflow: hidden}
.hyxqban .left { width:500px; float:left; margin-top:280px;}
.hyxqban .left h2 { font-size:46px; color:#fff;line-height: 60px;
font-weight: 600;
margin-bottom: 8px; text-align:center}
.hyxqban .left p{font-size: 16px;
line-height: 28px;
color:#fff;}
.hyxqban .left .more { width:160px; line-height:40px; border:#fff 1px solid; color:#fff;border-radius: 5px;
font-size: 16px;
text-align: center;
transition: all 0.1s linear 0s; margin-top:20px; float:left;}
.hyxqban .left .more:before { background:#fff}
.hyxqban .left .more:hover { background:#fff; color:#2b3c91}
.hyxqban .right { width:650px; float:right; text-align: right; margin:125px 0 0;overflow: hidden}
.hyxqban .right img {width:460px; border-radius:10px;}
.ny_alxq{ overflow:hidden; width:100%; margin:0 auto; padding-bottom:60px;}
.ny_alxq h2{font-size: 32px;
font-weight: 600;
color: rgba(51, 51, 51, 1);
line-height: 60px;
text-align: center; margin-bottom:50px;}
.ny_alxq .box { width:900px; margin:0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.ny_alxq .wenz { width:900px;}
.ny_alxq .wenz p { font-size:16px; line-height:1.8; color:#555; text-indent:2em}
.ny_alxq .wenz p span { font-size: 17px;font-weight: bold;}
.ny_alxq .wenz h3 { font-size: 32px;
font-weight: 600;
color: rgba(51, 51, 51, 1);
line-height: 60px;
text-align: center; margin-bottom:50px;}
.ny_falb {overflow: hidden; padding:50px 0; margin:0px 0}
.ny_falb h2 {font-size: 32px;
font-weight: 600;
color: rgba(51, 51, 51, 1);
line-height: 60px;
text-align: center; margin-bottom:50px;}
.ny_falb ul li {background: #FFF; border:#e5e3e3 1px solid;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center; padding:20px; margin-bottom:30px;}
.ny_falb ul li:hover{-o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08); -moz-box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}
.ny_falb ul li .tp { width:310px; float:left;}
.ny_falb ul li .tp img { width:100%}
.ny_falb ul li .wenz { width:740px;}
.ny_falb ul li .wenz h3 { font-size:18px; font-weight:bold; margin-bottom:15px;}
.ny_falb ul li .wenz p { font-size:#666; line-height:1.8; font-size:14px;}
.ny_falb ul li .wenz .more { width:150px; line-height:40px; border:#2b3c91 1px solid; font-size:16px; text-align: center; color:#2b3c91; margin-right:25px; float:left; margin-top:30px;}
.ny_falb ul li .wenz .more:hover{ background:#2b3c91; color:#fff}
.ny_falb ul li .wenz .more:before { background:#2b3c91}
.ny_yyal{overflow:hidden; padding:50px 0; width:100%}
.ny_yyal h2 {font-size: 32px;
font-weight: 600;
color: rgba(51, 51, 51, 1);
line-height: 60px;
text-align: center; margin-bottom:50px;}
.swiper-cpcx{width:1200px; margin:0px auto 40px; -moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; padding:0 30px;}
.swiper-cpcx .swiper-slide{position:relative;background:#fff;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; margin:10px auto 30px; padding-bottom:50px; overflow:hidden;-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 20px 0 rgba(0,0,0,.08);box-shadow: 0 10px 15px 0 rgba(0,0,0,.08),0 15px 20px 0 rgba(0,0,0,.08);}
.swiper-cpcx .swiper-slide .mb { position:absolute; width:100%; height:100%; left:0; top:-100%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; opacity:0; background:rgba(0,0,0,0.8) url(../image/icon7.png) center 40% no-repeat}
.swiper-cpcx .swiper-slide:hover .mb {top:0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; opacity:1}
.swiper-cpcx .swiper-slide:hover{-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 20px 0 rgba(0,0,0,.16);box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 20px 0 rgba(0,0,0,.16);transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-10px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.swiper-cpcx .swiper-slide img{width:100%; height:auto; display:block;}
.swiper-cpcx .swiper-slide .w_z{width:100%; padding:5px; background-color:rgba(255,255,255,1); position:absolute; bottom:0px; left:0;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s; -moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;}
.swiper-cpcx .swiper-slide:hover .w_z { background:#2b3c91}
.swiper-cpcx .swiper-slide:hover h3 { color:#fff}
.swiper-cpcx .swiper-slide:hover p { color:#fff}
.swiper-cpcx .swiper-slide h3 { font-size:14px; color:#333; margin:10px}
.swiper-cpcx .swiper-slide p { font-size:12px; color:#666; margin-bottom:20px; padding:0 10px;}
.swiper-cpcx .swiper-button-next, .swiper-cpcx .swiper-button-prev {
position: absolute;
top: 50%;
width: 30px;
height:30px;
z-index: 10;
cursor: pointer;
background-position: center;
background-repeat: no-repeat
}
.swiper-cpcx .swiper-button-prev { background:url(../image/lrlr.png) no-repeat 0 0; left:0px}
.swiper-cpcx .swiper-button-prev:hover { background:url(../image/lrlr.png) no-repeat 0 -30px}
.swiper-cpcx .swiper-button-next { background: url(../image/lrlr.png) no-repeat -30px 0; right:0px;}
.swiper-cpcx .swiper-button-next:hover { background: url(../image/lrlr.png) no-repeat -30px -30px;}
.dqwztit { width:1200px; margin:0 auto; height:40px; line-height:40px; border-bottom:1px solid #eee; font-size:14px;padding-left: 30px;background: url(../image/img19.png) left center no-repeat;box-sizing: border-box}
.dqwztit a { font-size:14px}
.ny_xwxq {width: 1200px;margin: 0 auto;}
.ny_xwxq h3 {font-size: 20px;color: #333;padding: 10px 0;line-height: 1.8;text-align: center}
.a_mt_time {
width: 100%;
padding: 13px 0px;
text-align: center;
color: #999999;
font-size: 14px;
word-wrap: break-word;text-align: center;
}
.ny_xwxq .nr {padding: 35px 0;}
.ny_xwxq .nr p { font-size: 14px;line-height: 2;margin-bottom: 10px;color: #555;}
.ny_xwxq .nr .tp { text-align: center;}
.ny_xwxq .nr .tp img {max-width: 100%;}
.a_mt_pages {
/*border: 1px solid #dfdfdf;*/
border-left: 0px;
border-right: 0px;
color: #999999;
font-size: 14px; text-align:center;
line-height: 2.0;overflow: hidden
}
.a_mt_pages .btb {
padding: 2% 0px;
word-wrap: break-word;
text-align: center;width: 50%;box-sizing: border-box;float:left;
}
.a_mt_pages .btb1 {
border-right: 1px solid #dfdfdf;
}
.ny_ej{display:none}
@media only screen and (max-width:1440px) {
.slides .mb h2 img {
max-width: 60%;
margin: 0 auto;
}
.con {
width: 85%;
margin: 0 auto;
}
.h-new-wrap img {height:234px}
.solution.con {
width: 85%;margin: 60px auto 0
}
.pro-cases li {
height: 300px;
margin: 0 1.5% 20px;
float: left;
}
.pro-cases li .bg {
left: 50%;
margin-left: -152px;
bottom: 0;
width: 304px;
height: 174px;
}
.sec1_right {
padding-top:0px;
}
.m_wrap3 .con p {line-height: 1.8;
margin-bottom: 5px;
}
.h-new-top .time {
margin-bottom: 20px;
margin-top:15px;
}
.h-new-top p {
margin:0px 0 15px;
}
.cpzs ul li .mb {
padding: 10px; top:84%;
}
.cpzs ul li:hover .mb .tb {margin-top: 120px;}
.sy_hyyy ul {
width: 90%;
margin: 0 auto;
}
.sy_hyyy ul li .sign {
top: 25%;}
.sy_hyyy ul li:hover .sign {top:40%;}
.sy_hyyy ul li .bg{height:140px;}
}
@media only screen and (max-width:1369px) {
.cpzs ul li:hover .mb .tb {margin-top: 100px;}
.cpzs ul li .mb h3 {
font-size: 25px;
}
.cpzs ul li .mb p {
font-size: 18px;
line-height: 2.1;
color: #fff;
}
}
@media only screen and (max-width:1290px) {
.cpzs ul li:hover .mb .tb {margin-top: 90px;}
.cpzs ul li .mb .tb {
width:80px;
}
.footer {
width: 96%;
padding: 15px 0;
}
.dzwz {
width: 350px;
}
.copy {
width: 96%;
}
.ny_gywm .gsjj .sp {
width: 100%;
}
.ny_gywm .gsjj .wenz {
width:100%;
}
.ny_gywm .gsjj {
display:block;width: 1200px;margin: 0 auto;padding: 0 0 50px;
}
.ny_gywm .gsjj .wenz .box {
width: 94%;
padding: 0 0 0 0px; margin:30px auto;
}
}
@media only screen and (max-width:1024px) {
.zp_xx .zw {
width: 100%;
height: auto;
padding: 20px;box-sizing: border-box;
}
.zp_xx .zg {
width: 100%;
height: auto;
padding: 20px;box-sizing: border-box;
}
.zp_xx {
width: 94%;
margin: 30px auto 30px;
}
.xwej {
margin: 0px auto 30px;
width: 94%;
}
.hyxqban {
height: 12rem;
}
.ny_alxq .box {
width: 94%;
}
.swiper-cpcx {
width: 94%;
}
.hyxqban .left {
width: 100%;
margin-top:80px;
}
.nyhy {
margin: 0 auto 40px;
width: 94%;
}
.nyhy ul li {
width: 46%;
margin: 0 2% 30px 0;
}
.nyhy ul li:nth-child(3n) {
margin-right:2%;
}
.nyhy ul li .wenz {
padding: 10px 10px 10px;box-sizing: border-box;
background: #fff;
width: 100%;
background: url(../image/jt.png) 96% center no-repeat;
}
.flexslider {
height: 17rem;
}
.swiper-container-ban .swiper-slide {
width: 100%;
height: 17rem;
}
.swiper-container-ban .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.swiper-container-ban .swiper-pagination {
bottom: 10px !important;
}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:35%;}
.container { width: 94%; margin: 0 auto;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.cpzs { width:99%; margin:0 auto;}
.cpzs ul li {
width: 49.75%;
margin: 0 0.5% 0.5% 0;
}
.cpzs ul li:nth-child(2n){ margin:0 0 0.5% 0}
.sy_hyyy ul {
width: 94%;
}
.sy_hyyy ul li {
width: 31.3333%;
margin: 0 1% 20px;
}
.sy_hyyy ul li .sign {
top: 35%;
background: url(../image/hybj.png) no-repeat center top / 70%;
font-size: 14px;
padding-top: 10px;
}
.sy_hyyy ul li .sign .tb {
width: 50px;
height: 42px;
margin: 0 auto; background-size:80% !important;
}
.sy_hyyy ul li .sign span {
font-size: 14px;
}
.h-new-bottom li {
float: left;
width: calc(100% - 3px);
margin: 0 1.5px 3px;
}
.h-new-top .new-img {
width:50%;
}
.h-new-bottom p {
color: #b3daeb;
margin:5% 0 5%;
}
.con {
width: 94%;
}
.sec1_left {
width:100%;
}
.sec1_right {
width:100%;
padding-top: 60px;
}
.footer .zuo3 ul li { display:none}
.footer .zuo3 .lx {
width:100%; display:block
}
.footer .zuo3 {
width: 100%;
}
.footer .you3 {
width: 100%;
float: right;
}
.footer .you3 .weixin { height:auto; float:left; margin:0 auto; color:#fff;margin-right: 5px;
}
.footer_btm { text-align:center;
}
.nban {
height: 10rem;
}
.ntit ul li a {
padding: 0 15px;
font-size: 14px;
}
.ny_gywm .gsjj {
width: 94%;
padding: 0 0 30px;
}
.newsp02 .bd {
width: 700px;overflow: hidden;
}
.newsp02 .hd .prev {
display:block;
}
.newsp02 {
width: 100%;
margin: 35px auto 0;
}
.newsp02 .next {
display: block;
}
.newsp02 .bd ul li{display:inline-block; width:320px; float:left; margin:0 15px; }
.ryzz_ny {
padding: 50px 0 0;
}
.ncon {
width: 94%;
}
.ntit {display: none}
.ny_ej{width:100%; padding:5px 15px; font-size:15px;color: #333; line-height:36px; background-color:#f5f5f5; position:relative;display: block;box-sizing: border-box}
.ny_ej .w_z{position:relative;}
.ny_ej .w_z i{float:right; width: 20px; height: 30px;background: url(../image/nyej.png) center / 100% no-repeat;}
.ny_ej ul{position:absolute; padding:0 15px; top:46px; left:0; width:100%; border:1px solid #e7e7e7; background-color:#fff; z-index:999; display:none;}
.ny_ej ul li{display:block; font-size:14px; border-bottom:1px solid #e7e7e7; text-align:center; line-height:44px;}
.ny_ej ul li:last-child{border-bottom:0;}
.ny_ej ul li a{display:block;}
.zmtyxal {
margin: 0px auto 40px;
width: 94%;
}
.zmtyxal ul li .tp {display: none;
}
.zmtyxal ul li .wz {
width: 100%;
}
.zmtyxal ul li .wz .cpfl {width: 46%;margin: 0 2% 20px;
}
.content {
padding-top: 30px;
}
.cpxqban .left {
width:100%;
margin-top:20px;
}
.cpxqban .right {
width: 100%;
margin: 30px 0 0;
}
.cpxqban .right img {
max-width:100%;
}
.xq_cptd {
width: 94%;
margin: 0px auto;
}
.xq_cptd ul li {
width:46%;
margin: 0 2% 10px;
padding: 20px 20px 25px;
height: 225px;
}
.xq_xn {
padding:40px 0;
}
.service-tab .item:nth-child(2n) div h5 {
font-size: 12px;
}
.swiper-yxxy {
width: 94%;
padding-bottom: 40px;
}
.ny_xw {
width: 94%;
margin: 0 auto 40px;
}
.Activsbf1_lb dl {
padding: 0px;
}
.Activsbf1_lb dt {
width: 40%;
}
.Activsbf1_lb dd {
width: 55%;
margin-top:0;
margin-right:2%;
}
.zplm {
padding: 0px 0;
}
.zplm ul li {
width: 48%;
}
.fldy ul li {
width:46%;
margin: 0 2% 20px;
}
.ny_xwxq {
width: 94%;
}
.ny_xwxq h3 {
font-size: 18px;
}
.ny_spzx {
padding: 0px 0 40px;
width: 94%;
}
.ny_spzx ul li {
width: 46%;
margin: 0 2% 30px;
}
}
@media only screen and (max-width:600px){
.h-new-top .time { display:none}
.ny_spzx ul li {
width: 98%;
margin: 0 1% 30px;
}
.a_mt_pages .btb {
padding: 2% 0px;
width: 100%;
}
.a_mt_pages .btb1 {
border-right:0px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;
}
.ny_xwxq .nr {
padding: 20px 0;
}
.glyc1 {
line-height: 50px;
font-size: 18px;height: auto;
}
.glyc1 .gzdd {
margin-left:0px;
font-size: 14px;clear: both;line-height: 25px;
}
.zp_xx {
width: 100%;
margin: 20px auto 20px;
}
.zp_xx h5 {
font-size: 18px;
}
.zplm ul li h3 {
font-size: 2.2rem;
}
.fldy ul li h3 {
font-size: 12px;
line-height: 1.5;height: 32px;margin: 5px 0
}
.hyxqban .left h2 {
font-size: 2.2rem;
}
.hyxqban .left {
margin-top:40px;
}
.ny_alxq .wenz h3 {
font-size: 2rem;line-height: 1.8;
margin-bottom: 30px;
}
.ny_alxq {
padding-bottom: 40px;
}
.ny_alxq .wenz p {
font-size: 14px;
}
.ny_yyal h2 {
font-size: 2rem;
line-height: 1.8;
margin-bottom: 30px;
}
.ny_yyal {
padding: 40px 0 0;
}
.nyhy ul li .wenz h3 {
font-size: 14px;
margin-bottom:0px;
}
.Activsbf1_lb dd .Acdltj_time {
margin: 0px 0 0;
}
.Activsbf1_lb dd .newNrjs {
margin-top: 5px;
line-height: 1.8;
font-size: 12px;
-webkit-line-clamp:2;
}
.Activsbf1_lb {
margin-top: 0px;
}
.nynews .more {
line-height: 35px;
height: 35px;
}
.flex-control-nav {
bottom: 10px;
}
.slides .mb h2 img {
max-width:80%;
}
.flex-control-nav li {
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
}
.flex-control-nav a {
display: inline-block;
width: 20px;
height: 20px;
line-height: 30px;
}
.flex-direction-nav li a.flex-next {
right: 0px;
}
.flex-direction-nav li a.flex-prev {
left: 0px;
}
.content {
padding-top: 40px;
}
.index-mod-title .mod-title-name {
font-size:2rem
}
.cpzs ul li .mb h3 {
font-size: 1.4rem;
margin-bottom: 10px;
}
.cpzs ul li .mb {
padding:0 10px;
top: 82%;
}
.cpzs ul li .mb .tb {
width: 40px;
}
.cpzs ul li:hover .mb .tb {display: block;margin-top:30px;}
.cpzs ul li .mb p {
font-size: 1rem;
line-height:1.8;
}
.sy_hyyy {
margin-top: 40px;
}
.sy_hyyy ul li {
width: 48%;
height: 135px;
margin: 0 1% 20px;
}
.sy_hyyy ul li .sign { width:200px; margin-left:-100px;
top: 35%;
background: url(../image/hybj.png) no-repeat center top / 80%;
font-size: 14px;
padding-top: 10px;
}
.sy_hyyy ul li .bg {
height: 70%;
}
.h-new {
margin-top: 40px;
margin-bottom: 40px;
}
.h-new-wrap h2 {
font-size: 16px;
line-height: 1.5;
margin-top: 15px;
height: auto;
}
.h-new-top .new-desc {
padding: 0 15px 0px 15px;
}
.h-new-wrap p {
font-size:14px;
}
.h-new-wrap img {
height:auto;width:100%;
}
.more {
width: 150px;
line-height: 36px;
margin: 30px auto 0;
}
.m_wrap3 {
padding:40px 0;
}
.sec1_right {
padding-top: 30px;
}
.more a {
height:36px;
}
.more .face2 {
line-height: 36px;
height: 36px;
}
.more .face2 .t {
display: inline-block;
line-height: 36px;
}
.footer {
width: 94%;
padding: 0px 0;
}
.nbwz {
width: 90%;
font-size:2.2rem;
top: 30%;
left:10%;
letter-spacing: 1px;
}
.newsp02 .bd {
width: 320px;overflow: hidden;
}
.newsp02 .hd .prev {
display:block;
}
.newsp02 {
width: 100%;
margin: 35px auto 0;
}
.newsp02 .next {
display: block;
}
.newsp02 .bd ul li{display:inline-block; width:140px; float:left; margin:0 10px; }
.newsp02 .bd ul li .wenz { font-size:12px;}
.newsp02 .next {
width: 36px;
height:36px;
background: url(../image/jtdr.png) left center / 100% no-repeat;
top: 48%;
margin-top: -18px;
}
.newsp02 .hd .prev {
width: 36px;
height:36px;
background: url(../image/jtdl.png) left center / 100% no-repeat;
top: 48%;
margin-top: -18px;
}
.ryzz_ny {
padding:40px 0 0;
}
.newsp02 {
margin:0px auto 0;
}
.gy_lxwm {
padding: 0px 0;
}
.gy_lxwm ul li {
width:100%;
margin: 0 0 5px ;
height: 225px;
}
.zmtyxal ul li {
padding: 0px 0;
}
.zmtyxal ul li h2 {
font-size: 20px;
}
.zmtyxal ul li .wz h3 {
font-size:12px;
line-height:1.5;height: 32px;margin: 5px 0
}
.cpxqban .left h2 {
font-size: 25px;
line-height: 50px;
}
.cpxqban .left p {
font-size:14px;
line-height: 1.8;
}
.xq_cptd h2 {
font-size: 2rem;
margin-bottom: 40px;
}
.xq_cptd ul li p {
font-size: 12px;
}
.xq_cptd ul li .five-value-img {
width: 50px;
height:50px;
}
.service-tab .item {
float: left;
width: 100%;
height: 80px;
padding: 10px 8px;
}
.xq_xn h2 {
font-size:2rem;
margin-bottom: 40px;
}
.xq_xc h2,.download {
font-size: 2rem;
margin-bottom: 40px;
}
.xq_xc {
padding: 30px 0;
}
.swiper-yxxy .swiper-slide .w_z h3 {
font-size: 12px;
}
.swiper-yxxy .swiper-slide .w_z {
padding: 5px 5%;
}
.xq_cptd ul li {
padding: 20px 10px 25px;
height: 225px;
}
}
.footer .zuo3 ul .lx .line { margin-bottom:20px; height:2px; margin-top:10px}
.footer .zuo3 ul .lx .line { margin-bottom:20px; height:2px; margin-top:10px}
.footer .zuo3 ul .lx .line span { width:15px; height:1px; background:#df651c;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; display:block}
.footer .zuo3 ul .lx .line span { width:15px; height:1px; background:#df651c;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; display:block}
.footer .zuo3 ul .lx:hover .line span { width:50px; height:1px;}
@media only screen and (max-width:375px){
.h-new-top .time { display:none
}
.h-new-wrap h2 {
margin-top: 11px;
height: auto;
}
.h-new-bottom .new-desc {
width: 50%;
padding:10px 20px;
box-sizing: border-box;
}
.h-new-wrap p {
font-size: 1rem; height:auto
}
}
@media only screen and (min-width:1921px) and (max-width:2580px) {
.cpzs ul li .mb {
top: 88%;
}
.sy_hyyy ul li .bg{height:70%;}
.sy_hyyy ul li .sign {
top: 35%
}
.sy_hyyy ul li:hover .sign {top: 45%;}
}
@media only screen and (min-width:2580px) and (max-width:4096px) {
.cpzs ul li .mb {
top: 91%;
}
.cpzs ul li .mb h3 {
font-size: 28px;
margin-bottom: 30px;
}
.sy_hyyy ul li .bg{height:70%;}
.sy_hyyy ul li .sign {
top: 35%
}
.sy_hyyy ul li:hover .sign {top: 45%;}
}
.diymsg{padding: 100px; text-align: center; font-size: 16px; line-height: 40px;}
#searchlist ul.pagination li{border-bottom: dashed 1px #ddd; padding: 20px 0;}
#searchlist ul.pagination li p { font-size: 12px; color: #999; line-height: 20px; padding-top: 10px; }
/*分页*/
.diypage {
text-align: center;
padding: 5px;
padding: 50px 0;
}
.diypage ul.pagination{ width: auto!important; }
.diypage ul.pagination li {
display: inline
}
.diypage ul.pagination li a {
display: inline-block;
background-color: #fff;
border: 0 none;
border-radius: 3px;
font-size: 14px;
margin-left: 5px;
text-decoration: none;
display: inline-block;
height: 32px;
line-height: 32px;
border: 1px solid #e3e3e3;
padding: 0 8px;
color: #2b3c91
}
.diypage ul.pagination li a:hover {
background-color: #2b3c91;
color: #FFF
}
.diypage ul.pagination li a:active {
background-color: #2b3c91;
color: #FFF
}
.diypage ul.pagination li.active a {
background-color: #2b3c91;
border: 0 none;
border-radius: 3px;
color: white;
font-size: 14px;
font-weight: normal;
display: inline-block;
border: 1px solid #2b3c91;
}
.diypage ul.pagination li.disabled a {
border: #eee 1px solid;
margin: 2px;
color: #ddd
}
/*分页*/
/*在线留言*/
.form-horizontal{ width: 900px; margin: 0 auto }
.form-horizontal div.rrr{ padding: 10px 0; clear: both; }
.form-horizontal div.rrr label.pn{ display: inline-table; width: 10%; font-size: 16px; text-align: right; float: left; }
.form-horizontal div.rrr input{ border:1px solid #ddd; height: 40px; line-height: 40px; width: 85%; margin-left: 3%; padding-left: 1%; border-radius: 6px; background: #fff}
.form-horizontal div.rrr input.code{ width:10%;}
.form-horizontal div.rrr select{ width:10%;border:1px solid #ddd; height: 40px; line-height: 40px; margin-left: 3%; border-radius: 6px; padding: 0 10px;}
.form-horizontal div.rrr .formcontent{width: 86%; margin-left: 3%; float: left;}
.form-horizontal div.rrr .formcontent textarea{width: 100%;border:1px solid #ddd;border-radius: 6px;}
.form-horizontal div.rrr button{ width: 30%;
background: #2b3c91;
color: #fff;
height: 40px; line-height: 40px;
font-size: 16px;
display: block;
border-radius: 5px;
margin: 0 auto;
}
@media only screen and (max-width:640px) {
.form-horizontal{ width: 80%; margin: 0 auto }
.form-horizontal div.rrr label.pn{ display: inline-table; width: 100%; font-size: 16px; text-align: left; float: none; }
.form-horizontal div.rrr input{ border:1px solid #ddd; height: 40px; line-height: 40px; width:100%; margin-left: 0%; padding-left: 0%; border-radius: 6px; background: #fff}
.form-horizontal div.rrr input.code{ width:35%;}
.form-horizontal div.rrr select{width: 100%; border:1px solid #ddd; height: 40px; line-height: 40px; margin-left: 0%; border-radius: 6px; padding: 0 10px;}
.form-horizontal div.rrr .formcontent{width: 100%; margin-left: 0%; float: none;}
}