 



@charset "utf-8";



/*-----------公用-----------*/



::selection {

    background-color: #23c7b8;

}



::-moz-selection {

    background-color: #23c7b8;

}



::-webkit-selection {

    background-color: #23c7b8;

}



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555

}



* {

    padding: 0;

    margin: 0;

    font-family: "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

    font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1;

}



:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    margin: 0;

    padding: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}



li,

ul {

    list-style-type: none;

}



img {

    border: none;

}



a {

    color: #333;

    text-decoration: none;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



input,

textarea {

    outline: 0;

    border: 0;

}



textarea {

    resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}





/*banner*/



.banner {

    width: 100%;

    margin: auto;

    clear: both;

    position: relative;

    height: 600px;

}



.fullSlide {

    width: 100%;

    position: relative;

    height: 100%;

    background: transparent;

}



.fullSlide .jd {

    margin: 0 auto;

    height: 100%;

    position: relative;

    z-index: 0;

    overflow: hidden;

}



.fullSlide .jd ul {

    height: 100%;

    margin: 0 auto;

}



.fullSlide .jd li {

    height: 100%;

    overflow: hidden;

    text-align: center;

    background-position: center;

    background-repeat: no-repeat;

}



.fullSlide .jd li a {

    display: block;

    height: 100%;

}



.fullSlide .kd {

    width: 100%;

    position: absolute;

    z-index: 1;

    bottom: 0;

    left: 0;

}



.fullSlide .kd ul {

    text-align: center;

    margin-bottom: 20px;

}



.fullSlide .kd ul li {

    background: #fff;

    cursor: pointer;

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 42px;

    height: 11px;

    margin: 1px 5px;

    overflow: hidden;

    *filter: alpha(opacity=50);

    *opacity: .5;

    line-height: 999px;

}



.fullSlide .kd ul .on {

    background: #f08200;

}



.fullSlide .prev,

.fullSlide .next {

    display: block;

    position: absolute;

    z-index: 1;

    top: 50%;

    margin-top: -30px;

    left: 2%;

    z-index: 1;

    width: 40px;

    height: 60px;

    background: url("../images/slider-arrow.png") -126px -137px #000 no-repeat;

    cursor: pointer;

    *filter: alpha(opacity=50);

    *opacity: .5;

    display: none;

}



.fullSlide .next {

    left: auto;

    right: 2%;

    background-position: -6px -137px;

}





/********search********/



.searchBox {

    width: 100%;

    height: 58px;

    z-index: 99;

    border-bottom: 1px solid #e0e1e1;

}



.search {

    width: 1180px;

    margin: 0 auto;

}



.search .search_fl {

    width: 570px;

    height: 58px;

    float: left;

    margin-left: 10px;

}



.search_fl p {

    height: 58px;

    line-height: 58px;

    font-size: 14px;

    color: #666666;

    float: left;

}



.search_fl p a {

    color: #666666;

    margin-left: 10px;

    font-size: 12px;

}



.search_fl p a:first-child {

    margin-left: 0px;

}



.search .search_fr {

    width: 442px;

    height: 32px;

    float: right;

    margin-top: 6px;

    position: relative;

}



.search .search_fr input {

    width: 275px;

    float: left;

    height: 44px;

    line-height: 44px;

    background: none;

    color: #999999;

    text-indent: 10px;

    border: 1px #23c7b8 solid;

    padding-left: 40px;

    background: url("../images/search_icon_03.png") no-repeat 13px 13px;

}



.search .search_fr button {

    width: 125px;

    height: 46px;

    line-height: 46px;

    background: #23c7b8;

    text-align: center;

    font-size: 14px;

    color: #fff;

    float: right;

    border: none;

    cursor: pointer;

}





/* partner */



.partner {

    width: 100%;

    padding: 40px 0 0 0;

}



.part_tit {

    width: 1180px;

    margin: 0 auto;

}



.part_tit h3 {

    text-align: center;

    height: 40px;

    line-height: 40px;

    background: url("../images/h3_bg_03.png") no-repeat 50% 19px;

}



.part_tit h3 a {

    font-size: 24px;

    font-weight: bold;

    color: #23c7b8;

}



.part_tit span {

    width: 1180px;

    height: 40px;

    line-height: 40px;

    font-size: 30px;

    color: #666666;

    font-weight: bold;

    display: block;

    text-align: center;

    text-transform: uppercase;

    font-family: Arial, Helvetica, sans-serif;

}



.partner .show {

    width: 1180px;

    margin: 0 auto;

    position: relative;

}



.gd_02 {

    position: relative;

    height: 160px;

    width: 1180px;

    padding: 17px 0px 0;

    margin-top: 15px;

}



.gd_02 #simgs02 {

    margin: 0 auto;

}



.gd_02 em {

    position: absolute;

    top: 90px;

}



.gd_02 .t_l {

    left: -48px;

}



.gd_02 .t_r {

    right: -48px;

}



.gd_02 li {

    float: left;

    width: 180px;

    margin-right: 13px;

}



.gd_02 li.last {

    margin-right: 0;

}



