@charset "utf-8";

/*初始样式*/
body {
    color: #333;
    font: 14px "Microsoft Yahei";
}

/*网站字体颜色*/
body,
ul,
ol,
li,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
img,
span,
input {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: #333;
    text-decoration: none;
    font-family: "Microsoft Yahei";
}

/*for ie f6n.net*/
a:focus {
    outline: 0;
}

/*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img {
    border: none;
}

.vam {
    vertical-align: middle;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

p {
    word-spacing: -1.5px;
    font-family: "Microsoft Yahei";
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Microsoft Yahei";
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.center {
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pa {
    position: absolute;
}

.pr {
    position: relative
}

i,
em {
    font-style: normal;
}

.clearfix:after {
    content: "";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

/* -- 页面整体布局 -- */
.content {
    width: 1200px;
    margin: 0 auto;
    font-family: "Microsoft Yahei";
}

.header,
.content,
.footer {
    width: 1200px;
    margin: 0 auto;
}

.banner {
    height: 630px;
    overflow: hidden;
}

.ban_bg {
    height: 630px;
    width: 100%;
    position: relative;
}

.ban_bg .bgitem {
    position: absolute;
    top: 0;
}

.ban_bg .btn {
    bottom: 5px;
    margin-right: -450px;
    padding: 5px 6px;
    position: absolute;
    right: 50%;
    z-index: 7;
}

.ban_bg .btn span {
    background: none repeat scroll 0 0 #2B130F;
    border: 1px solid #2B130F;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
    padding: 2px 5px;
}

.ban_bg .btn span.cur {
    font-weight: bold;
    padding: 4px 8px;
}




.h_top {
    background: url(../images/h_bg.gif) repeat-x center 0;
    height: 251px;
    font-family: "Microsoft Yahei";
    overflow: hidden;
}

.header {
    width: 1200px;
    margin: 0 auto;
}

.h_zc {
    color: #959595;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.h_zc a {
    color: #959595;
    padding: 0 12px;
    display: inline-block;
}

.h_zc a img {
    margin-right: 5px;
    float: left;
}

.h_con {
    margin-top: 37px;
    height: 116px;
    overflow: hidden;
}

.t_text {
    float: left;
    height: 77px;
    color: #3e3e3f;
    font-size: 28px;
    font-weight: bold;
    padding-left: 22px;
}

.t_text i {
    color: #f58220;
    line-height: 50px;
}

.t_text b {
    display: block;
    font-size: 18px;
    font-weight: normal;
}

.h_logo {
    margin: 17px 26px 0 4px;
}

.h_logo img {
    height: 65px;
}

.h_pho {
    margin-top: 18px;
    padding-left: 60px;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    height: 60px;
    background: url(../images/tel.gif) no-repeat 0px 14px;
}

.h_pho b {
    color: #f58220;
    font-size: 28px;
    font-weight: bold;
}

.menu {
    height: 58px;
    font-size: 16px;
    overflow: hidden;
}

.menu li {
    float: left;
    margin-left: -1px;
    text-align: center;
    background: url(../images/h_nav.gif) no-repeat right center;
}

.menu li a {
    color: #bcbcbc;
    line-height: 58px;
    display: inline-block;
    height: 58px;
    padding: 0 54px;
}

.menu li.cur a,
.menu li a:hover {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: #f58220;
}

.menu li.nones {
    background: none;
}


.seabox {
    overflow: hidden;
    height: 80px;
    overflow: hidden;
    font-family: "Microsoft Yahei";
    background: #efefef;
}

.content {
    width: 1200px;
    margin: 0 auto;
}

.sea_in {
    margin-top: 21px;
}

.sea_in .serach {
    width: 268px;
    height: 40px;
    border: 0;
    line-height: 40px;
    color: #222222;
    padding: 0 0 0 10px;
    float: left;
    outline: none;
    display: block;
    font-size: 14px;
    background: url(../images/ser1.gif) no-repeat left top;
    border: none;
}

.sea_in .sub {
    width: 34px;
    height: 40px;
    background: url(../images/ser2.gif) no-repeat left top;
    border: none;
    float: left;
}

.k_word {
    overflow: hidden;
    width: 800px;
    color: #252525;
    height: 80px;
    line-height: 80px;
    font-size: 16px;
}

.k_word a {
    color: #252525;
    display: inline-block;
    padding: 0 10px;
}



/*mo_shi*/
.mo_shi {
    height: 750px;
    padding-top: 70px;
    background: #fff;
}

.mo_shi .tit {
    color: #202020;
    text-align: center;
    font-family: "Microsoft Yahei";
}

.mo_shi .tit span,
.tit em {
    display: block;
}

