html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a,a:link,a:visited,a:hover,a:active{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff;color:#333;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2; }
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
input{outline:none;}
img{vertical-align:middle;max-width: 100%}
/********General**********/
/*头部*/
.head{width:100%;height:auto; position:fixed;top:0;z-index:9999;}
.header{ }
.menu0{display:none;}
.logo{font-size:28px;position:absolute;left:15px;top:12px;z-index:99999;}
.logo img{vertical-align:middle;max-height:40px;}
.tel{position:absolute;right:120px;top:28px;z-index:99999; font-size: 16px; color: #fff; }
.tel img{margin-right:8px;vertical-align:-2px;}
.tel span{color:#333333;font-size:18px;display:none}
.anniu{width: 10%; position:absolute;right:65px;top:24px;z-index:99999;}
.search{float:left;margin-right:2px;}
.search img{width:21px;height:19px;cursor:pointer;}
.anniu a{display:block;width:26px;height:26px;background:#03448e; color:#fff;text-align:center;line-height:26px;font-size:12px;text-transform:uppercase;float:left;text-decoration:none;}
.sousuo{width:100%;height:60px;background:#fff;display:none;position:absolute;z-index:9999;left:0; top:100%; -webkit-box-shadow: 0 12px 15px 0 rgba(71,71,71,.1), 0 20px 60px 0 rgba(71,71,71,.11);
box-shadow: 0 12px 15px 0 rgba(71,71,71,.1), 0 20px 60px 0 rgba(71,71,71,.11); }
.sousuo form{float:right;margin:14px 15px 0 0;}
.search-text{/*width:228px;*/padding:0 2%; font-size:16px;color:#fff; background:none;border:none; float:left; width: 78%; text-align: center; }
.search-btn{width:20px;height:19px;line-height:32px; font-size:14px;background:url(../Image/search_btn.png)center no-repeat; border:none;float:right; margin-top: 2.8%; }
/*ban*/
.slider-focus{position:relative;width:100%;overflow:hidden;margin-top:64px;}
.slider-focus .hd{position:absolute;width:100%;height:22px;left:0;bottom:2%;z-index:1;line-height:28px;text-align:center;}
.slider-focus .hd li{display:inline-block;vertical-align:middle;width:13px;height:13px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;border:1px solid #fff;cursor:pointer;}
.slider-focus .hd li.on{background:#fff;}
.slider-focus .bd{position:relative;z-index:0;}
.slider-focus .bd li{position:relative;text-align:center; transition:all .8s; }
.slider-focus .bd li img{vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.slider-focus .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}/* 去掉链接触摸高亮 */
.slider-focus .bd li .tit{display:block;width:100%;position:absolute;bottom:0;text-indent:10px;height:28px;line-height:22px;text-align:left;}
.s2{padding:0 28px; font-size: 24px; color: #0d499f; text-transform: uppercase; }
.s2:after{display: block;
content: '';
clear: both;
height: 0;
width: 0; }
.home-abo .s1 .left:after{display: block;
content: '';
clear: both;
height: 0;
width: 0; }
.s2-tit{ width: 100%; }
.s2-tit:after{display: block;
content: '';
clear: both;
height: 0;
width: 0; }
.s2-l{float: left; margin-right: 15px; }
.s2-tit .i{width: 58px; height: 2px; background: #0d499f; margin-top: 14px; float: left; }
@media (min-width: 768px) {
.tel{right:135px;top:26px;}
.tel span{display:inline-block;}
.head{ background: #fff; }
}
@media (min-width: 1024px) {
.head{height:100px;position:relative; background: url(../Image/top-bg.jpg)center no-repeat; }
.slider-focus{margin-top:0;}
.logo{top:24px;}
.logo img{max-height:56px;}
.tel{top:14px;right:85px;}
.anniu{top:12px;right:15px;}
.menu0{display:block;}
.menu0 > ul {
margin: 0;
/*width: 100%;*/
list-style: none;
padding: 0 0 0 246px;
position: relative;
box-sizing: border-box;
float: right;
}
.menu0 > ul:before,
.menu0 > ul:after {
content: "";
display: table;
}
.menu0 > ul:after {
clear: both;
}
.menu0 > ul > li {
float: left;
padding: 0;
/*margin: 0 10px;*/
margin: 0;
font-size: 16px;
position: relative;
}
.menu0 .m_li {
text-decoration: none;
padding: 50px 10px 26px 10px;
display: block;
color: #fff;
}
.menu0 .m_li span {
display: inline-block;
margin: 0 0 0 12px;
vertical-align: 2px;
width: 7px;
height: 7px;
border-bottom: 1px solid #9d9d9d;
border-right: 1px solid #9d9d9d;
content: "";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: border-color 0.2s ease;
-moz-transition: border-color 0.2s ease;
-ms-transition: border-color 0.2s ease;
-o-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}
.menu0 .m_li:hover {
/*border-top: 4px solid #03448e;*/
/*padding: 46px 10px 26px 10px;*/
/*background: #f9f9f9;*/
color: #fff;
font-weight: bold;
transition:all .2s;
}
.menu0 .active {
/*border-top: 4px solid #03448e;*/
/* padding: 50px 10px 26px 10px;*/
/*background: #f9f9f9;*/
}
.besh-resim{
display: none;
width: 100%;
background: #f9f9f9;
padding: 9px 0;
position: absolute;
z-index: 9999;
left: 0;
margin: 0;
list-style: none;
box-sizing: border-box;
width: 180px;
/*text-align: center;*/
}
.resim-isimler{float:left;/*width:14%;*/width: 82%; height:100%;margin:0;padding:0;margin:0 9%; }
.resim-isim{position:relative;list-style:none;border-bottom:1px solid #ddd;}
.isim{display:block;position:relative;height:100%;z-index:2;font-size:14px;line-height:44px; padding:0 12px;}
.isim:hover{text-decoration:none;color:#03448e;}
.resimler{float:left;position:relative;width:77%;height:302px;margin:0 3% 0 0;}
.resim-ulinish{display:none;position:absolute;top:0;left:0;width:100%;height:302px;z-index:1;text-decoration:none;overflow:auto;}
.resim-ulinish:first-child{display:inline;}
.resim-ulinish h3{font-size:18px;color:#03448e;margin-bottom:12px;}
.resim-ulinish p{font-size:14px;color:#333;line-height:24px;margin-bottom:12px;}
.resim-ulinish img{width:240px;}
.resim-ulinish li{margin-bottom:20px;}
.resim-ulinish li img{max-width:100%;}
.resim-ulinish li p{height:72px;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
}
@media (min-width: 1200px) {
.tel{top:42px;}
.anniu{top:42px;}
.menu0 > ul {padding: 0 0 0 28%; float: left; }
.menu0 .m_li {padding: 44px 10px 32px 10px;}
/*.menu0 .m_li:hover {padding: 40px 10px 32px 10px;}*/
/*.menu0 .active {padding: 40px 10px 32px 10px;}*/
}
@media (min-width: 1510px) {
.head{height:100px; background:url(../Image/top-bg.jpg)center no-repeat; }
.logo{top:28px;}
.logo img{max-height:72px;}
.tel{top:42px;}
.anniu{top:42px; }
/*.menu0 > ul {padding: 0 0 0 360px;}*/
.menu0 > ul {padding: 0 0 0 28%; float: left; width: 100%; }
.menu0 .m_li {padding: 39px 28px 39px 28px; }
/*.menu0 .m_li:hover {padding: 50px 20px 42px 20px;}
.menu0 .active {padding: 39px 20px 39px 20px;}*/
}
/*头部end*/
.home-pro-nr{margin-top:2.8%; }
.home-pro-l{}
.home-pro-l-tit{font-size: 36px; color: #222222; font-weight: bold; }
.home-pro-l-dis{font-size: 16px; color: #333333; }
.home-pro-r{}
/*底部*/
.footer{clear:both; width: 100%; background: #222224; }
.foot{width:100%;padding:18px 0 36px 0; }
.foot a:hover{color:#03448e;text-decoration:none;}
.dlogo{display:none;}
.dnav{display:none;}
.lianxi{max-width:100%;float:none;line-height:30px;margin:0 auto;display:block;padding-bottom:20px;text-align:center;}
.span{font-family: '宋体'; margin-right: 2.8%; }
.lianxi h3{font-weight:bold;font-size:18px;font-weight:bold;color:#fff;padding-bottom:16px;}
.lianxi p{color:#fff;font-size:14px;line-height:30px; }
.saoma{width:143px;float:none;margin:0 auto;display:block;}
.saoma img{width:143px;height:143px;vertical-align:bottom;}
.saoma p{font-size:14px;line-height:32px;text-align:center;color:rgba(255,255,255,0.37);}
.bottom{width:100%;padding:18px 0 24px 0;border-top:1px solid rgba(255,255,255,0.15); color:rgba(255,255,255,0.34);line-height:28px;}
.bottom a:hover{color:#03448e;text-decoration:none;}
.bottom-l{float:none;text-align:center;display:block;}
.bottom-r{float:none;text-align:center;display:block;}
.dnav-slide{width:100%;margin-bottom:28px;border-bottom:1px solid rgba(255,255,255,0.15);}
.dnav-slide .yi{width:100%;padding:12px 0;border-top:1px solid rgba(255,255,255,0.15);cursor:pointer;background:url(../images/arrow_d.png) no-repeat center right 15px;}
.dnav-slide .currentDt{background:url(../images/arrow_u.png) no-repeat center right 15px;color:#bb1717;}
.dnav-slide .yi dd{font-size:16px;padding-left:15px;color:#fff;}
.dnav-slide .er{display:none;padding-left:20px;line-height:32px;}
.dnav-slide .er li a{display:block;color:#fff;}
.footer-gy-dis{font-size: 14px; color: #cccccc; line-height: 24px; }
.footer-gy{width: 150px; height: 46px; background: #0d499f; color: #fff; text-align: center; line-height: 46px; margin-top: 9%; }
@media screen and (min-width: 992px){
.bottom{padding:1% 0 1.8% 0; }
.bottom-l{float:left;text-align:left;display:inline-block;}
.bottom-r{float:right;text-align:right;display:inline-block;}
}
@media screen and (min-width: 1024px){
.foot{padding:48px 0 66px 0;}
.dlogo{float:left;display:inline-block;}
.dlogo img{width:140px;height:128px;}
.dnav{float:left;/*width:760px;*/ width:84%; margin-left:0;display:inline-block;}
.dnav ul{float:right;width:28%;/* margin-right:4.8%;*/ margin-bottom:32px;}
.dnav ul h3{font-size:18px;font-weight:bold;color:#fff;padding-bottom:26px; /*padding-top: 22%;*/ }
.dnav ul li{color:#cccccc; line-height:30px;}
.lianxi{max-width:60%;float:left;margin:0;display:inline-block;text-align:left;clear:both;}
.lianxi h3{padding-bottom:26px;}
.saoma{float:right;margin:0;display:inline-block;}
.dnav-slide{display:none;}
}
@media screen and (min-width: 1510px){
.foot{padding:68px 0 86px 0;}
.dnav{float:left;/*margin-left:110px;*/}
.dnav ul{margin-bottom:0;}
.lianxi{max-width:340px; clear:none; margin-right: 4.8%; }
}
/*main css*/
.main-im{ position:fixed; right: 10px; top:54%; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 136px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -90px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 98px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 96px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 104px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }
/*hf*/
.home-hf{width: 100%; background: url(../Image/hf.png)center no-repeat; padding:7.8% 0 4% 0; }
.home-hf-tit{}
.home-hf-tit-l{}
.home-hf-tit-r{}
.home-hf-tit-sb{font-size: 30px; color: #ffffff; font-weight: bold; }
.home-hf-tit-en{font-size: 18px; color: #ffffff; }
.home-hf-dis{font-size: 16px; line-height: 24px; color: #ffffff; margin-top: 4.8%; }
.home-hf-jt{margin-top: 7.8%; transition:all .2s; }
.home-hf-jt:hover{padding-left: 4.8%; cursor: pointer; transition:all .2s; }
/*首页*/
.home-abo main {
margin: 0 auto;
display: block;
overflow: hidden;
*
zoom: 1;
margin-bottom: 4%;
}
.home-abo main:before, main:after {
content: " ";
display: table; }
.home-abo main:after {
clear: both; }
.home-abo{ position: relative;
z-index: 20;
background: #f5f5f5;
height: auto; }
.home-abo li {
list-style: none;
}
.s1 {
width: 100%;
background: #f5f5f5;
position: relative;
overflow: hidden; }
.home-lc{
margin-top: -90px;
}
.home-abo .s1 .left {
width: 48%;
margin-left: 2%;
float: left;
background: #f5f5f5;
position: relative;
z-index: 50; }
.home-abo .s1 .top {
width: 100%;
padding-top: 2.8%;
*zoom: 1;
margin-bottom: 2.8%; }
.home-abo .s1 .top:before, .s1 .top:after {
content: " ";
display: table; }
.home-abo .s1 .top:after {
clear: both; }
.home-abo .s1 .top li {
width: 25%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari*/
/*border-right: 1px solid #e1e1e1;*/
}
.home-abo .s1 .top li:hover{ cursor: pointer; transition:all .2s; }
.home-abo .s1 .top li:hover .counter{color: #0d499f; transition:all .2s; }
.home-abo .s1 .top li .a1 {
width: 100%;
text-align: center;
font-size: 48px;
color: #333333;
font-family: "Arial";
}
.home-abo .s1 .top li .a2 {
width: 100%;
text-align: center;
font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
font-size: 16px;
color: #333333;
padding-top: 7px; }
.home-abo .s1 .mid {
width: 100%;
/*height: 180px;*/
background: url("img/s1_bac.png") no-repeat left top;
background-size: contain; }
.home-abo .s1 .mid .a1 {
width: 100%;
padding-top: 2.8%;
padding-bottom: 4%;
font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
font-size: 30px;
color: #222222;
font-weight: bold; }
.home-abo .s1 .mid .a2 {
/*width: 60%;*/
width: 94%;
font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
font-size: 14px;
color: #555555;
line-height: 32px; }
.home-abo .s1 .bottommore {
width: 100%;
/*height: 55px;*/
margin: 2.8% 0;
*zoom: 1; }
.home-abo .s1 .bottommore:before, .s1 .bottommore:after {
content: " ";
display: table; }
.home-abo .s1 .bottommore:after {
clear: both; }
.home-abo .s1 .bottommore .a1 {
width: 182px;
/*height: 60px;*/
background: #0d499f;
font-size: 16px;
color: #ffffff;
/*float: right;*/
position: relative;
overflow: hidden;
margin-top: 4%;
}
.home-abo .s1 .bottommore .a1:after {
content: '';
background: #0b6763;
opacity: 0;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari ??? Chrome */
-o-transition-timing-function: ease;
/* Opera */
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 100%; }
.home-abo .s1 .bottommore .a1:hover:after {
top: 0;
opacity: 1; }
.home-abo .s1 .bottommore .a1 a {
width: 100%;
height: 100%;
display: block;
text-align: center;
line-height: 55px;
position: relative;
z-index: 5;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari ??? Chrome */
-o-transition-timing-function: ease;
/* Opera */ }
.home-abo .s1 .bottommore .a1:hover a { }
.home-abo .s1 .right {
width: 48%;
float: right;
height: 550px;
position: absolute;
right: 2%;
top: 0; }
.home-abo .s1 .right img {
position: relative; }
.home-abo .s1 .right .layer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute !important; }
.abo{ transition:all .2s; }
.abo:hover{padding-left: 1%; transition:all .2s; }
/*.head:after{display:block;height:0;content:"";clear:both;visibility:hidden;}*/
.ad-ys{font-size: 40px; color: #ffffff; text-align: center; padding-bottom: 1%; }
.ad-ys-en{font-size: 18px; color: #ffffff; text-align: center; text-transform: uppercase; }
.ad-ys-hx{width: 60px; height: 4px; background: #fff; margin:0 auto; margin-bottom: 1%; }
.ad-ys-dis{font-size: 16px; color: #fff; text-align: center; margin-bottom: 4%; }
@media(max-width:768px){
}
@media(min-width:768px) and (max-width:992px){
.home-abo .s1 .top li .a1{font-size: 28px; }
.home-abo .s1 .mid .a1{padding-bottom: 2.8%; }
.home-abo .s1 .mid .a1{font-size: 20px; }
.home-abo .s1 .mid .a2{line-height: 28px; }
.home-abo .s1 .bottommore .a1{font-size: 14px; }
.home-hf-tit-sb{font-size: 20px; }
.home-hf-dis{font-size: 15px; }
.home-pro-l-tit{font-size: 22px; }
.ad-ys {
font-size: 22px!important;
}
.ad-ys2{font-size: 28px!important; }
.news_style li a .word .b1{font-size: 16px!important; }
.word .c1{padding: 4% 0 0 0!important; }
.news_style li a .word .b2{padding-top: 0!important; }
.news_style li{padding:0 15px!important; }
.home-hf-dis div{padding:0; }
.home-propic{height: auto!important; }
.home-pro-l-dis{font-size: 14px!important; }
}
@media(min-width:992px) and (max-width:1200px){
.home-abo .s1 .top li .a1{font-size: 28px; }
.home-abo .s1 .mid .a1{padding-bottom: 2.8%; }
.home-abo .s1 .mid .a1{font-size: 20px; }
.home-abo .s1 .mid .a2{line-height: 28px; }
.home-abo .s1 .bottommore .a1{font-size: 14px; }
.home-hf-tit-sb{font-size: 20px; }
.home-hf-dis{font-size: 15px; }
.home-pro-l-tit{font-size: 28px; }
.ad-ys {
font-size: 28px!important;
}
.ad-ys2{font-size: 28px!important; }
.news_style li a .word .b1{font-size: 16px!important; }
.word .c1{padding: 4% 0 0 0!important; }
.news_style li a .word .b2{padding-top: 0!important; }
.news_style li{padding:0 15px!important; }
.home-hf-dis div{padding:0; }
.home-propic{height: auto!important; }
}
@media(min-width:1200px){
}
@media(max-width:768px){
.home-abo .s1 .left{
width: 100%;
}
.home-abo .s1 .left .top li .a1{
font-size: 28px;
}
.home-abo .s1 .left .top li .a2{
font-size: 14px;
}
.head{ background: #fff; }
}
@media(min-width:768px) and (max-width:992px){
.home-abo .s1 .left{
width: 100%;
}
.home-abo .s1 .left .top li .a1{
font-size: 48px;
}
.home-abo .s1 .left .top li .a2{
font-size: 16px;
}
}
@media(min-width:992px) and (max-width:1200px){
}
@media(min-width:1200px){
}
/**/
.text-center {
margin-bottom: 12px;
overflow: hidden;
}
.text-center img{
margin: 0 auto;
-webkit-transform: scale(1, 1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1, 1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
transform: scale(1, 1);
transition-timing-function: ease-out;
transition-duration: 250ms;
}
.text-center{
/*width: 20%;*/
}
.pro-cont1{}
.proname{margin: 15px; font-size: 18px; color: #333333; border-top: solid 1px #ddd; padding-top: 15px; transition:all .2s; }
.proname:after{display: block;
content: '';
clear: both;
height: 0;
width: 0; }
.text-cptype-nr{/*border: solid 1px #dddddd;*/ background: #f6f6f6; position: relative; overflow: hidden; }
.home-propic{margin:15px; height: 280px; overflow: hidden; }
.home-propic img{width: 100%; max-height: 280px; overflow: hidden; }
.proname .right{transition:all .2s; padding-top: 2%; }
.text-cptype-nr:hover .proname .right{color: #0d499f; transition:all .2s; }
.text-cptype-nr:hover .proname .left{color: #0d499f; transition:all .2s; }
.proflxh{font-size: 18px; color: #888888; text-align: center; padding-top: 18%; padding-bottom: 4%; }
.profldis{font-size: 14px; color: #888888; text-align: center; padding-bottom: 18%; font-size: 14px; }
.proname2{width: 100%; font-size: 18px; color: #fff; }
.text-type-h{width: 100%; position: absolute; z-index: 9999; background: #014694; opacity: 0; bottom: -10%; transition:all .2s; }
.proflxh2{font-size: 18px; color: #fff; text-align: center; }
.profldis2{font-size: 14px; color: #fff; text-align: center; font-size: 14px; }
.sx{ padding-top: 18%; padding-bottom: 4%; color: #a5bed9; }
.sx2{ padding-bottom: 9%; padding-top: 4%; color: #a5bed9; }
.profljia{text-align: center; font-size: 28px; color: #a5bed9; padding-bottom: 18%; }
.text-center:hover .text-type-h{opacity: 1; bottom: 0; transition:all .2s; }
.text-center:hover img{
-webkit-transform: scale(1.15);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 750ms;
-moz-transform: scale(1.15);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 750ms;
overflow: hidden;
transform: scale(1.15);
transition-timing-function: ease-out;
transition-duration: 750ms;
}
.cpfl-over{overflow: hidden; }
.swiper-button-prev01{padding: 2% 4%; border:solid 1px #ddd; font-size: 28px; color: #c8c8c8; font-family: '宋体'; float: right; margin-right: 2%; display:flex;align-items:center;justify-content:center; transition:all .2s; }
.swiper-button-next01{padding: 2% 4%; border:solid 1px #ddd; font-size: 28px; color: #c8c8c8; font-family: '宋体'; float: right; display:flex;align-items:center;justify-content:center; transition:all .2s; }
.swiper-button-prev01:hover{border:solid 1px #0d499f; color: #0d499f; transition:all .2s; }
.swiper-button-next01:hover{border:solid 1px #0d499f; color: #0d499f; transition:all .2s; }
@media(max-width:768px){
.proname{padding-bottom: 0; font-size: 15px; }
.home-abo .s1 .top li .a1{font-size: 22px; }
.home-abo .s1 .top li .a2{font-size: 12px; }
.s2{font-size: 22px; padding:0 15px; }
.home-abo .s1 .mid .a1{font-size: 18px; }
.home-abo .s1 .mid .a2{width:100%; line-height: 28px; }
.home-abo .s1 .bottommore .a1{width:100%; height: auto; }
.home-abo .s1 .bottommore .a1 a{line-height: 40px; }
.home-hf{padding: 7.8% 0; }
.home-hf-tit-sb{font-size: 20px; }
.home-hf-tit-en{font-size: 14px; }
.home-pro-l-tit{font-size: 20px; }
.home-pro-l-dis{font-size: 14px; }
.swiper-button-prev01{padding: 2% 12%; }
.swiper-button-next01{padding: 2% 12%; }
.cpfl-over{margin-bottom: 4%!important; }
.ad-ys-en{font-size: 15px; }
.ad-ys{font-size: 20px; }
.ad-ys-dis{font-size: 14px; margin-bottom: 4.8%; }
.ad ul li h1{font-size: 16px!important; margin-top: 8%; padding-bottom: 18%; }
.ad-list{border-radius: 9px; }
.ad ul li{padding:4px; }
.ad-ys-hx{margin-bottom: 2.8%; }
.ad-ys-en2{font-size: 15px; margin-top: 4%; }
.ad-ys2{font-size: 20px!important; padding-bottom: 2.8%!important; }
.xinwen{margin:0 0 4% 0!important; padding-top: 0!important; }
}
@media(min-width:768px) and (max-width:992px){
.proname{padding-bottom: 0%; font-size: 15px; }
}
@media(min-width:992px) and (max-width:1200px){
.profldis{display: none; }
.proname{padding-bottom: 18%; }
}
@media(min-width:1200px){
}
/**/
.chanpin{width:100%;padding:4% 0 4% 0; }
.cp-title h1{float:none;display:inline-block;font-size:30px;}
.cp-title h1 span{font-size:14px;color:#818181;padding-left:12px;}
.cp-type{float:none;max-width:100%;padding:5px 0;}
.cp-type li{float:left;font-size:14px;color:#636363;line-height:32px;}
.cp-type li span{margin:0 20px;}
.cp-type li:last-child span{display:none;}
.sy-pro{margin-top:28px;}
.sy-pro li{margin-bottom:20px;}
.sy-pro li a{display:block;position:relative;overflow:hidden;}
.sy-pro li img{width:100%;}
.cp-cont{width:100%;height:100%;text-align:center;position:absolute;top:0;left:0;background:rgba(8,161,179,0.8);color:#fff;transition:0.4s;opacity:0;}
.cp-nr{position:absolute;top:50%;transform:translateY(-50%);}
.cp-cont h3{width:86%;margin:0 auto;font-size:18px;font-weight:bold;transition:0.4s;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.cp-xq{width:86%;margin:12px auto 0 auto;transition:0.4s;}
.cp-xq p{font-size:14px;line-height:24px;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.cp-cont span{display:block;width:120px;height:40px;background:#fff;color:#03448e;margin:12px auto 0 auto;text-align:center;line-height:40px;}
.sy-pro li a:hover .cp-cont{opacity:1;}
@media screen and (min-width: 480px){
.cp-cont h3{font-size:20px;}
.cp-xq{margin-top:16px;}
}
@media screen and (min-width: 768px){
.cp-cont h3{font-size:24px;}
.cp-xq{margin-top:24px;}
.cp-xq p{line-height:30px;}
.cp-cont span{margin-top:20px;}
}
@media screen and (min-width: 992px){
.cp-cont h3{font-size:20px;}
.cp-xq{margin-top:16px;}
.cp-cont span{margin-top:12px;}
}
@media screen and (min-width: 1200px){
.chanpin{padding:1.8% 0 4% 0; }
.cp-title h1{float:left;}
.cp-type{float:right;max-width:64%;}
}
@media screen and (min-width: 1510px){
.cp-cont h3{font-size:24px;}
.cp-xq{margin-top:24px;}
.cp-cont span{margin-top:20px;}
}
.guanyu{width:100%;padding:30px 0 80px 0;}
.gy-title{font-size:22px;color:#484848;text-align:center;}
.gy-cont{font-size:16px;line-height:30px;color:#7b7b7b;text-align:center;width:100%;margin:26px auto 0 auto;}
.hexin{width:100%;margin:28px auto 0 auto;}
@media screen and (min-width: 768px){
.guanyu{padding:44px 0 100px 0;}
.gy-title{font-size:26px;}
.gy-cont{margin:56px auto 0 auto;}
.hexin{margin:48px auto 0 auto;}
}
@media screen and (min-width: 1024px){
.guanyu{padding:60px 0 130px 0;}
.gy-title{font-size:36px;}
.gy-cont{width:92%;margin:56px auto 0 auto;}
.hexin{width:90%;margin:68px auto 0 auto;}
}
.ad{width:100%;padding:40px 0 30px;background:#014694; color:#222222;}
.ad ul li{text-align:center; }
.ad ul li:last-child{}
.ad ul li img{margin-top:20px;width:40px;height:40px; transition:all .2s; }
.ad ul li h1{font-size:22px;margin-top:12px;}
.ad ul li h3{font-size:12px;text-transform:uppercase;margin-top:6px;}
.ad ul li hr{width:42px;height:3px;background:#fff;border:none;margin:12px auto 0 auto;}
.ad ul li p{width:82%;font-size:14px;line-height:24px;margin:18px auto 20px auto; padding-bottom: 18%; }
.ad ul li:hover img{/*margin-top:18px;*/ transition:all .2s; }
.ad ul li:hover{/*background: rgba(255,255,255,0.07);*/ transition:all .2s; cursor: pointer; }
.ad-list{width: 100%; background: #fff; -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); }
.ad-list2{width: 100%; background: #0d499f; color: #fff; -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); }
.ad-list:after{display: block;
content: '';
clear: both;
height: 0;
width: 0; }
.ad-list2:after{display: block;
content: '';
clear: both;
height: 0;
width: 0; }
.ad-ys2{font-size: 36px; font-weight: bold; color: #222222; text-align: center; padding-bottom: 1%; }
.ad-ys-en2{font-size: 18px; color: #222222; text-align: center; text-transform: uppercase; }
.ad-ys-hx2{width: 60px;
height: 4px;
background: #0d499f;
margin: 0 auto;
margin-bottom: 1.8%; }
@media screen and (min-width: 768px){
.ad{padding:50px 0 40px;}
.ad ul li{border:1px solid rgba(255,255,255,0); min-height:240px;margin-bottom:28px;}
.ad ul li:nth-child(2){}
.ad ul li:last-child{}
.ad{background:#014694; }
.ad-ys{font-size: 18px; }
}
@media screen and (min-width: 992px){
.ad{padding:60px 0 50px;}
.ad ul li{min-height:350px;margin-bottom:0;}
.ad ul li:nth-child(2){ }
.ad ul li img{margin-top:22px;}
.ad ul li h1{font-size:24px;margin-top:16px;}
.ad ul li hr{margin:18px auto 0 auto;}
.ad ul li p{margin:24px auto 16px auto;}
.ad{background:#014694; }
.ad-ys{font-size: 28px; }
}
@media screen and (min-width: 1024px){
.ad{padding:4.8% 0 0px; }
.ad ul li img{margin-top:18%; width:70px;height:70px;}
.ad ul li h1{font-size:24px;margin-top:20px;}
.ad ul li hr{margin:22px auto 0 auto;}
.ad ul li p{margin:7% auto 18% auto; }
.ad{background:url(../Image/ys-bg.jpg)center top no-repeat; }
.ad-ys{font-size: 40px; }
}
/**/
.section3{background: #f5f5f5; margin: 15px 0; }
.solu1{
margin: 0 auto;
}
.left{float:left;}
.right{float:right;}
.solu1 img{
max-width: 100%;
height: 380px;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
}
.newtit{
padding: 50px;
height: 380px;
}
.newlist{
padding: 0px;
}
.newimg{
height: 100%;overflow: hidden;
width: 100%;
}
.newlist p{
margin: 0 0 5px 0;
}
.newtit,.newimg{
width: 50%;
position: relative;
}
.newtit p:first-child{
font-size: 34px;color: #333333;
}
.newtit p:nth-child(2){
display: -webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;overflow: hidden;
font-size: 14px;font-family: 'Arial';margin-bottom: 8%;
}
.newtit p:nth-child(3){
font-size: 14px;line-height: 24px;
color: #666666;margin-bottom: 18%;
}
.newtit .newmore{
padding: 8px 30px;color: #666666;margin: 20px auto;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;border: 1px solid #ddd;font-size: 14px;
}
.newlist:hover img{
transform:scale(1.1);
-webkit-transform:scale(1.1); /*兼容-webkit-引擎浏览器*/
-moz-transform:scale(1.1);
}
.newlist:hover p:first-child{
color: #024997;
}
.newlist:hover .newmore{
border: 1px solid #024997;
background: #024997;color: #fff;
}
.newtit:after{
display: block;
content: '';
width: 15px;
height: 30px;
top: 50%;
margin-top: -15px;
position: absolute;
right: -15px;
z-index: 999;
/* background: url(../img/arrow.png)no-repeat center; */
}
.newlist:nth-child(3) .newtit{float: right;}
.newlist:nth-child(3) .newimg{float: left;}
.newlist:nth-child(3) .newtit:after{
display: block;
content: '';
width: 15px;height: 30px;top: 50%;margin-top: -15px;
position: absolute;left: -15px;z-index: 999;
}
.newlist:nth-child(4) .newtit{float: right;}
.newlist:nth-child(4) .newimg{float: left;}
.newlist:nth-child(4) .newtit:after{
display: block;
content: '';
width: 15px;height: 30px;top: 50%;margin-top: -15px;
position: absolute;left: -15px;z-index: 999;
}
@media only screen and (max-width:1659px){
.newtit p:nth-child(3) span{
display: none;
}
.newtit p:nth-child(3){
margin-bottom: 30px;
}
}
@media only screen and (max-width:1439px){
.newtit{
padding: 50px 15px;
}
}
@media only screen and (max-width:1199px){
.newtit{
padding: 30px 15px;
}
}
@media only screen and (max-width:991px){
.newlist:nth-child(2n) .newtit{float: right;}
.newlist:nth-child(2n) .newimg{float: left;}
.newlist:nth-child(2n) .newtit:after{
display: block;
content: '';
width: 15px;height: 30px;top: 50%;margin-top: -15px;
position: absolute;left: -15px;z-index: 999;
}
.newlist:nth-child(3) .newtit{float: left;}
.newlist:nth-child(3) .newimg{float: right;}
.newlist:nth-child(3) .newtit:after{
display: block;
content: '';
width: 15px;height: 30px;top: 50%;margin-top: -15px;
position: absolute;z-index: 999;left: 100%;
}
.newtit{
padding: 30px 30px;
}
.newtit p:nth-child(2) span{
display: inline;
}
.newtit p:nth-child(3) span{
display: inline;
}
}
@media only screen and (max-width:749px){
.newlist:nth-child(3),.newlist:nth-child(4){
display: none;
}
.solu1{
margin: 0px;
}
}
@media only screen and (max-width:655px){
.newtit p:nth-child(3) span{
display: none;
}
}
@media only screen and (max-width:530px){
.newlist{margin-bottom: 20px;}
.newtit{width: 100%;float: right;height: 100%;}
.newimg{width: 100%;float: left;}
.newimg img{width: 100%;height: 100%;}
.newtit:after{display: none;}
.newtit{padding-left: 10px;padding-right: 10px;}
.newlist:nth-child(2n) .newtit:after{display: none;}
.newtit p:nth-child(3) span{
display: inline;
}
}
/**/
.news_style {
*zoom: 1; }
.news_style:before, .news_style:after {
content: " ";
display: table; }
.news_style:after {
clear: both; }
.news_style li {
/*width: 28.25%;
float: left;*/
list-style-type:none;
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari*/
padding-left: 40px;
padding-top: 30px;
padding-right: 40px;
position: relative;
overflow: hidden;
/* margin-right: 7.625%;*/
margin-bottom: 20px; }
.word .c1{font-size: 16px; color: #888888; padding: 4% 0; }
/*.news_style li:nth-child(3n) {
margin-right: 0; }*/
.news_style li:hover a .mask {
top: 0;
/*background: rgba(1, 70, 148, 0.8); */}
/*.news_style li:hover a .mask2 {
top: 100%; }
.news_style li:hover a .word .b1 {
color: rgba(255, 255, 255, 0.95); }
.news_style li:hover a .word .b2 {
color: rgba(255, 255, 255, 0.9); }
.news_style li:hover a .word .b3 {
background: rgba(255, 255, 255, 0.8);
width: 80%; }
.news_style li:hover a .word .b4 .c1 {
color: rgba(255, 255, 255, 0.95); }
.news_style li:hover a .word .b4 .c2 {
transform: translateX(6px);
-ms-transform: translateX(6px);
-moz-transform: translateX(6px);
-webkit-transform: translateX(6px);
-o-transform: translateX(6px); }
.news_style li:hover a .word .b4 .c2 .d1 {
width: 100%; }*/
.news_style li a {
width: 100%;
height: 100%;
display: block; }
.news_style li a .bac {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1; }
.news_style li a .mask {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: -100%;
left: 0;
background: rgba(1, 70, 148, 0.8);
z-index: 5;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari ??? Chrome */
-o-transition-timing-function: ease;
/* Opera */ }
.news_style li a .mask2 {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: #fff;
z-index: 5;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari ??? Chrome */
-o-transition-timing-function: ease;
/* Opera */ }
.news_style li a .word {
position: relative;
z-index: 8; }
.news_style li a .word .b1 {
width: 100%;
height: 30px;
font-size: 20px;
color: black;
font-weight: bold;
line-height: 30px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari ??? Chrome */
-o-transition-timing-function: ease;
/* Opera */ }
.home-news-more{width: 102px; height: 37px; border:solid 1px #dddddd; color: #555555; font-size: 14px; text-align: center; line-height: 37px; transition:all .2s; }
.home-news-more:hover{background: #0d499f; color: #fff; transition:all .2s; }
.news_style li a .word .b2 {
font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
font-size: 14px;
color: rgba(0, 0, 0, 0.65);
line-height: 24px;
padding-top: 4%;
padding-bottom: 4%;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari ??? Chrome */
-o-transition-timing-function: ease;
/* Opera */ }
.news_style li a .word .b3 {
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.5);
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari ??? Chrome */
-o-transition-timing-function: ease;
/* Opera */
margin: 0 auto; }
.news_style li a .word .b4 {
/* height: 40px;*/
padding-top: 15px;
padding-bottom: 30px; margin-bottom: 9%; }
.news_style li a .word .b4 .c1 {
font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
font-size: 20px;
color: rgba(0, 0, 0, 0.55);
font-family: Impact, thyFont3, "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
height: 100%;
vertical-align: text-bottom;
float: left;
height: 40px;
line-height: 40px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari ??? Chrome */
-o-transition-timing-function: ease;
/* Opera */ }
.news_style li a .word .b4 .c2 {
/* float: right;*/
width: 40px;
height: 40px;
line-height: 40px;
position: relative;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari ??? Chrome */
-o-transition-timing-function: ease;
/* Opera */ }
.news_style li a .word .b4 .c2 .d1 {
position: absolute;
overflow: hidden;
left: 0;
height: 100%;
line-height: 40px;
top: 40px;
width: 0;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari ??? Chrome */
-o-transition-timing-function: ease;
/* Opera */
transition-delay: 0.1s; }
.ind-news-tit{font-size: 34px; color: #333333; text-align: center; }
.ind-news-tit span{font-size: 34px; color: #014694; }
.a22{font-size: 16px; color: #666666; text-align: center; margin-top: .8%; margin-bottom: 2.8%; }
.news_style li a .word .b4:after{display: block;
content: '';
clear: both;
height: 0;
width: 0; }
@media screen and (max-width: 992px){
.xinwen .a2 {
padding-bottom: 40px; }
.xinwen .news_style li {
width: 49%;
margin-right: 2%; }
.xinwen .news_style li:last-child {
display: none; }
.xinwen .news_style li:nth-child(2) {
margin-right: 0; }
}
@media screen and (max-width: 767px) {
.xinwen {
padding-top: 50px; }
.xinwen .a1 {
font-size: 22px;
font-weight: bold; }
.xinwen .a2 {
line-height: 24px;
padding-top: 10px; }
.xinwen .news_style li {
width: 100%;
margin-right: 0;
padding: 10px; }
.xinwen .news_style li a .word .b1 {
font-size: 18px; }
.xinwen .news_style li a .word .b2 {
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
line-height: 22px; }
.xinwen .news_style li a .word .b4 {
padding-top: 5px;
padding-bottom: 15px; }
.xinwen .news_style li a .word .b4 .c1 {
font-size: 18px; }
}
/**/
.xinwen{width:100%;margin:40px 0 56px 0; }
.xinwen-tu{position:relative;overflow:hidden;margin-top:40px;}
.xinwen-tu .hd{position:absolute;width:100%;height:22px;left:0;bottom:2%;z-index:1;line-height:28px;text-align:center;}
.xinwen-tu .hd li{display:inline-block;vertical-align:middle;width:13px;height:13px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;border:1px solid #fff;cursor:pointer;}
.xinwen-tu .hd li.on{background:#fff;}
.xinwen-tu .bd{position:relative;z-index:0;}
.xinwen-tu .bd li{position:relative;text-align:center;}
.xinwen-tu .bd li img{vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.xinwen-tu .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;overflow:hidden;display:block;}/* 去掉链接触摸高亮 */
.xinwen-txt{display:block;width:100%;position:absolute;bottom:0;height:32%;text-align:left;color:#fff;background:rgba(0,0,0,0.61);padding:6px 0;}
.xinwen-nr{position:absolute;top:50%;transform:translateY(-50%);}
.xinwen-txt h3{font-size:20px;width:88%;margin:0 auto;transition:0.4s;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.xinwen-txt p{font-size:14px;line-height:20px;width:88%;margin:8px auto 0 auto;transition:0.4s;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.xinwen-tu .bd li a:hover .xinwen-txt{color:#03448e;}
.sy-news{margin-top:40px;}
.sy-news li{margin-bottom:20px;}
.sy-news li:last-child{margin-bottom:0;}
.sy-news li a{display:block;}
.xw-time{height:92px;background:#eee;font-size:12px;text-align:center;line-height:32px;}
.xw-time span{display:block;font-size:30px;padding-top:20px;}
.xw-cont h3{font-size:18px;color:#03448e;padding-top:10px;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.xw-cont p{font-size:14px;line-height:24px;padding-top:10px;color:#696969;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.sy-news li a:hover .xw-time{background:#03448e;color:#fff;}
@media screen and (min-width: 480px){
.xinwen{margin:50px 0 66px 0;}
}
@media screen and (min-width: 768px){
.xinwen{margin:0 0 4.8% 0; }
.xinwen-txt h3{font-size:24px;}
.xinwen-txt p{line-height:24px;}
.sy-news li{margin-bottom:30px;}
.xw-time span{font-size:40px;}
.xw-cont h3{font-size:20px;}
}
@media screen and (min-width: 992px){
.xinwen{margin:0 0 4.8% 0; }
.xinwen-txt h3{font-size:20px;}
.xw-time span{font-size:30px;}
.xw-cont h3{font-size:18px;}
}
@media screen and (min-width: 1200px){
.xinwen{margin:0 0 4.8% 0; }
}
@media screen and (min-width: 1510px){
.xinwen{margin:0 0 4.8% 0; }
.xinwen-txt h3{font-size:24px;}
.sy-news li{margin-bottom:40px;}
.xw-time{height:104px;}
.xw-time span{font-size:40px;}
.xw-cont h3{font-size:20px;}
}
.hezuo{width:100%;padding:32px 0 45px 0;background:#f5f5f5;}
.hz-cont{width:100%;margin:0 auto;}
@media screen and (min-width: 1024px){
.hz-cont{width:90%;}
.hezuo{padding:52px 0 65px 0;}
}
/*首页end*/
/*内页banner*/
.ny-banner{width:100%;height:160px;color:#333333; display:table;margin-top:64px; transition:all .8s; overflow: hidden; position: relative; }
.home-pagination{width: 100%; text-align: center; margin:0 auto; }
.home-pagination .swiper-pagination-bullet{margin-right: 5px; }
/*.ny-banner:hover{-webkit-transform: scale(1.15);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: .8s;
-moz-transform: scale(1.15);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: .8s;
overflow: hidden;
transform: scale(1.15);
transition-timing-function: ease-out;
transition-duration: .8s;}*/
.local{display:table-cell;vertical-align:middle;text-align:center;}
.local h2{font-size:16px;letter-spacing:22px;}
.local h1{font-size: 50px;
color: #0d499f;
text-transform: uppercase;
font-family: Arial; }
.local p{font-size:16px;padding-top:10px;}
/**/
@media screen and (min-width: 480px){
.ny-banner{height:232px;}
.local h2{letter-spacing:28px;}
.local h1{font-size:28px;}
.local p{padding-top:10px;}
}
@media screen and (min-width: 768px){
.ny-banner{height:282px;}
.local h2{font-size:18px;letter-spacing:36px;}
.local h1{font-size:32px;}
.local p{padding-top:10px;}
}
@media screen and (min-width: 1024px){
.ny-banner{height:302px;margin-top:0;}
.local h2{font-size:22px;letter-spacing:40px;}
.local h1{font-size:36px; }
.local p{padding-top:10px;}
}
@media screen and (min-width: 1510px){
.ny-banner{height:350px;}
.local h2{font-size:24px;letter-spacing:45px;}
.local h1{font-size:50px; color: #0d499f; text-transform: uppercase; font-family: Arial; }
.local p{padding-top:10px;}
}
/**/
.ny-items{padding:2.8% 0; }
.ny-abo-l{overflow: hidden; }
.ny-abo-r{line-height: 28px; }
.ny-fzlc{
position: relative;
z-index: 20;
height: auto; padding-top: 1%; }
.ny-fzlc li {
list-style: none;
}
.ny-fzlc .top {
width: 100%;
padding-top: 2.8%;
*zoom: 1;
margin-bottom: 2.8%; }
.ny-fzlc .top:before, .top:after {
content: " ";
display: table; }
.ny-fzlc .top:after {
clear: both; }
.ny-fzlc .top li {
width: 25%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari*/
/*border-right: 1px solid #e1e1e1;*/
}
.ny-fzlc .top li:hover{ cursor: pointer; transition:all .2s; }
.ny-fzlc .top li:hover .counter{color: #0d499f; transition:all .2s; }
.ny-fzlc .top li .a1 {
width: 100%;
text-align: center;
font-size: 48px;
color: #333333;
font-family: "Arial";
}
.ny-fzlc .top li .a2 {
width: 100%;
text-align: center;
font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
font-size: 16px;
color: #333333;
padding-top: 7px; }
.ny-ys{padding-top: 4.8%; border-top: solid 1px #ddd; margin-top: 1%; }
.ny-ys-tit{font-size: 36px; color: #333333; font-weight: bold; }
.ny-ys-dis{font-size: 16px; color: #333333; line-height: 26px; margin-top: 2%; }
.ny-ys-list{width: 100%; margin-top: 4%; cursor: pointer; }
.ny-ys-list:hover .ny-ys-list-tit{color: #0d499f; transition:all .2s; }
.ny-ys-list:after{height: auto;content:"";display:block;clear:both;visibility:hidden;}
.ny-ys-list .left{float: left; width: 10%; }
.ny-ys-list .right{float: right; width: 90%; }
.ny-ys-list-tit{font-size: 24px; color: #222222; }
.ny-ys-list-dis{font-size: 14px; line-height: 24px; color: #555555; margin: 1.8% 0 1.8% 0; }
.abo-hf{width: 100%; background: url(../Image/abo-hf.jpg)center no-repeat; padding:4.8% 0; margin:2.8% 0 1.8% 0; }
.abo-hf-tit{font-size: 30px; font-weight: bold; color: #ffffff; }
.abo-hf-dis{font-size: 18px; color: #ffffff; margin-top: 1%; }
.abo-hf-anniu{width: 264px; padding:2% 0; background: #fff; border-radius: 40px; text-align: center; font-size: 24px; color: #0d499f; }
.abo-honor{width: 100%; background: #f1f1f1; margin:2.8% 0 0 0; padding:4% 0; }
@media(max-width:768px){
.local h1{font-size: 22px; }
.local p{font-size: 15px; }
.ny-fzlc .top li .a1{font-size: 22px; }
.ny-fzlc .top li .a2{font-size: 12px; }
.ny-fzlc .mid .a1{font-size: 18px; }
.ny-fzlc .mid .a2{width:100%; line-height: 28px; }
.ny-fzlc .bottommore .a1{width:100%; height: auto; }
.ny-fzlc .bottommore .a1 a{line-height: 40px; }
.home-lc{ margin-top: -8%; }
.ny-ys-tit{font-size: 22px; }
.ny-ys-dis{font-size: 14px; }
.ny-ys-list-tit{font-size: 18px; }
.abo-hf-tit{font-size: 20px; }
.abo-hf-anniu{font-size: 20px; width: 100%; }
}
@media(min-width:768px) and (max-width:992px){
.ny-fzlc .top li .a1 {
font-size: 28px;
}
.ny-ys-tit{ font-size: 22px; }
.ny-ys-dis{font-size: 15px; }
.ny-ys-list-tit{font-size: 18px; }
.ny-ys-list-dis{margin: 0; }
.ny-ys-list .right{float: left; width: 100%; }
.abo-hf-tit{font-size: 22px; }
.abo-hf-anniu{font-size: 20px; width: 100%; }
}
@media(min-width:992px) and (max-width:1200px){
.ny-fzlc .top li .a1 {
font-size: 28px;
}
.abo-hf-tit{font-size: 24px; }
.abo-hf-anniu{font-size: 22px; }
}
@media(min-width:1200px){}
@media(min-width:1200px) and (max-width:1440px){
.ny-ys-tit{font-size: 26px; }
.ny-ys-dis{font-size: 15px; }
.ny-ys-list-tit{font-size: 20px; }
.ny-fzlc .top li .a1{font-size: 38px; }
}
/**/
/*新闻资讯*/
.news li{ margin-bottom: 9%; }
.news li a{display:block;width:100%;height:100%;background:#f3f3f3; padding-bottom: 9%; }
.news li h3{margin:0 7%;font-size:18px;color:#333;padding-top:9%; transition:0.4s;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.news li span{margin:20px 7% 0 7%;display:block;height:20px;line-height:20px;font-size:14px;color:#888;padding-left:27px;background:url('../Image/xw-time.png') no-repeat top left;}
.news li p{margin:22px 7% 0 7%;font-size:14px;color:#555;line-height:24px;transition:0.4s;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-more{margin:26px 7% 0 7%;height:11px;line-height:11px;text-transform:uppercase;font-size:14px;color:#555;font-family:'Arial';background:url('../Image/xw-more.png') no-repeat top left 55px;}
.news li a:hover{background:#024997;}
.news li a:hover h3{color:#fff;}
.news li a:hover span{color:#fff;background:url('../Image/xw-time.png') no-repeat bottom left;}
.news li a:hover p{color:#fff;}
.news li a:hover .news-more{color:#fff;background:url('../Image/xw-more.png') no-repeat bottom left 55px;}
.news_title{/*margin:0 0 40px 0;*/ font-size:30px;font-weight:bold;}
.meta_fb{border:1px solid #e7e7e7;line-height:45px;margin-bottom:32px;color:#666;}
.ad-ys3{margin: 0 0 15px;
color: #313131;
font-weight: 400; font-size: 36px; margin-top: 2.8%; margin-bottom: 4%; text-align: center; }
.news-type-list{text-align: center; margin: 4% 0; }
.news-type-list li{display: inline-block; padding: 1% 4%; background: #ededed; color: #333; }
.news-type-list li:hover{background: #03448e; transition:all .2s; color: #fff; }
@media screen and (max-width : 1200px) {
.news li{height:260px;margin-bottom:28px;}
.news li h3{padding-top:40px;}
.news_title{margin:52px 0 36px 0;font-size:28px;}
.meta_fb{line-height:40px;margin-bottom:28px;}
}
@media screen and (max-width : 768px) {
.news li{height:220px;margin-bottom:22px;}
.news li h3{padding-top:30px;}
.news li span{margin:14px 7% 0 7%;}
.news li p{margin:16px 7% 0 7%;}
.news-more{margin:20px 7% 0 7%;}
.news_title{margin:44px 0 30px 0;font-size:24px;}
.meta_fb{line-height:36px;margin-bottom:24px;}
}
/*新闻资讯end*/
.home-hf-l-padd{padding:0; }
/*产品分类*/
.pro-type{margin: 1.8% 0; }
.pro-type li{text-align:center;margin-bottom:10px;padding:0 5px;}
.pro-type li a{display:block;background:#ededed;color:#333; transition:all .2s; }
.pro-type li a:hover{background: #0359ac; transition:all .2s; color: #fff; }
.pro-type li a p{margin:0;line-height:48px;transition:0.4s;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
@media screen and (max-width : 768px) {
.pro-type{margin-bottom:30px;}
.pro-type li{width:50%;float:left;}
.pro-type li a p{line-height:42px;}
}
@media screen and (max-width : 425px) {
.pro-type li{width:100%;}
}
/*产品分类end*/
.pro{text-align:left;}
.pro li{margin-bottom:12px;display:inline-block;/*float:none;*/}
.pro li a{display:block;position:relative;overflow:hidden;}
.pro li img{width:100%;}
.pro-cont{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(2,73,151,0.8);transition:0.4s;opacity:0;}
.pro-nr{position:absolute;top:50%;transform:translateY(-50%);width:100%;}
.pro-cont h3{width:86%;margin:0 auto;font-size:24px;color:#fff;transition:0.4s;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.pro-cont hr{width:54%;height:1px;background:#fff;border:none;margin:4% auto 5% auto;}
.pro-cont span{display:block;width:110px;height:33px;background:none;border:1px solid rgba(255,255,255,0.4);color:#fff;margin:0 auto;line-height:33px;}
.pro li p{font-size:16px;color:#333;line-height:56px;margin:0;}
.pro li:hover p{color:#024997;}
.pro li a:hover .pro-cont{opacity:1;}
/*内页banner end*/
.main{position:relative;}
.daohang{width:100%;background:#03448e;color:#fff;margin-bottom:30px; }
.daohang ul{width:100%;margin:0;text-align:center;}
.daohang ul li{float:left;line-height:22px;font-size:14px;position:relative; }
.daohang ul li a{display:block;padding:4px 10px;}
.daohang ul li a:hover{background:#023671;color:#fff;font-weight:bold;}
.daohang ul li .on{background:#023671;color:#fff;font-weight:bold;}
.dh-fixed{position:fixed;top:64px;z-index:999;display:none;}
.daohang .cp-xl{display:none;width:100%;background:rgba(255,255,255,1);color:#03448e;position:absolute;z-index:9999;
-webkit-box-shadow:0px 5px 15px #e5e5e5;
-moz-box-shadow:0px 5px 15px #e5e5e5;
box-shadow:0px 5px 15px #e5e5e5;
}
.daohang .cp-xl li{float:none;font-size:14px;border-bottom:1px dashed #ddd;}
.daohang .cp-xl li:last-child{border-bottom:none;}
.daohang .cp-xl li a{padding:12px 0;}
.daohang .cp-xl li a:hover{background:none;color:#023671;}
.daohang2{width:100%;/*background:#03448e;color:#fff;margin-bottom:30px;*/ margin-top: 2%; }
.daohang2 ul .cp{float:left;line-height:22px;font-size:14px;position:relative; border-right: solid 1px #fff; border-bottom: solid 1px #fff; background: #ddd; }
@media screen and (min-width: 768px){
.daohang{margin-bottom:2%; }
.daohang ul li{font-size:16px;min-width:144px;}
.daohang ul li a{padding:14px;}
}
@media screen and (min-width: 992px){
.daohang{margin-bottom:2%;}
.daohang ul li{min-width:164px;}
.daohang ul li a{padding:16px;}
}
@media screen and (min-width: 1024px){
.dh-fixed{top:0;}
}
@media screen and (min-width: 1200px){
.daohang{margin-bottom:2%;}
.daohang ul li{min-width:178px; }
.daohang ul li a{padding:20px;}
}
@media screen and (min-width: 1510px){
.daohang{margin-bottom:2%;}
}
.article{overflow:hidden;margin-bottom:60px;}
.article p{font-size:14px;line-height:30px;color:#666;}
.article p img{max-width:100%;}
@media screen and (min-width: 768px){
.article{margin-bottom:90px;}
}
@media screen and (min-width: 1510px){
.article{margin-bottom:120px;}
}
#allmap p{line-height:10px;margin:10px;white-space:nowrap;}
.page{margin:40px 0px;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/
/*公司简介*/
.com-title{margin-bottom:26px;}
.com-title h1{font-size:28px;color:#023671;}
.com-title h2{font-size:18px;color:#c2c2c2;font-family:'Arial';text-transform:uppercase;padding-top:8px;}
@media screen and (min-width: 768px){
.com-title{margin-bottom:36px;}
.com-title h1{font-size:34px;}
.com-title h2{font-size:24px;}
}
@media screen and (min-width: 1510px){
.com-title{margin-bottom:46px;}
.com-title h1{font-size:40px;}
.com-title h2{font-size:30px;}
}
/*公司简介end*/
/*荣誉资质*/
.hon-tu img{max-width:100%;}
.hon-cont{margin-top:20px;}
.hon-cont p{line-height:32px;}
@media screen and (min-width: 992px){
.hon-cont{margin-top:40px;}
.hon-cont p{line-height:48px;}
}
/*荣誉资质end*/
/*核心竞争力*/
.hx-title{text-align:center; margin-top: 4%; }
.jjl{text-align:center;margin-bottom:54px;}
.jjl h1{width:160px;height:40px;background:#023671; color:#fff;margin:0 auto;line-height:40px;font-size:20px;}
.jjl h2{font-size:14px;color:#888;line-height:24px;margin:20px 0 0 0;}
.jjl-tu{margin-top:22px;}
.jjl-tu .item{margin:0 5px;}
.jjl-tu img{width:100%;opacity:1;transition:0.4s;}
.jjl-more{width:100%;height:100%;display:block;overflow:hidden;position:relative;background:#03448e; }
.jjl-more span{display:block;width:58px;height:58px;border:1px solid #fff;border-radius:58px;text-align:center;line-height:58px;font-size:30px;color:#fff;position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;opacity:0;transition:0.4s;}
.jjl-tu p{display:block;width:100%;height:42px;line-height:42px;background:#f2f2f2;overflow:hidden; text-align: center; }
.jjl-tu a:hover img{opacity:0.25;}
.jjl-tu a:hover .jjl-more span{opacity:1;}
@media screen and (min-width: 768px){
.jjl h1{width:180px;height:46px;line-height:46px;font-size:24px;}
.jjl h2{font-size:15px;margin:24px 15% 0 15%;}
.jjl-tu{margin-top:28px;}
.jjl-tu p{height:46px;line-height:46px;}
}
@media screen and (min-width: 1200px){
.jjl h1{width:200px;height:50px;line-height:50px;font-size:22px;}
.jjl h2{font-size:16px;margin:30px 15% 0 15%;}
.jjl-tu{margin-top:32px;}
.jjl-tu p{height:52px;line-height:52px;}
}
/*核心竞争力end*/
/*新闻资讯*/
/*.img_news{position:relative;}
.img_news .hd{position:relative;width:100%;height:28px;margin-top:20px;z-index:1;line-height:28px;text-align:center;}
.img_news .hd li{display:inline-block;vertical-align:middle;width:8px;height:8px;margin:0 15px;background:#dedede;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;cursor:pointer;}
.img_news .hd li.on{background:#03448e;}
.img_news .bd{position:relative;z-index:0;}
.img_news .bd li{position:relative;}
.img_news a{display:block;padding:24px 12px;background:#eee;}
.img_news_tu img{max-width:100%;}
.img_news_cont h1{font-size:18px;font-weight:bold;color:#03448e;padding-top:18px;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.img_news_cont h2{font-size:14px;color:#c2c2c2;padding-top:8px;}
.img_news_cont hr{width:100%;height:1px;background:#dcdcdc;border:none;margin:14px 0 24px 0;}
.img_news_cont p{font-size:14px;line-height:24px;color:#8d8d8d;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.img_news_cont img{margin-top:28px;}
@media screen and (min-width: 480px){
.news{margin-top:42px;}
.news li{padding-bottom:23px;margin-bottom:33px;}
}
@media screen and (min-width: 768px){
.news{margin-top:54px;}
.news li{padding-bottom:30px;margin-bottom:40px;}
.news li{margin-bottom:30px;}
.news-time span{font-size:40px;}
.news-cont h3{font-size:20px;}
}
@media screen and (min-width: 992px){
.img_news .hd{margin-top:26px;}
.img_news_cont h2{padding-top:12px;}
.img_news_cont hr{margin:20px 0 32px 0;}
.img_news_cont p{line-height:28px;}
.img_news_cont img{margin-top:32px;}
.news{margin-top:60px;}
.news li{padding-bottom:33px;margin-bottom:43px;}
.news-time{width:92px;margin-right:20px;}
.news-time span{font-size:30px;}
.news-cont h3{font-size:18px;}
.news-cont hr{margin:22px 0 18px 0;}
.news-more{width:40px;}
}
@media screen and (min-width: 1024px){
.news{margin-top:65px;}
.news li{padding-bottom:38px;margin-bottom:48px;}
.news-time span{font-size:36px;}
.news-cont{width:640px;}
}
@media screen and (min-width: 1200px){
.img_news .hd{margin-top:30px;}
.img_news_cont h1{padding-top:38px;}
.img_news_cont img{margin-top:38px;}
.news{margin-top:70px;}
.news li{padding-bottom:43px;margin-bottom:53px;}
.news-time span{font-size:40px;}
.news-cont{width:840px;}
}
@media screen and (min-width: 1510px){
.news{margin-top:2.8%; }
.news li{padding-bottom:53px;margin-bottom:63px;}
.news-cont{width:1120px;}
.news-cont h3{font-size:20px;}
}*/
/****************news*****************/
.news_title{text-align:center;line-height:40px;font-size:20px; padding: 2.8% 0; }
.meta{color:#999;text-align:center;line-height:28px;}
.meta img{max-width:100%;padding:12px 0;}
.news_cont{margin-top:20px;}
/***********news_info**************/
/*新闻资讯end*/
/*联系方式*/
.contact h1{text-align:center;font-size:22px;color:#03448e;padding-bottom:20px;border-bottom:1px solid #e9e9e9;margin-bottom:44px;}
.con-nr{width:100%;margin:0 auto;}
.con-ewm{margin-bottom:20px;text-align:center;}
.con-ewm img{max-width:100%;border:1px solid #e5e5e5;}
.con-ewm p{font-size:14px;color:#aeaeae;line-height:36px;}
.con-cont{margin-bottom:35px;}
.con-cont span{display:block;font-family:'Impact';font-size:30px;color:#023671; margin-bottom:12px;}
.con-cont span img{margin-right:16px;}
.con-cont p{font-size:16px;line-height:36px;color:#6e6e6e;}
@media screen and (min-width: 768px){
.contact h1{font-size:36px; font-weight:bold; padding-bottom:2.8%; border-bottom:1px solid #e9e9e9;margin-bottom:4%; }
.con-nr{width:560px;}
.con-ewm{margin-bottom:55px;}
.con-cont{margin-bottom:55px;}
.con-cont span{font-size:36px;}
}
/*联系方式end*/
/*人才招聘*/
.zp-title{padding-bottom:32px;border-bottom:1px solid #e5e5e5;margin-bottom:32px;}
.zp-title h1{font-size:24px;text-align:center;}
.zp-title hr{width:35px;height:1px;background:#bfbfbf;border:none;margin:12px auto 32px auto;}
.zp-title p{font-size:14px;line-height:24px;color:#5f5f5f;}
.job_title{font-size:20px;color:#5f5f5f;text-align:center;margin-bottom:28px;}
.jobs li{overflow:hidden;padding:12px 0;border-bottom:1px solid #dcdcdc;text-align:center;}
.jobs li:first-child{border-bottom:none;background:#03448e;color:#fff;}
.jobs span{font-size:14px;line-height:22px;}
.job_jia{cursor:pointer;}
.jia{height:22px;background:url('../images/job_jia.png') no-repeat center;}
.job_jia:hover{background:#ececec;}
.currentJia{background:#ececec;}
.currentJia .jia{background:url('../images/job_jian.png') no-repeat center;}
.job_jian{display:none;border-bottom:1px solid #dcdcdc;padding:32px 4%;}
/***************jobs***************/
@media screen and (min-width: 768px){
.zp-title{padding-bottom:48px;margin-bottom:48px;}
.zp-title h1{font-size:30px;}
.zp-title hr{margin:18px auto 48px auto;}
.zp-title p{line-height:30px;}
.job_title{font-size:24px;margin-bottom:40px;}
.jobs li{padding:20px 0;}
.jobs span{font-size:16px;}
}
/*人才招聘end*/
/*产品中心*/
.inner_page {
overflow: hidden;
padding-top: 5px;
padding-bottom: 50px;
background-color: #fff;
position: relative;
height: auto;
z-index: 20;
}
.inner_page .inner_page_right {
width: 900px;
float: left;
position: relative;
z-index: 8;
}
.inner_page .inner_page_right .right_page_bottom {
padding: 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 4px;
margin-top: 5px;
background: #fff;
*zoom: 1;
}
.pro_style_3 {
*zoom: 1;
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari*/ }
.pro_style_3:before, .pro_style_3:after {
content: " ";
display: table; }
.pro_style_3:after {
clear: both; }
.pro_style_3 li {
width: 33.33%;
float: left;
/* height: 220px;*/
max-height: 220px;
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari*/
border: 1px solid #dcdcdc;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari ??? Chrome */
-o-transition-timing-function: ease;
/* Opera */
position: relative; }
.pro_style_3 li:before {
content: '';
width: 100%;
height: 0;
position: absolute;
left: 0;
bottom: 0;
background: #03448e;
transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari ??? Chrome */
-o-transition-timing-function: ease;
/* Opera */
opacity: 0; }
.pro_style_3 li:hover:before {
height: 4px;
opacity: 1; }
.pro_style_3 li:hover a .word .b4 .c1 {
width: 100%; }
.pro_style_3 li a {
width: 100%;
height: 100%;
display: block;
*zoom: 1; }
.pro_style_3 li a:before, .pro_style_3 li a:after {
content: " ";
display: table; }
.pro_style_3 li a:after {
clear: both; }
.pro_style_3 li a .pic {
/*background: #eee;*/
display:flex;align-items:center;justify-content:center;
float: left;
width: 52.5%;
overflow: hidden;
height: 100%; }
.pro_style_3 li a .pic img{
max-width: 100%;
max-height:100%;
padding:15px;
}
.pro_style_3 li a .word {
float: left;
width: 45%; }
.pro_style_3 li a .word .b1 {
font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
font-size: 20px;
color: rgba(0, 0, 0, 0.9);
font-weight: bold;
padding-top: 37px; }
.pro_style_3 li a .word .b2 {
font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
font-size: 19px;
color: rgba(0, 0, 0, 0.8);
margin-top: 5px; }
.pro_style_3 li a .word .b3 {
font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
font-size: 12px;
color: rgba(0, 0, 0, 0.6);
line-height: 18px;
padding-top: 16px;
width: 80%; }
.pro_style_3 li a .word .b4 {
margin-top: 25px;
height: 37px;
position: relative;
width: 40px; }
.pro_style_3 li a .word .b4 .c1 {
position: absolute;
overflow: hidden;
width: 0;
height: 37px;
top: 0;
left: 0;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition-timing-function: ease;
-moz-transition-timing-function: ease;
/* Firefox 4 */
-webkit-transition-timing-function: ease;
/* Safari ??? Chrome */
-o-transition-timing-function: ease;
/* Opera */ }
.pro_style_3 li a .word .b4 .c1 img {
position: absolute;
top: 0;
left: 0; }
@media screen and (max-width: 992px){
.pro_style_3 li {
width: 50%;
}
}
@media screen and (max-width: 767px){
.pro_style_3 li {
width: 100%;
height: 220px;
margin-bottom: 8px; }
.pro_style_3 li a .word .b1 {
padding-top: 17px;
font-size: 18px; }
.pro_style_3 li a .word .b2 {
font-size: 16px; }
.pro_style_3 li a .word .b3 {
font-size: 14px;
width: 100%; }
.pro_style_3 li a .word .b4 {
display: none; }
}
@media screen and (max-width: 1400px){
.pc_header .header_nav li {
width: 105px;
}
}
/**/
/*.pro li{padding:15px 0;background:#f5f5f5;width:100%;margin-bottom:26px;}
.li-img img{width:100%;}
.pro-cont{margin:0 4%;}
.pro-cont h1{font-size:22px;font-weight:bold;color:#03448e;margin:28px 0 14px 0;}
.pro-cont p{font-size:14px;color:#888;line-height:24px;}
.pro-cont p b{color:#03448e;}
.pro-cont span{display:inline-block;width:104px;height:36px;text-align:center;line-height:36px;background:#03448e;color:#fff;margin:22px 0 28px 0;}
.pro-cont span a{display:block;}
@media screen and (min-width: 992px){
.pro-cont{margin:0 6%;}
.pro-cont h1{font-size:25px;margin:34px 0 22px 0;}
.pro-cont p{line-height:26px;}
.pro-cont span{width:124px;height:40px;line-height:40px;margin:28px 0 34px 0;}
}
@media screen and (min-width: 1024px){
.pro-cont h1{font-size:27px;margin:44px 0 28px 0;}
.pro-cont p{line-height:28px;}
.pro-cont span{margin:32px 0 44px 0;}
}
@media screen and (min-width: 1510px){
.pro-cont h1{font-size:30px;margin:64px 0 40px 0;}
.pro-cont p{line-height:30px;}
.pro-cont span{width:154px;height:44px;line-height:44px;margin:38px 0 64px 0;}
}*/
/*************index&goods**************/
#tab{width:100%;margin-bottom:28px;position:relative;}
#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1;text-align:center;}
#tab .tab_menu li{float:left;width:50%;height:46px;line-height:46px;cursor:pointer;background:#ebebeb;color:#777;font-size:16px;}
#tab .tab_menu .selected{background-color:#03448e;color:#fff;font-weight:bold;cursor:pointer;}
#tab .tab_box{width:100%;clear:both;position:relative;padding-top:66px;}
.tab_hide{display:none;}
.tab_box div{padding-bottom:20px;overflow-x:auto;}
.tab_box div img{max-width:100%;}
/********goods_info&jobs_info*******/
@media screen and (min-width: 992px){
#tab .tab_menu li{height:50px;line-height:50px;}
#tab .tab_box{padding-top:70px;}
}
@media screen and (min-width: 1024px){
#tab{margin-bottom:40px;}
#tab .tab_menu li{height:60px;line-height:60px;font-size:18px;}
#tab .tab_box{padding-top:80px;}
}
@media screen and (min-width: 1510px){
#tab .tab_menu li{height:66px;line-height:66px;}
#tab .tab_box{padding-top:86px;}
}
.pro_info table{max-width:1450px;}
.pro_info td{border:1px solid #fff;height:34px;}
/*产品中心end*/
/*现场视频*/
.shipin li{text-align:center;margin-bottom:20px;}
.shipin li a{display:block;}
.sp-more{width:100%;height:100%;display:block;overflow:hidden;position:relative;background:#03448e;}
.sp-more img{width:100%;opacity:1;transition:0.4s;}
.sp-more span{display:block;width:46px;height:46px;background:url('../Image/sp.png') no-repeat center;position:absolute;top:50%;left:50%;margin:-23px 0 0 -23px;opacity:0;transition:0.4s;}
.shipin li p{display:block;width:100%;height:42px;line-height:42px;overflow:hidden;}
.shipin li a:hover img{opacity:0.25;}
.shipin li a:hover .sp-more span{opacity:1;}
.news_cont embed{max-width:100%;}
@media screen and (min-width: 768px){
.shipin li{margin-bottom:24px;}
.shipin li p{height:44px;line-height:44px;}
}
@media screen and (min-width: 1200px){
.shipin li{margin-bottom:30px;}
.shipin li p{height:46px;line-height:46px;}
}
/*现场视频end*/
/*合作客户*/
.part_tit{font-size:14px;line-height:24px;color:#666;margin-bottom:22px;}
.partner li{text-align:center;cursor:pointer;border:1px solid #f2f2f2;}
.part-more{width:100%;height:100%;display:block;overflow:hidden;position:relative;background:#03448e;}
.part-more img{width:100%;opacity:1;transition:0.4s;display:inline-block;box-sizing:border-box;}
.part-more span{display:block;width:40px;height:40px;border:1px solid #fff;border-radius:40px;line-height:40px;font-size:20px;color:#fff;position:absolute;top:50%;left:50%;margin:-21px 0 0 -21px;opacity:0;transition:0.4s;}
.partner li:hover img{opacity:0.25;}
.partner li:hover .part-more span{opacity:1;}
@media screen and (min-width: 992px){
.part_tit{font-size:16px;line-height:30px;margin-bottom:36px;}
}
/*合作客户end*/
/*行业案例*/
/*.al-type{width:280px;position:absolute;z-index:99;top:0;left:50%;margin-left:-140px;}
.al-fl{width:132px;margin:0 4px;float:left;}*/
.al-type{position:relative;z-index:99;margin-top:20px;margin-bottom:40px;}
.al-fl{width:46%;margin:0 2%;float:left;}
.al-fl h3{width:100%;height:46px;line-height:46px;background:#03448e url('../Image/al-jt.png') no-repeat right 18px center;color:#fff;;cursor:pointer;}
.al-fl h3 b{font-size:16px;padding-left:18px;}
.al-fl ul{padding:0 18px;background:#f5f5f5;}
.al-fl ul li{width:100%;border-bottom:1px solid rgba(220,220,220,0.8);}
.al-fl ul li:last-child{border-bottom:none;}
.al-fl ul li a{display:block;line-height:22px;padding:10px 0;font-size:14px;color:#666;}
.al-fl ul li a:hover{color:#03448e;}
.down{display:none;}
.al-fl ul .dq{float:left;width:50%;}
/*#container{height:500px;margin-top:60px;}*/
#container{height:400px;}
.case li{width:100%; padding:16px 0;display:inline-block;box-sizing:border-box;border:1px solid #e5e5e5;margin-bottom:22px;}
.case li:hover .yj-more{padding-left: 7px; transition:all .2s; }
.case-img img{width:100%;}
.case-cont{margin:0;}
.case-cont h3{font-size:16px;font-weight:bold;color:#03448e;padding-top:24px; transition:all .2s; }
.case li:hover h3{padding-left: 7px; transition:all .2s; }
.case-cont .case-cs{padding-top:10px;}
.case-cont p{font-size:14px;line-height:24px;color:#666;/*overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;*/}
.case-cont .yj-more{display:block;/*width:140px;height:36px;line-height:36px;color:#03448e;*/font-size:14px; font-weight: bold; text-transform:uppercase;margin-top:16px; transition:all .2s; }
.case-cont:hover{cursor: pointer; }
.case li:hover{border:solid 1px #03448e; transition:all .2s; }
@media screen and (min-width: 768px){
/*.al-type{width:480px;margin-left:-240px;}
.al-fl{width:206px;margin:0 17px;}*/
.al-fl h3{height:52px;line-height:52px;background:#03448e url('../Image/al-jt.png') no-repeat right 21px center;}
.al-fl h3 b{font-size:18px;padding-left:28px;}
.al-fl ul .dq{width:33.3333%;}
#container{height:500px;}
.case li{width:49%;padding:16px 0;display:inline-block;box-sizing:border-box;border:1px solid #e5e5e5;margin-bottom:22px;}
}
@media screen and (min-width: 992px){
.al-type{margin-top:160px;}
.al-fl{width:90%;margin:0 5% 20px 5%;}
#container{height:600px;}
.case-cont{margin:0 4%;}
.case-cont h3{padding-top:4px;}
.case-cont .yj-more{/*width:120px;*/margin-top:10px;}
.case li{width:49%;padding:16px 0;display:inline-block;box-sizing:border-box;border:1px solid #e5e5e5;margin-bottom:22px;}
}
@media screen and (min-width: 1200px){
#container{height:700px;}
.case-cont h3{padding-top:18px;}
.case-cont .yj-more{/*width:130px;*/padding: 4% 0; margin-top:20px;}
.case li{width:49%;padding:16px 0;display:inline-block;box-sizing:border-box;border:1px solid #e5e5e5;margin-bottom:22px;}
}
@media screen and (min-width: 1510px){
#container{height:800px;}
.case-cont h3{padding-top:7.8%; }
.case-cont .case-cs{padding-top:20px;}
.case-cont p{line-height:30px;}
.case-cont .yj-more{/*width:140px;*/padding: 4% 0; margin-top:24px;}
.case li{width:49%;padding:16px 0;display:inline-block;box-sizing:border-box;border:1px solid #e5e5e5;margin-bottom:22px;}
}
/*行业案例end*/
.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
.order input{padding:0 3px;}
.order textarea{padding: 3px;}
#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;}
/**************order&message********/
/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}
.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}
.f{ float:right; margin-right:10px; _margin-top:7px;}
/*上一页_下一页*/
#prev_next{margin: 40px 0px;clear: both;overflow: hidden;border-top:1px solid #eee;padding-top:20px;}
#prev_next li{margin: 10px 0;}
/*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;}
.map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;}
.map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;}
.map li{float:left;margin:0 5px;}*/
/*2017-7-17 update */
/*产品详情*/
.o_product{
clear: both;
padding: 18px 0;
margin-bottom: 20px;
}
.o_product .o_product_img{
float: none;
width: 100%;
}
.o_product .o_product_img .o_product_thumb{
height: 100%;
width: 100%;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.o_product .o_product_img .o_product_thumb img{
max-height:100%;
max-width: 100%;
display: inline-block;
vertical-align: middle;
}
.product_slt0{
display: block;
}
.product_slt{
display: none;
}
.o_product .product_small{
margin-top:30px;
height: 68px;
position: relative;
}
.swiper-container{
width: 100%;
height: 68px;
overflow: hidden;
padding: 0 48px;
}
.o_product .product_small .arrow-left{
width: 42px;
height: 68px;
display: block;
background: url(../Image/swiper-l.jpg) no-repeat;
position: absolute;
left: 0;
top: 0;
transition: all 0.5s;
z-index: 99;
}
.o_product .product_small .arrow-right{
width: 42px;
height: 68px;
display: block;
background: url(../Image/swiper-r.jpg) no-repeat;
position: absolute;
right: 0;
top: 0;
transition: all 0.5s;
z-index: 99;
}
.o_product .product_small ul{
padding: 0px;
margin: 0px;
overflow: hidden;
}
.o_product .product_small ul li{
float: left;
width: 85px;
height: 68px;
margin: 0px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.o_product .product_small ul li.select img{
border: 1px solid #03448e;
}
.o_product .product_small ul li img{
width: 85px;
height: 68px;
display: inline-block;
box-sizing: border-box;
border: 1px solid #dcdcdc;
}
.o_product .o_product_info{
float: none;
width: 100%;
}
.o_product .o_product_info .o_product_info_tit{
padding: 28px 0 12px 0;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 20px;
}
.o_product_info .o_product_info_tit h2{
display: inline-block;
color: #363636;
font-size: 18px;
font-weight: bold;
padding-top: 8px;
}
.o_product_info .o_product_info_tit a{
float: right;
display: inline-block;
width: 104px;
height: 36px;
line-height: 36px;
text-align: center;
background: #f86539;
color: #fff;
font-size: 14px;
}
.o_product_info .o_product_info_tit a:hover{
background: #023671;
}
.o_product .o_product_info p{
font-size: 14px;
line-height: 30px;
color: #888;
}
.o_product .o_product_info p b{
color: #03448e;
}
/*.o_product_info .go_order{
padding: 8px 25px;
color: #fff;
font-size: 16px;
border-radius: 5px;
background: #03448e;
border: none;
margin-top: 50px;
outline: none;
}
.o_product_info .go_order:hover{
background: #023671;
}*/
.order-content{
padding: 12px 14px;
background: #fff;
}
.order-content .order-line{
color: #333;
height: 30px;
line-height: 30px;
margin-bottom: 12px;
font-size: 14px;
}
.order-content .order-line:after{
display: block;
content: '';
clear: both;
height: 0;
width: 0;
}
.order-content .order-line lable{
width: 70px;
margin-right: 5px;
display: inline-block;
float: left;
text-align: right;
}
.order-content .order-line .order-zhi{
float: left;
padding: 10px;
line-height: 30px;
padding: 0px 10px;
max-width: 380px;
border: 1px solid #d2d2d2;
}
.order-content .order-line .order-zhi.noborder{
border:none;
}
.order-content .order-line .order-zhi.overword{
height: 30px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.order-line.bz-line{
height: auto;
}
.order-content .order-line .beizhu{
padding: 10px;
float: left;
border: 1px solid #d2d2d2;
}
.order-content .order-line .dwid{
width: 175px;
}
.order-content .order-line img{
display: inline-block;
float: left;
margin-left:15px;
}
.order-content .go-sub{
margin-left:70px;
border: none;
color: #fff;
background: #03448e;
font-size: 14px;
padding: 8px 28px;
margin-top:8px;
border-radius: 5px;
outline: none;
}
.order-content .go-sub:hover
{
background: #023671;
}
.ys-itemlist {
transition: all .2s;
overflow: hidden;
}
.text-center:after {
position: absolute;
top: 0;
left: -85%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .2)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.text-center{
position: relative;
display: block;
overflow: hidden;
transition:all .2s;
}
.text-center:hover:after {
-webkit-animation: shine2 1s;
animation: shine2 1s;
}
.ys-itemlist:after {
position: absolute;
top: 0;
left: -85%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .2)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.ys-itemlist{
position: relative;
display: block;
overflow: hidden;
transition:all .2s;
}
.ys-itemlist:hover:after {
-webkit-animation: shine2 1s;
animation: shine2 1s;
}
@-webkit-keyframes shine2 {
100% {
left: 125%;
}
}
@keyframes shine2 {
100% {
left: 125%;
}
}
.ys-itemlist:hover{background: rgba(255,255,255,.7); }
.text-center:hover{background: rgba(255,255,255,.7); }
.ys-itemlist:hover .word .b1{color: #0d499f; transition:all .2s; padding-left: 2%; }
@media screen and (min-width: 992px){
.o_product{
margin-bottom: 40px;
}
.o_product .o_product_img{
float: left;
width:47%;
}
.o_product .o_product_info{
float: right;
width: 47%;
}
.product_slt0{
display: none;
}
.product_slt{
display: block;
}
.o_product .product_small{
margin-top:40px;
}
.o_product .o_product_info .o_product_info_tit{
padding: 14px 0 12px 0;
margin-bottom: 22px;
}
.o_product_info .o_product_info_tit h2{
font-size: 20px;
padding-top: 6px;
}
.o_product_info .o_product_info_tit a{
width: 114px;
height: 40px;
line-height: 40px;
}
.o_product .o_product_info p{
line-height: 26px;
}
}
@media screen and (min-width: 1024px){
.o_product .product_small{
margin-top:50px;
}
.o_product .o_product_info .o_product_info_tit{
padding: 24px 0 12px 0;
margin-bottom: 26px;
}
.o_product_info .o_product_info_tit a{
width: 134px;
height: 42px;
line-height: 42px;
}
.o_product .o_product_info p{
line-height: 28px;
}
}
@media screen and (min-width: 1510px){
.o_product .product_small{
margin-top:70px;
}
.o_product .o_product_info .o_product_info_tit{
padding: 38px 0 12px 0;
margin-bottom: 30px;
}
.o_product_info .o_product_info_tit h2{
font-size: 22px;
padding-top: 8px;
}
.o_product_info .o_product_info_tit a{
width: 154px;
height: 44px;
line-height: 44px;
}
.o_product .o_product_info p{
line-height: 30px;
}
}