.gd_02 li img {

    display: block;

    width: 178px;

    height: 105px;

    border: 1px solid #c8c8c8;

}



.gd_02 li .mingcheng {

    width: 173px;

    height: 38px;

    text-align: center;

    line-height: 38px;

    color: #504f4f;

    font-size: 14px;

    display: block;

}



.gd_02 .fl {

    float: left;

}



.gd_02 .fr {

    float: right;

}



.gd_02 .pa {

    position: absolute;

}





/* worried end */





/*product*/



.productBox {

    width: 100%;

    background: url("../images/bg01_02.jpg") no-repeat 50% 0px;

    padding: 40px 0 2px 0;

	

}



.product {

    width: 1180px;

    margin: 0 auto;

    padding-bottom: 50px;

}



.product .fl {

    width: 257px;

    float: left;

}



.product .fl h2 {

    width: 232px;

    padding-left: 25px;

    height: 85px;

    padding-top: 20px;

    background: #23c7b8;

}



.product .fl h2 a {

    font-size: 24px;

    line-height: 40px;

    color: #fff;

    font-weight: normal;

}



.product .fl h2 span {

    font-size: 30px;

    color: #fff;

    font-weight: bold;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    display: block;

}



.product .fl dl {

    width: 257px;

    background: #fff;

    padding: 20px 0;

}



.product .fl dt {

    width: 207px;

    padding-left: 23px;

    background: url("../images/dt_03.jpg") no-repeat left;

    border-bottom: 1px dashed #e9e9e9;

    height: 40px;

    line-height: 40px;

    margin: 0 auto;

}



.product .fl dt a {

    font-size: 18px;

    color: #666666;

    font-weight: bold;

}



.product .fl dd {

    width: 167px;

    height: 31px;

    padding-left: 35px;

    line-height: 31px;

    margin: 5px auto;

    border-radius: 15px;

    background: url("../images/dd01_03.jpg") no-repeat 10px 12px;

}



.product .fl dd a {

    font-size: 16px;

    color: #666666;

}



.product .fl dd:hover {

    background: #f08200 url("../images/dd02_03.jpg") no-repeat 10px 12px;

}



.product .fl dd:hover a {

    color: #fff;

}



.product .fr {

    width: 893px;

    float: right;

}



#tab01 .tab_menu01 {

    width: 100%;

}



#tab01 .tab_menu01 ul {

    overflow: hidden;

}



#tab01 .tab_menu01 li {

    width: 117px;

    text-align: center;

    height: 34px;

    line-height: 34px;

    cursor: pointer;

    float: left;

}



#tab01 .tab_menu01 li a {

    text-align: center;

    display: block;

    font-weight: bold;

    font-size: 18px;

    color: #f08200;

}



#tab01 .tab_menu01 a.more {

    width: 88px;

    height: 27px;

    text-align: center;

    line-height: 27px;

    background: #23c7b8;

    display: block;

    float: right;

    margin-right: 15px;

    font-size: 14px;

    color: #fff;

    border-radius: 13px;

    margin-top: 10px;

}



#tab01 .tab_box01 {

    width: 100%;

    position: relative;

    margin-top: 20px;

}



#tab01 .tab_menu01 .selected {

    background: url("../images/tj.png") no-repeat center;

}



#tab01 .tab_menu01 .selected a {

    cursor: pointer;

    color: #fff;

}



#tab01 .hide {

    display: none;

}



#tab01 .tab_box01 div {

    width: 895px;

    overflow: hidden;

}



#tab01 .tab_box01 div a.item {

    width: 277px;

    margin-bottom: 10px;

    margin-right: 18px;

    display: block;

    float: left;

    position: relative;



    background-color: #f4f4f4;

 

}

#tab01 .tab_box01 div a:hover {

    background-color: #23c7b8;

    color: #fff;



}

#tab01 .tab_box01 div a.item:hover  p{

     

    color: #fff;}

#tab01 .tab_box01 div a.item span {

    width: 47px;

    height: 33px;

    display: block;

    text-align: center;

    line-height: 33px;

    position: absolute;

    top: 0;

    right: 0;

    background: rgb(0, 134, 101);

    color: #fff;

    font-size: 14px;

}



#tab01 .tab_box01 div a.item img {

    width: 269px;

    height: 186px;

    padding: 3px;

    border: 1px solid #b1b3b5;

}



#tab01 .tab_box01 div a.item p {

    width: 277px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 16px;

    color: #666666;

}





/*product end*/





/*mid_banner01*/



.mid_banner01 {

    width: 100%;

    height: 201px;

    background: url("../images/gd01.jpg") no-repeat 50% 0;

}



.mid_banner01 .mid_ban {

    width: 1180px;

    height: 201px;

    margin: 0 auto;

    position: relative;

}



.mid_banner01 .mid_ban p {

    font-size: 24px;

    font-weight: bold;

    font-family: Arial, Helvetica, sans-serif;

    color: #fff;

    line-height: 30px;

    position: absolute;

    left: 90px;

    top: 150px;

    padding-left: 40px;

    background: url("../images/mid_icon_03.jpg") no-repeat left;

}