.mo_shi .tit span {
    height: 46px;
    line-height: 46px;
    font-size: 36px;
    font-weight: bold;
}

.mo_shi .tit em {
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    padding-top: 5px;
    font-weight: normal;
}

.mo_shi .tit strong {
    font-family: "SimSun";
    font-size: 32px;
}

.ms_ul {
    padding-top: 50px;
}

.ms_ul li {
    float: left;
    width: 300px;
    height: 270px;
    margin-left: 40px;
    position: relative;
    margin-bottom: 15px;
}

.ms_ul li.ml0 {
    margin-left: 0;
}

.ms_ul li img {
    width: 300px;
    height: 269px;
    object-fit: cover;
    border: 1px solid #ff7e00;
}

.ms_ul li p {
    position: absolute;
    width: 100%;
    height: 50px;
    text-align: center;
    left: 0;
    bottom: 0;
}

.ms_ul li p span {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    background: #ff7e00;
}

.ms_ul li p em {
    padding: 5px 25px 0;
    display: none;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
}

.ms_ul li:hover p {
    padding-top: 60px;
    height: 210px;
    background: url("../images/mosb.png") repeat center;
}

.ms_ul li:hover p em {
    display: block;
}



/*ye_wu*/
.ye_wu {
    padding: 70px 0 0;
    background: url("../images/ywbg.jpg") no-repeat center;
}

.ye_wu .tit {
    text-align: center;
    font-family: "Microsoft Yahei";
    color: #fff;
}

.ye_wu .tit span,
.tit em {
    display: block;
}

.ye_wu .tit span {
    height: 46px;
    line-height: 46px;
    font-size: 36px;
    font-weight: bold;
}

.ye_wu .tit em {
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    padding-top: 5px;
    font-weight: normal;
}

.ye_wu .tit strong {
    font-family: "SimSun";
    font-size: 32px;
}


.yw_tabs {
    padding-top: 40px;
}

.yw_tabs li {
    float: left;
    margin-left: -1px;
    margin-right: 1px;
}

.yw_tabs li a {
    display: block;
    width: 85px;
    height: 44px;
    line-height: 22px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 18px 62px;
    position: relative;
}

.yw_tabs li:last-child a {
    background: none;
}

.yw_tabs li.cur a {
    background: #f58220;
}

.yw_tabs li.cur a::after {
    content: "";
    position: absolute;
    border-color: #f58220 transparent transparent;
    border-style: solid;
    border-width: 8px 12px 0;
    left: 88px;
    bottom: -8px;
    z-index: 10;
}

.yw_box {
    padding-top: 35px;
}

.yw_dx {
    padding: 0 64px 0 30px;
}

.yw_lf {
    float: left;
    width: 450px;
    padding-top: 38px;
}

.yw_hza {
    height: 255px;
    background: url("../images/ywb1.png") no-repeat center;
    padding: 0 30px;
}

.yw_hza h4 {
    padding: 35px 0 15px;
}

.yw_hza h4 a {
    display: inline-block;
    font: bold 16px/24px "Microsoft Yahei";
    color: #fff;
}

.yw_hza p span {
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #a0a0a0;
}

.yw_hza p {
    color: #a0a0a0;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #a0a0a0;
}

.yw_hzb {
    width: 222px;
    height: 143px;
    padding-top: 45px;
    margin: 0 auto;
    border-left: 4px solid #626264;
    border-right: 4px solid #626264;
    background-color: #101012;
}

.yw_hzb a {
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    background-color: #262626;
}

.yw_rt {
    float: right;
    width: 562px;
}

.yw_hzc {
    height: 298px;
    padding: 9px 16px 12px;
    background: url("../images/ywb2.jpg") no-repeat center;
}

.yw_hzc ul li,
.yw_hzc ul li img {
    width: 530px;
    height: 298px;
}

.yw_hzc ul li {
    position: relative;
}

.yw_hzc ul li p {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
    z-index: 2;
}

.yw_hzc ul li p em,
.yw_hzc ul li p span {
    display: block;
    text-align: center;
}

.yw_hzc ul li p em {
    height: 24px;
    font: bold 16px/24px "Microsoft Yahei";
    color: #fff;
}

.yw_hzc ul li p span {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    padding-top: 5px;
}

.yw_hzd {
    width: 278px;
    height: 162px;
    margin: 0 auto;
    border-left: 4px solid #d2d2d2;
    border-right: 4px solid #d2d2d2;
    background-color: #101012;
    position: relative;
}

.yw_hzd .yw_prev,
.yw_hzd .yw_next {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 40px;
    cursor: pointer;
}

.yw_hzd .yw_prev {
    background: url("../images/ywbt1.png") no-repeat center;
    left: 86px;
}

