﻿@charset "UTF-8";
html{min-width:1200px;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei",'宋体','PingFang SC','Myriad Pro',"AvantGarde Bk BT","Arial",'Helvetica Neue', 'Helvetica', 'sans-serif'; color: #333333;}
h1,h2,h3,h4,h5,h6,font{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;background:none;resize: none;border:none;-webkit-appearance: none;outline:none;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}
.icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
a{color: #333333; text-decoration: none;}
a:hover{color: #003C32; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,
.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/
.clearfix{
    *zoom: 1;
    /* width: 1200px; */

}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.top_main{position:relative;width:100%;height:40px;line-height:40px;background:#f2f2f2;font-size:12px;color:#666;z-index:12;}
.top_main .top_r{margin-right:30px;}
.top_main li{position: relative; display: inline-block; *display: inline; *zoom: 1; text-align: center;}
.top_main li a{color: #666; cursor: pointer;}
.top_main li a:hover{opacity: 0.8;filter:alpha(opacity=80);color:#003C32;}
.top_main .top_r .split{display: inline-block; *display: inline; *zoom: 1; width: 1px; height: 12px; background: #999; vertical-align: middle;margin-top:-1px;*margin-left:12px;}
.top_main .top_r .home{padding-left:20px;padding-right:10px;background:url(../images/home.png) no-repeat left center;background-size:12px;}
.top_main .top_r .addFav{padding-left:20px;padding-right:10px;margin-left:12px;background:url(../images/addfav.png) no-repeat left center;background-size:12px;}
.top_main .top_r .contact{padding-left:20px;margin-left:12px;background:url(../images/stel.png) no-repeat left center;}

/*header_main*/
.header_main{position:relative;width: 100%; height: 120px; z-index: 100; background: #fff;}
.header_main .logo{float:left;width: 300px; height: 74px; display: block;margin-top:20px;}
.header_main .logo img{float:left;width: 300px; height: 74px;display:block;}
.header_main .tel_main{width:384px;margin-top:48px;margin-left:114px;}
.header_main .tel_main .tel{padding-left:30px;background:url("../images/tel1.png") no-repeat left center;background-size:22px 24px;}
.header_main .tel_main .tel .t1{padding-left:12px;font-size:22px;background:url("../images/telline.png") no-repeat left center;color:#333;}
.header_main .tel_main .tel .num{margin-left:8px;font-size:30px;color:#003C32;}
/*搜索框*/
#header_main .search{width:240px;height:30px;margin-top:44px;margin-right:32px;float:right;-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;border:1px solid #e0e0e0;}
#header_main .search input{background-color: none; border: none;outline:none;}
#header_main .search .stxt{float:left;width: 186px; height: 30px; font:normal 12px "microsoft yahei";line-height: 30px; display: block; text-indent: 10px;color:#bdbdbd;}
#header_main .search .sbtn{float:right;width: 54px; height: 30px; display: block; cursor: pointer;border-left:1px solid #bdbdbd;color:#333;}

/*nav*/
#nav_main{position:relative;width:100%;height: 60px;z-index:60;border-top:1px solid #e8e8e8;}
#nav_main .nav{
    display:flex;
    justify-content: center;
    height: 60px;
    z-index:12;
    
}
#nav_main .nav li{
    float: left;
    font-size:18px;
    text-align:center;
    height:60px;
    line-height:60px;
    margin:0 30px; 
    z-index: 10;
    /* font-weight: 600; */
}
/* #nav_main .nav li:first-child{
    padding-left:0px;
    margin-left:0;
} */
#nav_main .nav li a.aLink{ 
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
     transition: all ease 300ms;
    }
/* #nav_main #nav li a.aLink:before{
    content: "\20"; 
    display: block; 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    height: 3px; 
    width: 0; 
    background: #003C32; 
    -webkit-transition: all ease 300ms; 
    -moz-transition: all ease 300ms; 
    -ms-transition: all ease 300ms; 
    -o-transition: all ease 300ms; 
    transition: all ease 300ms;
} */
#nav_main #nav li a.active{
    border-bottom: 3px solid #003C32;
}
#nav_main .nav li a.aLink{ 
    padding-left:30px;
    padding-right:30px;
    margin-top:1px;
    text-align:center;
    height:57px;
    color: #333;
    font-size:16px;
    line-height:57px;
    display: block;
    position: relative;
    cursor: pointer; 
    overflow: hidden;
}
#nav_main .nav li.hover a.aLink,#nav_main .nav li:hover a.aLink{color:#003C32;}
#nav_main .nav li.hover a.aLink:before{width: 100%;}
#nav_main .nav li:hover a.aLink:before{width: 100%;}

/*导航栏下拉*/
#nav_main li{
    position: relative;
}
#nav_main li .subnav, #nav_main li .subnav-production{
    margin-right:0;
    transition: all .36s ease; 
    position: absolute; 
    top: calc(100% - 2px); 
    left: 50%;
    margin-left: -70px; 
    opacity: 1; 
    width:140px; 
    overflow: hidden;
    z-index: 199;
    display:none;
}
#nav_main li .subnav-production{
    position: absolute; 
    left: 50%;
    margin-left: -120px; 
}
#nav_main li .subnav-production .sub-in{
    width:240px;
    border-width: 2px 0 0;
    border-style: solid;
    border-color: #003C32;
    background:#fff;
    display: flex;
    }
#nav_main li .subnav-production ul{
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top:15px;
    padding-bottom:15px;
}
#nav_main li .subnav-production ul li{
    margin: 0;
    height: 40px;
    line-height: 25px;
    font-size: 16px;
}
#nav_main li .subnav .sub-in{
    width:140px;
    border-width: 2px 0 0;
    border-style: solid;
    border-color: #003C32;
    background:#fff;
    }
#nav_main li .subnav .sub-in .list{
    padding-top:15px;
    padding-bottom:15px;
}
#nav_main li .subnav .list .nav1{ 
    /* list-style: none; */
    transition: all .36s ease;
    display: block;
    width:140px;
    height:40px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: column;
    }