.mid_banner01 .mid_ban a.zx {

    width: 109px;

    height: 35px;

    padding-left: 14px;

    line-height: 35px;

    display: block;

    position: absolute;

    font-size: 16px;

    color: #fff;

    background: url("../images/mid_btn_03.jpg") no-repeat center;

    left: 300px;

    top: 145px;

}





/*mid_banner01 end*/





/* tedian */



.tedian {

    width: 100%;

}



.td_tit {

    width: 1180px;

    margin: 60px auto 50px;

}



.td_tit h3 {

    text-align: center;

    height: 40px;

    line-height: 40px;

}



.td_tit h3 a {

    font-size: 36px;

    color: #23c7b8;

    font-weight: bold;

}



.td_tit p {

    text-align: center;

    line-height: 40px;

    height: 40px;

    font-size: 36px;

    color: #f08200;

    font-weight: bold;

}



.tedian .show {

    width: 1180px;

    margin: 0 auto;

}



.tedian .show .fl {

    width: 560px;

    float: left;

}



.tedian .show .fl img {

    width: 560px;

    height: 573px;

}



.tedian .show .fr {

    width: 620px;

    float: right;

}



.tedian .show .fr li {

    height: 52px;

    padding: 8px 0 10px 0;

    border-bottom: 1px solid #efefef;

}



.tedian .show .fr ul li:first-child {

    border-top: 1px solid #efefef;

}



.tedian .show .fr li span {

    width: 71px;

    height: 52px;

    line-height: 52px;

    padding-left: 19px;

    background: url("../images/td_span_03.png") no-repeat center;

    font-size: 45px;

    color: #fff;

    font-family: Arial, Helvetica, sans-serif;

    display: block;

    float: left;

    margin-left: 24px;

}



.tedian .show .fr li dl {

    width: 470px;

    float: left;

    margin-left: 10px;

}



.tedian .show .fr li dt {

    height: 26px;

    line-height: 26px;

    font-size: 20px;

    font-weight: bold;

    color: #23c7b8;

    margin-bottom: 2px;

}



.tedian .show .fr li dd {

    height: 22px;

    line-height: 22px;

    font-size: 16px;

    color: #333333;

}





/* tedian end*/





/* liucheng */



.liucheng {

    width: 100%;

}



.lc_tit {

    width: 1180px;

    margin: 60px auto 50px;

}



.lc_tit h3 {

    text-align: center;

    height: 40px;

    line-height: 40px;

	font-size: 40px;

    color: #23c7b8;

    font-weight: bold;

}





.lc_tit p {

    text-align: center;

    line-height: 40px;

    height: 40px;

    font-size: 28px;

    color: #333333;

}



.liucheng .show {

    width: 100%;

    background: url("../images/az01.jpg") no-repeat 50% 0;

    height: 176px;

    padding-top: 124px;

}



.liucheng .show ul {

    width: 1180px;

    margin: 0 auto;

    height: 176px;

    overflow: hidden;

}



.liucheng .show ul li {

    width: 154px;

    height: 154px;

    border-radius: 88px;

    padding: 10px;

    border: 1px solid #adafb0;

    float: left;

    background: #fff;

    margin-left: 24px;

}



.liucheng .show ul li:first-child {

    margin-left: 0;

}



.liucheng .show ul li dl {

    width: 154px;

    height: 154px;

    border-radius: 77px;

    background: #23c7b8;

}



.liucheng .show ul li dt {

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 30px;

    color: #ffba00;

    padding-top: 20px;

}



.liucheng .show ul li dd {

    width: 130px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    font-size: 18px;

    color: #ffba00;

    border-top: 1px solid #dcdcdc;

    border-bottom: 1px solid #dcdcdc;

    margin: 0 auto;

}



.liucheng .show ul li:hover dl {

    background: #f08200;

}



.liucheng .show ul li:hover dt {

    color: #fff;

}



.liucheng .show ul li:hover dd {

    color: #fff;

}





/* liucheng end*/





/*ysBox*/



.ysBox {

    width: 100%;

    padding-top: 65px; 

}



.ys_h3 {

    width: 100%;

    margin: 0 auto;

    background: url("../images/ys3.png") no-repeat 50% 8px;

    height: 120px;

}



.ys_h3 .h3 {

    width: 1180px;

    height: 70px;

    margin: 0 auto;

    position: relative;

}



.ys_h3 h3 {

    width: 325px;

    height: 70px;

    position: absolute;

    top: 0px;

    left: 190px;

}



.ys_h3 h3 a {

    font-size: 46px;

    color: #fe0000;

    font-weight: bold;

}



.ys_h3 h3 a span img {

    width: 527px;

    height: 7px;

    position: absolute;

    top: 0;

    left: 520px;

}



.ys_h3 p {

    font-size: 24px;

    color: #23c7b8;

    font-weight: bold;

    position: absolute;

    left: 520px;

    top: 20px;

}