.yw_hzd .yw_next {
    background: url("../images/ywbt2.png") no-repeat center;
    right: 86px;
}


/*关于*/
.abouts {
    height: 818px;
    background: url(../images/about_bg.jpg) no-repeat bottom center #f6f6f6;
/*    padding-top: 50px;*/
}

.abouts h2 {
    text-align: center;
}

.abouts h2 a {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    line-height: 45px;
    display: block;
    padding-top: 50px;
}

.abouts h2 a em {
    display: block;
    font-size: 36px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
}

.abouts h2 a:hover {
    text-decoration: none;
}

.ab {
    padding-top: 38px;
    padding-left: 40px;
    background: #fff;
    height: 292px;
    margin-top: 40px;
}

.ab dl {
    height: 330px;
    margin-right: 35px;
}

.ab dt {
    width: 500px;
    height: 250px;
    float: left;
}

.ab dt a {
    width: 500px;
    height: 250px;
    display: block;
    overflow: hidden;
}

.ab dt img {
    width: 500px;
    height: 250px;
    object-fit: cover;
    transition: all 0.6s ease 0s;
}

.ab dt a:hover img {
    transform: scale(1.05);
}

.ab dd {
    width: 590px;
    float: right;
}

.ab dd h3 {}

.ab dd h3 a {
    font-size: 30px;
    color: #333;
    font-weight: bold;
    line-height: 45px;
}

.ab dd h3 a:hover {
    text-decoration: none;
}

.ab dd h3 em {
    display: block;
    font-family: Microsoft Yahei;
    font-size: 22px;
    color: #aaa;
    font-weight: normal;
    text-transform: uppercase;
}

.ab dd p {
    line-height: 39px;
    font-size: 16px;
    color: #888;
    font-weight: normal;
}

.ab dd span a {
    width: 160px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #cd413a;
    margin-top: 16px;
    border: 1px solid #cd413a;
    border-radius: 15px;
    display: block;
    font-weight: bold;
    text-align: center;
}

.h_cons {
    position: relative;
    height: 375px;
    margin-top: 41px;
}

.h_cons .h-z a,
.h_cons .h-y a {
    width: 40px;
    height: 137px;
    display: block;
    z-index: 999;
}

.h_cons .h-z {
    position: absolute;
    left: -40px;
    top: 52px;
}

.h_cons .h-y {
    position: absolute;
    right: -40px;
    top: 52px;
}

.h_cons .h_con2 {
    padding-left: 37px;
}

.h_cons ul {
    height: 321px;
    padding-left: 82px;
}

.h_cons ul li {
    width: 166px;
    height: 321px;
    float: left;
    margin-right: 26px;
    position: relative;
}

.h_cons ul li.nobot {
    margin-right: 0;
}

.h_cons ul li a {
    width: 166px;
    height: 220px;
    display: block;
}

.h_cons ul li img {
    width: 160px;
    height: 214px;
    object-fit: cover;
    border: 3px solid #d2d2d2;
}

.h_cons ul li a:hover img {
    width: 160px;
    height: 214px;
    object-fit: cover;
    border: 3px solid #cd413a;
}

.hz2 {
    padding-top: 27px;
    padding-left: 26px;
}

/*关于*/



/*new*/

.new {
    padding: 65px 0 80px;
    background-color: #f2f2f2;
}

.new .tit span {
    color: #262626;
}

.new .tit {
    text-align: center;
    font-family: "Microsoft Yahei";
    color: #262626;
    padding-bottom: 35px;
}

.new .tit span,
.tit em {
    display: block;
}

.new .tit span {
    height: 46px;
    line-height: 46px;
    font-size: 36px;
}

.new .tit em {
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    padding-top: 5px;
    font-weight: normal;
}

.new .tit strong {
    font-family: "Microsoft Yahei";
    font-size: 32px;
}

.new_tabs {
    width: 387px;
    height: 48px;
    margin: 0 auto;
}

.new_tabs li {
    float: left;
    width: 180px;
    margin: 0 5px;
}

.new_tabs li a {
    display: block;
    height: 32px;
    font: bold 18px/32px "Microsoft Yahei";
    color: #262626;
    text-align: center;
    padding-bottom: 14px;
    border-bottom: 2px solid #262626;
}

.new_tabs li.cur a {
    color: #ba232e;
    border-bottom: 2px solid #ba232e;
}

.new_dx {
    padding-top: 40px;
}

.new_box dl {
    height: 274px;
}

.new_box dt {
    float: left;
    width: 345px;
    height: 274px;
    position: relative;
}

.new_box dt a {
    position: absolute;
    width: 394px;
    height: 222px;
    left: 0;
    top: 26px;
    z-index: 1;
}