#nav_main li .subnav .list .nav1 a{
    font-weight: 400;
    color: #797979;
    font-size:16px;
    text-align: left;
    padding: 0; 
    line-height: 25px!important; 
    display: block; 
    font-family: "微软雅黑"; 
    /* background: url("../images/nav_dian.png") no-repeat left top;  */
    height: 40px; 
    color: #484848; 
    font-weight: normal; 
    text-decoration: none; 
    transition: all .6s;
}
#nav_main li .subnav .nav1 .subA{ height:40px!important;transition: all .36s ease; display: block; font-weight: 500; padding-right: 24px; line-height: 50px!important;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #000!important;}
#nav_main li .subnav .sub-in .img{float:left;display:block;width:740px;height:auto;padding-top:15px;margin-left:50px;}
#nav_main li .subnav .sub-in .img img{display:block;width:740px;height:auto;}
#nav_main li:hover .subnav, #nav_main li:hover .subnav-production{
    opacity:1;
    display: block;
}
#nav_main li.hover .subnav .nav1.subA{color: #000;}
#nav_main .subnav .nav1:hover .subA{color:#003C32!important;}
#nav_main li .subnav .list .nav1:hover a{ 
    /* border-bottom: 1px solid #003C32;  */
    /* background: url(../images/nav_dian.png) no-repeat left bottom;  */
    color: #003C32;
    font-weight: 700; 
    text-decoration: none;
}
#nav_main li .subnav-production ul .nav1:hover a{ 
    color: #003C32;
    font-weight: 700; 
    text-decoration: none;
}
#nav_main li .subnav1{margin-right:0;transition: all .36s ease; position: absolute; *top:60px; top: calc(100% - 2px); left: 0; opacity: 1; width:100%; overflow: hidden;z-index: 199;display:none;}
#nav_main li .subnav1 .sub-in{width:1200px;height: auto;margin:0 auto;border-width: 2px 0 0; border-style: solid; border-color: #003C32;background:#fff;border-bottom:1px solid #ddd;}
#nav_main li .subnav1 .sub-in .sed_nav{float:left;width:450px;margin-left:100px;margin-right:100px;}
#nav_main li .subnav1 .sub-in .sed_nav1{float:left;width:450px;margin-right:100px;}
#nav_main li .subnav1 .sub-in .sedNav{float:left;width:200px;margin-left:30px;padding-top:15px;padding-bottom:30px;margin-top:12px;}
#nav_main li .subnav1 .sub-in .sedNav .aNav{display:block;line-height: 70px;text-align:left; padding-left: 0; width: 200px; background: none transparent scroll repeat 0 0; height: 70px; color: #003C32; font-size: 20px;border-bottom: 1px solid #003C32;}
#nav_main li .subnav1 .sub-in .img{float:left;display:block;width:220px;height:300px;margin-top:50px;}
#nav_main li .subnav1 .sub-in .img img{display:block;width:220px;height:380px;}
#nav_main li .subnav1 .sub-in .third_nav a{ display:block;border-bottom: #ddd 1px solid; line-height: 40px;text-align:left; padding-left: 20px; width: 180px; background: url(../images/nav_dian.png) no-repeat left top; height: 40px; color: #484848; font-size: 14px;transition: all .6s;}
#nav_main li .subnav1 .sub-in .third_nav a:hover{border-bottom: 1px solid #003C32; background: url(../images/nav_dian.png) no-repeat left bottom; color: #003C32; text-decoration: none;}
#nav_main li .subnav1 .sub-in .sedNav .aNav:hover{}
#nav_main li:hover .subnav1{opacity:1;display: block;}