.ys_h3 span {

    font-size: 14px;

    color: #858484;

    position: absolute;

    top: 0px;

    left: 520px;

    text-transform: uppercase;

}



.ysBox .show {

    width: 1180px;

    margin: 0px auto 0;

}



.ysBox .show .item01 {

    overflow: hidden;

    margin-bottom: 40px;

}



.ysBox .show .item01 .fl {

    width: 471px;

    float: left;

}



.ysBox .show .item01 .fl img {

    width: 471px;

    height: 407px;

}



.ysBox .show .item01 .fr {

    width: 605px;

    float: right;margin-bottom: 50px;

}



.ysBox .show .item01 .fr dl {

    padding-left: 64px;

    margin-bottom: 20px;

}



.ysBox .show .item02 .fl dl {

    padding-left: 64px;

    margin-bottom: 20px;

}



.ysBox .show .item01 .fr dl dt {

    font-size: 24px;

    line-height: 30px;

    padding-top: 10px;

    color: #23c7b8;

    font-weight: bold;

}



.ysBox .show .item01 .fr dl dt span {

    font-size: 14px;

    color: #c3c3c3;

    font-weight: normal;

    text-transform: uppercase;

    display: block;

}



.ysBox .show .item01 .fr dl dd {

    font-size: 16px;

    height: 30px;

    line-height: 30px;

    color: #595858;

    padding-left: 20px;

    background: url("../images/ys_dd_03.jpg") no-repeat left;

}



.ysBox .show .item02 {

    overflow: hidden;

}



.ysBox .show .item02 .fl {

    width: 525px;

    float: left;

}



.ysBox .show .item02 .fr {

    width: 647px;

    float: right;

}



.ysBox .show .item02 .fl dl dt {

    font-size: 24px;

    line-height: 30px;

    padding-top: 10px;

    color: #23c7b8;

    font-weight: bold;

}



.ysBox .show .item02 .fl dl dt span {

    font-size: 12px;

    color: #c3c3c3;

    font-weight: normal;

    text-transform: uppercase;

    display: block;

}



.ysBox .show .item02 .fl dl dd {

    font-size: 16px;

    height: 30px;

    line-height: 30px;

    color: #595858;

    padding-left: 20px;

    background: url("../images/ys_dd_03.jpg") no-repeat left;

}



.ysBox .show .item01 .fr dl.cell01 {

    background: url("../images/ys_icon_06.jpg") no-repeat 0 0;

}



.ysBox .show .item01 .fr dl.cell02 {

    background: url("../images/ys_icon_09.jpg") no-repeat 0 0;

}



.ysBox .show .item02 .fl dl.cell01 {

    background: url("../images/ys_icon_12.jpg") no-repeat 0 0;

}



.ysBox .show .item02 .fl dl.cell02 {

    background: url("../images/ys_icon_18.jpg") no-repeat 0 0;

}





/*ysBox end*/





/*mid_banner02*/



.mid_banner02 {

    width: 100%;

    height: 201px;

    background: url("../images/mid_ban_04.jpg") no-repeat 50% 0;

}



.mid_banner02 .mid_ban {

    width: 1180px;

    height: 201px;

    margin: 0 auto;

    position: relative;

}



.mid_banner02 .mid_ban p {

    font-size: 14px;

    color: #fff;

    padding-left: 70px;

    background: url("../images/mid_icon_03.png") no-repeat left;

    line-height: 30px;

    position: absolute;

    left: 750px;

    top: 65px;

}



.mid_banner02 .mid_ban p span {

    font-size: 24px;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

}



.mid_banner02 .mid_ban a.zx {

    width: 117px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    display: block;

    position: absolute;

    font-size: 14px;

    color: #272525;

    background: #fff;

    left: 1024px;

    bottom: 85px;

}





/*mid_banner02 end*/





/*case*/



.case {

    width: 100%;

    padding-top: 60px;

    height: 561px;

}



.case_h3 {

    width: 1180px;

    height: 100px;

    margin: 0 auto;

}



.case_h3 h3 {

    width: 1180px;

    text-align: center;

    height: 60px;

    line-height: 60px;

    background: url("../images/h3_bg_03.png") no-repeat 50% 50%;

}



.case_h3 h3 a {

    font-size: 24px;

    font-weight: bold;

    color: #23c7b8;

}



.case_h3 span {

    font-size: 30px;

    color: #666666;

    font-weight: bold;

    height: 50px;

    line-height: 50px;

    text-align: center;

    display: block;

    text-transform: uppercase;

}



.case .show {

    width: 1180px;

    margin: 20px auto 0;

}



#focus_Box {

    position: relative;

    width: 1180px;

    height: 390px;

    margin: 30px auto;

}



#focus_Box ul {

    position: relative;

    width: 1180px;

    height: 390px;

    margin: auto;

}



#focus_Box li {

    z-index: 0;

    position: absolute;

    width: 0px;

    height: 0px;

    top: 146px;

    cursor: pointer;

    left: 377px;

    border-radius: 4px;

    box-shadow: 1px 1px 12px rgba(200, 200, 200, 1);

}