.new_box dt a img {
    width: 394px;
    height: 222px;
    object-fit: cover;
}

.new_box dd {
    float: right;
    width: 760px;
    height: 222px;
    background-color: #fff;
    padding: 52px 0 0 90px;
}

.new_page {
    float: left;
    width: 555px;
}

/*.new_page h4{font-weight: normal;}*/
.new_page h4 a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #262626;
}

.new_page p {
    line-height: 26px;
    height: 78px;
    overflow: hidden;
    font-size: 14px;
    color: #585858;
    padding: 15px 0 32px;
}

.new_page em {
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #f58220;
}

.new_time {
    float: right;
    padding: 0 30px;
    width: 92px;
    height: 168px;
    border-left: 2px dashed #dedede;
}

.new_time span,
.new_time em {
    display: block;
    font-family: "Microsoft Yahei";
    color: #ba232e;
    text-align: right;
}

.new_time span {
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 30px;
}

.new_time em {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
}

.new_ul {
    height: 165px;
    padding-top: 40px;
}

.new_ul li {
    float: left;
    width: 560px;
    height: 165px;
}

.new_ul li.mrt {
    margin-right: 80px;
}

.new_ul li h4 {
    float: left;
    width: 76px;
    padding: 20px 15px;
    background-color: #262626;
}

.new_ul li h4 span,
.new_ul li h4 em {
    display: block;
    font-family: "Microsoft Yahei";
    color: #fff;
    text-align: right;
}

.new_ul li h4 span {
    height: 38px;
    line-height: 38px;
    font-weight: bold;
    font-size: 26px;
}

.new_ul li h4 em {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

.new_hza {
    float: right;
    width: 356px;
    height: 165px;
    padding: 0 63px 0 35px;
    background-color: #fff;
    position: relative;
}

.new_hza h5 {
    padding: 30px 0 15px;
}

.new_hza h5 a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 16px;
    color: #262626;
}

.new_hza p {
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    font-size: 14px;
    color: #585858;
}

