@charset "utf-8";
/* CSS Document */
/* Reset */
* { margin:0; padding:0;transition:all 200ms ease;box-sizing: border-box;}
a:link, a:visited, a:hover, a:active {text-decoration:none; cursor:pointer; color:#454545;}
a:hover, a:active {color:#0f77c2;}
/* body注释代码 background:url(../images/texture.png) repeat center #fff; */
body { font:16px/1.6 "Microsoft Yahei","Thmano", "Arial"; color:#3d3d3d;}
img { border:0px;}
li{ list-style:none; float:left;}
input, textarea, select{ font:14px/1.5 "Microsoft Yahei","Thmano", "Arial"; color:#999; outline:0; }
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.hidden{display: none;}
body {overflow-x: hidden;}
html {height: 101%;}
.animate {display: none;}
b,
strong {font-weight: bold;}
input {outline: none;}
textarea {resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
td {border: 0px solid #aaa;padding: 2px;}
a {text-decoration: none;color: #666;}
a:hover {text-decoration: none;color: #0f77c2;}
i {font-style: normal;}
.clearfix {*zoom: 1;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clear {clear: both;}
.ow {min-width: 1200px;}
.w {width: 1200px;margin: 0 auto;}
.wx {width: 1100px;margin: 0 auto;}
.fr {float: right;}
.fl {float: left;}
.s{background:url(../images/tip.png) no-repeat; }
/*header*/
.top{width:100%; height:137px; background:#FFF; position:relative;}
.logo{float:left;}
.logo img{max-width:434px; height:55px; float:left; margin-top:40px; margin-right:15px;  }
.logo .header_g{ margin-top:42px;background:url(../images/logo_li.png) no-repeat left top;   
  max-width: 370px;padding-left: 20px;    float: left;}
.logo .header_g span{ font-size:18px; line-height:16px;color: #d72323;}
.logo .header_g p{color: #393939;font-weight: bold;font-size: 22px; line-height: 28.3px;}
.top .fr{text-align: right;}
.tel{padding-left: 38px;text-align: left;height: 36px;
  background-position: -362px top; }
a.tel_link{ display: inline-block;border-radius: 20px;background: #0f77c2;color: #fff;padding: 0 10px;font-size: 14px;margin-top: 35px;
height: 26px;line-height: 26px;}
a.tel_link:hover{background: #d72323;}
.tel span{font-size:14px;line-height: 26px; color: #5a5a5a;display: block;float: left;margin-top: 15px;}
.Telephone{color:#f48809;font-weight: bold;font-size:24px;line-height:50px; display: block;font-family: "Arial";float: left;}
.t{ height: 30px;line-height: 26px;color: #a6a7a7;text-align: center;}
.t a{ color: #a6a7a7;padding: 0 10px;}
.t li{ }
.t .webMap{ background-position: left -148px;}
.t .addFav{ background-position: left -48px;}
.t .setHome{ background-position: left -96px;}
/* banner */
.iban{position: relative;height: 490px;}
.banner { width:100%; height:490px; overflow:hidden;  position:relative;}
.banner ul.list { float:left; height:490px; width:500%; background:#0f77c2; }
.banner li.item { width:20%; height:490px; float:left;  }
.iban div.tip {width:1092px;padding-right: 10px; position:absolute; left:50%; margin-left:-550px; height:30px; bottom:20px;text-align:right;background-position: 1007px top;}
.iban div.tip span { width:16px; height:16px; line-height:24px; display:inline-block; background:url(../images/tip-view1.png) no-repeat left 1px;
  margin:5px; cursor:pointer; text-align:center; font-family:"Microsoft Yahei"; font-size:16px; color:#FFF; }
.iban div.tip span.cur {background-position: left bottom;}
/*搜索*/
.search{ height:89px; background:url(../images/shadow.png) no-repeat scroll bottom #fff;}
.skey{ padding-top:20px;color: #454545;}
.skey a{color: #454545;}
.searcher{width:214px;height:35px;float:right;   margin-top:20px;box-sizing: content-box;}
.searcher .submit{width:36px;height:31px;float:right;border:0px; 
  background-position: -178px bottom;color: #fff;cursor:pointer;}
.searcher .txt{width:178px;height:31px;line-height:31px;float:right;background-position: left bottom;text-indent: .5em;
  border:none ;color:#c0c0c0;}

.nav{height: 64px;width:100%;  background:#0f77c2;}
.nav1{ }
.nav ul{ }
.nav li{position: relative;width: 120px;float: left;z-index: 1000; line-height: 64px; }
.nav li a{    font-size: 16px;text-align: center;    color: #fff;    display: block;    height: 64px;  width: 122px;  }
.nav li a i{      font-style: normal;    line-height: 64px;   display: block;    width: 100%;}

/* .navhover {background:#f48809; height: 100%} */
/* .nav li a:hover{ background:#f48809; }
.nav li.hover a{background:#f48809; } */
.nav .subNav{ display: none;  left: 0; position: absolute; top: 64px;transition:none;
background: #f26f05;box-shadow:0px 0 9px rgba(0,0,0,.3); }
.nav .subNavCon a{ width: 122px;height: 100%;font-size: 14px;line-height: 46px; display: block;padding-top: 0;margin: 0;
  color: #000; background: #ffffff; }
.nav .subNavCon a:hover{ background: #0f77c2;color: #fff; }

/******************************
 ** 内页架构
 ******************************/
.headx {  margin-bottom:26px;margin-top: 50px; position:relative; background:url(../images/icon1.png) no-repeat 10px center;background-size:28px 28px;height:28px;
  padding-left: 48px;}
.headx h2 { font-size:20px; color:#5a5a5a; font-weight:700; line-height: 1;height:28px;line-height:28px; }
.headx h2 em{ font-style: normal;    display:block;}
.headx h2 em b{color: #0f77c2; }
.headx h2 span {color:#cbcbcb; font-weight: normal;font-size:14px; text-transform:uppercase; }
.headx h2 span i{ font-size: 30px;}
.headx .mo {display: block; position:absolute; right:0; top:0; color:#5a5a5a;font-size: 14px;width: 77px;height: 28px;
line-height: 28px;border: 1px solid #5a5a5a;border-radius: 20px;text-align: center;}
.headx .mo:hover { color:#fff;background: #5a5a5a; }
.sidebar { float:left; width:246px; }
.topclass { width:100%; height:100px; }
.topclass h2 {font-size:26px;font-weight: 500;}
.topclass span { font-size: 16px;text-transform: uppercase; }
.side-menu { background-color:#fff; border-left: 4px solid #dfdfdf; }
.side-menu > dd:not(:last-child){border-bottom: 2px solid transparent;margin-top: -2px;transition: all 0.2s ease;}
.side-menu > dd > a { position:relative;display:block; height:50px; line-height:50px;color: #454545;border-bottom: 2px solid #dfdfdf;padding-left: 20px;transition: all .1s ease-in; }
.side-menu > dd > a:hover, .side-menu > dd.current > a { color: #f48809;}
.side-menu > dd.current.has-child {border-color: #dfdfdf;}
.side-menu > dd > a::after {content: '';position: absolute;left: -4px;top: 0;width: 4px;height: 100%;background-color: #dfdfdf;transition: all .2s ease-in;}
.side-menu > dd > a:hover::after, .side-menu > dd.current > a::after {background-color: #f48809;}
.side-menu .drop {  display:none; }
.side-menu .drop li { width:100%; height:38px; line-height:38px;float: none;margin: 8px 0; }
.side-menu .drop a { display:block; padding:0 10px 0 10px; background:#FFE8C9; color: #454545;  text-align:center; font-size:13px;}
.side-menu .drop a:hover { background:#f48809;color: #fff;}
.side-menu dd.current .drop { display:block; }
.side-menu li.current > a { background:#f48809;color: #fff; }

.side-menu2 { background-color:#fff; padding:0px 10px 0px 10px; border: 4px;}
.side-menu2 dd {margin: 8px 0; }
.side-menu2 dd > a { display:block; height:40px; line-height:40px;font-size:14px;padding-left: 25px;color: #454545;transition: all 0.3s ease; }
.side-menu2 dd > a:hover, .side-menu2 dd.current > a { color: #f48809;}
.side-menu2 .drop {  display:none; }
.side-menu2 .drop li { width:100%; height:38px; line-height:38px;float: none;margin: 8px 0; }
.side-menu2 .drop a { display:block; padding:0 10px 0 10px; background:#FFE8C9; color: #454545;  text-align:center; font-size:13px;}
.side-menu2 .drop a:hover { background:#f48809;color: #fff;}
.side-menu2 dd.current .drop { display:block; }
.side-menu2 li.current > a { background:#f48809;color: #fff; }

.sidebar .tel1{background:url(../images/tel2.png) no-repeat center;height: 99px;}
.sidebar .tel1 h1{padding-left: 55px;height: 99px;background-position: left -175px;color: #fff;
;margin-left: 15px;}
.sidebar .tel1 span{ font-size: 14px;line-height: 1.4;padding-top: 26px;
    display: block;}
.sidebar .tel1 p{font-size: 21px; line-height:1;font-weight: bold;*margin-top: -20px;}
.side-head { height:34px; line-height:34px; padding:10px 0 10px 30px; font-size:20px; background:#5f412e; color:#FFF; }
.side-pro { position:relative; top:20px; margin-bottom:20px; }
.side-pro .list { border:1px solid #ddd; padding:30px 0 10px; }
.side-pro .list dd { width:166px; margin:0 auto; }
.side-pro .list a { display:block; text-align:center; }
.side-pro .list img { display:block; width:166px; height:124px; background:#f1f1f1; }
.side-pro .list h3 { padding:10px 0; height:24px; line-height:24px; font-weight:400; }
.side-contact { margin-bottom:20px; position:relative; top:20px; }
.side-contact .main { padding:15px 10px; line-height:2; border:1px solid #ddd; }
.ipro{}
.ipro .tod{overflow: hidden;padding:0 20px 0 60px;}
.ipro .tod ul{width: 110%;margin-left: -30px;}
.ipro .tod li{
    text-align: center;
/*    float: left;margin:0 0 36px  30px;position: relative;width: 229px;padding-right: 30px;*/
/*  border-right: 1px dashed #d3d3d3;*/
/*overflow: hidden;background: url(../images/ipro_shadow.png) repeat center;*/
    
}
.ipro .tod li img{display: block;width: 229px;height: 172px;margin:0 auto}
.ipro .tod .wd b a{ display: block;height: 50px;line-height: 2.8;}
.ipro .tod .wd .description{ font-size: 14px;color: #5a5a5a;line-height: 1; line-height:24px;}
.ipro .tod .wd .detail{height: 35px;width: 109px;line-height:35px;display: block;text-align: center;border-radius: 20px;margin:24px auto 0;border: 1px solid #999999; }
.ipro .tod li:hover .wd .detail{background: #0f77c2; color: #fff;border-color: #0f77c2;}
.ipro .tod li:hover span a{ color: #fff;}
.ipro .tod li:hover img{
    -webkit-transform: rotateY( 360deg );
    -moz-transform: rotateY( 360deg );
  -ms-transform: rotateY( 360deg );}

.ipro2{}
.ipro2 ul{width: 110%;}
.ipro2 li{float: left;padding: 10px;border: 1px solid #d0d0d0;margin:12px;transition:none;}
.ipro2 li .wd{text-align: center;height: 50px;line-height: 50px;}
.ipro2 li .wd a{color: #5a5a5a;display: block;width: 232px;}
.ipro2 li img{width: 258px;height:232px;}
.ipro2 li:hover img{
-webkit-transform: rotateY( 360deg );
    -moz-transform: rotateY( 360deg );
  -ms-transform: rotateY( 360deg );}
.ipro2 li:hover{ border: 2px solid #0f77c2;padding: 9px;}
.ipro2 li:hover .wd a{ color: #0f77c2;font-weight: bold;}


.icase{width: 100%;background: url(../images/ipro_bg.jpg) no-repeat center top;padding-top: 34px;
height: 490px;margin-top: 52px;}
.icase .headx{margin-top: 0;background: url(../images/icon2.png) no-repeat 10px center;background-size: 28px 28px;}
.icase .headx h2,.icase .headx h2 em,.icase .headx h2 span,.icase .headx h2 b{color: #fff;}
.icase .headx .mo{color: #fff;border-color: #fff;}
.icase .headx .mo:hover{background: #FFF;color: #0E6DFB;}

.icase .tod{ width: 1200px;overflow: hidden;height: 358px;*position: relative; }
.icase .tod ul{width: 110%;}
.icase .tod li{float: left;position: relative;height: 300px;
width: 195px;margin: 0 52px 30px 0;text-align: center;}
.icase .tod li .img{position: relative;width: 195px;height: 126px;display: block;z-index: 1;}
.icase .tod li img{ height: 126px;width: 195px;position: absolute;top: 0;left: 0;z-index:2;background:#fff}
.icase .tod li .cover{width: 195px;height: 271px;
/*background: url(../images/li_bg.png) no-repeat center -349px; */
background:#fff;
z-index: 1;
position: absolute;top: 0;left: 0;}
.icase .tod .wd {position: relative;z-index: 2;line-height: 2;padding:4px 10px;}
.icase .tod .wd span{ }
.icase .tod li .wd .descrption{display:none}
.icase .tod .wd span a{ color: #5a5a5a;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align:left;
}
.icase .tod .descrption{line-height: 1.2;color: #989898;width: 170px;    word-wrap: break-word;} 
.icase .tod div.subtitle{display: none;}
.icase .tod a.detail{display: inline-block;background-position: right -200px;width: 20px;height: 20px;margin-top: 10px;}
.icase .tod li .shadow{ width: 199px;height: 48px;background: url(../images/shadow.png) no-repeat center top;
position: absolute;left: -12px;bottom: 34px;}
/* .icase .tod li:hover .wd,.icase .tod li:hover .wd .descrption{color: #fff;}
.icase .tod li:hover .wd span a{display:none;}
.icase .tod li:hover .wd .descrption{display:block;line-height: 1.6em;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    text-overflow: ellipsis;}
.icase .tod li:hover a.detail{display: none;}
.icase .tod li:hover div.subtitle{display:block;color: #fff;font-size:14px;display: -webkit-box; -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; overflow: hidden;text-overflow: ellipsis;}
.icase .tod li:hover .cover{
    background-position: center top;
height: 349px;background:#0845a8;} */

.icase .arrow{ width: 110px;margin: 0 auto;height: 36px;margin-top: 20px; }
.icase .arrow_r,.icase .arrow_l{float: left;width: 36px;height: 36px; }
.icase .arrow_r{margin-right: 36px;background-position: left -300px;position: absolute;height: 36px;margin-top: 20px;left: 45px;top: 160px;}
.icase .arrow_l{background-position: -73px -300px;position: absolute;height: 36px;margin-top: 20px;right: 45px;top: 160px;}

.igaog{height: 197px; padding-top: 36px;background: url(../images/index-bg1.png) no-repeat center; color: #fff;
text-align: center;margin-top:36px;}
.igaog b{font-size: 36px;margin-bottom: 10px;display: block; }
.igaog p{ font-size: 18px;}
.igaog p span {padding: 0 10px;display: inline-block;line-height: 16px;}
.igaog p span:not(:last-child) {border-right: 1px solid #fff;}
.igaog .link{ margin-top: 10px;}
.igaog .gao_link{display: inline-block;padding:0 10px;height: 35px;line-height: 35px; 
color: #fff;margin: 0 26px;position: relative;*background: #387AF5;}
.igaog .gao_link em{display: block;position: absolute;background: url(../images/tip.png) no-repeat left -188px;
  width: 24px;height: 24px;top: 3px;right: -42px; }
/* .igaog .gao_link:hover{ background: #fff;color: #0f77c2;} */


.inews { }
.inews .tod{ }
.inews .tod ul{ }
.inews .tod li { width: 100%;border-bottom: 1px dashed #d6d6d6;padding: 14px 0;}
.inews .tod li em{display: block;width: 78px;height: 70px;background: url(../images/tip.png) no-repeat right -300px; 
text-align: center;float: left;font-size: 14px;color: #989898;font-style: normal;padding-top: 22px;}
.inews .tod li em b{display: inline-block;border-top: 1px dotted #9c9c9c;font-size: 18px;color: #5a5a5a;width: 48px;}
.inews .tod li .wd{float: left;margin-left: 66px;width: 954px;}
.inews .tod li h1{ font-size: 18px;color: #5a5a5a; }
.inews .tod li:hover{color: #0f77c2; }
.inews .tod li:hover em{background: url(../images/tip.png) no-repeat right -420px; }
.inews .tod li:hover em b,.inews .tod li:hover h1{	color: #0f77c2;}
.inews .tod li span{ font-size: 14px;color: #989898;}



.iabout{ margin-top: 70px;}
.iabout .tod{position: relative;}
.iabout .tu{ position: absolute;top: 20px;right: 0;width: 156px;height: 147px;
background:url(../images/iab_img.png) center no-repeat; }
.iabout .tod{height: 435px; background:url(../images/iabout.png) center no-repeat;}
.iabout .img{float: left;}
.iabout .img img{width: 509;height: 381px;margin-top: 28px;}
.iabout .wd{float: right;width: 428px;margin-top: 95px;}
.iabout .wd .desciption{text-align: right;color: #fff;}
.iabout .wd .desciption a{display: inline-block;width: 116px;height: 31px;line-height: 31px;color: #fff;background-position: -1px -953px;text-align: center;}
.iabout .wd .desciption i{display: inline-block;width: 22px;height: 31px;background-position: -131px -942px;}
.iabout .wd .desciption span{ display: block;font-size: 24px;font-weight: bold;text-align: left;line-height: 2.2;color: #0e3ba9;
background: url(../images/zi.png) left bottom no-repeat;margin-bottom: 36px;}
.iabout .wd .zi{color: #2a2a2a;font-size: 16px;line-height: 2;}
.iabout .wd .zi .ilink{display: block;float: right;background-position:left -356px;width: 136px;height: 44px;line-height: 44px;
  text-align: center;color: #fff;margin: 44px 0 0 60px;*margin:20px 0 0 60px;}
.iabout .wd .zi .ilink:hover{ background-position: right -356px;}

.imessage {width: 647px;float: right;}
.imessage .comt {font-size: 14px;}
.imessage .comt ul li {height: 38px;line-height: 38px;margin: 8px 9px;}
.imessage .comt li label{float: left;}
.imessage .comt ul .red{color: red;    font-size: 14px;    height: 40px;    line-height: 40px;   width: 14px;    float: left;    text-align: center;}
.imessage .comt ul li i {float: left; padding: 0 10px;width: 44px;}
.imessage .comt ul li input.name {border-bottom: 1px solid #d1d1d1;height: 38px;line-height: 38px;font-family: "microsoft yahei";float: left;width: 304px;*width: 290px;
  background: none;font-size: 14px;color: #5a5a5a;  }
.imessage .comt ul li input{color: #a0a0a0;border: none;background: none;}
.imessage .comt ul li.a1 i {background-position: -33px 0px;}
.imessage .comt ul li.a2 i {background: none;border: none;font-size: 13px;color: #aaaaaa;font-family: "宋体";}
.imessage textarea{line-height: 30px;  float: left;  font-size: 14px;        width: 100%;    height: 34px;padding: 5px;border: none;
    resize: none;  background:none; border-bottom: 1px solid #d1d1d1;color: #5a5a5a;margin-top: 28px;}
.imessage .button1{width: 123px;height: 35px;  text-align: center;border: none;color: #fff!important;
  border-radius: 30px;  cursor: pointer;font-size: 18px;margin-top: 35px;background-color: #0f77c2!important;}
.imessage .button1:hover{ background: #D46417!important;}

.imap{width: 100%;height: 372px;display:block;position: relative;margin-top: 54px;}
.imap .imapCon{width:100%; height: 372px;opacity: 0.2;filter: alpha(opacity=20);}
.imapCon{position: absolute;top: 0;left: 0;z-index: 1;}
.icontact{   position: absolute;top: 0;width: 100%;z-index: 2;}
.icontact .wd{ float: left;width: 450px;}
.icontact .wd b{font-size: 24px;}
.fs14{font-size: 14px!important;}
.icontact .wd .p{font-weight: bold;color: #000000;font-size: 16px;text-align: center;margin-top: 10px;}
.icontact .wd span{display: inline-block;width: auto;line-height: 1.6;color: #5a5a5a;font-size: 18px;text-transform: uppercase;
margin-bottom: 10px;}
.icontact .wd .s{padding-left: 34px;font-size: 14px;height: 34px;line-height: 34px;}
.icontact .wd .tel3{height: 37px;  line-height: 37px;*line-height: 20px;background-position: -380px -618px;}
.icontact .wd .iemail{background-position: -380px -653px; }
.icontact .wd .iadd{background-position: -380px -685px;}

.footer { background:#484848 url(../images/terue.png) left bottom repeat; padding:16px 0 16px;
  color: #a0a0a0;  font-size: 14px;}
.footer .w{position: relative;z-index: 3;}
.footer a{color: #a0a0a0;}
.ilink{ }
.ilink span{font-size: 16px;display: block;padding-left: 24px;background-position: left -400px;line-height: 1.4; }
.ilink span b{font-weight: normal;font-size: 14px; }
.ilink a{display: block;float: left;margin: 5px;font-size: 14px;}
.keywords{padding: 16px 0;border-bottom: 1px dashed #363636;}
.subtel {   font-size:30px;color: #fc771c; background-position:-371px bottom;  padding-left: 32px;line-height: 30px;
text-align: right;margin-top: 0px;}
.subtel span{padding-left: 30px;color: #fff;font-size: 16px;background-position: left -514px;display: inline-block;line-height: 1.6;}
.subtel p{font-size: 30px;font-weight: bold;}
.copyright { float: left;line-height:26px;  width:730px; margin-top: 70px;}

.go_top{width: 68px;height: 68px;position: absolute;top: -48px;right: 0;cursor: pointer;background-position: left -600px;}

.nybanner {height: 300px;display: block;width: 100%;background: #ccc;border-top: 1px solid #ccc;}
.subcomt {border: 1px solid #cacbcb;padding: 8px;}
/* body注释代码 background:url(../images/heng.png) no-repeat left center;*/
.sobtitle {height: 62px;line-height: 62px;margin-bottom: 10px;}
.sobtitle p.fl {/*color: #0f77c2;*/font-size: 24px;font-weight: bold;}
.sobtitle .sitepath {padding-right: 20px;font-size: 14px;}
.sobtitle .sitepath a{}
.submian {position: relative;margin-top: 30px;}

.submian .subleft {width: 246px;}
.submian .subleft .sidebar{float: none;margin-bottom: 10px;}
.submian .subleft .titlex {    text-align: center;background: #0f77c2;color: #fff;height: 82px;}
.submian .subleft .titlex span {margin-top: 10px;border-bottom: 1px dashed #fff;display: inline-block;padding: 0 10px;color: #fff;font-size: 24px;font-weight: bold;line-height: 40px;}
.submian .subleft .titlex b{line-height: 2; text-transform: uppercase;font-size: 12px;font-weight: normal;display: block;}
.submian .subleft .titlex a {font-size: 14px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;height: 21px;line-height: 21px;float: right;margin-right: 10px;margin-top: 20px;position: relative;width: 75px;color: #fff;}
.submian .subleft .titlex a i {color: #fff;font-weight: bold;font-size: 20px;position: absolute;right:-3px;top: 0px;}
.submian .subleft .titlex a i:before {content: "";height: 21px;}
.submian .subleft .titlex a:hover {color: #F3F3F3;border-color: #F3F3F3;}
.submian .subleft .titlex a:hover i:before {content: "";color: #F3F3F3;}
.submian .subleft .lefta {padding-bottom: 20px;}
.submian .subleft .lefta .titlex{ height: 122px;line-height: inherit;}
.submian .subleft .lefta .titlex span{    padding-top: 18px;    display: block;    line-height: 52px;}
.submian .subleft .lefta .titlex em{font-style: normal;font-size: 14px;padding-left: 35px;display: block;}

.submian .subleft .lefta .comt { }
.submian .subleft .lefta .comt ul li {line-height: 52px;color: #787878;display: block;margin-bottom: 2px;width:100%;}
.submian .subleft .lefta .comt ul li a {font-size: 18px;position: relative;display: block;width:220px;height:52px;line-height:52px;border-bottom: 1px solid #e2e2e2;padding-left: 60px;}
.submian .subleft .lefta .comt ul li a:hover,
.submian .subleft .lefta .comt ul li a.hover {    color: #0f77c2;    background: #FFF100;}
.submian .subleft .lefta .comt ul .box {display: none;}
.submian .subleft .lefta .comt ul .box a {display: block;line-height: 32px;font-size: 14px;height: 32px;border-bottom: 1px solid #eee;border-top: 0px;border-left: 0px;border-right: 0px;}
.submian .subleft .lefta .comt ul li.current .box { display:block; }
.submian .subleft .lefta .comt ul li.current > a {background: #FFF100;color: #0f77c2; }
.submian .subleft .lefta .comt ul li.current > a {background:#FFF100;color:#0f77c2; }

.submian .subleft .leftnews .leftnewscomt {border: 1px solid #0f77c2;*padding: 20px 15px;}
.submian .mainx {  height:230px;margin: 20px 15px;  background:#FFF; overflow:hidden; position:relative; *width: 215px;*margin-top: 20px;}
.submian .listx { float:left; width:300%; position:relative; }
.submian .listx dd { float:left; width:250px; height:187px; position:relative; }
.submian .listx a { display:block; overflow:hidden; position:relative; z-index: 9;}
.submian .listx span { width:430px; height:56px; line-height:56px; padding:0 15px; position:absolute; left:0; bottom:0; font-size:16px; color:#FFF; }
.submian .listx img { display:block; width:250px; height:187px; }
.submian .listx dd:hover img { -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.submian .tipx {width:100%; height:24px; text-align:center;position: absolute;bottom: 5px; }
.submian .tipx span { display:inline-block; vertical-align:middle; width:24px; height:24px; background:url(../images/tip-view.png) center 0 no-repeat; cursor:pointer;margin: 0 6px; }
.submian .tipx span.cur { background-position:center bottom; }
.submian .leftcontact{ }
.submian .leftcontactcomt{line-height: 28px;border: 1px solid #0f77c2;padding: 10px;}
.submian .leftcontact .title1{height: 68px;line-height: 68px;border-bottom: 4px solid #0f77c2;margin-bottom: 28px; }
.submian .leftcontact .title1 span{ color: #0f77c2;font-size: 33px;font-weight: bold;}
.submian .leftcontact .title1 i{ color: #0f77c2;font-size: 22px;font-weight: bold;text-align: right;}
.submian .leftcontact_tel{margin-top: 10px;background: #F8A815 url(../images/leftcontact_tel.png) 10px center no-repeat;color: #fff;padding-left: 80px;}
.submian .leftcontact_tel p{font-size: 18px;height: 35px;
    line-height: 3.2;}
.submian .leftcontact_tel h2{ font-weight: bold;font-size: 18px;}

.submian .subright {width: 873px;;margin-bottom: 65px; line-height: 28px;}
.submian .subright .produtlist .list {overflow: hidden;}
.submian .subright .produtlist .list .itag li {float: left;margin: 8px;width: 256px;}
.submian .subright .produtlist .list .itag li.err span{cursor: text;}
.submian .subright .produtlist .list .itag li img {width: 253px;height:190px;display: block;padding: 2px;border: 1px solid #dcdcdc;}
.submian .subright .produtlist .list .itag li span {cursor:pointer;height: 34px;line-height: 34px;display: block;width: 100%;text-align: center;overflow: hidden;}
.submian .subright .produtlist .list .itag li:hover img {border-color: #0f77c2;background: #0f77c2;}
.submian .subright .produtlist .list .itag li:hover span {color: #0f77c2;}
.submian .subright .listnews {padding:0 20px 20px 20px;}
.submian .subright .listnews ul li {width: 100%;border-bottom: 1px dashed #d6d6d6;height: 40px;line-height: 40px;}
.submian .subright .listnews ul li.zlq-new{
    height:170px;
    float:none;
    padding-top:10px;
}
.submian .subright .listnews ul li.zlq-new .zlq-new-left{
    float:left;
}
.submian .subright .listnews ul li.zlq-new .zlq-new-right{
    display:inline-block;width: 74%;float: right;
}
.submian .subright .listnews ul li.err{margin-bottom: 20px;}
.submian .subright .listnews ul li a {display: block;}
.submian .subright .listnews ul li a p {float: left;cursor:pointer;}
.submian .subright .listnews ul li.zlq-new .zlq-new-right  p.zlq-new-right-title{
   width:700px;
   font-weight: bold;
}
.submian .subright .listnews ul li a span {color: #999;cursor:pointer;float: right;}
.submian .subright .listnews ul li a:hover p.zlq-new-right-title {color: #0f77c2;}
.submian .subright .listnews ul li a:hover span {color: #666;}
.submian .subright .aboutlist {line-height: 28px;color: #333;display:none;}
.aboutlist img{max-width:100%}
.submian .subright .conBox {padding: 0px 20px 20px;line-height: 24px;color: #333;}
/* page_newsdetail_list */
.submian .subright .ArticleTitle {padding-bottom: 7px;}
.submian .subright .ArticleTitle h1 {padding-top: 10px;    font-size: 20px;    line-height: 30px;text-align: center;padding-bottom: 5px;border-bottom: 1px dotted #a6a6a6;color: #0f77c2;}
.submian .subright .ArticleMessage {text-align: center;line-height: 22px;height: 22px;border-bottom: 1px dotted #a6a6a6;margin-bottom: 10px;}
.submian .subright .ArticleTencont {padding: 5px 0px 20px 0px;line-height: 2em;overflow: hidden;}

/* listProduct */
.listProduct {margin-top: 20px;}
.listProduct .tod { overflow:hidden; }
.listProduct ul{ width:110%; }
.listProduct .item{ width:259px; height:220px; border:1px solid #ccc; float:left; position:relative;overflow:hidden;
    margin-bottom:20px; border-radius: 5px;transition: all 0.3s ease;
}
.listProduct .item:nth-of-type(3n-1){
    margin:0 30px;
}
.listProduct .item img{ width:100%;transition: all 0.3s ease; }
.listProduct .item.productlistliclass:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}
.listProduct .item.productlistliclass a.img {width:100%;height:100%;} 
.listProduct .item.productlistliclass img{width:80%;height:90%;margin-top:4%;object-fit:contain;}
.listProduct .item a{ display:block; color:#fff;line-height:26px; font-size:16px;}
.listProduct .item .img-container{width:100%; height:69%;}
.listProduct .item p{ text-align:center;}
.listProduct p.wd{ width:100%; position:absolute; left:0; bottom:0px;height: 32px; /* background:url(../images/cover.png) repeat center -34px; */}
.listProduct p.wd a{ display:block;font-size: 16px;color: #5a5a5a;}
.listProduct p.wd span{ color:#fff; font-size:12px; padding:2px 8px; border:1px solid #fff;}
.listProduct .item.solution-listliclass:hover img{-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);}
.listProduct .item.solution-listliclass:hover a {font-weight: 600;}

.listProduct .itemcase{ width:259px; height:236px; border:1px solid #ccc; float:left; position:relative;overflow:hidden; margin:0px 15px 15px 0px;}
.listProduct .itemcase img{ width:259px; height:194px;}
.listProduct .itemcase a{ display:block; color:#fff;line-height:26px; font-size:16px;}
.listProduct .itemcase p{ width:100%; height:130px; text-align:center;}
.listProduct p.wd{ width:100%; position:absolute; left:0; bottom:0px;height: 25px; /* background:url(../images/cover.png) repeat center -34px; */}
.listProduct p.wd a.btn{ font-size: 16px;color: #5a5a5a;border-radius: 5px;border: 1px solid #ccc;}
.listProduct p.wd a.btn:hover{background-color: #f48809; color: #fff !important; border-color: #f48809;}
.listProduct p.wd span{ color:#fff; font-size:12px; padding:2px 8px; border:1px solid #fff;}
.listProduct .itemcase:hover p.wd{ font-weight: bold; }
.listProduct .itemcase:hover p.wd a{color: #0f77c2; }


/* relatedLink */
.submian .subright .reLink {height: 40px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;width: 100%;margin: 10px auto 10px;overflow:hidden;}
.submian .subright .reLink .prevLink {float: left;margin-left: 10px;height: 30px;line-height: 30px;}
.submian .subright .reLink .nextLink {float: right;margin-right: 10px;height: 30px;line-height: 30px;}
.maplist li a {background: #eee;width: 98%;height: 30px;line-height: 30px;display: block;margin-bottom: 10px;padding-left: 2%;font-weight: bold;}
.maplist li .box {width: 100%;height: auto;margin-bottom: 10px;}
.maplist li .box a {float: left;height: 24px;line-height: 24px;width: auto;text-align: center;margin-right: 10px;padding: 0px 5px;font-weight: normal;}
.maplist li .box a:hover {background: #ff611c;color: #fff;}
.pages {
	width: 100%;
	text-align: center;
	float: left;
	font-size: 12px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	font-size:14px;
}
.pages span {
	display: inline
}
.pages span a {
	padding: 5px 10px;
	border: 1px solid #ddd;
	background: #fff;
	color: #A4A4A4;
	line-height: 18px;
	border-radius:3px;
	margin-right:10px;
	text-decoration:none;
}
.pages span a:hover {
	border: 1px solid #ff6a06;
	background: #ff6a06;
	color: #fff;
	text-decoration: none;
	border-radius:3px;
}
.pages span.page-status {
	padding: 5px 10px;
	border: 1px solid #ddd;
	background: #fff;
	color: #A4A4A4;
	line-height: 18px;
	border-radius:3px;
	margin-right:10px;
}
.pages span.page-num {
	padding: 5px 10px;
	border: 1px solid #ddd;
	background: #fff;
	color: #A4A4A4;
	line-height: 18px;
	border-radius:3px;
	margin-right:10px;
}
.pages span a.page-num-current {
	padding: 5px 10px;
	border: 1px solid #ff6a06;
	background: #ff6a06;
	color: #fff;
	text-decoration: none;
	border-radius:3px;
}
/* cms2.0地图 */
/*map*/
.dtditu{width:140px; height:30px; line-height:30px; background:#0f77c2; color:#fff; font-weight:bold; margin:10px auto 0; text-align:center; font-size:14px;}
.baiduMap{width:715px; height:300px; border:1px solid #0f77c2; border-top:3px solid #0f77c2;}
.baiduMap {
    background: #eee none repeat scroll 0 0;
    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1);
    height: 400px;
    margin: 0 auto 20px;
    width: 100%;
}
.BMap_bubble_title a {
    border-radius: 3px;
    display: inline-block;
    height: 25px;
    line-height: 26px;
    overflow: hidden;
    padding: 0 10px;
}
.BMap_bubble_title a:hover {
}
.BMap_bubble_title > a {
    background: #999 none repeat scroll 0 0;
    color: #fff;
}
.BMap_bubble_title > a:hover {
    background: #666 none repeat scroll 0 0;
}

.toolbar { width:65px; position:fixed; right:0; top:28%; margin:-132px 0 0 0; z-index:50; }
.toolbar dd { width:65px; height:65px; background:none; border-top: 1px solid #1646a2;position:relative; z-index: 60;}
.toolbar dd > i { display:block; width:65px; height:65px; cursor:pointer; }
.toolbar .slide-qq { display:block; width:0; height:65px; line-height:65px; font-size:20px; color:#FFF; padding:0 0 0 65px; position:absolute; top:0; right:0; overflow:hidden; }
.toolbar .pop { position:absolute; right:120px; top:-65px; background:#d72323; display:none;box-sizing: content-box; }
.toolbar .pop .o { position:absolute; right:-7px; top:88px; width:7px; height:13px;/*  background:url(../images/tool-arrow.png) 0 0 no-repeat; */ }
.toolbar .pop-tel { width:120px; padding:40px 20px 30px; color:#FFF; text-align:center;  background:url(../images/tool-arrow.png) center 30px no-repeat #d72323; }
/* body注释代码 background:url(../images/tool-telphone2.png) center no-repeat;  */
.toolbar .pop-tel .icon { line-height:30px; padding-top:55px; 
 width: 100%;text-align: center;}
.toolbar .pop-tel .item { line-height:24px; font-size:16px; }
.toolbar .pop-code { width:120px; padding:20px 20px 0; }
.toolbar .pop-code li{width: 100%; }
.toolbar .pop-code img { width:120px; height:120px; display:block; }
.toolbar .pop-code h3 { height:50px; line-height:50px; text-align:center; color:#f2e8e1; font-size:16px; font-weight:400; white-space:nowrap; 
	width: 100%; 
}
.toolbar .qq { background:url(../images/tip2.png) 13px 14px no-repeat #0f77c2; }
.toolbar .qq:hover{ background-color: #d72323;}
.toolbar .tell { background:url(../images/tip2.png) 13px -65px no-repeat #0f77c2; }
.toolbar .code { background:url(../images/tip2.png) 13px -130px no-repeat #0f77c2; }
.toolbar .top { background:url(../images/tip2.png) 13px -200px no-repeat #0f77c2; }
.toolbar dd i:hover { background-color: #d72323; }
.jing_pointer { width:27px; height:117px; position:absolute; top:55px;*top:-120px; left:-27px; cursor:pointer;background:url(../images/pointer4.png) left top no-repeat;  }
.jing_pointer.active { left:38px; background:url(../images/pointer1.png) left top no-repeat;  }
.pl1{ background:none !important;}

.pageMsg {color: #333d58;margin-top: 30px;}
.pageMsg #formPost table td input#txtImageCode {width: 70px;}
.pageMsg #formPost table td input:focus {border-color: #eee;outline: 0;}
.pageMsg #formPost table span.red {color: #f00;margin-right: 5px;}
.pageMsg #formPost table input {border: 1px solid #ccc !important;font-family: "microsoft yahei";}
.pageMsg #formPost table textarea {border: 1px solid #ccc !important;}
.pageMsg #formPost table input.sub {font-family: "microsoft yahei";cursor: pointer;width: 100px;height: 35px;line-height: 24px;color: #848484;text-align: center;margin-top: 10px;background: #fff;}
.pageMsg #formPost table input.sub:hover {background: #ff611c;color: #fff;border: 1px solid #eee !important;}
.pageMsg #formPost table td input {width: 240px;height: 25px;line-height: 25px;padding: 0px 5px;}
.pageMsg tr.code input {width: 90px;}
.pageMsg .err {color: #f00;padding-left: 10px;}
.pageMsg tr.item textarea {width: 240px;height: 50px;color: #666;border: 1px solid #ccc;padding: 0 5px;outline: none;}
/*# sourceMappingURL=style.css.map */
#slider{width:630px;height:240px;position:relative;margin:0 auto;}
.scroll{width:630px;height:340px;margin:0 auto;overflow:hidden;position:relative;}
.scrollContainer{position: relative;width:1815px;left:0px;}
.scrollContainer .current .inside{width:230px;height:288px;}
.scrollContainer .panel{width:195px;height:146px;float: left;display:inline;}
.panel .inside{display:block;position:relative; }
.inside img{height:100%;width:100%;}
.scroll li .inside span{width:197px;height:37px;line-height:37px;display:none;position:absolute;bottom:-17px;left:16px;background-color:#c69;font-size:14px;color:#FFF;text-align:center;}
.scroll li.current .inside span{display:block;}
.btnMode a.btn{background:url(../images/tab1.png) no-repeat left top;}
.btnMode a.btn{width:20px; height:39px;position:absolute;top:80px; }
.btnMode a.prev{left:-30px;background-position:13px 0px;}

.btnMode a.next{right:-30px;background-position:-13px 0;}
.BMap_bubble_content{line-height:22px;}

#tp_img{ float: left; width: 670px;  overflow: hidden; text-align:center;font-size:0; }
.itag1{ width:640px; float:left; position:relative; display:inline-block; background:#f1f1f1; border:1px solid #e0e0e0; height:82px; padding:10px 10px 0; margin-top:10px; b}
.itag1 .up,.itag1 .down{ display:block; width:23px; height:66px; background:url(../images/icoup.png) no-repeat center; float:left; }
.itag1 .down{ background-image:url(../images/icodown.png);}
.itag1 .img_{ height:75px; width:580px; margin:0 5px; overflow:hidden; position:relative; float:left} 
.itag1 .img_ a{ display:block; height:75px; float:left; padding-right:10px }
.itag1 .img_bk{ width:800%}
.itag1 .img_ img{ border:1px solid #eee;}
.itag1 .img_ a:hover img,.itag .img_ a.hover img{ border-color:#f60}

.ProDes{padding-top:10px;float:left;}

[ig-null] { margin-bottom:0px;  }

.dialog-alert { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-alert .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-alert .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-alert .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-alert .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-alert .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-alert .main .red { color:#F00; }
.dialog-alert .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px;background: none; }
.dialog-alert .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-alert .foot .ok { background:#d93636; color:#fff; }
.dialog-alert .foot .ok:hover { background:#a40606; }
.dialog-alert .foot .cancel { background:#bbb; color:#333; }
.dialog-alert .foot .cancel:hover { background:#999; }

.dialog-confirm { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-confirm .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-confirm .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-confirm .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-confirm .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-confirm .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-confirm .main .red { color:#F00; }
.dialog-confirm .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-confirm .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-confirm .foot .ok { background:#d93636; color:#fff; }
.dialog-confirm .foot .ok:hover { background:#a40606; }
.dialog-confirm .foot .cancel { background:#bbb; color:#333; }
.dialog-confirm .foot .cancel:hover { background:#999; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../images/log-arrow.png) center center no-repeat; }

.dialog-layout { position:fixed; left:0; top:0; width:100%; height:100%; filter:Alpha(opacity=50); background:#000; background:rgba(0,0,0,.5); z-index:99; }

.dialog-album { position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; z-index:100; display:none; }
.dialog-album .layout { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9) !important; filter:Alpha(opacity=90); background:#000; z-index:-1; }
.dialog-album .container { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; overflow:hidden; }
.dialog-album .container ul { float:left; width:1000%; height:100%; position:relative; }
.dialog-album .container li { float:left; width:10%; height:100%; position:relative; }
.dialog-album .container .img { width:100%; height:100%;  }
.dialog-album .container .img img { max-height:100%; max-width:80%; width:800px; height:600px; }
.dialog-album .tool .close { position:absolute; width:65px; height:35px; top:0; right:0; background:url(../images/ico-album.png) 0 -105px no-repeat; z-index:10; overflow:hidden; text-indent:-99em; opacity:0.6 !important; filter:Alpha(opacity=60); }
.dialog-album .tool .close:hover { opacity:0.9 !important; filter:Alpha(opacity=90); }
.dialog-album .tool .right, .dialog-album .tool .left { position:absolute; width:30px; height:30px; top:50%; margin-top:-10px; z-index:10; text-indent:-99em; overflow:hidden; background:url(../images/ico-album.png) -35px 0 no-repeat; }
.dialog-album .tool .right { left:20px; background-position:-35px -35px; }
.dialog-album .tool .left { right:20px; }
.dialog-album .tool .right:hover { background-position:0 -35px; }
.dialog-album .tool .left:hover { background-position:0 0; }
.dialog-album .tool .play, .dialog-album .tool .plus { position:absolute; width:30px; height:30px; right:20px; bottom:20px; background:#CCC; z-index:10; overflow:hidden; background:url(../images/ico-album.png) 0 -70px no-repeat; overflow:hidden; text-indent:-99em; }
.dialog-album .tool .play { background-position:-35px -70px; }
.dialog-album .tip { position:absolute; width:50%; height:15px; left:25%; bottom:20px; z-index:10; text-align:center; }
.dialog-album .tip span { display:inline-block; width:12px; height:12px; border:1px solid #aaa; border-radius:13px; background:#FFF; margin:0 5px; vertical-align:middle; cursor:pointer; }
.dialog-album .tip span.cur { background:#666; }

/* 4:3 图文 */
.list-case { padding:0 20px;  margin-bottom:10px; }
.list-case .list { padding:10px 0 10px; }
.list-case .item { padding:15px 0 15px 180px; height:124px; border-top:1px dashed #ddd; position:relative; }
.list-case .item:first-child { border-top:0; }
.list-case .item .img { position:absolute; left:0; top:15px; width:166px; height:124px; background:#f1f1f1; }
.list-case .item .img img { display:block; width:166px; height:124px; }
.list-case .item .date { position:absolute; right:0; top:15px; color:#999; }
.list-case .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case .item h3 a { }
.list-case .item h3 a:hover { text-decoration:underline; }
.list-case .item p { height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case .item .detail { height:20px; }
.list-case .item .detail a { line-height:20px; }

/* 产品详情页 */
.product-content {padding: 20px; }
.product-photo { float:left; width:440px; }
.product-photo .original { width:440px; height:330px; overflow:hidden; margin-bottom:10px; }
.product-photo .original img { display:block; width:100%; height:330px; }
.product-photo .prev, .product-photo .next { float:left; width:17px; height:69px; background:url(../images/photo-pn.png) 0 0 no-repeat; cursor:pointer; }
.product-photo .next { float:right; background-position:-19px 0; }
.product-photo .prev:hover { background-position:0 -70px; }
.product-photo .next:hover { background-position:-19px -70px; }
.product-photo .nodrop { cursor:no-drop; }
.product-photo .prev.nodrop:hover { background-position:0 0; }
.product-photo .next.nodrop:hover { background-position:-19px 0; }
.product-photo .thum { float:left; width:395px; height:69px; margin:0 0 0 5px; overflow:hidden; position:relative; }
.product-photo .thum dl { float:left; width:300%; height:69px; position:relative; }
.product-photo .thum dd { float:left; width:87px; height:65px; border:2px solid #fff; margin:0 10px 0 0; cursor:pointer; background:#f1f1f1; }
.product-photo .thum img { width:100%; height:65px; display:block; }

.relink { padding:0 10px; height:40px; line-height:40px; border-top:1px solid #ddd;border-bottom:1px solid #ddd; margin:0 20px 20px 20px ; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }
.product-photo .thum dd.current { border-color:#0f77c2; }
.product-info { margin:0 0 0 460px; position:relative; height:346px; }
.product-info h1 { font-size:20px; line-height:1.2; margin-bottom:20px; }
.product-info .order { float:left; margin:3px 0; }
.product-info .order a { display:block; width:115px; height:30px; line-height:30px; color:#FFF; font-size:14px; background:#0f77c2; text-align:center; border-radius:5px; }
.product-info .order a:hover { background:#FC771C; }
.product-info .bdshare { float:right; +margin-right:10px; }
.product-info .bdshare .head { display:none; }
.product-info .des { float:left; padding:15px 0; width:100%; height:200px; line-height:24px; margin-bottom:40px; overflow:hidden; }
.product-info .tel { width:220px; height:55px;  
  padding:0; line-height:1.1; position:absolute; left:0; bottom:10px;margin: 0; }
.product-info .tel dt { font-size:16px; font-weight:700; }
.product-info .tel dd { font-size:27px; color:#0f77c2; font-weight:700; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; }
.article-container .article { padding-bottom:10px; }
.article-container .article img{max-width:100%;}
.article-container .article table {width:100% !important;}
.article-container .article .title-icon {position:relative;padding-left:30px !important;line-height:25px !important;}
.article-container .article .title-icon::after {content:"";position:absolute;left:0;top:auto;width:25px;height:25px;background:url(../images/title-icon.jpg) no-repeat;background-size:contain;}
.article-container .article ul {padding-left:40px;}
.article-container .article li{ list-style:disc;float:none;}
.article-head { padding:20px 0 10px; }
.article-head h2 { width:240px; height:40px; line-height:40px;  font-size:16px; color:#0f77c2; }

/* 产品详情页 */
.original2 { width:100%; height:auto; overflow:hidden; margin-bottom:10px; }
.original2 img { display:block; max-width:100%; height:auto;margin: 0 auto; }
.product-info2 { position:relative; padding:10px 335px 10px 0; min-height:35px; }
.product-info2 h1 { font-size:20px; }
.product-info2 .telx { width:250px; height: 50px; line-height: 50px; padding:0 0 0 60px; position:absolute; right:0; top:10px; }
.product-info2 .telx dt a{background-color: #f48809; display:block;width:100px;height:30px;line-height:30px;text-align:center;font-size: 16px;color: #fff;border-radius: 5px;border: 1px solid #f48809;}
.product-info2 .telx dt a:hover{background-color: blue; color: #fff !important; border-color: blue;}
.product-info2 .telx dd { font-size:30px; color:#0f77c2; font-weight:700; }

.recommend-news {  margin:20px; }
.recommend-news .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-news .head h2 { font-size:18px; color:#0f77c2; border-left:5px solid #0f77c2; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-news .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-news .head .mo:hover { color:#0f77c2; }
.recommend-news .main { width:autp; overflow:hidden; padding:20px 20px 20px 0; }
.recommend-news .list { float:left; width:110%; }
.recommend-news .item { float:left; width:355px; height:30px; line-height:30px; margin-right:50px; position:relative; }
.recommend-news .item a { background:url(../images/ico-news.png) left center no-repeat; padding:0 0 0 12px; }
.recommend-news .item a:hover { text-decoration:underline; }
.recommend-news .item span { position:absolute; right:0; top:0; color:#999; }

.recommend-pro { margin-bottom:20px; padding: 0 20px;}
.recommend-pro .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-pro .head h2 { font-size:18px; color:#0f77c2; border-left:5px solid #0f77c2; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-pro .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-pro .head .mo:hover { color:#0f77c2; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:auto; margin:0 20px 0 0; }
.recommend-pro .item .img { width:243px; height:182px; overflow:hidden; border:1px solid #ddd; background:#f1f1f1; }
.recommend-pro .item .img img { width:100%; height:182px; }
.recommend-pro .item h3 { line-height:40px; text-align:center; font-weight:400; }
.recommend-pro .item h3 a { }
.recommend-pro .item:hover { border-color:#c8a48e; }

.recommend-form { padding: 0 20px; }
.recommend-form .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-form .head h2 { font-size:18px; color:#0f77c2; border-left:5px solid #0f77c2; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-form .main { width:auto; overflow:hidden; padding:40px 20px 20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px;*padding:0 0 0 5px; border:1px solid #ddd; }
.recommend-form .row-2 { width:710px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:800px; height:auto; }
.recommend-form .ico-name { background:url(../images/form-name2.png) 15px center no-repeat; }
.recommend-form .ico-phone { background:url(../images/form-phone2.png) 15px center no-repeat; }
.recommend-form .ico-email { background:url(../images/form-email2.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt {text-indent: 2em; width:100%; *width: 310px;height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:700px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px; margin-left:10px; }
.recommend-form input.code { float:left; width:178px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; width:200px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#0f77c2; }
.recommend-form .reset { background:#292826; margin:0 0 0 10px; }
.recommend-form .submit:hover { background:#FC771C; }
.recommend-form .reset:hover { background:#000; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }
.BMap_bubble_content{font-size: 12px;line-height:1.4;}

/* 地图 */
.map11{padding: 25px;}
.map11 li.item{ width:100%;  padding:10px 0px; text-align:left;  border-bottom:1px solid #c8c8c8;}
.map11 li.item a{line-height:30px; color:#0f77c2; font-size:16px;   font-weight:bold; margin-right:15px;}
.map11 .subMap11{  text-align:left; margin-left:50px;}
.map11 .subMap11 li.item2{ margin:15px 0px; line-height:24px;}
.map11 .subMap11 .san{  text-align:left; margin-left:50px;}
.map11 .subMap11 .san a{  font-size:16px; font-weight:normal;}
.mab img{ max-width: initial;}
.minBanner, .minBanner ul, .minBanner img,.minBanner li.item{height: 300px!important;}

.subnavs { height:30px; line-height:30px;padding-top: 5px;}
.subnavs a {padding: 0 10px;border-left: 1px dotted #828282; color: #bcbcbc;}
.subnavs a:hover{color: #fff;}
.subnavs a:first-child{margin-left: 0;}

#maximg img{ max-width:100% !important; height:auto !important}
.maximg img{ max-width:100% !important; height:auto !important}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagebar .pagination.zlq-pagination{
    display: block;
    text-align: center;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
.zlq-us-ul{
    width: 100%;
    overflow: hidden;
}
.zlq-us-ul li{
    float:left;
    width:33.33333%;
    text-align: center;
}
.zlq-us-ul li:first-of-type{
    text-align: left;
    line-height: 3em;
}
.zlq-us-ul .zlq-us-li-address{
    font-weight: 900;
}
.listnews ul li img{width:250px;height:150px;float: left;margin-top:5px}
.solution-listliclass {border:0px!important;width:calc(33.333% - 20px)!important;border-radius: 0 !important;}
.solution-listlip1class{overflow: hidden;z-index: 10;top: 186px;background-color: rgba(0, 0, 0, 0.5) !important;}
.solution-listlip2class{height: auto!important;top: 10px;background:#eee;}
.productlistliclass{height: 260px!important;}
.productlistlipclass{bottom: 40px !important;height: 24px;}
.productlistlip1class{bottom: 15px!important;left: 10px !important;width: 42% !important;height:25px!important}
.productlistlip2class{bottom: 15px!important;left: auto !important;right: 10px !important;width: 42% !important;height:25px!important}
.pudshow{border: 0px!important;padding: 9px!important;box-shadow: 0px 0px 72px 0px #e1dddd;}
.anliprev{left:0px!important}
.anlinext{right:0px!important}
.email_l{width: 40px;height: 30px;position: absolute;top: 15px;left: 12px;}
.i_email{background-color:#0f77c2;}
.zlq-about-us .zlq-about-us-title{
    font-size: 20px;
    font-weight: bold;
    position: relative;
}
.zlq-about-us .zlq-about-us-title span{
    color:#f48809;
}
.zlq-about-us .zlq-about-us-title div{
    position: absolute;
    color:rgba(0,0,0,.1);
    top: 10px;
    left: 40px;
}
.zlq-about-us-top{
    margin:40px 0 30px;
    display: flex;
}
.zlq-about-us-top .left{
    width:400px;
    height:250px;
}
.zlq-about-us-top .right{
    flex:1;
    padding-left:20px;
    font-size: 17px;
    line-height: 2.2rem;
}
.zlq-about-us-content{
    height:300px;
    background:#f6f6f6;
    margin-bottom:30px;   
    margin-left: calc((100vw - 1200px) / -2);
    width:100vw;
}
.zlq-about-us-content .swiper-button-next,.zlq-about-us-content .swiper-button-prev{
    color:#d5d5d5;
}
.zlq-about-us-content img{
    height:250px!important;
    margin-top:25px;
}
.swiper-padding{
    padding:0 50px!important;
    width:1100px;
}
.zlq-about-us-bottom{
    line-height: 2.2rem;
}
.zlq-about-us-bottom div{
    text-indent: 2em;
}
.abouttel{
    display: inline-block;
    transform: scale(1.5); 
    height:45px
}
.pr-inf2{
    text-align: center;
    padding: 10px 10px 10px 0;
}
.address{
    font-weight: normal;
    display:inline-block
}
.aboutlist-div{
    /* text-align:center; */
    margin:30px auto;
}
.nav-img{width: 152px!important;height: 114px!important;}
.jiejue{position: relative;height:420px!important}
.anliimg{height: 150px!important;}
.subNavhead{width:630px;background: #ffffff !important;}
.subNavA{display: inline-block!important;}
.zlq-server {
    
}
.zlq-server-title{
    display: flex;
    padding-left: 60px;
}
.zlq-server-title h2 {
    font-weight: 600;
    position: relative;
    padding-right: 20px;
}
.zlq-server-title h2::after {
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    width: 2px;
    height: 22px;
    background-color: #000;
}
.zlq-server-title h3{
    padding-left: 20px;
    font-size: 24px;
}

.zlq-server-title span{
    display: inline-block;
    width:40px;
    height:4px;
    background: #0f76c1;
    
}
.zlq-server-item{
    display: flex;
    /* width:1000px; */
    margin:30px auto;
    align-items: center;
}
.zlq-server-item li{
    flex:1;
    text-align: center;
}
.zlq-server-item li img{
    width:80px;
}
.zlq-server-item li div{
    font-size: 14px;
    /* font-weight: 100; */
}
.zlq-server-bg{
    background:url(../images/service-bg.png) no-repeat center center/cover;
    width:100vw;
    margin-left: calc((100vw - 1200px) / -2);
    height:200px;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.zlq-server-bg p {
    padding-top: 10px;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 1px;
}
.zlq-server-bg .zlq-server-item{
    height:300px;
    position: relative;
}
.zlq-server-bg .zlq-server-item li::after {
  content: '';
  display: block;
  width: 1px; /* 线条宽度 */
  height: 80px; /* 线条高度，可以根据需要调整 */
  background: #fff; /* 线条颜色 */
  position: absolute;
  top: 100px;
}
.zlq-server-bg .zlq-server-item li:first-of-type::after{
    display: none;
}
.zlq-server-bg .zlq-server-item li div{
    color:#fff;
}
.zlq-server-bg .zlq-server-item li img{
    width:50px;
}
.zlq-server-conter{
    padding:50px 60px;
    line-height: 30px;
}
.zlq-server-conter h3{
    font-weight: bold;
    margin-bottom:20px;
}
.zlq-server-bg2{
    /* background:url(../images/serve-bg2.jpg) no-repeat center center/100% 100%; */
    width:100vw;
    margin-left: calc((100vw - 1200px) / -2);
    /* height:540px; */
    padding:40px 30px 20px;
    background: #ededed;
}
.zlq-server-bg2 .zlq-server-item li{
    width:220px;
    /* height:380px; */
    /* background: #fff; */
    padding:30px;
    box-sizing: border-box;
}
.zlq-server-bg2 .zlq-server-item li:nth-of-type(2){
    margin:0 40px;
}
.zlq-server-bg2 .zlq-server-item li .zlq-server-item-img {
    width:60px;
    height:60px;
    border:1px solid #dcdcdc;
    border-radius: 50%;
    background:#fff;
    margin:0 auto 10px;
}
.zlq-server-bg2 .zlq-server-item li .zlq-server-item-img img{
    width:30px;
    margin-top:15px;
}
.zlq-server-bg2 .zlq-server-item li h4{
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    padding: 10px 0;
}
/* .zlq-server-bg2 .zlq-server-item li div:last-of-type{
    text-align: left;
} */
.zlq-server-bg2 .zlq-server-item li div {
    text-align: left;
    text-align: justify;
}
.zlq-server-btn{
    border:1px solid #000;
    display: block;
    width: 60%;
    padding:3px 10px;
    font-size: 14px;
    margin-top:15px;
}
/* .zlq-server-bg2 .zlq-server-item li:hover{
    color:#fff;
    background:#0f76c1;
} */
.zlq-server-bg2 .zlq-server-item li .zlq-server-btn:hover{
    background: linear-gradient(to top, #0f76c1 0%, #00c0fa 100%);
    color: #fff;
    border-color: #00c0fa;
}
.zlq-server-bottom{
    margin:50px auto;
}
.zlq-server-item2{
    margin-top:40px;
    padding: 0 60px;
}
.zlq-server-item2 li{
    width:50%;
    margin:0 auto 20px;
}
.zlq-server-item2 li div{
    width:430px;
    border:1px solid #dcdcdc;
    height:35px;
    margin:0 auto;
    line-height: 35px;
    background:url(../images/down-bg.png) no-repeat left top;
    padding-left: 46px;
    box-sizing: border-box;
    position: relative;
}
.zlq-server-item2 li div a{
    background:url(../images/down-bg2.png) no-repeat top right/16px 16px;
    display: inline-block;    
    position: absolute;
    right: 10px;
    top: 7px;
    width:20px;
    height:20px;
}
.zlq-aplay-fro-div{
    width:100vw;
    margin-left: calc((100vw - 1200px) / -2);
    margin-top:-10px;
    margin-bottom:-65px;
    padding-top:213px;
    height:900px;
    background: url(../images/from-bg1.png) no-repeat center center/100% 100%;
}
.zlq-aplay-fro{
    width:800px;
    margin:0 auto;
    box-shadow: 0 0 49px rgba(169,169,169.75);
    border-radius: 8px;
    padding:30px;
    background:#fff url(../images/from-bg.png) no-repeat bottom right;
}
.zlq-aplay-fro h2{
    color:#0f76c1;
    font-size:1.2em;
}
.zlq-aplay-fro p{
    font-size: 14px;
    margin-bottom:20px;
}
.zlq-aplay-fro .messages{
    width:470px;
    margin:0 auto;
}
.zlq-product-list{
    position: absolute;
    width:100%;
    height:30%;
    bottom:0;
    box-sizing: border-box;
    padding: 0 10px;
}
.listProduct .item .zlq-product-list .productlistlipclass a{
    color: #000;
    font-weight: 600;
    background-color: #dfdfdf;
    border-radius: 5px;
    padding: 2px 0;
    height: 26px;
    overflow: hidden;
}
/* banner */
.neiye-banner{ height:320px;position:relative;}
.neiye-banner-box{ height:320px;width:1200px;margin:0 auto;}
.neiye-banner-desc{height:320px;width:1200px;display:table-cell;vertical-align:middle;color:#fff;text-align:left;}
.neiye-banner-desc h3{ font-size:38px;font-weight:600;line-height:50px;}
.neiye-banner-desc h4{font-size:22px;font-weight:500;}
.neiye-banner-desc h5{ max-width:600px;margin:20px 0 60px;position:relative;}
.neiye-banner-desc h5 p{line-height:30px;max-height:120px;overflow:hidden;text-align:justify;}
.neiye-banner-desc h5::after{content:"";position:absolute;left:0;bottom:-15px;width:70px;height:2px;background:#5ae4fe;}

/*head-banner*/
.head-banner {position: relative;}
.head-banner-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;}
.head-banner-text h3 {font-size: 32px;font-weight: 700;line-height: 46px;}
.head-banner-text p {font-size: 20px;font-weight: 700;line-height: 30px;text-transform: uppercase;letter-spacing: 1px;}
.head-title {font-size: 28px;font-weight: 800;text-align: center;margin-bottom: 30px;}

/*分页*/
.pagination a {border: 0;color: #59595a;}
.pagination a:hover, .pagination a.page-num-current{color: #59595a;background-color: #f2f2f2;border: 0;}

/* 解决方案 */
.solution-list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.solution-list .item:nth-of-type(-n+3){width: 32%;height: 250px;}
.solution-list .item:nth-child(n+4):nth-child(-n+5) {width: 49%;height: 285px;}
.solution-list .item:nth-child(n+6):nth-child(-n+8) {width: 32%;height: 250px;}
.solution-list .item {position: relative;float: none;overflow: hidden;background-color: #eee;margin-bottom: 15px;}
.solution-list .item .s-img {display: block;width: 100%;height: 100%;}
.solution-list .item .s-img img {height: 100%;object-fit: cover;}
.solution-list .item .s-title {position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 100px;padding-top: 40px;transition: bottom 0.3s ease;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #003154 100%);}
.solution-list .item .s-title p {width:80%;margin: 0 auto;color: #fff;text-align: center;font-weight: 600;line-height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.solution-list .item .s-mask {opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 30px 45px 80px;display: flex;flex-direction: column;justify-content: center;text-align: center;background-color: rgba(61,61,61,0.5);color: #fff;transition: all 0.3s ease;}
.solution-list .item .s-mask a {position: absolute;bottom: -100%;left: 0;right: 0;margin: 0 auto;width: 135px;line-height: 30px;font-size: 14px;padding: 0 10px;border: 1px solid #fff;color: #fff;transition: bottom 0.3s ease;}
.solution-list .item:hover .s-mask {opacity: 1;}
.solution-list .item:hover .s-title {bottom: -100%;}
.solution-list .item:hover .s-mask a {bottom: 30px;}

/* 新闻中心 */
.news-list li {float: none;}
.news-list li a:hover, .news-list li a {color: #000;}
.news-list li a {display: flex;justify-content: space-between;align-items: center;border: 2px solid #fff;transition: all 0.3s ease;}
.news-list li a .news-list-time {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100px;height: 200px;background-color: #fff;color: #000;transition: all 0.2s ease;}
.news-list li a .news-list-time::after {opacity: 0;content: "";position: absolute;right: -15px;top: 25%;border-left: 15px solid #0f77c2;border-top: 15px solid transparent;border-bottom: 15px solid transparent;transition: all 0.2s ease;}
.news-list li a .news-list-time h3 {font-size: 50px;font-weight: 600;padding-bottom: 10px;}
.news-list li a .news-list-text {width: 60%;height: 100%;}
.news-list li a .news-list-text h3 {font-size: 20px;font-weight: 600;padding-bottom: 20px;transition: all 0.3s ease;}
.news-list li a .news-list-text p {font-size: 14px;line-height: 24px;}
.news-list li a .news-list-img {width: 300px;height: 200px;padding: 20px;}
.news-list li a img {width: 100%;height: 100%;object-fit: cover;}
.news-list li a:hover {border-color: #ededed;}
.news-list li a:hover .news-list-time {background-color: #0f77c2;color: #fff;}
.news-list li a:hover .news-list-time::after {opacity: 1;}
.news-list li a:hover .news-list-text h3 {color: #f48809;}

/* 服务后盾 */
.service-item li img{width: 45px;height: 45px;object-fit: contain;margin-bottom: 10px;}
.download-list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.download-list li {width: 32%;position: relative;float: none;margin: 0 0 40px 0;padding-left: 45px;}
.download-list li::after {content: "";position: absolute;left: 0;top: 0;width: 35px;height: 30px;background: url("../images/download-icon.png") no-repeat;background-size: 100% 100%;}

/* foot */
.footer a, .footer {color: #fff;}
.subnavs a {border-left: 1px solid #fff;}
.foot-icon {position: relative;padding-left: 25px;line-height: 2;}
.foot-icon::after {content: "";position: absolute;left: 0;top: 5px;width: 15px;height: 15px;}
.foot-tel::after {background: url("../images/foot-tel.png") no-repeat;background-size: 100% 100%;}
.foot-email::after {background: url("../images/foot-email.png") no-repeat;background-size: 100% 100%;}
.foot-address::after {background: url("../images/foot-address.png") no-repeat;background-size: 100% 100%;}
.subtel {padding-left: 0;margin-top: 10px;}
.subtel span {position: relative;font-size: 10px;padding-left: 20px;line-height: 1.2;}
.subtel span::after {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 18px;height: 17px;background: url("../images/white-tel.png") no-repeat;background-size: 100% 100%;}
.subtel p {font-size: 18px;font-weight: 200;color: #fff;line-height: 1.2;}
.searcher {width: 160px;height: 30px;position: relative;margin-top: 10px;}
.searcher .submit {position: absolute;right: 2px;top: 5px;width: 19px; height: 19px;background: url("../images/search-icon.png") no-repeat;background-size: 100% 100%;}
.searcher .txt {width: 100%;border-radius: 3px;color: #000;}
.white-email {cursor: pointer;position: relative;width: 160px;height: 40px;padding-left: 55px;font-size: 24px;font-weight: bold;background: linear-gradient(to top, #015eea 0%, #00c0fa 100%);border-radius: 3px;}
.white-email::after {content: "";position: absolute;left: 10px;top: 50%;transform: translateY(-50%);width: 38px;height: 30px;background: url("../images/white-email.png") no-repeat;background-size: 100% 100%;}

/* head */
.top {background: #f7f7f7;height: auto;}
.header {padding: 10px 0;}
.header .subtel {margin: 0;}
.header .subtel p {font-size: 16px;padding-left: 5px;}
.header .subtel span {font-size: 8px;}
.header .subtel span, .header .subtel p {color: #595959;}
.header .subtel span::after {width: 14px;height: 14px;background: url("../images/gray-tel.png") no-repeat;}
.top-right {font-size: 13px;line-height: 13px;padding-top: 3px;}
.top-right a {padding: 0 10px;margin-right:10px;border-right: 1px solid #000;}
.nav {background-color: #fff;}
.nav-list li {width: auto;}
.nav-list>li>a {color: #000;font-size: 14px;width: auto;padding: 0 20px;border-bottom: 2px solid transparent;}
.nav-list>li>a.navhover {background:#fff;border-bottom: 2px solid #0f6bfc;}
.nav-list>li>a:hover, .nav-list>li.hover>a{ background:#fff;border-bottom: 2px solid #0f6bfc;}
.nav-logo img {width: 140px;margin: 12px 15px 0 0;}
.nav .subNav {width: 1200px;left: -250px;padding: 20px;background-color: #fff;box-shadow: 0 0 8px rgba(15,107,252,0.3);border-radius: 3px;}
.nav .subNav .subNavCon a {position: relative;height: 30px;padding-left: 20px;line-height: 30px;text-align: left;border-bottom: 1px solid #dfdfdf;}
.nav .subNav .subNavCon a::after {content: "";position: absolute;left: -3px;top: 0;width: 3px;height: 100%;background: transparent;}
.nav .subNav .subNavCon a:hover, .nav .subNav .subNavCon a.active {background: #fff;color: #000;}
.nav .subNav .subNavCon a:hover::after, .nav .subNav .subNavCon a.active::after {background: #f48809;}
.nav .subNav .subNavCon {border-left: 3px solid #dfdfdf;}
.subNavProduct {background: #f9f9f9;width: calc(100% - 160px);padding: 20px;}
.subNavProductList {display: grid;grid-template-columns: repeat(auto-fit, minmax(22%, max-content));gap: 2%;}
.subNavProductList li {width: 100%;line-height: 30px;padding-bottom: 10px;}
.subNavProductList li a {color: #000;width: 100%;text-align: left;line-height: 30px;height: auto;}
.subNavProductList li .product-img {width: 100%; height: 80px;overflow: hidden;}
.subNavProductList li .product-img img {width: 100%;height: 100%;object-fit: contain;}
.subNavProductList li h4 a {font-size: 12px;font-weight: bold;}
.subNavProductList li p a {font-size: 10px;line-height: 20px;}
.subNavProductList li h4:hover a, .subNavProductList li p:hover a {color: #f48808;}


/* 首页 */
.index-title {padding: 40px 0 30px;text-align: center;font-size: 30px;color: #001741;font-weight: bold;line-height: 1.2;margin-bottom: 20px;}
.news-date {width: 60px;height: 60px;margin-top: 5px;text-align: center;border-radius: 8px;border: 1px solid #8c8c8c;display: flex;flex-direction: column;justify-content: center;}
.news-date p {color: #c1c1c1;line-height: 1.2;}
.news-date h4 {font-size: 18px;color: #c1c1c1;font-weight: bold;line-height: 1.2;}
.inews .tod li span, .inews .tod li a {color: #001741;display: block;line-height: 2;}
.inews .tod li a {font-weight: bold;font-size: 18px;position: relative;}
.inews .tod li a::after {content: "";position: absolute;left: -20px;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 50%;background: #001741;}
.newsmore {text-align: right;padding-top: 20px;}
.newsmore a {color: #c1c1c1;font-size: 18px;border: 1px solid #c1c1c1;padding: 5px 10px;border-radius: 8px;}
.icase {background: #fff;}
.icase .tod li {background: #f9f9f9;border: 1px solid #dfdfdf;height: auto;}
.icase .tod li:hover {box-shadow: 0 0 10px rgba(193,193,193,0.5);}
.icase .tod .wd {background: #f9f9f9;padding: 20px 10px;}
.icase .tod .wd span a{text-align: justify;color: #000;font-size: 14px;}
.product-container {
    margin: 20px auto;
    padding: 20px 0;
}
.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    list-style: none;
    padding: 0;
}
.product-item {
    text-align: center;
}
.product-img {
    width: 100%;
    height: 180px;
    object-fit: contain;
    margin-bottom: 10px;
}
.product-name {
    font-size: 16px;
    margin: 5px 0;
}
.product-desc {
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 42px;
}