#focus_Box li img {

    width: 100%;

    height: 100%;

}



#focus_Box li a.txt {

    width: 100%;

    height: 60px;

    line-height: 60px;

    text-indent: 45px;

    position: absolute;

    left: 0;

    bottom: 0;

    background: rgba(0, 0, 0, .8);

    font-size: 16px;

    color: #fff;

}



#focus_Box .prev,

#focus_Box .next {

    display: block;

    z-index: 100;

    overflow: hidden;

    cursor: pointer;

    position: absolute;

    width: 54px;

    height: 53px;

    top: 165px;

}





/* #focus_Box .prev {

    background: url(../images/case_arrow_03.png) left bottom no-repeat;

    left: -48px

}



#focus_Box .next {

    background: url(../images/case_arrow_05.png) right bottom no-repeat;

    right: -48px

} */



.case .show a.more {

    width: 145px;

    height: 46px;

    display: block;

    text-align: center;

    line-height: 46px;

    margin: 20px auto;

    border-radius: 20px;

    background: #f7d901;

    font-size: 18px;

    color: #131212;

}





/*case end*/





/*mid_banner03*/



.mid_banner03 {

    width: 100%;

    height: 231px;

    background: url("../images/gd02.jpg") no-repeat 50% 0;

}



.mid_banner03 .mid_ban {

    width: 1180px;

    height: 231px;

    margin: 0 auto;

    position: relative;

}



.mid_banner03 .mid_ban p {

    font-size: 24px;

    color: #1a856b;

    line-height: 30px;

    position: absolute;

    left: 790px;

    top: 90px;

    font-weight: bold;

}



.mid_banner03 .mid_ban a.zx {

    width: 161px;

    height: 43px;

    text-align: center;

    line-height: 43px;

    display: block;

    position: absolute;

    font-size: 16px;

    font-weight: bold;

    color: #fff;

    background: url("../images/mid_btn_03.png") no-repeat center;

    left: 880px;

    bottom: 40px;

}





/*mid_banner03 end*/





/*customer*/



.customer {

    width: 100%;

    height: 574px;

    padding-top: 55px;

}



.customer_h3 {

    width: 1180px;

    margin: 0 auto;

}



.customer_h3 h3 {

    height: 50px;

    line-height: 50px;

    text-align: center;

}



.customer_h3 h3 a {

    font-size: 36px;

    font-weight: bold;

    color: #000;

}



.customer_h3 h3 a span {

    color: #a71513;

}



.customer_h3 p {

    font-size: 16px;

    color: #a5a7a8;

    text-align: center;

    height: 40px;

    line-height: 40px;

    margin-top: 20px;

    text-transform: uppercase;

}



.customer .show {

    width: 1180px;

    margin: 30px auto 0;

}



.customer .show .item {

    width: 540px;

    padding-top: 12px;

    float: left;

    margin-right: 49px;

}



.customer .show .item a.pic {

    width: 216px;

    float: left;

}



.customer .show .item img {

    width: 216px;

    height: 177px;

    display: block;

    padding: 5px;

    border: 1px solid #d9d9d9;

}



.customer .show .item dl {

    width: 295px;

    height: 189px;

    position: relative;

    margin: 0px 0 0 29px;

    float: left;

}



.customer .show .item dt {

    height: 30px;

    line-height: 30px;

}



.customer .show .item dt a {

    font-size: 16px;

    color: #474444;

    font-weight: bold; height:25px;overflow:hidden;display:block;

}



.customer .show .item dd {

    height: 90px;

    line-height: 30px;

    font-size: 14px;

    color: #666464;

    overflow: hidden;

}



.customer .show .item dl a.more {

    width: 91px;

    height: 27px;

    line-height: 27px;

    background: #23c7b8;

    display: block;

    text-align: center;

    font-size: 14px;

    color: #fff;

    position: absolute;

    left: 0;

    bottom: 10px;

}





/*customer end*/





/*about*/



.about {

    width: 100%;

    padding: 50px 0 0;

}



.abstract {

    width: 1180px;

    height: 615px;

    background: #fff;

    margin: 0 auto;

    position: relative;

}



.abstract .fl {

    width: 358px;

    height: 430px;

    position: absolute;

    left: 0;

    top: 0;

    background: url("../images/about1.jpg") no-repeat center;

}



.abstract .fl h3 {

    position: absolute;

    left: 85px;

    top: 185px;

}



.abstract .fl h3 a {

    font-size: 32px;

    color: #23c7b8;

    font-weight: bold;

}



.abstract .fl p {

    font-size: 18px;

    font-weight: bold;

    color: #585757;

    margin-top: 10px;

}



.abstract .fr {

    width: 755px;

    height: 462px;

    float: right;

    margin-right: 20px;

    position: relative;

}



.abstract .fr h3 a {

    height: 40px;

    line-height: 40px;

    font-size: 18px;

    color: #545454;

    font-weight: bold;

}



.abstract .fr p {

    height: 150px;

    line-height: 30px;

    font-size: 14px;

    color: #a7a1a1;

    margin-bottom: 20px;

}