/* banner */
#banner_main{overflow:hidden;z-index: 2;max-width:1920px;margin:0 auto;}
#banner_main .banner {position: relative;width:100%;height:550px;margin:0 auto;min-width:1200px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{max-height:550px; overflow:hidden;}
.banner li {width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner li:first-child{display:block;}
.banner li img{width:1920px;height:550px;display:block;position:relative;left:50%;margin-left:-960px;top:0;min-width:1200px;}
#banner .tip {width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:50px;z-index:13; }
#banner .tip span{width:16px;height:16px;margin:0 10px;display:inline-block;font-size: 0;cursor: pointer;background-position:-20px -126px;}
#banner .tip span.cur{background-position:0px -126px;}
#banner #btn_prev,#banner #btn_next{width:53px;height:123px;position:absolute;top:210px;z-index:5;}
#banner #btn_prev{background-position:0 0px;left:6%;transition: all 600ms ease;}
#banner #btn_next{background-position:-60px 0px;right:6%;transition: all 600ms ease;}
#banner #btn_prev:hover{opacity:.9;filter:alpha(opacity=90);transition: all 600ms ease;left: 5.8%;}
#banner #btn_next:hover{opacity:.9;filter:alpha(opacity=90);transition: all 600ms ease;right: 5.8%;}
/*banner end*/

/*footer*/
.bottom_main {width: 100%; 
    height:auto;padding-top:40px;
    /* background:#003C32; */
    background-color: #333;
}
.bottom_main .footer{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bottom_main .content{
    padding: 70px 0;
}
.bottom_main .content .left{
    float:left;
    width:404px;
}
.bottom_main .content .left .tit{
    margin-top: 36px;
    font-size:14px;
    color:#fff;}
.bottom_main .content .left .fw{font-size:14px;color:#999;line-height:16px;}
.bottom_main .content .left .num{margin-top:14px;margin-bottom:24px;font-size:18px;
    color:#fff;
    line-height:20px;
}
.bottom_main .content .left .e-mail{
    font-size:14px;
    color:#fff;
}
.bottom_main .content .left .contact{
    font-size:14px;
    color:#fff;
}
.bottom_main .content .left .address{
    font-size:14px;
    color:#fff;
}
.bottom_main .content .left .qq{display:block;width:24px;height:24px;margin-top:34px;background-position:-120px -50px;}
.bottom_main .content .left .qq:hover{opacity:0.9;filter:alpha(opacity=90);}
.bottom_main .content .middle{
    float:left;
    width:300px;
    height:150px;
    margin-top:36px;
    margin-left:70px;
    color: #fff;
}
.bottom_main .content .middle .ewm{
    display:block;
    width:150px;
    height:150px;
    border:1px solid #b3bdc7;
}
.bottom_main .content .middle .ewm img{display:block;width:150px;height:150px;}
.bottom_main .content .middle .scan{display:block;margin-top:24px;font-size:14px;color:#666;text-align:center;}

.bottom_main .right{
    float:right;
    width:160px;
    margin-top: 36px;
}

.bottom_main .content .right .ewm img{
    display:block;
    width:117px;
    height:117px;
    border:1px solid #b3bdc7;
}
.bottom_main .content .right .scan{
    display:block;
    margin-top:10px;
    font-size:14px;
    color:#fff;
    text-align:center;
}
.bottom_main .right .tit{margin-bottom:20px;font-size:16px;color:#fff;}
.bottom_main .right .online{width:530px;}
.bottom_main .right .online .item{width:260px;height:30px;*margin-top:10px;margin-bottom:10px;font-size:12px;line-height:30px;text-indent:10px;background:#333;border-radius:4px;}
.bottom_main .right .online .item input.txt{width:250px;font-size:12px;outline:none;color:#999;}
.bottom_main .right .online .item.mr10{margin-right:10px;}
.bottom_main .right .online .liuyan{width:530px;height:60px;background:#333;*margin-top:10px;}
.bottom_main .right .online .liuyan textarea{width:520px;height:46px;padding-top:10px;font-family:"Microsoft YaHei";font-size:12px;-webkit-appearance:none;resize:none;border:none;background:none;outline:none;margin:0;color:#999;}
.bottom_main .right .online .liuyan textarea::-webkit-input-placeholder{color:#999;}
.bottom_main .right .online .itemsub{float:right;width:120px;height:36px;margin-top:10px;}
.bottom_main .right .online .itemsub .btn{width:120px;height:36px;font-size:14px;line-height:36px;text-align:center;cursor: pointer;transition:all ease 600ms;background:#666;border-radius:5px;color:#fefefe;}
.bottom_main .right .online .itemsub .btn:hover{transition:all ease 600ms;background:#003C32;color:#fff;}
.bottom_main .bottomNav{margin-top:40px;}
.bottom_main .bottomNav .tit{
    margin-bottom:12px;
    font-size:14px;
    color:#fff;
}
.bottom_main .bottomNav .navList li{float:left;padding:0 50px;height:18px;line-height:18px;border-left:1px solid #333;color:#999;}
.bottom_main .bottomNav .navList li:first-child{padding-left:0;border-left:0;}
.bottom_main .bottomNav .navList li:last-child{
    border: none;
}
.bottom_main .bottomNav .navList li a{
    display:block;
    color:#fff;
}
.bottom_main .bottomNav .navList li:hover a{color:#fff;opacity:0.8;filter:alpha(opacity=80);}
.bottom_copy{
    height:80px;
    line-height:80px;
    text-align:center;
    border-top:1px solid #333;
    background:#fff;

}
.bottom_copy p{font-size:14px;color:#666;}
.bottom_copy .copy{
    /* margin-left:158px; */
    width: 100%;
    text-align: center;
}
.bottom_copy .zc{margin-left:14px;}
.bottom_copy a{color:#666;}
.bottom_copy a:hover{color:#fff;}
.bottom_copy .zc span{margin:0 6px;}

/********.toolbar1*********/
.toolbar_wrap { position: fixed; top: 0; right: 0; z-index: 9999; width: 0; height: 100%;}
.toolbar { position: absolute; right: 0; top: 0; width: 0; height: 100%; z-index: 1000;}
.toolbar .toolbar_tabs {  position: absolute; top: 50%; left: -60px;  width: 60px; margin-top: -61px;}
.toolbar .toolbar_tab { position: relative;  width: 60px;  height: 60px; margin-bottom: 4px;  cursor: pointer;  background-color: #003C32; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
.toolbar .tab_person .tab_ico { background-position: 7px 8px;}
.toolbar .tab_ico { width: 34px; height: 35px; margin-left: 1px; position: relative;  z-index: 2; background-color: #003C32; _display: block;  display: inline-block;  background-image: url(../images/toolbaricon.png); background-repeat: no-repeat;}
.toolbar .tab_text { width:130px; font-size: 16px;height: 60px; line-height: 60px; color: #fff; text-align: center;  position: absolute;  z-index: 1; left: 60px; top: 0; background-color: #003C32; border-radius: 3px;}
.toolbar_tab:hover, .toolbar_tab:hover .tab_ico, .toolbar_tab_hover, .toolbar_tab_hover .tab_ico { background-color: #0362ab;}
.toolbar .tab_kf em{ background:url(../images/ew_03.png) no-repeat; width:129px; height:120px; text-align:left;}
.toolbar .tab_kf em img{width:110px; height:110px; margin-top:-16px; margin-left:5px;}
.toolbar .toolbar_tabs a{ display:inline-block; height:60px;}

/*******index css*******/
.index .index_tit{padding-top:60px;text-align:center;}
.index .index_tit .tit{font-size:20px;color:#212121;}
.index .index_tit .enTit{margin-left:6px;font-size:14px;color:#999;text-transform: uppercase;}
.index .index_tit .line{
    width:38px;
    height:3px;
    margin:0 auto;
    margin-top:5px;
    background:#003C32;
}

/*最新资讯*/
.lastest{
    margin-bottom: 100px;
}
.lastest .content{margin-top:50px;}
.lastest .content .left{float:left;width:370px;}
.lastest .content .middle{float:left;width:370px;margin-left:30px;}
.lastest .content .right{float:right;width:340px;}
.lastest .content .left .img{display:block;width:370px;height:294px;}
.lastest .content .left a{display:block;transition:all ease 360ms;}
.lastest .content .left .text{height:140px;background:#003C32;}
.lastest .content .left .text .time{float:left;width:50px;padding-top:30px;margin-left:26px;}
.lastest .content .left .text .time .day{font-size:32px;color:#fff;text-align:center;line-height:28px;}
.lastest .content .left .text .time .year{margin-top:12px;font-size:12px;color:#fff;line-height:12px;opacity:0.6;filter:alpha(opacity=60);}
.lastest .content .left .text .txt{float:left;width:254px;margin-left:20px;padding-top:30px;}
.lastest .content .left .text .txt .tit{font-size:16px;color:#fff;line-height:16px;padding-bottom:12px;border-bottom:1px solid #015e4e;}
.lastest .content .left .text .txt .cont{margin-top:12px;font-size:14px;color:#fff;opacity:0.6;filter:alpha(opacity=60);line-height:20px;}
.lastest .content .left a:hover{box-shadow:0px 3px 20px 2px #f0f0f0;transition:all ease 360ms;}
.lastest .content .left a:hover .text{background:#fff;}
.lastest .content .left a:hover .text .time .day{color:#333;}
.lastest .content .left a:hover .text .time .year{color:#333;}
.lastest .content .left a:hover .text .txt .tit{color:#003C32;}
.lastest .content .left a:hover .text .txt .cont{color:#333;}
.lastest .content .left a:hover .img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.lastest .content .middle .one{margin-top:14px;margin-bottom:50px;*margin-bottom:12px;}
.lastest .content .middle .one .txt{width:290px;float:left;}
.lastest .content .middle .one .txt .tit{font-size:16px;color:#212121;line-height:20px;padding-bottom:12px;border-bottom:1px solid #e5e5e5;}
.lastest .content .middle .one .txt .cont{margin-top:12px;font-size:12px;color:#999;line-height:20px;}
.lastest .content .middle .one .time{width:50px;padding-bottom:26px;float:right;background:url("../images/arrow.png") no-repeat center bottom;}
.lastest .content .middle .one .time .day{font-size:32px;color:#999999;text-align:center;line-height:28px;}
.lastest .content .middle .one .time .year{margin-top:8px;font-size:12px;color:#999;line-height:12px;}
.lastest .content .middle .one:hover .txt .tit{color:#003C32;}
.lastest .content .middle .list li{*padding:21px 0;padding:24px 0;border-bottom:1px solid #e5e5e5;}
.lastest .content .middle .list li a{display:block;cursor:pointer;}
.lastest .content .middle .list li:first-child{padding-top:0;}
.lastest .content .middle .list li .tit{float:left;width:270px;font-size:14px;color:#515151;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all ease 0.36s;}
.lastest .content .middle .list li .time{float:right;font-size:14px;color:#999;}
.lastest .content .middle .list li:hover .tit{color:#003C32;margin-left:6px;transition:all ease 0.36s;}
.lastest .content .right .topTit{width:340px;height:50px;background:#fafafa;}
.lastest .content .right .topTit .tit{float:left;height:20px;margin-top:15px;font-size:16px;line-height:20px;color:#212121;padding-left:10px;margin-left:20px;border-left:3px solid #003C32;}
.lastest .content .right .topTit .more{float:right;display:block;width:58px;height:22px;margin-top:14px;margin-right:20px;font-size:12px;color:#212121;text-align:center;line-height:22px;border:1px solid #e0e0e0;border-radius:2px;text-transform:uppercase;transition:all ease 600ms;background:#fff;}
.lastest .content .right .topTit .more:hover{width:70px;transition:all ease 600ms;color:#003C32;}
.lastest .content .newDemand{*margin-bottom:12px;}
.lastest .content .newDemand .news .list{margin-top:12px;margin-bottom:26px;}
.lastest .content .newDemand .news .list li{display:block;height:46px;}
.lastest .content .newDemand .news .list li a{display:block;cursor:pointer;}
.lastest .content .newDemand .news .list .txt{padding:9px 0 9px 24px;}
.lastest .content .newDemand .news .list .txt .time{float:left;font-size:14px;color:#666;}
.lastest .content .newDemand .news .list .txt .tit{float:left;font-size:14px;color:#666;transition:all ease 600ms;}
.lastest .content .newDemand .news .list li:hover .txt .tit{margin-left:8px;transition:all ease 600ms;color:#003C32;font-weight:bold;}
.lastest .content .caseMain .bd{margin-top:12px;}
.lastest .content .caseMain .list li{display:block;height:36px;}
.lastest .content .caseMain .list li a{display:block;height:36px;cursor:pointer;}
.lastest .content .caseMain .list .txt{padding:9px 0 9px 24px;}
.lastest .content .caseMain .list .txt .tit{font-size:14px;color:#666;line-height:18px;transition:all ease 600ms;}
.lastest .content .caseMain .list li:hover .tit{text-indent:6px;transition:all ease 600ms;color:#003C32;font-weight:bold;}
.lastest .news .more1{display:block;width:78px;height:28px;margin:0 auto;margin-top:44px;font-size:12px;color:#212121;text-align:center;line-height:28px;border:1px solid #e0e0e0;border-radius:3px;text-transform:uppercase;transition:all ease 600ms;background:#fafafa;} 
.lastest .news .more1:hover{width:100px;transition:all ease 600ms;background:#003C32;border-radius:3px;color:#fff;border:1px solid #003C32;}

/*产品中心*/
/*标题*/
.flex{
    display: flex;
}
.flex-center{
    justify-content: center;
}
.items-center{
    align-items: center;
    
}
.flex-col{
    flex-direction: column;
}

.productCenter{padding-bottom:70px;}
/* .productCenter .index_tit{} */

.productCenter .productList{
    position: relative;
    margin-top:40px;
}
.productCenter .scrollList{
    overflow: hidden;
}
/* 切换 */
.productCenter .productList #btn_prev_pro,.productCenter .productList #btn_next_pro{
    width:53px;
    height:123px;
    position:absolute;
    top:210px;z-index:5;
}
.productCenter .productList #btn_prev_pro{
    background-position:0 0px;
    left: -7%;
    transition: all 600ms ease;
}
.productCenter .productList #btn_next_pro{
    background-position:-60px 0px;
    right: -7%;
    transition: all 600ms ease;
}
.productCenter .productList #btn_prev_pro:hover{
    opacity:.9;
    /* filter:alpha(opacity=90);
    transition: all 600ms ease;
    left: 6.8%; */
}
.productCenter .productList #btn_next_pro:hover{
    opacity:.9;
    /* filter:alpha(opacity=90);
    transition: all 600ms ease;
    right: 6.8%; */
}
.productCenter .productList .list{
    overflow: hidden;
    position: relative;
    display:flex;
}
.productCenter .productList .list li{
    width:280px;
    margin-left:26px;
    background:#fff;
    transition:all ease 0.36s;
}
.productCenter .productList .list li:first-child{margin-left:0;}
.productCenter .productList .list li a{display:block;cursor:pointer;}
.productCenter .productList .list li .img{display:block;width:280px;height:355px;}
.productCenter .productList .list li .txt{
    /* 206px */
    height:140px;  
    padding-top:36px;
    border:1px solid #ececec;
    border-top:none;
}
.productCenter .productList .list li .txt .line{width:30px;height:3px;margin:0 auto;background-color:#999;}
.productCenter .productList .list li .txt .tit{margin-top:30px;font-size:18px;color:#212121;text-align:center;line-height:20px;}
.productCenter .productList .list li .txt .eName{margin-top:6px;font-size:12px;color:#666;text-align:center;line-height:14px;color:#666;}
.productCenter .productList .list li .txt .num{margin-top:30px;font:normal 48px "华文细黑";text-align:center;color:#999;line-height:40px;}
.productCenter .productList .list li:hover{box-shadow:0px 3px 20px 2px #e5e5e5;transition:all ease 0.36s;}
.productCenter .productList .list li:hover .txt .line{background:#003C32;}
.productCenter .productList .list li:hover .txt .num{color:#003C32;}

/*inquiryMain1*/
.inquiryMain{width:100%;height:200px;/*background:url("../images/slipbg.jpg") no-repeat center center;*/}
.inquiryMain .inquiry{position:relative;}
.inquiryMain .inquiry .txt .tit{padding-top:60px;font-size:36px;color:#fefefe;text-align:center;line-height:40px;}
.inquiryMain .inquiry .txt .cont{margin-top:10px;font-size:18px;text-align:center;color:#fefefe;line-height:20px;}

.inquiryMain .inquiry .contact{
    position:absolute;
    top:48px;
    right:10px;
    width:256px;
}
.inquiryMain .inquiry .contact .telMain{padding-left:80px;background:url("../images/tel2.png") no-repeat;background-size:57px 48px;}
.inquiryMain .inquiry .contact .telMain .num{font-size:24px;color:#fff;line-height:24px;}
.inquiryMain .inquiry .contact .telMain .fw{margin-top:8px;font-size:18px;color:#fefefe;}
.inquiryMain .inquiry .contact .zx{display:block;width:120px;height:36px;margin-top:16px;font-size:18px;text-align:center;line-height:36px;border-radius:4px;background:#d20404;color:#fff;}

/*关于我们*/
.aboutUs{
    font-family: PingFangTC-Regular, PingFangTC;
}
.about .content{
    margin-top:34px;
    float:left;
}
.about .content .left{
    float:left;
    padding-left:50px;
    padding-right:52px;
    width:560px;
    height:338px;
}
.about .content .left .img{
    width:100%;
    height:100%;
}
.about .content .right{
    float:left;
    width:534px;
    height:338px;
}
.about .content .right .top-txt,.about .content .right .fwzz{
    width:534px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    overflow: hidden;
}
.about .content .right .top-txt{
    height: 300px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
}
.about .content .right .fwzz{
    margin-top: 20px;
}
.about .content .right .bottom .bot-item{
    float: left;
    width: 90px;
    height: 29px;
    background: #EEEEEE;
    border-radius: 20px;
    text-align: center;
    line-height: 29px;
    margin-right: 10px;
}
.about .content .right .bottom .bot-item a{
    width: 60px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #616162;
    line-height: 17px;
}
.about .content .right .bottom ul{
    border-bottom: 1px solid #eee;
    height: 32px;
    padding: 13px 0;
}
.about .content .right .line{
    width: 534px;
    height: 1px;
    background: #E8E8E8;
}


/*解决方案*/
.solutionMain{padding-bottom:80px;}
.solutionMain .soluteList{margin-top:30px;}
.solutionMain .soluteList .list li{padding-bottom: 20px; float:left;display:block;width:288px;height:352px;margin-left:12px;border:1px solid #ececec;transition:all ease 0.36s;}
.solutionMain .soluteList .list li a{position:relative;display:block;padding:20px;}
.solutionMain .soluteList .list li:first-child{margin-left:0px;}
.solutionMain .soluteList .list li .img{display:block;width:252px;height:140px;}
.solutionMain .soluteList .list li .sIcon{width: 32px; height: 32px; background-position: -120px 0; position: absolute; left: 50%; top: 40px; transition: all ease-in-out .2s; margin-left: -16px; opacity: 0; filter: alpha(opacity=0);}
.solutionMain .soluteList .list li .txt .tit{margin-top:20px;font-size:18px;color:#212121;text-align:left;line-height:20px;height:20px;padding-left:14px;border-left:4px solid #003C32;}
.solutionMain .soluteList .list li .txt .tit span{font-size:13px;color:#999;margin-left:8px;text-transform:uppercase;}
.solutionMain .soluteList .list li .txt .cont{
  margin-top:20px;
  font-size:14px;
  color:#666;
}
.solutionMain .soluteList .list li .txt .cont{

  height: 144px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
.solutionMain .soluteList .list li:hover{box-shadow:0px 3px 20px 2px #e5e5e5;transition:all ease 0.36s;}
.solutionMain .soluteList .list li .txt s.icon{display:block;width:24px;height:24px;margin-top:24px;background-position:-190px 0;transition:all ease 0.6s;}
.solutionMain .soluteList .list li:hover .sIcon{top: 80px; opacity: 1; filter: alpha(opacity=100);}
.solutionMain .soluteList .list li:hover s.icon{background-position:-160px 0;}
.solutionMain .soluteList .list li:hover .txt .tit{color:#003C32;}
/*inquiryMain1*/
.inquiryMain1{width:100%;height:200px;/*background:url("../images/slip1.jpg") no-repeat center center;*/}
.inquiryMain1 .inquiry1{position:relative;}
.inquiryMain1 .inquiry1 .txt .tit{padding-top:60px;font-size:36px;color:#fefefe;text-align:center;line-height:40px;}
.inquiryMain1 .inquiry1 .txt .cont{margin-top:10px;font-size:18px;text-align:center;color:#fefefe;line-height:20px;}
.inquiryMain1 .inquiry1 .contact{position:absolute;top:48px;right:10px;width:256px;}
.inquiryMain1 .inquiry1 .contact .telMain{padding-left:80px;background:url("../images/tel2.png") no-repeat;background-size:57px 48px;}
.inquiryMain1 .inquiry1 .contact .telMain .num{font-size:24px;color:#fff;line-height:24px;}
.inquiryMain1 .inquiry1 .contact .telMain .fw{font-size:18px;color:#fefefe;}
.inquiryMain1 .inquiry1 .contact .zx{display:block;width:120px;height:36px;margin-top:16px;font-size:18px;text-align:center;line-height:36px;border-radius:4px;background:#d20404;color:#fff;}


/*合作单位*/
.cooperMain{width:100%;height:612px;background:url("../images/cooperbg.jpg") no-repeat center center;background-size:100% 612px;}
.cooperMain .cooper{}
.cooperMain .cooper .mainCont{margin-top:66px;}
.cooperMain .cooper .left{float:left;width:376px;}
.cooperMain .cooper .left .tit{margin-top:12px;font-size:18px;color:#212121;}
.cooperMain .cooper .left .line{width:74px;height:1px;margin-top:20px;background:#666666;}
.cooperMain .cooper .left .cont{margin-top:38px;font-size:14px;color:#666;line-height:30px;}
.cooperMain .cooper .left .more{display:block;width:78px;height:28px;margin-top:70px;font-size:12px;color:#212121;text-align:center;line-height:28px;border:1px solid #e0e0e0;border-radius:3px;text-transform:uppercase;transition:all ease 600ms;}
.cooperMain .cooper .left .more:hover{width:100px;transition:all ease 600ms;color:#003C32;}
.cooperMain .cooper .right{float:right;width:790px;}
.cooperMain .cooper .right .list li{float:left;display:block;width:380px;margin-left:30px;transition:all ease 0.36s;}
.cooperMain .cooper .right .list li:first-child{margin-left:0;}
.cooperMain .cooper .right .list li .img{display:block;width:380px;height:213px;transition:all ease 0.36s;}
.cooperMain .cooper .right .list li .txt{padding:20px;border:1px solid #e9e9e9;border-top:none;background:#fff;}
.cooperMain .cooper .right .list li .txt .tit{font-size:16px;color:#212121;line-height:18px;transition:all ease 0.36s;}
.cooperMain .cooper .right .list li .txt .cont{margin-top:20px;font-size:14px;color:#666;line-height:30px;}
.cooperMain .cooper .right .list li:hover{box-shadow:0px 3px 20px 2px #e5e5e5;transition:all ease 0.36s;}
.cooperMain .cooper .right .list li:hover .txt .tit{color:#003C32;transition:all ease 0.36s;}
.cooperMain .cooper .right .list li:hover .img{filter:brightness(105%);-webkit-filter:brightness(105%);transition:all ease 0.36s;}



/*内页样式*/
/***********category css*************/
.nyIcon{background: url(../images/nyicon.png) no-repeat; display: inline-block; vertical-align: middle;}
/*wrapper*/
.wrapper{
    /* padding: 0 0 100px; */
     min-height: 520px;
      background:#f5f5f5;
    }
.wrapper .noinfor{padding: 0 0 20px; text-align: left; color: red;text-align:center;background:#fff;line-height:80px;}
/*nybanner*/
.nybanner{
    width: 100%;
    height: 250px;
    line-height: 42px;
    position: relative;
    overflow: hidden;
    background-position: center top;
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
        }
.nybanner h3{font-size: 34px; padding: 70px 0 6px;color:#003C32;}
.nybanner .en{font-size: 30px; font-family: arial; font-weight: bold;}
.nybanner .line{width: 50px; height: 2px; display: block; background: #003C32; margin-top: 10px;}
/*menu*/
.menu{width: 100%; height: 60px; line-height: 60px; background: #fff; border-bottom: 1px solid #ddd;}
.menu .list{width: 1199px; margin: 0 auto; border-left: 1px solid #ddd;}
.menu li{width: 198px; height: 60px; float: left; border-right: 1px solid #dddddd; position: relative;}
.menu li .nav1{width: 100%; height: 60px; line-height: 60px; font-size: 16px; display: block; text-align: center;}
.menu li .nav1 s{border-style: solid dashed dashed dashed; border-color: #003C32 transparent transparent transparent; border-width: 10px; width: 0; height: 0; overflow: hidden; display: none; position: absolute; left: 50%; margin-left: -10px; bottom: -20px;}
.menu li:hover,
.menu li.hover{border-right-color: #0099dd;}
.menu li:hover .nav1,
.menu li.hover .nav1{background: #003C32; color: #fff;}
.menu li:hover .nav1 s,
.menu li.hover .nav1 s{display: block;}

/*menu1*/
.menu1{width: 100%; height: auto; line-height: 60px; background: #fff; border-bottom: 1px solid #ddd;}
.menu1 .list{width: 1199px; margin: 0 auto; border-left: 1px solid #ddd;display: block;}
.menu1 li{width: 132px; height: 60px; float: left; border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd; position: relative;}
.menu1 li .nav1{width: 100%; height: 60px; line-height: 60px; font-size: 16px; display: block; text-align: center;}
.menu1 li .nav1 s{border-style: solid dashed dashed dashed; border-color: #003C32 transparent transparent transparent; border-width: 10px; width: 0; height: 0; overflow: hidden; display: none; position: absolute; left: 50%; margin-left: -10px; bottom: -20px;}
.menu1 li:hover,
.menu1 li.hover{border-right-color: #0099dd;}
.menu1 li:hover .nav1,
.menu1 li.hover .nav1{background: #003C32; color: #fff;}
.menu1 li:hover .nav1 s,
.menu1 li.hover .nav1 s{display: block;}

/*sitepath*/
.sitepath{height: 80px; line-height: 80px; text-align: left;}
.sitepath s{width: 20px; height: 18px; background-position: 0 0; margin-right: 4px;}
/* reLink */
.reLink{height: 48px; line-height: 48px; padding: 0 15px; border: 1px solid #dddddd;}
.reLink .nextLink,
.reLink .prevLink{width: 50%; color: #666;}
.reLink .nextLink{text-align: right;}
.reLink a{display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.reLink a:hover{color: #003C32;}
/* pager */
.pager{padding: 30px 0 15px; text-align: center;}
.pager:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.pager{*zoom: 1;}
.pager p{height: 26px; line-height: 26px; float: left; display: none;}
.pager ul{overflow: hidden; margin: 0 auto; text-align: center;}
.pager ul li{padding: 0 !important; height: auto !important; border: none !important; display: inline-block; *display: inline; zoom: 1;}
.pager ul a{margin: 0 5px; padding: 0 13px; height: 34px; line-height: 34px; text-decoration: none; float: left; background: #fff;}
.pager ul a.current{background-color: #003C32; color: #fff;}
.pager ul a.current:hover{background-color: #003C32; color: #fff;}
.pager ul a:hover{background: #003C32; color: #fff;}
/*n-gridlist*/
.n-gridlist{width: 105%;}
.n-gridlist .item{width: 280px; float: left; margin: 0 30px 30px 0; background: #fff; position: relative; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.n-gridlist .item a{width: 100%; display: block;cursor:pointer;}
.n-gridlist .item img{width: 280px; height: 210px; display: block;}
.n-gridlist .item h3{width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 14px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;border-top:1px solid #ddd;}
.n-gridlist .item .bg{position: absolute; width: 400px; padding-top: 136px; height: 240px; left: -400px; top: 0; z-index: 10; background: url(../images/red80.png) repeat 0 0; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.n-gridlist .item .bg s{width: 50px; height: 50px; display: block; border-radius: 100%; margin: 0 auto; background-color: #fff; background-position: -22px 18px;}
.n-gridlist .item:hover{background: #003C32; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.n-gridlist .item:hover h3{color: #fff;}
.n-gridlist .item:hover .bg{left: 0;}

/*cooplist*/
.coop_list{width: 105%;}
.coop_list .item{width: 380px; float: left; margin: 0 30px 30px 0; background: #fff; position: relative; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.coop_list .item a{width: 100%; display: block;cursor:pointer;}
.coop_list .item img{width: 380px; height: 213px; display: block;}
.coop_list .item h3{width: 100%; height: 64px; line-height: 64px; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.coop_list .item .bg{position: absolute; width: 400px; padding-top: 100px; height: 240px; left: -400px; top: 0; z-index: 10; background: url(../images/red80.png) repeat 0 0; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.coop_list .item .bg s{width: 50px; height: 50px; display: block; border-radius: 100%; margin: 0 auto; background-color: #fff; background-position: -22px 18px;}
.coop_list .item:hover{background: #003C32; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.coop_list .item:hover h3{color: #fff;}
.coop_list .item:hover .bg{left: 0;}

/*弹出层图片*/
.photeCon{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;background: #000;background: rgba(0, 0, 0, 0.6);filter: alpha(opacity=60);z-index:1212;display:none;}
.photeCon .photoLayer{width: 1000px;height: 674px;padding: 20px 0; position: absolute;left: 50%;top: 50%;margin-left: -500px;margin-top: -337px;z-index: 111;}
.photeCon .photoLayer .listCon{width: 1000px;position: relative;overflow: hidden;background: #fff;max-height: 764px;overflow-y: auto;padding:60px 0;}
.photeCon .photoLayer .listCon img{display:block;margin:0 auto;max-width:800px;max-height:800px;}
.photeCon .photoLayer .close{right: -40px;top: 0;width: 19px;height: 19px;z-index: 999;background-position: 0 0;cursor: pointer;transition: all .3s;background-position:-276px 0;}
.photeCon .photoLayer .close:hover{transform: rotate(90deg);}


/*soluteList*/
.solutionPage .solution{background:#fff;padding:20px 20px 40px;}
.solutionPage .solution .solutelist .item{float:left;display:block;width:47%;margin-right:10px;padding:10px;background:#fff;overflow:hidden;transition:all 0.6s;border-bottom:1px solid #e0e0e0;}
.solutionPage .solution .solutelist .item .tit{float:left;padding-left:20px;display:block;font-size:16px;background:url("../images/iconleft.png") no-repeat left center;transition:all 0.6s;}
.solutionPage .solution .solutelist .item .time{float:right;color:#999;font-size:16px;}
.solutionPage .solution .solutelist .item:hover{background:#003C32;}
.solutionPage .solution .solutelist .item:hover .tit{color:#fff;background:url("../images/iconleft_hover.png") no-repeat left center;}
.solutionPage .solution .solutelist .item:hover .time{color:#fff;}

/*showList*/
.showList{width: 105%;}
.showList .item{width: 380px; float: left; margin: 0 30px 30px 0; background: #fff; position: relative; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.showList .item a{width: 100%; display: block;cursor:pointer;}
.showList .item img{width: 380px; height: 213px; display: block;}
.showList .item h3{width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.showList .item .bg{position: absolute; width: 400px; padding-top: 136px; height: 240px; left: -400px; top: -34px; z-index: 10; background: url(../images/red80.png) repeat 0 0; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.showList .item .bg s{width: 50px; height: 50px; display: block; border-radius: 100%; margin: 0 auto; background-color: #fff; background-position: -22px 18px;}
.showList .item:hover{background: #333333; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.showList .item:hover h3{color: #fff;}
.showList .item:hover .bg{left: 0;}


/*n-tit*/
.n-tit{margin-bottom: 30px;}
.n-tit h3{line-height: 35px; font-size: 24px;}
.n-tit s{width: 4px; height: 22px; margin-right: 15px; background: #003C32; display: inline-block; vertical-align: middle;}
.n-tit .more{font-size: 16px;width:120px;height:30px;text-align:center;line-height:30px;margin-top:10px;border:1px solid #ddd;transition:all ease 600ms;}
.n-tit .more:hover{width:150px;transition:all ease 600ms;}
/*relateNews*/
.relateNews{padding: 55px 0 0; width: 100%; overflow: hidden;}
.relateNews .list{width: 110%;}
.relateNews .list li{width: 530px; float: left; margin-right: 62px; margin-bottom: 20px;}
.relateNews .list li a{display: block; width: 100%;height:100px;}
.relateNews .list li img{width: 180px; height: 135px; display: block; float: left; margin-right: 20px;}
.relateNews .list li h3{line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 30px; font-size: 16px;}
.relateNews .list li .time{color: #999999; font-family: arial; font-size: 16px;}
.relateNews .list li:hover img{-webkit-filter:brightness(105%);filter:brightness(105%);}
/*aboutPage*/
.aboutPage{padding: 40px 40px; width: 1120px; margin: 0 auto; background: #fff;}
.aboutPage .contact_tit{ text-align: center; position: relative; padding-bottom: 30px; margin-top: 30px;*margin-top:60px;}
.aboutPage .contact_tit .tit{font-size: 45px; line-height:66px;font-weight: 100; position: relative; display: inline; z-index: 12;}
.aboutPage .contact_tit .tit i{background: #bababa; width: 90px; height: 1px; display: block; position: absolute; right: -120px; top: 30px; display: block;}
.aboutPage .contact_tit .tit i:first-child{left: -120px; right: auto;}
.aboutPage .contact_tit .entit{font-size: 82px; line-height:66px;color: #eee; text-transform: uppercase; position: absolute; width: 100%; text-align: center; left: 0; top: 0px; z-index: 10; font-family: Arial;}
.aboutPage .txtcon{display: flex;flex-direction: column;align-items: center;}
.aboutPage .txtcon img{max-width: 100%;}
.aboutPage .mapArea{width: 100%; height: 400px; margin-top: 20px;}
.aboutPage .mapArea #allmap{width: 100%; height: 400px;}
/*newsPage*/
.newsPage .item{width: 100%; height: 168px; margin-bottom: 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: #fff;}
.newsPage .item a{width: 100%; height:100%;display: block;cursor:pointer;}
.newsPage .item img{width: 224px; height: 168px; display: block; margin-right: 30px;}
.newsPage .item h3{font-size: 20px; padding: 35px 0 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.newsPage .item .txt{color: #999999; line-height: 24px; height: 48px; padding-right: 130px; overflow: hidden;}
.newsPage .item .time{width: 150px; padding-top: 45px; font-family: arial; font-size: 20px; color: #999;}
.newsPage .item .time .day{font-size: 40px; line-height: 45px; display: block;}
.newsPage .item:hover{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.newsPage .item:hover h3{font-weight:bold;color: #003C32; text-indent: 5px;}
.newsPage .item:hover .time .day span{background: #6d6d6d;}
.newsPage .item:hover .time .day strong{background: #ff0000; color: #fff;}
.newsPage .item:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
/*showNews*/
.showNews{padding: 40px 40px; width: 1120px; margin: 0 auto; background: #fff;}
.showNews img{max-width: 100%;}
.showNews .title{color: #333333; line-height: 32px; text-align: center; font-weight: bold; font-size: 22px;}
.showNews .mark{width: 100%; height: 40px; line-height: 40px; margin: 15px 0 20px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; text-align: center;}
.showNews .mark span{margin: 0 10px; font-size: 12px; color: #666666;}
.showNews .shareNew{padding-bottom: 25px;}
.showNews .showContxt{padding: 0 0 30px; line-height: 30px;}
/*showProduct*/
.showProduct{padding: 40px 40px; width: 1120px; margin: 0 auto; background: #fff;}
.showProduct .pro-tit{margin-bottom: 40px;}
.showProduct .pro-tit s{width: 4px; height: 50px; display: block; background: #003C32; float: left; margin-right: 10px;}
.showProduct .pro-tit h3{font-size: 24px; line-height: 24px; margin-bottom: 10px;}
.showProduct .pro-tit .mark{line-height: 20px; color: #999;}
.showProduct .pro-tit .mark span{margin-right: 6px;}
.showProduct img{max-width: 100%;}
.showProduct .shareNew{padding-bottom: 25px;}
.showProduct .showContxt{padding: 0 0 30px; line-height: 30px;}
.showProduct .infoImg{margin-bottom: 40px;}
.showProduct .infoImg .imgf{width: 500px; height: 375px; display: block; float: left; margin-right: 40px;}
.showProduct .infoImg .txt{line-height: 32px; height: 320px; overflow: hidden;}
.showProduct .infoImg .btn{margin-top: 15px;}
.showProduct .infoImg .btn a{width: 120px; height: 40px; line-height: 40px; font-size: 16px; display: inline-block; margin-right: 10px; text-align: center; background: url(../images/detail-btnbg.png) no-repeat -140px center;}
.showProduct .infoImg .btn a:hover{background-position: left center; color: #003C32;}
/*msgPage*/
.msgPage{padding: 40px 0px 55px; width: 1120px; margin: 0 auto; margin-top:50px;background: #fff;border:1px solid #ddd;}
.msgPage .online_title{margin-bottom:30px;}
.msgPage .online_title .tit{font-size:30px;color:#737373;text-align:center;}
.msgPage .online_title .entit{font-size: 14px;color:#737373;font-family:Arial;text-transform: uppercase;text-align:center;}
.formData{width: 1000px;margin:0 auto;margin-left:46px;}
.formData .item{height: 40px; line-height: 40px; width: 462px; float: left; position: relative; margin-bottom: 25px;}
.formData .item label{width: 85px; float: left; color: #333; padding-right: 5px; text-align: right;}
.formData .item .red{color: red; font-size: 12px; position: absolute; right: -10px; top: 2px;}
.formData .item input{width: 360px; height: 40px; line-height: 40px; float: left; padding-left: 10px; border: 0px; font-size: 14px; background: #f5f5f5; border-radius: 5px;}
.formData .item .msg-box{position: absolute; left: 90px;}
.formData .item.mr30{margin-right: 68px;}
.formData .item.youxiang{margin-right: 70px;}
.formData .item.liuyan{width: 100%; height: 96px;}
.formData .item.liuyan textarea{width: 882px; float: left; height: 76px; border: 0px; background: #f5f5f5; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px; overflow: hidden; color: #333; resize: none; font-family: "microsoft yahei";}
.formData .itemsub{width: 100%; height: 40px; line-height: 40px; position: relative;}
.formData .itemsub label{width: 85px; float: left; color: #333; padding-right: 5px; text-align: right;}
.formData .itemsub .msg-box{position: absolute; left: 90px;}
.formData .itemsub input[type=text]{width: 147px; height: 40px; line-height: 40px; float: left; border-radius: 6px; font-size: 14px; background: #f5f5f5; color: #333; text-indent: 10px;}
.formData .itemsub img{height: 32px; float: left; margin-top: 5px; margin-left: 10px;}
.formData .btn{width: 100px; height: 38px; line-height: 38px; cursor: pointer; color: #fff; margin-left: 8px; background: #003C32;}
.formData .btn[type=reset]{background: #aaa; margin-right: 9px;}
/*searchPage*/
/*.searchPage{overflow: hidden;}
.searchPage ul{width: 105%;}
.searchPage .item{width: 280px; height: 222px; float: left; margin: 0 25px 30px 0; background: #fff; position: relative; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.searchPage .item a{width: 100%; display: block;}
.searchPage .item img{width: 280px; height: auto; display: block;}
.searchPage .item h3{width: 100%; position: absolute; left: 0; bottom: 0; height: 64px; line-height: 64px; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: #fff;}
.searchPage .item .bg{position: absolute; width: 280px; padding-top: 86px; height: 72px; left: -280px; top: 0; z-index: 10; background: url(../images/red80.png) repeat 0 0; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.searchPage .item .bg s{width: 50px; height: 50px; display: block; border-radius: 100%; margin: 0 auto; background-color: #fff; background-position: -22px 18px;}
.searchPage .item:hover{background: #fff;}
.searchPage .item:hover h3{color: #fff; background: #003C32;}
.searchPage .item:hover .bg{left: 0;}*/
.searchPage .searchList{background:#fff;padding:20px 20px 40px;}
.solutionPage .solution{background:#fff;padding:20px 20px 40px;}
.searchPage .searchList .item{float:left;display:block;width:47%;margin-right:10px;padding:10px;background:#fff;overflow:hidden;transition:all 0.6s;border-bottom:1px solid #e0e0e0;}
.searchPage .searchList .item .tit{float:left;padding-left:20px;display:block;font-size:16px;background:url("../images/iconleft.png") no-repeat left center;transition:all 0.6s;}
.searchPage .searchList .item .time{float:right;color:#999;font-size:16px;}
.searchPage .searchList .item:hover{background:#003C32;}
.searchPage .searchList .item:hover .tit{color:#fff;background:url("../images/iconleft_hover.png") no-repeat left center;}
.searchPage .searchList .item:hover .time{color:#fff;}


.map_ul{list-style: outside none none; display: block; width: 100%; padding-top: 10px;}
.map_ul li{display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left;}
.map_ul li a{font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold;}
.map_ul .list-inline{display: block; margin-left: 7%; width: 80%; min-height: 30px;}
.map_ul .list-inline a{font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px;}
.map_ul .list-inline a:hover{background: #003C32; color: #fff;}
span.bds_more,
.bds_tools a{line-height: 14px !important;}


/*产品详情页*/
.pageProduct{position:relative;}
.pageProduct .tod{position:relative;height:504px;}
.pageProduct .photo { width:500px; margin:0 0 20px; }
.pageProduct .photo .jqzoom{ border:1px solid #ddd; width:500px; height:375px; margin-bottom: 15px; position:relative; padding:0px; cursor:pointer; overflow: hidden;} 
.pageProduct .photo div.zoomdiv {  z-index:  999; position: absolute; top:0px!important; left:520px!important; width:500px!important;height:375px; background: #ffffff;  border:1px solid #CCCCCC; display:none;  text-align: center; overflow: hidden;}
.pageProduct .photo div.zoomdiv img{display:block;width:500px!important;height:auto;}
.pageProduct .photo div.jqZoomPup { z-index : 999; visibility: hidden;  position: absolute; top:0px; left:0px; width:200px!important;height:200px!important;border: 1px solid #aaa; background: #ffffff; opacity: 0.5;-moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50);
width:300px !important;height:300px;}
.pageProduct .photo .img { width:500px; height:375px; display:block; }
.pageProduct .photoimg{ width:500px; height:82px; padding-top:10px; position:relative;}
.pageProduct .photoimg .list{ width:450px; overflow:hidden;position:relative; margin-left:30px;}
.pageProduct .photoimg .icon{ width:14px; height:25px; position:absolute; top:46px; cursor:pointer;display: block;background: url(../images/icon.png) no-repeat;}
.pageProduct .photoimg .btnleft{ top:36px;left:0px; background-position:-230px 0px;}
.pageProduct .photoimg .btnright{ top:36px; right:0px; background-position:-250px 0px;}
.pageProduct .photoimg .list .listcon{ width:600%;}
.pageProduct .photoimg a{ width:100px; height:75px; display:block; float:left;  margin-right:14px; border:1px solid #eee;}
.pageProduct .photoimg a img{ 
    width:100px;
    height:75px;
    display:block;
    }
.pageProduct .photoimg a video{ 
    width:100px;
    height:75px;
    display:block;
    }
.pageProduct .photo .jqzoom video{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.pageProduct .photoimg a:hover{ border:1px solid #003C32;}
.pageProduct .baseInfo{width:580px;}
.pageProduct .baseInfo .tit{height:36px;font-size:20px;line-height:36px;color:#333;margin-bottom:30px;}
.pageProduct .baseInfo .list_type{margin-bottom:30px;font-size: 14px;height:36px;line-height:36px;}
.pageProduct .baseInfo .list_type .xh{margin-right:20px;
    width: 60px;
    height: 30px;
    display: block;float: left;
    /* border: 1px solid #003C32; */
    border-radius: 3px;
    text-align: center;
    /* line-height: 30px; */
    /* background: #003C32; */
    color:#000;
}
.pageProduct .baseInfo .showtel a{display: block;width: 200px;height: 60px;float: left;font-size: 22px;color: #fff;line-height: 60px;text-align: center;text-decoration: none;border-radius:30px;background:url("../images/qqicon.png") no-repeat 150px center #003C32;background-size:24px 20px;text-indent:-24px;}
.pageProduct .baseInfo .showtel{position:absolute;bottom:34px;}
.pageProduct .baseInfo .showtel a:hover{opacity:0.8;filter:alpha(opacity=80);}
.pageProduct .baseInfo .showtel .telcon{float: left;height:60px;padding-left: 76px;background: url(../images/phone.png) no-repeat left center;margin-left: 46px;}
.pageProduct .baseInfo .showtel .telcon span{display: block;font-size: 18px;color: #fd9610;}
.pageProduct .baseInfo .showtel .telcon em{display: block;font-size: 24px;color: #003C32;font-family: arial;}
.fang_show { margin-top:20px;margin-bottom: 10px;}
.fang_show .slideTxtBox { width: 1120px; border: 1px solid #e5e5e5; text-align: left; margin: 0 auto; }
.fang_show .slideTxtBox .hd { height: 48px; line-height: 48px; border-bottom: 1px solid #e5e5e5; position: relative; }
.fang_show .slideTxtBox .hd ul li { float: left; width: 171px; text-align: center; cursor: pointer; font-size: 16px; }
.fang_show .slideTxtBox .hd ul li.on { color: #003C32; background: url(../images/local_on.png) center bottom no-repeat; }
.fang_show .slideTxtBox .bd { padding: 29px; overflow: hidden;}
.fang_show .slideTxtBox .bd .con { line-height: 30px;}
.fang_show .slideTxtBox .bd .con .tit h1{ font-size:20px; padding-bottom:5px; }
.fang_show .slideTxtBox .bd .con .tit h3{ font-size:16px; font-weight:100 ; padding-bottom:20px;}
.fang_show .slideTxtBox .bd .con .tit h3 a{ padding:2px 20px; background:#d9333d; color:#fff; border-radius:3px; margin-left:100px}
.fang_show .slideTxtBox .bd .con .tit h3 span{ color:#d9333d; font-weight:bold;}
.fang_show .slideTxtBox .bd .con img { max-width: 100%; }
.fang_show .slideTxtBox .bd .con table { border: 1px solid windowtext; width: 100%; text-align: center; margin: 0; padding: 0; border-bottom: none; }
.fang_show .slideTxtBox .bd .con table td { border-bottom: 1px solid windowtext; border-left: 1px solid windowtext; line-height: 33px; }
.fang_show .slideTxtBox .bd .con table td:first-child { border-left: none; }
.fang_show .slideTxtBox .bd .con table tr:nth-child(even) { background: #f4f6f8; }
.fang_show .slideTxtBox .bd ul { zoom: 1; overflow: hidden;}

.returnTop{position:fixed;right:0;bottom:12%;width:60px;height:60px;display:none;cursor:pointer;}
.returnTop img{display:block;width:60px;height:60px;cursor:pointer;}

/* 右侧浮窗 */
.right-slider-bar{
    width: 120px;
    height: 166px;
    background: #F9F9FB;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 2px;
    font-weight: 700;
}
.right-slider-bar .tel{
    margin-top: 10px;
}
.right-slider-bar .tel .phone{
    font-size: 12px;
    margin-left: 5px;
    line-height: 13px;
}

/* 自定义分页样式 */
#pull_right{
    text-align:center;
}
.pull-right {
    /*float: left!important;*/
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #003C32;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    height: 20px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #003C32;
    border-color: #003C32;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.clear{
    clear: both;
}

#disabled-page{
    pointer-events: none;
    cursor:not-allowed;
}
.product-list{
    word-break:break-all;
}