@charset "utf-8";





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





::selection {


    background-color: #0222ad;


}





::-moz-selection {


    background-color: #0222ad;


}





::-webkit-selection {


    background-color: #0222ad;


}





::-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 #0222ad 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: #0222ad;


    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: #0222ad;


}





.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;


}





.cp_l {


    width: 270px;


}


.cp_lt {


    width: 270px;


    height: 120px;


    background: #0222ad;


    border-top-left-radius: 6px;


    border-top-right-radius: 6px;


    overflow: hidden;


}


.cp_lt span {


    width: 76px;


    float: left;


    background: url(../images/proclass_tit.jpg) no-repeat 30px 24px;


    height: 70px;


}


.cp_lt a{ font-size:28px; color:#fff;display: block; padding: 20px 0 10px 85px;}


.cp_lt a p {font-size: 22px;line-height: 36px;}


.cp_lt i{display: block;font-size: 18px;color: #a3cee6;font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; padding:5px 0 0;}


.cp_lm {


    width: 250px;


    margin: 0 auto;


    border: 10px solid #0222ad;


    border-top: none;


    padding-bottom: 20px;


    overflow: hidden;


}


.cp_lm h3 { width:220px; height: 40px; margin: 20px auto 0;}


.cp_lm h3 a{ 


    font-size:16px;


    color:#fff;


    font-weight:normal;


    display: block;


    padding-left: 20px;


    border-radius:5px;


    line-height: 40px;


    background: #0222ad;


    overflow: hidden;


}


.cp_lm h3 a:hover{background: #fe0000;color: #fff; text-decoration:none;}


.cp_lm h3 span {


    width: 0px;


    height: 0px;


    float: right;


    border-top: 6px solid #fff;


    border-right: 6px solid #0222ad;


    border-bottom: 6px solid #0222ad;


    border-left: 6px solid #0222ad;


    margin: 17px 20px 0 0;


}


.cp_lm h3 a:hover span {


    border-top: 6px solid #fff;


    border-right: 6px solid #cfc645;


    border-bottom: 6px solid #cfc645;


    border-left: 6px solid #cfc645;


}


.cp_lm ul {


    margin: 0 auto;


    width: 229px;


    height: auto;


    overflow: hidden;


}


.cp_lm ul li {


    line-height: 35px;


    background: url(../images/fdh_y02.png) no-repeat 15px 11px;


    padding-left: 31px;


    border-bottom: 1px dashed #ccc;


}


.cp_lm ul li a {font-size: 14px;}


.cp_fw {


    margin: 0 auto;


    width: 250px;


    padding: 5px 10px 0;


    background: #0222ad;


    overflow: hidden;


}


.cp_fw .cp_tel {background:url(../images/phones.png) no-repeat 10px 22px;padding-left:75px;color:#fff;}


.cp_fw .cp_tel1 {line-height: 20px;font-size: 16px;margin-top:5px;    color:#fff;}


.cp_tel span {


    font-size: 20px;


    padding-left: 2px;


    line-height: 40px;


}





.cp_tel b {font-size: 24px;line-height: 28px;display:block;font-family:Arial;}


.cp_more {


    margin: 10px 0 10px 10px;


}


.cp_more span {


    display: inline-block;


    vertical-align: middle;


    width: 100px;


    height: 30px;


    text-align: center;


    line-height: 28px;


    border-radius: 6px;


    border: 1px solid #fff;


    margin-right: 15px;


}


.cp_more span a {


    color: #fff;


    font-size: 14px;


}


 


.cptj{ width: 910px;}


.cp_1 { position: relative;width: 900px;overflow: hidden;}


.cp_1 ul li {


    width: 280px;


    height: 294px;


    overflow: hidden;


    float:left;


    padding: 0px 10px;


    position: relative;


}


.cp_1 ul li .pic { width: 276px; overflow: hidden; height: 216px;padding: 1px;border: #e6e6e6 1px solid;border-top-left-radius: 6px;


    border-top-right-radius: 6px;}


.cp_1 ul li .pic img { width: 276px; height: 216px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;}


.cp_1 ul li .pic:hover img{-webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2);}


.cp_1 ul li .mc {


    line-height: 40px;


    text-align: center;


    background: #ddd;


    width: 280px;


    height: 40px;


 


    position: absolute;


}


.cp_1 ul li .mc:hover {background:#0222ad;}


.cp_1 ul li .mc:hover a {color:#eee;}





/*product end*/





/* 行业案例 */


.fengcai {


    padding: 20px 0 10px 0;


    overflow: hidden;


}


.jal{ width:636px; height:131px; margin:0 auto 10px; background: url(../images/fabt.jpg) no-repeat center 10px; text-align:center; font-size:32px; font-weight:bold; line-height:172px; color:#333;}


.jal strong{ font-size:32px; font-weight:bold; line-height:172px; color:#0222ad;}


.jal span{ font-size:32px; font-weight:bold; line-height:172px; color:#0222ad;}


.fc {


    margin: 30px auto 20px;


    overflow: hidden;


}


.fc_c ul li { width: 280px; float:left; padding: 0 10px;overflow: hidden;}


.fc_c ul li img{ width:278px; height: 209px;}


.fc_c ul li a{display: block; zoom: 1;position: relative;height: 209px;border:1px solid #e5e5e5;width:278px; box-shadow:2px 3px 4px #eee;}


.fc_c ul li a:before,.fc_c ul li a:after{content: '';position: absolute;z-index: 1;overflow: hidden;left: 50%;height: 0px;width: 20%;border: 1px solid #cfc645;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width .3s ease-out .2s, height .2s ease-in;transition: width .3s ease-out .2s, height .2s ease-in;}


.fc_c ul li a:before{top: -1px;border-bottom: 0;}


.fc_c ul li a:after{bottom: -1px;border-top: 0;}


.fc_c ul li a:hover:before,.fc_c ul li a:hover:after{width: 100%;height: 165px;-webkit-transition: width .3s ease-in, height .2s ease-out .3s;transition: width .3s ease-in, height .2s ease-out .3s;}


.fc_c ul li p {


    line-height: 36px;


    text-align: center;


}


/*mid_banner01*/





.mid_banner01 {


    width: 100%;


    height: 254px;


}





.mid_banner01 .mid_ban {


    width: 100%;


    height: 201px;



}





.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: #0222ad;


    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: #0222ad;


    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: #0222ad;


    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: #0222ad;


}





.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*/


 


#ys li {


    width: 25%;


    float: left;


    text-align: center;


    padding-top: 80px;


    color: #fff;


    font-size: 14px;


}


#ys li p {


    font-size: 20px;


    line-height: 70px;


}


.ys_t {


    text-align: center;


}


.ys_t dl dt {


    font-size: 42px;


    color: #0222ad;


    font-weight: bold;


    padding: 20px 0;


    margin-top: 10px;


}


.ys_t dl dt span {color: #fe0000;}


.ys_t dl p {


    color: #999;


    font-size: 16px;


}


.ys_t dl p i {


    font-style: normal;


    padding: 0 10px;


}


.ys_t dl dd {


    padding-top: 15px;


    padding-bottom: 20px;


    font-size: 26px;


    font-weight: bold;


    color: #333;


}


.odds{padding:60px 0 10px 0;overflow:hidden;font-size:14px;}


.oddsTitle{text-align:center;}


.oddsNum{float:left;width:50px;height:64px;font-size:35px;color:#fff;text-align:center;line-height:50px;background:url(../images/oddsNum.jpg) no-repeat;margin-top:5px;}


.oddsFont{width:580px;padding-left:15px;float:left;}


.oddsFont li{font-size:26px;font-weight: bold;color:#0222ad;line-height:30px;text-transform:uppercase;margin-bottom:20px;}


.oddsFont p{


    background: url(../images/side_li.png) no-repeat left 7px;


    padding-left: 25px;


    border-bottom: 1px dotted #ababab;


    line-height: 28px;


    margin-bottom: 8px;


    padding-bottom: 8px;


}


 .oddsFont .last{border-bottom:none;}


.odds1{background:url(../images/odds1.jpg) no-repeat right top;padding:35px 505px 0 0;height:320px;}


.odds2{background:url(../images/odds2.jpg) no-repeat left top;padding:51px 0 0 540px;height:340px;}


.odds3{background:url(../images/odds3.jpg) no-repeat right top;padding:30px 510px 0 0;height:345px;}


.odds4{background:url(../images/odds4.jpg) no-repeat left center;padding:50px 0 0 540px;height:340px;}


 





/*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: #0222ad;


}





.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: #0222ad;


    display: block;


    text-align: center;


    font-size: 14px;


    color: #fff;


    position: absolute;


    left: 0;


    bottom: 10px;


}








/*customer end*/








/*about*/


 .about {


    background:url(../images/about_bg.jpg) no-repeat;


    height: 540px;


    overflow:hidden;


    margin-top: 20px;


}


.about .homeTitle{font-size:25px;color:#fff;line-height:35px;padding: 40px 0 15px;text-align: center;}


.about .homeTitle p{display:block;font-size:18px;font-weight:normal;color:#fff;background:url(../images/homeTie_bg3.png) no-repeat center 13px;}


.about .top1 {


    width: 100%;


    overflow: hidden;


    zoom: 1;


    padding: 16px 0;


}


.about .top1 .imgs {


    margin-top: 20px;


    width: 450px;


    height: 320px;


    overflow: hidden;


}


.about .top1 .imgs img {


    display: block;


    width: 450px;


    height: 320px;


    position: relative;


    float: left;


    transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;


}


.about .top1 .imgs:hover img{-webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3);}


.about .top1 .rit {


    width: 700px;


    overflow: hidden;


    float: right;


    font-size: 14px;


    color: #fff!important;


    text-align: left;


    padding: 10px 0 0 0;


    height: 340px;


}


.about .top1 .rit span{ font-size:14px; color:#fff;}


.rit_up {


    width: 700px;


    height: 290px;


}


.rit_up p {


    line-height: 28px;


    text-indent: 2em;


    padding-bottom: 10px;


}


.rit_dw {


    width: 700px;


    height: 32px;


    margin-top: 20px;


}


.rit_dw p {


    width: 110px;


    background: #fe0000;


    height: 30px;


    line-height: 30px;


    text-align: center;


    float: right;


    margin-left: 15px;


}


.rit_dw p a{ font-size:16px; color:#fff;}





/*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: #0222ad;


    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: #0222ad;


}





#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: #0222ad;


    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: #0222ad;


    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: #0222ad;


}





.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: #0222ad;


    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: #0222ad;}


#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;}