.abstract .fr a.zx {

    width: 200px;

    height: 37px;

    line-height: 37px;

    border: 1px solid #bfbfbf;

    display: block;

    text-align: center;

    font-size: 14px;

    color: #333333;

}



.abstract div.pic {

    width: 904px;

    height: 338px;

    position: absolute;

    left: 258px;

    bottom: 0;

}



.abstract div.pic img {

    width: 904px;

    height: 338px;

}



.team {

    width: 1180px;

    margin: 0 auto;

}



.gd_03 {

    position: relative;

    height: 230px;

    width: 610px;

    float: right;

    padding: 17px 0px 0;

    margin-top: 15px;

}



.gd_03 #simgs03 {

    margin: 0 auto;

}



.gd_03 em {

    position: absolute;

    top: 90px;

}



.gd_03 .t_l {

    left: -48px;

}



.gd_03 .t_r {

    right: -48px;

}



.gd_03 li {

    float: left;

    width: 180px;

    margin-right: 36px;

}



.gd_03 li.last {

    margin-right: 0;

}



.gd_03 li img {

    display: block;

    width: 172px;

    height: 120px;

    border: 4px solid #e3e1e1;

}



.gd_03 li .mingcheng {

    width: 173px;

    height: 38px;

    text-align: center;

    line-height: 38px;

    color: #504f4f;

    font-size: 14px;

    display: block;

}



.gd_03 .fl {

    float: left;

}



.gd_03 .fr {

    float: right;

}



.gd_03 .pa {

    position: absolute;

}



.cfcm {

    width: 1180px;

    margin: 40px auto;

}



#tab03 {

    width: 100%;

    overflow: hidden;

}



#tab03 .tab_menu03 {

    width: 195px;

    float: left;

}



#tab03 .tab_menu03 li {

    width: 163px;

    height: 50px;

    line-height: 50px;

    cursor: pointer;

    text-align: center;

    margin: 25px auto;

    background: #23c7b8;

}



#tab03 .tab_menu03 li a {

    width: 163px;

    height: 50px;

    line-height: 50px;

    display: block;

    font-size: 16px;

    color: #fff;

}



#tab03 .tab_box03 {

    width: 980px;

    float: left;

    margin-left: 5px;

}



#tab03 .tab_menu03 .selected {

    cursor: pointer;

    background: #f08200;

}



#tab03 .hide {

    display: none;

}



#tab03 .tab_box03 div {

    overflow: hidden;

}



#tab03 .tab_box03 div a.item {

    width: 221px;

    float: left;

    margin-right: 24px;

}



#tab03 .tab_box03 div a.item img {

    width: 213px;

    height: 147px;

    padding: 3px;

    border: 1px solid #dbdbdb;

}



#tab03 .tab_box03 div a.item p {

    width: 221px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    font-size: 14px;

    color: #333333;

}





/*about end*/





/********newBox********/



.newBox {

    width: 100%;

    padding: 13px 0;

}



.new {

    width: 1180px;

    background: #f8f8f8;

    padding-top: 20px;

    margin: 0 auto;

}



#tab04 {

    width: 706px;

    float: left;

    margin-left: 32px;

}



#tab04 .tab_menu04 {

    width: 100%;

    height: 70px;

    padding-bottom: 10px;

    background: url("../images/new_h3_bg_03.jpg") no-repeat bottom;

}



#tab04 .tab_menu04 li {

    float: left;

    width: 80px;

    height: 46px;

    line-height: 46px;

    cursor: pointer;

    margin-right: 18px;

    border-radius: 23px;

    background: url("../images/new_dot_03.jpg") no-repeat left;

    padding-left: 25px;

}



#tab04 .tab_menu04 ul li:first-child {

    background: none;

    padding-left: 0;

}



#tab04 .tab_menu04 ul a.more {

    float: right;

    height: 46px;

    line-height: 46px;

    font-size: 14px;

    color: #333333;

    margin-right: 10px;

}



#tab04 .tab_menu04 li a {

    width: 135px;

    height: 46px;

    display: block;

    font-size: 20px;

    font-weight: bold;

    color: #565454;

}



#tab04 .tab_menu04 span {

    width: 100%;

    display: block;

    float: left;

    font-size: 18px;

    color: #c5c5c5;

    font-weight: bold;

    text-transform: uppercase;

}



#tab04 .tab_box04 {

    width: 100%;

    clear: both;

    top: 11px;

    position: relative;

}



#tab04 .tab_menu04 .selected {

    cursor: pointer;

}



#tab04 .tab_menu04 .selected a {

    color: #23c7b8;

    font-weight: bold;

}



#tab04 .hide {

    display: none;

}



#tab04 .tab_box04 div {

    overflow: hidden;

}



#tab04 .tab_box04 div .box01 {

    width: 100%;

}



#tab04 .tab_box04 div .box01 img {

    width: 221px;

    height: 145px;

    float: left;

}



#tab04 .tab_box04 div .box01 dl {

    width: 450px;

    height: 145px;

    position: relative;

    float: right;

}