.new_hza em {
    position: absolute;
    width: 47px;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.new_hza em a {
    display: block;
    height: 47px;
}

/*new*/



/*合作客户*/
.part {
    height: 640px;
    overflow: hidden;
    padding: 80px 0 0;
}

.partil {
    text-align: center;
    background: #fff;
    height: 167px;
    font-size: 36px;
    line-height: 80px;
}

.partil span {
    font-weight: normal;
    display: block;
    margin: 0 auto;
    width: 85px;
    height: 30px;
    line-height: 30px;
    border: solid 1px #c6c6c6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    text-align: center;
    color: #666;
    white-space: nowrap;
    font-size: 14px;
}

.partil a {
    color: #333;
}

/*.partil span{font-size: 18px;font-weight: normal;background:url(../images/icobg2.gif) no-repeat center 0;line-height: 44px;}*/
.part_c ul {
    width: 1220px;
}

.part_c li,
.part_c li img {
    width: 233px;
    height: 116px;
    float: left;
    overflow: hidden;
}

.part_c li {
    margin: 0 8px 8px 0;
}

/*.part_c li:hover{border-color:#004da2;}*/
.part_c li.part_l1 {
    margin-right: 612px;
}




/*底部开始*/
.footWrap {
    background: url(../images/f_bg.jpg) repeat-x center top;
    height: 324px;
    overflow: hidden;
    padding-top: 62px;
}

.f_nav {
    height: 77px;
    overflow: hidden;
    border-bottom: 1px solid #2b8ecc;
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
}

.f_nav a {
    height: 77px;
    line-height: 77px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
}

.fa_con {
    overflow: hidden;
    height: 250px;
    border-bottom: 1px solid #3f3f3f;
}

.fa_con .a_01 {
    width: 308px;
    float: left;
}

.fa_con .a_01 a.b0 {
    margin-bottom: 18px;
    width: 207px;
    height: 92px;
    display: block;
}

.fa_con .a_01 a.b0 img {
    width: 207px;
    height: 92px;
    object-fit: contain;
}

.fa_con .a_01 .b1 {
    font-size: 26px;
    color: #fff;
    margin-bottom: 16px;
    font-weight: bold;
    font-family: arial;
    text-indent: 20px;
    margin-left: 12px;
}

.fa_con .a_01 .b2 {
    font-size: 12px;
    color: #fff;
    line-height: 24px;
/*    margin-bottom: 30px;*/
    font-family: arial;
/*    text-indent: 20px;*/
    margin-left: 34px;
}

.fa_con .a_01 li {
    float: left;
    background: url(../images/line.jpg) no-repeat right top;
}

.fa_con .a_01 li a {
    font-size: 12px;
    color: #aaa;
    line-height: 83px;
    height: 60px;
    display: block;
    padding: 0 10px;
    text-align: center;
}

.fa_con .a_01 li.icon3 a {
    background: url(../images/icon3.jpg) no-repeat top center;
}

.fa_con .a_01 li.icon5 a {
    background: url(../images/icon5.jpg) no-repeat top center;
}

.fa_con .a_01 li.icon6 a {
    background: url(../images/icon6.jpg) no-repeat top center;
}

.fa_con .a_01 li.icon6 {
    background: none;
}

.fa_con .a_02 {
    width: 122px;
    padding: 0 40px 0 90px;
    float: left;
    color: #fff;
    line-height: 28px;
    margin-right: 49px;
    border-right: 1px solid #5e5e5e;
    height: 192px;
}

.fa_con .a_02 h2 a {
    color: #fff;
    font-size: 20px;
    padding-bottom: 24px;
    display: block;
}

.fa_con .a_02 ul {}

.fa_con .a_02 li {
    float: left;
    width: 122px;
}

.fa_con .a_02 li a {
    color: #aaa;
    width: 122px;
}

.fa_con .a_03 {
    width: 82px;
    padding-right: 60px;
    float: left;
    color: #fff;
    line-height: 28px;
    border-right: 1px solid #5e5e5e;
    height: 192px;
    margin-right: 60px;
}

.fa_con .a_03 h2 a {
    color: #fff;
    font-size: 20px;
    padding-bottom: 24px;
    display: block;
}

.fa_con .a_03 ul {}

.fa_con .a_03 li {
    float: left;
    width: 72px;
}

.fa_con .a_03 li a {
    color: #aaa;
    width: 72px;
}

.fa_con .a_04 {
    width: 82px;
    height: 185px;
    padding-right: 60px;
    float: left;
    color: #fff;
    line-height: 28px;
}

.fa_con .a_04 h2 a {
    color: #fff;
    font-size: 20px;
    padding-bottom: 24px;
    display: block;
}

.fa_con .a_04 ul {}

.fa_con .a_04 li {
    float: left;
    width: 72px;
}

.fa_con .a_04 li a {
    color: #aaa;
    width: 72px;
}


.fa_con .a_05 {
    width: 107px;
    float: right;
    padding-left: 55px;
    color: #aaa;
    margin-right: 55px;
    line-height: 30px;
}

.fa_con .a_05 a {
    width: 107px;
    margin-right: 35px;
    float: left;
    text-align: center;
}

.fa_con .a_05 a img {
    width: 107px;
    height: 107px;
    transition: all 0.3s;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}


.fa_con .a_05 a img:hover {
    -webkit-transform: rotate(360deg) scale(1, 1);
    -moz-transform: rotate(360deg) scale(1, 1);
    -o-transform: rotate(360deg) scale(1, 1);
    -ms-transform: rotate(360deg) scale(1, 1);
    transform: rotate(360deg) scale(1, 1);
}


.fa_con .a_05 a span {
    width: 107px;
    color: #aaa;
    padding-top: 5px;
    height: 10px;
    display: block;
    font-size: 14px;
}


.wenzi {
    height: 73px;
    line-height: 73px;
    color: #fff;
    overflow: hidden;
    font-size: 12px;
}

.wenzi em {
    padding: 0 4px;
}

.wenzi a {
    color: #fff;
}


/*底部结束*/

.link {
    height: 59px;
    line-height: 59px;
    background: #808080;
}

.link em {
    float: left;
    font-size: 30px;
    color: #fff;
    margin-left: 45px;
}

.link p {
    float: left;
    margin-left: 62px;
}

.link p a {
    margin-right: 40px;
    color: #fff;
}


/*新闻 */
.news {
    width: 887px;
    margin-left: 3px;
    float: left;
}

.news-tit {
    width: 887px;
    border-bottom: 1px #76ceee solid;
    height: 27px;
}

.news-tit ul {
    width: 300px;
    float: left;
}

.news-tit li {
    float: left;
}

.news-tit li a {
    border-left: 2px #cdbda3 solid;
    height: 18px;
    line-height: 18px;
    padding: 0 18px;
    font-size: 18px;
    font-weight: normal;
    font-family: "微软雅黑";
    font-weight: bold;
    color: #76ceee;
}

.news-tit li a:hover,
.news-tit li.cur a {
    border-left: 4px #fc9b2a solid;
    padding: 0 18px 0 16px;
}

.news-tit span,
.faq h2 span {
    float: right;
    height: 26px;
    line-height: 26px;
    padding-right: 11px;
    font-size: 12px;
    font-weight: normal;
}

.news-tit span a,
.faq h2 span a {
    color: #cdcdcd
}

.news-c {
    width: 887px;
    padding-top: 27px;
}

.news-c dl {
    height: 163px;
}

.news-c dt {
    width: 244px;
    float: left;
    height: 163px;
}

.news-c dt img {
    width: 242px;
    height: 161px;
    border: 2px #1f1f1a solid;
}

.news-c dd {
    width: 586px;
    float: left;
    padding-left: 27px;
}

.news-c dd h3,
.news-c dd h3 a {
    font-size: 14px;
    font-weight: bold;
    color: #1fafe3;
    height: 26px;
    line-height: 22px;
}

.news-c dd p {
    line-height: 24px;
    height: 80px;
    overflow: hidden;
    color: #333;
    padding-top: 20px;
}

.news-c dd span a {
    width: 74px;
    height: 22px;
    background: url(../images/customer-more.jpg) no-repeat;
    text-align: center;
    display: block;
    line-height: 22px;
    margin-top: 17px;
    color: #fff;
}

.news-c ul {
    padding-top: 8px;
    clear: both
}

.news-c li {
    width: 848px;
    background: url(../images/square.jpg) no-repeat 0px 15px;
    border-bottom: 1px #c4c4c4 dotted;
    line-height: 33px;
    padding: 0 0 0 8px;
    color: #5c5c5c;
    overflow: hidden;
    font-family: "宋体";
}

.news-c li a {
    color: #767676;
    float: left
}

.news-c li.none {
    border-bottom: 0;
}

/**/
.faq {
    width: 275px;
    float: right;
}

.faq h2 {
    border-bottom: 1px #76ceee solid;
    height: 27px;
}

.faq-c {
    width: 275px;
    height: 415px;
}

.faq-c dl {
    padding: 21px 0 5px 0;
}

.faq-c dt {
    background: url(../images/w.jpg) no-repeat 0 0px;
    padding-left: 26px;
    color: #333;
    line-height: 18px;
    border-bottom: 1px #313131 dotted;
    padding-bottom: 11px;
}

.faq-c dt a {
    color: #333
}

.faq-c dd {
    background: url(../images/d.jpg) no-repeat 0 0px;
    padding-left: 26px;
    color: #949494;
    line-height: 18px;
    color: #666;
    margin-top: 10px;
}

.topadcs {
    text-align: center;
    margin-bottom: 10px;
    overflow: hidden;
}

/*关于物联*/
.about {
    padding-top: 41px;
    height: 383px;
}

.about h2,
.faq h2 {
    border-bottom: 1px #76ceee solid;
    height: 32px;
}

.about h2 p,
.faq h2 p {
    float: left;
    border-left: 4px #fc9b2a solid;
    height: 17px;
    line-height: 17px;
    padding-left: 11px;
    font-size: 16px;
    font-weight: normal;
    font-family: "微软雅黑";
    font-weight: bold
}

.about h2 p a,
.faq h2 p a {
    color: #1fafe3;
}

.about h2 span,
.news-tit span,
.faq h2 span {
    float: right;
    height: 28px;
    line-height: 28px;
    padding-right: 11px;
    font-size: 12px;
    font-weight: normal;
}

.about h2 span a,
.news-tit span a,
.faq h2 span a {
    color: #cdcdcd
}

.about-c {
    width: 960px;
    padding-top: 20px;
}

.about-veiw {
    width: 334px;
    height: 284px;
    border: 5px #2d2d2d solid;
    float: left;
}

.about-r {
    width: 589px;
    float: right;
}

.about-r h3,
.about-r h3 a {
    font-size: 14px;
    font-weight: bold;
    line-height: 39px;
    color: #1fafe3;
    height: 39px;
}

.about-wz {
    width: 589px;
    line-height: 24px;
    color: #333;
    padding-top: 0px;
}

.about-more a {
    color: #cdcdcd;
    padding-top: 5px;
    display: block
}

.about-tp {
    width: 589px;
    padding-top: 35px;
}

.about-left {
    float: left;
    padding-top: 44px;
}

.about-right {
    float: right;
    padding-top: 44px;
}

.about-pp {
    width: 547px;
    padding-left: 14px;
    float: left;
    overflow: hidden
}

.about-pp li {
    width: 169px;
    float: left;
    margin-right: 12px;
    position: relative;
}

.about-pp li img {
    width: 161px;
    height: 119px;
    border: 1px #d6ba88 solid;
    padding: 3px;
}

.about-pp li span {
    width: 161px;
    height: 23px;
    position: absolute;
    top: 100px;
    left: 4px;
    background: url(../images/png.png) repeat;
    text-align: center;
    line-height: 23px;
    color: #cdcdcd;
    display: block;
    overflow: hidden;
}

.about-pp li span a {
    color: #cdcdcd;
}

/*banner*/
.hf4 {
    background: url(../images/hf2-bg.jpg) no-repeat bottom;
    height: 119px;
    padding-bottom: 43px;
    *padding-bottom: 39px;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
}

.hf4 a {
    display: block;
    width: 960px;
}

.hf4 img {
    width: 960px;
}

/*easy*/
.easy {
    background: #f3f3f3;
    padding: 60px 0 0;
    height: 760px;
}

.easy .content {
    position: relative;
    height: 760px;
}

.easy h3 {
    font-weight: bold;
    text-align: center;
    font-size: 36px;
    color: #2a2b2d;
    margin-bottom: 47px;
}

.easy h3 i {
    display: block;
    font-size: 18px;
    color: #5a5a5a;
    padding-top: 8px;
    font-weight: normal;
}

.easy h3 em {
    color: #979797;
    font-size: 16px;
    position: relative;
    top: -7px;
}

.easy dl dt {
    float: left;
    margin-left: 88px;
    position: relative;
}

.easy dl dt span {
    display: block;
}

.easy dl dt span img {
    display: block;
    width: 350px;
    height: 550px;
}

.easy dl dd {
    float: right;
    width: 660px;
    margin-top: 170px;
}

.easy dl dd h4 {
    font-weight: normal;
    font-size: 32px;
    color: #2a2b2d;
    padding-left: 38px;
    background: url(../images/dun.png) no-repeat;
    height: 35px;
    line-height: 35px;
    margin-bottom: 42px;
}

.easy dl dd h4 em {
    color: #ff6700;
}

.easy dl dd p span {
    display: block;
    font-size: 16px;
    color: #2a2b2d;
    height: 42px;
    line-height: 42px;
    padding-left: 24px;
    background: url(../images/dian1.png) no-repeat left center;
}

.easy dl dd i a {
    height: 40px;
    width: 260px;
    background: #ff6700;
    display: inline-block;
    margin-top: 50px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    font-family: "Microsoft YaHei";
    color: #fff;
    font-weight: bold;
}

.easy dl dd img {
    float: right;
    margin-top: -100px;
    margin-right: 100px;
}

.easy .prev {
    position: absolute;
    bottom: 50px;
    left: 195px;
    cursor: pointer;
}

.easy .next {
    position: absolute;
    bottom: 50px;
    left: 235px;
    cursor: pointer;
}


/*camera*/
.cmr {
    padding: 60px 0 0;
    position: relative;
    font: 14px "Microsoft YaHei";
}

.cmr h3 {
    text-align: center;
    font-size: 36px;
    color: #2a2b2d;
    margin-bottom: 60px;
}

.cmr h3 a {
    color: #2a2b2d;
}

.cmr h3 i {
    display: block;
    font-size: 20px;
    color: #2a2b2d;
    margin-top: 8px;
    font-weight: normal;
}

.cmr h3 em {
    color: #979797;
    font-size: 16px;
    position: relative;
    top: -7px;
}

.cmr_item {
    margin-left: 90px;
}

.cmr ul li {
    float: left;
    width: 300px;
    margin-right: 60px;
    height: 408px;
}

.cmr ul li img {
    display: block;
    width: 300px;
    height: 240px;
}

.cmr ul li em {
    display: block;
    font-size: 16px;
    color: #5a5a5a;
    text-align: center;
    height: 74px;
    line-height: 74px;
    overflow: hidden;
    border-bottom: 1px solid #d7d7d7;
}

.cmr ul li:hover em {
    color: #ff6700;
    border-bottom: 3px solid #ff6700;
}

.cmr .prev {
    position: absolute;
    top: 300px;
    left: 17px;
    cursor: pointer;
}

.cmr .next {
    position: absolute;
    top: 300px;
    right: 17px;
    cursor: pointer;
}


.pro_bj .tit {
    color: #202020;
    text-align: center;
    font-family: "Microsoft Yahei";
    margin-bottom: 50px;
}

.pro_bj .tit span,
.tit em {
    display: block;
}

.pro_bj .tit span {
    height: 46px;
    line-height: 46px;
    font-size: 36px;
    font-weight: bold;
}

.pro_bj .tit em {
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    padding-top: 5px;
    font-weight: normal;
}

.pro_bj .tit strong {
    font-family: "SimSun";
    font-size: 32px;
}

.pro_bj {
    height: 734px;
    overflow: hidden;
    background: url(../images/probg.jpg) no-repeat center top;
    padding-top: 75px;
    font-family: "Microsoft YaHei";
}

.fen {
    width: 1200px;
    height: 58px;
}

.fen .clm {
    position: relative;
    width: 1200px;
    height: 58px;
}

.fen ul li {
    width: 252px;
    z-index: 1;
    position: relative;
    margin-left: -15px;
    font: 16px "Microsoft YaHei";
    float: left;
    font-weight: bold;
    line-height: 58px;
    height: 58px;
    background: url(../images/cptit.png) no-repeat left center;
    text-align: center;
}

.fen ul li a {
    color: #fff;
    text-decoration: none;
}

.fen span {
    position: absolute;
    right: 0;
    top: 0;
    width: 252px;
    font: 16px "Microsoft YaHei";
    float: left;
    font-weight: bold;
    line-height: 58px;
    height: 58px;
    overflow: hidden;
    background: url(../images/cptit.png) no-repeat left center;
    text-align: center;
}

.fen span a {
    color: #fff;
    text-decoration: none;
}

.fen ul li.no1 {
    margin-left: 0;
}

.fen ul li p {
    z-index: 2;
    display: none;
    background: url(../images/cptm.png) repeat;
    width: 181px;
    padding: 26px;
    overflow: hidden;
    clear: both;
}

.fen ul li p a {
    width: 100%;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    float: left;
    display: block;
    line-height: 48px;
    border-bottom: 1px dashed #676767;
}

.fen ul li:hover p {
    display: block;
}


.pros {
    width: 1200px;
    margin-top: 40px;
    position: relative;
    height: 470px;
}

.pro_cnt {
    width: 1200px;
    overflow: hidden;
    height: 470px;
}

.pros .arr5 {
    cursor: pointer;
    display: block;
    font: 70px "宋体";
    color: #7f7f7f;
    position: absolute;
    top: 187px;
    left: -63px;
}

.pros .arr6 {
    cursor: pointer;
    display: block;
    font: 70px "宋体";
    color: #7f7f7f;
    position: absolute;
    top: 187px;
    right: -63px;
}

.pro1 {
    height: 502px;
    overflow: hidden;
}

.pro1 dl {
    width: 373px;
    margin-right: 40px;
    overflow: hidden;
    float: left;
}

.pro1 dt {
    width: 373px;
    height: 303px;
    overflow: hidden;
}

.pro1 dt img {
    display: block;
    width: 373px;
    height: 303px;
    background-color: #fff;
    object-fit: contain;
}

.pro1 dd {
    width: 373px;
    background: #353535;
    height: 66px;
    position: relative;
}

.pro1 dd a {
    text-decoration: none;
}

.pro1 dd span {
    font: 18px "Microsoft YaHei";
    color: #ffffff;
    overflow: hidden;
    padding-left: 30px;
    padding-top: 20px;
    text-align: left;
    display: block;
}

.pro1 dd span em {
    color: #ffffff;
    font-size: 14px;
    display: block;
}

.pro1 dd i {
    position: absolute;
    background: url(../images/pro_btn.png) no-repeat;
    width: 69px;
    padding: 25px 20px;
    box-sizing: border-box;
    height: 102px;
    display: block;
    color: #fff;
    bottom: 0;
    right: 18px;
    overflow: hidden;
}

.pro1 dl.nones {
    margin-right: 0;
}

.pros .cppages {
    width: 1200px;
    height: 15px;
    left: 50%;
    margin-left: -600px;
    position: absolute;
    z-index: 1;
    bottom: 15px;
    overflow: hidden;
}

.pros .cppages ul {
    margin-left: 500px;
}

.pros .cppages ul li {
    float: left;
    margin: 0 19px;
    background: #ddd;
    height: 15px;
    border-radius: 10px;
    width: 15px;
    display: inline;
    cursor: pointer;
}

.pros .cppages ul .on {
    background: #ff6700;
}

/*lens*/
.lens {
    height: 563px;
    padding-top: 60px;
    background: url(../images/canbj.jpg) no-repeat center top;
}

.lens h3 {
    font-weight: bold;
    text-align: center;
    font-size: 36px;
    color: #2a2b2d;
    margin-bottom: 60px;
}

.lens h3 i {
    display: block;
    font-size: 18px;
    color: #5a5a5a;
    padding-top: 8px;
    font-weight: normal;
}

.lens h3 em {
    color: #979797;
    font-size: 16px;
    position: relative;
    top: -7px;
}

.lens dl dt {
    float: right;
    margin-right: 20px;
}

.lens dl dd {
    float: left;
    padding-top: 40px;
    margin-left: 20px;
}

.lens dl dd p span {
    display: block;
    font-size: 16px;
    color: #2a2b2d;
    height: 42px;
    line-height: 42px;
    padding-left: 24px;
    background: url(../images/dian1.png) no-repeat left center;
}

.lens dl dd p b {
    color: #ff6700;
}