#tab04 .tab_box04 div .box01 dl span {

    display: block;

    height: 30px;

    line-height: 30px;

    font-size: 16px;

    color: #23c7b8;

}



#tab04 .tab_box04 div .box01 dt {

    height: 30px;

    line-height: 30px;

    margin-bottom: 5px;

}



#tab04 .tab_box04 div .box01 dt a {

    font-size: 14px;

    color: #5c5c5c;

}



#tab04 .tab_box04 div .box01 dd {

    height: 48px;

    line-height: 24px;

    font-size: 14px;

    color: #333333;

	overflow:hidden;

}



#tab04 .tab_box04 div .box01 dl a.more {

    font-size: 14px;

    color: #23c7b8;

    position: absolute;

    left: 0;

    bottom: 10px;

}



#tab04 .tab_box04 div .box02 {

    width: 100%;

    margin: 30px auto;

}



#tab04 .tab_box04 div .box02 ul {

    width: 100%;

    float: left;

}



#tab04 .tab_box04 div .box02 li {

    width: 300px;

    float: left;

    padding-left: 20px;

    margin-right: 20px;

    background: url("../images/new_icon_03.jpg") no-repeat 8px 11px;

    overflow: hidden;

    margin-bottom: 14px;

}



#tab04 .tab_box04 div .box02 li a {

    width: 300px;

    height: 30px;

    line-height: 30px;

    display: block;

    font-size: 14px;

    color: #6c6b6b;

}



.problem {

    width: 410px;

    float: right;

    margin-right: 17px;

}



.problem .prob_tit {

    width: 100%;

    height: 70px;

    padding-bottom: 10px;

    background: url("../images/new_h3_bg_03.jpg") no-repeat bottom;

}



.problem .prob_tit h3 a {

    height: 46px;

    line-height: 46px;

    font-size: 20px;

    color: #23c7b8;

    font-weight: bold;

}



.problem .prob_tit span {

    width: 100%;

    display: block;

    float: left;

    font-size: 18px;

    color: #c5c5c5;

    font-weight: bold;

    text-transform: uppercase;

}



.problem .show {

    width: 100%;

    margin-top: 15px;

}



.problem .show img {

    width: 405px;

    height: 95px;

    display: block;

    margin: 0 auto;

}



#ticker2 {

    height: 200px;

    margin-top: 20px;

    overflow: hidden;

}



.problem .show dl {

    width: 405px;

    margin: 0 auto 10px;

    padding-bottom: 20px;

    border-bottom: 1px dashed #e1e1e1;

}



.problem .show dt {

    width: 390px;

    padding-left: 15px;

    background: url("../images/prob_dot_03.jpg") no-repeat 2px 13px;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

    color: #505151;

    margin-bottom: 10px;

}



.problem .show dt a {

    width: 365px;

    line-height: 30px;

    font-size: 14px;

    color: #23c7b8;

}



.problem .show dd {

    width: 390px;

    padding-left: 15px;

    background: url("../images/prob_dot_05.jpg") no-repeat 2px 13px;

    line-height: 24px;

    height: 60px;

    color: #5c5c5c;

}





/*new end*/





/*link*/



.linkBox {

    width: 100%;

    margin-bottom: 10px;

}



.link {

    width: 1180px;

    margin: auto;

    height: 50px;

    background: #ffffff;

    line-height: 50px;

}



.link span {

    font-size: 15px;

    /*font-weight: bold;*/

    color: #494747;

    /*width: 219px;*/

    height: 50px;

    display: block;

    float: left;

    line-height: 50px;

    text-align: center;

    /*background: url(../images/link_h3_03.png) no-repeat 0 0;*/

}



.link a {

    padding-left: 2px;

    padding-right: 2px;

    color: #585656;

    font-size: 14px;

}







/*首页列表*/

.lx {

    font-size: 20px;

    margin-bottom: 10px;

    border-bottom: 1px dashed #e9e9e9;

    line-height: 10px;

    height: 21px;

}



.zcwz p{

    font-size: 16px;

    line-height: 30px;

}

.sylx{

    margin-top: 61px;

    margin-left: 12px;

    width: 230px;

}





/*底部*/

.grWidth {

    width: 1200px;

    margin: 0 auto;

}

.footWrap {

    width: 100%;

    background: #23c7b8;

    position: relative;

}

.footer {padding: 20px 0;color: #fff;overflow:hidden;}

.fnav {width: 440px;text-align:center;}

.fnav dl {width: 180px;float: left; margin-right: 40px;}

.fnav dl dt ,.flxwm dl dt { line-height: 36px; font-weight: bold;border-bottom: 1px dashed #e8e8e8; padding-bottom: 5px; margin-bottom: 10px;}

.fnav dl dt a ,.flxwm dl dt {color: #fff;font-size: 20px;}

.fnav li {line-height: 38px;}

.fnav li a{ color:#fff; display:inline-block; font-size:16px;}

.flxwm {

    margin-right: 40px;

    width: 340px;

}

.flxwm dl dd {font-size: 16px; line-height: 32px;}

.ferwm {

    width: 380px;

}

.ferwm ul {

    float: left;

    width: 180px;

    padding: 60px 20px 0 0;

    text-align: center;

    font-size: 16px;

    line-height: 36px;

}

.ferwm ul:last-child {padding-right: 0;}

.ferwm img {

    width: 170px;

}



.footWrap .fbot {background: #eee; /*height: 51px;*/ line-height: 30px; width: 100%;}

.footWrap .fbot .db-nr { width: 1200px; margin: 0 auto;text-align: center;}

.footWrap .fbot .db-nr a,.foot .fbot .db-nr span{font-size: 14px;}

.db-nr{

    font-size: 16px;

}

.fl {

    float: left;

}

.fr {

    float: right;

}



/*内容页推荐*/

.content ul li .pic img {

    width: 180px;

    height: 140px;

    display: block;

    padding: 2px;

    border: 1px solid #ccc;

}

.content ul li .title {

    line-height: 24px;

}

/*联系我们*/

.conntact_eles{ width:1200px; height:auto; overflow:hidden;}

.conntact_eles .cont_fl{ width:380px; height:auto; margin:30px auto;}

.conntact_eles .cont_fl h2{ font-style:normal; font-size:24px; color:#333; 

    text-align:center; width:380px;}

.conntact_eles .cont_fl p{ color:#666666; font-size:14px; line-height:60px}

.conntact_eles .cont_fl img{ width:188px; height:188px; overflow:hidden}

.conntact_eles .cont_fl p.wx{ color:#c9c6c3; font-size:16px; line-height:50px; width:185px; height:auto; margin:0 auto;text-align:center}

.conntact_eles .map{ width:710px; height:395px; margin-right:30px; margin-top:30px}



.contactlx{

    width: 1200px;

    height: auto;

    overflow: hidden;

    margin: 0 auto;

    margin-bottom: 50px;

}



.map{width: 100%;height: 400px;}

#allmap {height: 500px;border: 1px #ddd solid;width: 900px;margin: 10px;}

#con_lx{ height:auto; overflow:hidden; line-height:2.0; font-size:14px; width:90%; margin-bottom:20px;}

#con_lx p{ border-bottom:1px dotted #ccc; line-height:35px; padding-left:20px; transition:0.3s all 0s linear; }

#con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc; padding-left:30px;}



/*大图*/

.ny_banner{width:100%; height:300px;}

.about_ban{background:url("../images/about_ban.jpg") no-repeat center}

 

.case_ban{background:url("../images/case_ban.jpg") no-repeat center}

.contact_ban{background:url("../images/contact_ban.jpg") no-repeat center}

.news_ban{background:url("../images/news_ban.jpg") no-repeat center}

.product_ban{background:url("../images/product_ban.jpg") no-repeat center}

 

.message_ban{background:url("../images/message_ban.jpg") no-repeat center}



/*留言*/

.contactly {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}

.contactly .contact{ width:1200px; height:auto; overflow:hidden;  margin:0 auto; margin-bottom:50px}

.contactly .title{  margin:30px auto;   text-align:center; }

#contact_02_title{width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #898989;}

#contact_02 .line{width: 72px;height: 1px;background: #c6c6c6;margin:9px auto 0;display: block;}

#contact_02_form{width: 95%;margin:30px auto;}

#contact_02_form .form01 .line1{width: 300px;height: 48px;line-height: 48px;

    padding:0 30px 0 12px;float: left;margin:0 30px 25px 10px;}

#contact_02_form .form01 input{border:1px solid #d5d5d5;font-size: 14px;font-family: "微软雅黑";}

#contact_02_form .form01 .name{background: #fff url("../images/i_form_ico1.png") no-repeat right 0;}

#contact_02_form .form01 .phone{background: #fff url("../images/i_form_ico2.png") no-repeat right 0;}

#contact_02_form .form01 .dz{margin-right: 0;background: #fff url("../images/i_form_ico3.png") no-repeat right 0;}

#contact_02_form .form01 textarea{width: 100%;border: 1px solid #d5d5d5;height: 149px;font-size: 14px;font-family: "微软雅黑";line-height: 1.5;margin-bottom: 20px;background: #fff url("../images/i_form_ico4.png") no-repeat right top;}

#contact_02_form .form02{width: 310px;height: 50px;margin:0 auto;}

#contact_02_form .form02 input {width: 310px; height: 50px; border: 0; background: #848484; font-size: 16px;font-family: "微软雅黑"; line-height: 50px; color: #fff; text-align: center; cursor: pointer;transition: all .4s;}

#contact_02_form .form02 input:hover{background: #23c7b8;}

#contact_03{width: 100%;margin:0 auto;border-top: dashed 1px #adadad; padding-top: 28px;margin-top: 60px;}

#contact_04{width: 100%;height: 50px;margin:0 auto;background: #054cda;line-height: 50px;color: #fff;text-transform: uppercase;font-weight: bold;font-size: 45px;font-style: italic;}

#contact_04 span{padding-left: 36px;}

