@charset "utf-8";
*{
    padding: 0;
    margin: 0;
}
html{
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust: none;
}
body{
     line-height: 1;
     font-size: 14px;
     color: #666;
    font-family: "微软雅黑";
    position: relative;
    /*min-width: 1263px;*/
    overflow-x: hidden;
 }
table{
    border-collapse:collapse;
    border-spacing:0;
}
img{
    vertical-align: top;
    border: none;
    /*取消选中*/
    /*ie10+*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /*取消hover、click、ie11+*/
    /*可取消手机长按保存*/
    /*pointer-events: none;*/

    /*触摸并按住触摸目标时候，禁止或显示系统默认菜单*/
    /*iOS 2.0及更高版本的Safari浏览器可用*/
    /*-webkit-touch-callout:none;*/
}
dl,ol,ul{
    list-style-type:none;
}
h1,h2,h3,h4,h5,h6{
    font-weight:400;
    font-size: 100%;
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover{
    -webkit-tap-highlight-color:rgba(255,0,0,0);
    /*text-decoration: underline;*/
}
textarea{
    resize:none;
}
input,textarea,button,select{
    outline: none;
}
i,em{
    font-style: normal;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}
.center_s{
    width: auto;
    max-width: 1280px;
    min-width: 1263px;
    margin: auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.center_m{
    width: 81.25%;
    min-width: 1263px;
    margin: auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.center_l{
    width: 84.63%;
    min-width: 1263px;
    margin: auto;
    position: absolute;
    top: 53%;
    left: 0;
    right: 0;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.center_xl{
    width: 96.875%;
    min-width: 1263px;
    margin: auto;
    position: absolute;
    top: 46%;
    left: 0;
    right: 0;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last{
    margin-right: 0!important;
}
.pic_ani img{
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pic_ani{
    overflow: hidden;
}
.pic_ani:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*分页*/
.pagination{
    text-align: center;
    line-height: 38px;
    height: 40px;
    padding-top: 40px;
}
.pagination>div{
    display: inline-block;
}
.pagination .theme{
    border: 1px solid #d9d9d9;
}
.pagination ul li a{
    display: block;
}
.pagination ul li{
    width: 38px;
    border: 1px solid #ffffff;
}
.pagination ul li.on,
.pagination ul li.theme:hover{
    border-color: #cc2318;
    background: #cc2318;
    color: #ffffff;
}
.pagination p{
    color: #999;
    margin: 0 10px;
}
.pagination .btn{
    color: #333;
    cursor: pointer;
}
.pagination input.theme{
    line-height: 38px;
    width: 38px;
    text-align: center;
}
.pagination .btn_prev{
    margin-right: 10px;
}
.pagination .btn_prev,
.pagination .btn_next{
    width: 128px;
}
.pagination .btn_sure{
    width: 78px;
}
/*面包屑*/
.bread_crumb{
    margin-top: 19px;
    margin-bottom: 40px;
}
.bread_crumb li{
    color: #666666;
}
.bread_crumb li:after{
    content: '>';
    margin: 0 3px;
}
.bread_crumb li.last{
    color: #1356a4;
}
.bread_crumb li.last:after{
    content: '';
}
.bread_crumb li:last-child{
    color: #1356a4;
}
.bread_crumb li:last-child:after{
    content: '';
}
.bread_crumb li a:hover{
    text-decoration: underline;
}
/*sideNav*/
.side_nav{
    width: 258px;
}
.side_nav .hd{
    background: url("../images/bg7.jpg");
    /*width: 238px;*/
    height: 74px;
    color: #ffffff;
    padding: 25px 20px 0;
}
.side_nav .hd h1{
    font-family: 宋体;
    font-size: 30px;
    margin-bottom: 8px;
}
.side_nav .hd h2{
    font-size: 12px;
    font-family: Arial;
    text-transform: uppercase;
}
.side_nav .level1>li{
    line-height: 57px;
    border-bottom: 1px dotted #cccccc;
    color: #333333;
    font-size: 16px;
    padding-left: 15px;
}
.side_nav .level1>li a{
    display: block;
    width: 100%;
}
.side_nav .level1>li>a:before{
    content: '\e606';
    font-family: iconfont;
    color: #999999;
    margin-right: 5px;
}
.side_nav .level1>li.on,
.side_nav .level1>li:hover{
    color: #1356a4;
}
.side_nav .level1>li.on>a:before,
.side_nav .level1>li:hover>a:before{
    color: #1356a4;
}

.side_nav .level1>li>a:hover{
    text-decoration: none;
}
.side_nav .level2{
    display: none;
    color: #666;
    font-size: 14px;
    line-height: 36px;
    padding-left: 17px;
    padding-bottom: 14px;
}
.side_nav .level2 .on,
.side_nav .level2 li:hover{
    color: #1356a4;
    text-decoration: underline;
}
.side_nav .level2.on{
    display: block;
}

.main {
    padding-bottom: 100px;
}
.main .content{
    width: 942px;
}
.main .content img{
    max-width: 942px;
}

/*切换*/
.tab{

}
/**/
.main{
    padding-top: 84px;
}
/**/
.ban{
    background-position: center;
    background-repeat: no-repeat;
    height: 450px;
}
/*********************header***********************/
.header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99999;
    -webkit-box-shadow: 0 0 10px 0 #999;
    -moz-box-shadow: 0 0 10px 0 #999;
    box-shadow: 0 0 10px 0 #999;
}
.header .header_con_1{
    background: #373d4b;
    color: #ffffff;
    line-height: 48px;
    height: 48px;
    font-size: 16px;
}
.header .header_con_1 .iconfont{
    height: 48px;
    overflow: hidden;
}
.header .header_con_1 .iconfont:before{
    margin-left: 45px;
    margin-right: 2px;
    font-size: 20px;
    vertical-align: bottom;
    line-height: 52px;
}
.header .header_con_1 .wechat{
    position: relative;
}
.header .header_con_1 .code{
    position: absolute;
    top: 48px;
    right: 0;
    display: none;
    z-index: 999;
}
.header .header_con_1 .wechat:hover .code{
    display: block;
}
.header .header_con_2{
    height: 84px;
    background: #ffffff;
    position: relative;
}
.header .header_con_2>div{
    overflow: hidden;
}
.header .header_con_2 .center_m{
    position: relative;
}
.header .header_con_2 .logo{
    line-height: 84px;
}
.header .header_con_2 .logo img{
    vertical-align: middle;
}
.header .header_con_2 .nav li{
    float: left;
    line-height: 77px;
    padding: 5px 0;
    font-size: 20px;
    color: #000;
    margin-right: 75px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 84px;
}
.header .header_con_2 .nav li.on,
.header .header_con_2 .nav li.onn,
.header .header_con_2 .nav li:hover{
    border-bottom: 5px solid #1356a4;
    color: #1356a4;
}
.header .header_con_2 .search_btn{
    line-height: 84px;
    width: 40px;
    margin-left: 50px;
    text-align: right;
    cursor: pointer;
    font-size: 20px;
}
.header .header_con_2 .search_btn:hover{
    color: #1356a4;
}

.header .header_con_2 .search_box{
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 26px;
    height: 26px;
    width: 0;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.header .header_con_2 .search_box .keyword{
    width: 100%;
    line-height: 26px;
    height: 26px;
    border:none;
    vertical-align: top;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.header .header_con_2 .search_box .hform button{
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    width: 50px;
    height: 100%;
    cursor: pointer;
}

.header .header_con_2 .search_box.show{
    width: 250px;
    padding: 0 5px;
    border-color: #ddd;
}


.header a:hover{
    text-decoration: none;
}
/**/
.header .nav_level2{
    display: none;
    background: url(../images/bg6.png);
    color: #ffffff;
    position: absolute;
    width: 100%;
    top: 84px;
    left: 0;
    text-align: center;
    padding: 24px 0;
    height: 250px;
    font-size: 18px;
}
.header .nav_level2 .item{
    display: none;
}
.header .nav_level2 ul{
    vertical-align: top;
    display: inline-block;
    line-height: 50px;
    text-align: left;
    margin-right: 136px;
    height: 250px;
    width: 300px;
}

.header .nav_level2 ul li{
    line-height: 50px;
}
.zUIpanelScrollBox {
    width: 1px;
    background: #b6b8bb;
    right: 0;
    -webkit-transform: translate(-2px);
    -moz-transform: translate(-2px);
    -ms-transform: translate(-2px);
    -o-transform: translate(-2px);
    transform: translate(-2px);
}
.zUIpanelScrollBox, .zUIpanelScrollBar {
    top: 4px;
    border-radius: 5px;
}

.zUIpanelScrollBar {
    width: 5px;
    background: #0787c7;
    right: 0;
}
.header .nav_level2 ul li{
    min-width: 192px;
    padding-left: 30px;
}
.header .nav_level2 ul li:before{
    content: '>';
    margin-right: 5px;
}
.header .nav_level2 ul li:hover{
    background: #1355a3;
}
.header .nav_level2 .pic{
    margin-top: 22px;
    line-height: 50px;
    text-align: left;
    display: inline-block;
}
/*********************footer***********************/
.footer{
    background: #373d4b;
    padding-top: 80px;
    color: #838792;
}
.footer .footer_con_1{
    padding-bottom: 50px;
    border-bottom: 1px solid #4b5367;
}
.footer .footer_con_1 .level1>li{
    margin-right: 100px;
}
.footer .footer_con_1 .level1 p{
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 20px;
}
.footer .footer_con_1 .level2{
    line-height: 30px;
}
.footer .footer_con_1 .level2 li:hover {
    text-decoration: underline;
}
.footer .footer_con_1 .code{
    font-size: 12px;
    color: #ffffff;
    text-align: center;
}
.footer .footer_con_1 .code p{
    margin-top: 14px;
}
.footer .footer_con_2{
    line-height: 24px;
    padding-top: 34px;
    padding-bottom: 40px;
}
.footer .footer_con_2 .fl p:first-child{
    /*color: #ffffff;*/
}
.footer .footer_con_2 .fr{
    text-align: right;
}
/*********************首页***********************/
.index{
    /*padding-top: 132px;*/
}
.banner {
    overflow: hidden;
    position: relative;
}
.banner .slick-slider{
    height: 100%;
}
.banner .item{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size:cover;
    background-size:cover;
}
.banner .item>a{
    display: block;
    height: 100%;
}
.banner .icon-xia{
    color: #ffffff;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 40px;
    width: 40px;
    cursor: pointer;
}
.banner .icon-xia:hover{
    color:#c90d00;
}

.banner .slick-slider {
     margin-bottom: 0;
}
.banner .slick-prev{
    left: 0;
    width: auto;
    height: auto;
    z-index: 999;
}
.banner .slick-prev:hover:before,
.banner .slick-next:hover:before{
    color: #c90d00;
}
.banner .slick-prev:before {
    content: "\e63e";
    font-family: iconfont;
    font-size: 50px;
}
.banner .slick-next{
    right: 0;
    width: auto;
    height: auto;
    z-index: 999;
}
.banner .slick-next:before {
    content: "\e621";
    font-family: iconfont;
    font-size: 50px;
}
.banner .con{
    position: absolute;
    bottom: 78px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1280px;
    text-align: center;
}
.banner .con ul{
    display: inline-block;
}
.banner .con li{
    width: 384px;
    height: 163px;
    margin-right: 30px;
    position: relative;
    overflow: hidden;
}
.banner .con li .pic_ani{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.banner .con li .text{
    position: relative;
    z-index: 1;
    color: #ffffff;
    padding-left: 28px;
    padding-right: 190px;
    padding-top: 52px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 55px;
    overflow: hidden;
}
.banner .con li .text h1{
    font-size: 24px;
    font-family: 宋体;
    line-height: 37px;
    display: inline-block;
}
.banner .con li .text h2{
    font-size: 12px;
    font-family: Arial;
    line-height: 18px;
}
.banner .con li .text p{
    line-height: 24px;
    max-height: 48px;
    margin-top: 14px;
    margin-bottom: 9px;
}
.banner .con li .text a{
    line-height: 24px;
}
.banner .con li:hover .text,
.banner .con li .text:hover{
    padding-top: 14px;
    height: auto;
}
.banner .con li:hover .text h1{
    border-bottom: 2px solid #ffffff;
}
.banner .con li:hover .text h2{
    display: none;
}
.banner .con li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/**/
.index .content{
    overflow: auto;
    overflow-x: hidden;
    position: relative;
}
#arrow_up {
    position: absolute;
    right: 60px;
    top: 40px;
    font-weight:bold;
    background: #1355a3;
    color: #ffffff;
    z-index: 99999;
    font-size: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
#arrow_up:hover {
    background: #c90d00;
}

.index .content .index_main .area{
    padding-top: 86px;
    padding-bottom: 100px;
}


.index .title {
    text-align: center;
}
.index .title h1{
    font-size: 48px;
    color: #000;
    font-family: 宋体;
    line-height: 60px;
}
.index .title h2{
    font-size: 12px;
    color: #666666;
    line-height: 20px;
}
.index .title p{
    line-height: 24px;
    margin-top: 13px;
}
.index .title p span{
    color: #c90d00;
}
/*area1*/
.index .area1{
    background: url("../images/bg4.jpg") no-repeat center;
    -webkit-background-size:cover;
    background-size:cover;
    position: relative;
}
.index .area1 .slick-slider{
    margin-left: -15px;
    margin-right: -15px;
}
.index .area1 .con{
    margin-top: 60px;
}
.index .area1 .item .wrap{
    margin: 0 15px;
    border-bottom: 2px solid #bdbdbd;
    -webkit-box-shadow: 0 0 10px #e0e0e0;
    -moz-box-shadow: 0 0 10px #e0e0e0;
    box-shadow: 0 0 10px #e0e0e0;
}
.index .area1 .item .text{
    position: relative;
    background: #ffffff;
    padding: 26px 25px 74px;
}
.index .area1 .item:hover .wrap{
    border-bottom-color: #c90d00;
}
.index .area1 .item .text h1{
    line-height: 30px;
    font-size: 24px;
    color: #000;
    font-family: 宋体;
    margin-bottom: 15px;
}
.index .area1 .item:hover .text h1{
    color: #c90d00;
}
.index .area1 .item .text p{
    color: #666666;
    line-height: 24px;
    height: 72px;
}
.index .area1 .item .text a{
    color: #888888;
    position: absolute;
    bottom: 34px;
    left: 25px;
    line-height: 20px;
}
.index .area1 .item .text a:hover{
    text-decoration: underline;
}
.index .area1 .pic img{
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.index .area1 .pic{
    overflow: hidden;
}
.index .area1 .item:hover .pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*左右箭头*/
.index .content .slick-next{
    right: 0;
}
.index .content .slick-prev{
    left: 0;
}
.index .content .slick-next:before,
.index .content .slick-prev:before{
    font-size: 30px;
    opacity: 1;
    line-height: 50px;
}
.index .content .slick-next:before{
    content: '\e621';
    color: #ffffff;
    font-family: iconfont;
}
.index .content .slick-prev:before{
    content: '\e63e';
    color: #ffffff;
    font-family: iconfont;
}
.index .content button{
    background: #a1a2a3;
    width: 50px;
    height: 50px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.index .content button:hover{
    background: #cc2318;
}
/*area2*/
.index .area2{
    background: url("../images/bg5.jpg") no-repeat center;
    -webkit-background-size:cover;
    background-size:cover;
    text-align: center;
    position: relative;
}
.index .area2 .item{
    padding-top: 20px;
}
.index .area2 .item .pic{
    width: 190px;
    height: 190px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.index .area2 .item:hover img{
    /*transform: scale(1.3);*/
}
.index .area2 .item p{
    text-align: center;
    font-size: 24px;
    color: #000;
    line-height: 36px;
    margin-top: 13px;
    display: inline-block;
    border-bottom: 2px solid #666666;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    z-index: 9;
}
.index .area2 .item:hover .pic{
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}
.index .area2 .item:hover p{
    background: rgba(255,255,255,0.5);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
    color: #cc2318;
    font-size: 28px;
    border-bottom-color: #cc2318;
}
/*area3*/
.index .area3{
    background: #ffffff;
}
.index .area3 .tab{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}
.index .area3 .tab .item{
    display: inline-block;
    width: 133px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #333333;
    font-size: 18px;
    background: #f0f0f0;
    margin: 0 5px;
    cursor: pointer;
}
.index .area3 .tab .item:hover,
.index .area3 .tab .item.on{
    background: #1355a3;
    color: #ffffff;
}
.index .area3 .tab_con .item{
    display: none;
}
.index .area3 .tab_con .item .part_left{
    width: 492px;
}
.index .area3 .tab_con .item .part_left .pic_ani{
    height: 268px;
}
.index .area3 .tab_con .item .part_left .text {
    background: #1355a3;
    color: #ffffff;
    line-height: 18px;
    padding: 24px 28px 28px;
}
.index .area3 .tab_con .item .part_left .text h1{
    font-family: 宋体;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
}
.index .area3 .tab_con .item .part_left .text .time{
    font-family: 宋体;
}
.index .area3 .tab_con .item .part_right{
    width: 714px;
}
.index .area3 .tab_con .item .part_right li.last{
    margin-bottom: 0;
}
.index .area3 .tab_con .item .part_right li {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 23px;
    margin-bottom: 23px;
}
.index .area3 .tab_con .item .part_right li .text{
    width: 536px;
    line-height: 24px;
}
.index .area3 .tab_con .item .part_right li .text h1{
    font-size: 18px;
    color: #333;
    font-family: 宋体;
    margin-bottom: 11px;
}
.index .area3 .tab_con .item .part_right li .text p{
    color: #666666;
    height: 48px;
}
.date{
    border: 1px solid #dddddd;
    width: 68px;
    height: 68px;
    text-align: center;
    color: #666;
    font-family: 宋体;
    line-height: 18px;
}
.date .day{
    font-size: 40px;
    line-height: 40px;
    padding-top: 5px;
    height: 40px;
}
.index .area3 .tab_con .item .part_right li:hover h1{
    color: #cc2318;
}
.index .area3 .tab_con .item .part_right li:hover .date{
    background: #cc2318;
    color: #ffffff;
}
/*********************产品中心***********************/
.product{

}
.list_1 ul{
    overflow: hidden;
}
.list_1 li:nth-child(3n+0){
    margin-right: 0;
}
.list_1 li a{
    display: block;
}
.list_1 li{
    border: 1px solid #e3e3e3;
    position: relative;
    width: 295px;
    height: 218px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.list_1 li p{
    position: absolute;
    bottom: 5px;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 16px;
    color: #000;
}
/*********************产品中心-详情***********************/
.product_detail .photo_box .text{
    padding-top: 40px;
    width: 410px;
    margin-bottom: 50px;
}
.product_detail .photo_box .text h1{
    font-size: 24px;
    color: #000;
    margin-bottom: 14px;
}
.product_detail .photo_box .text p{
    line-height: 24px;
}
.product_detail .tab_wrap .tab{
    background: #1356a4;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    padding: 5px 5px 0;
}
.product_detail .tab_wrap .tab li{
    float: left;
    padding: 0 20px 5px;
    cursor: pointer;
}
.product_detail .tab_wrap .tab li.on,
.product_detail .tab_wrap .tab li:hover{
    background: #ffffff;
    color: #333;
}
.list_2 a{
    display: block;
}
.list_2 li{
    width: 299px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.list_2 li:nth-child(3n+0){
    margin-right: 0;
}
.list_2 li .pic_ani{
    border: 1px solid #e3e3e3;
    height: 222px;
    overflow: hidden;

}
.list_2 li p{
    text-align: center;
    font-size: 16px;
    color: #000;
    font-family: 宋体;
    line-height: 57px;
}
.product_detail .tab_wrap .tab_con{
    padding-top: 40px;
    line-height: 24px;
}
.product_detail .tab_wrap .tab_con .item{
    display: none;
    padding-bottom: 83px;
}
.product_detail .tab_wrap .tab_con .item.last{
    padding-bottom: 0;
}

/*放大镜*/
.photo_box{
    margin-bottom: 50px;
}
.photo_box .s_img{
    width:625px;
}
.photo_box .s_img .prev,.photo_box .s_img .next{
    height:80px;
    width:30px;
    overflow:hidden;
    display:block;
    text-decoration:none;
    cursor:pointer;
}
.photo_box .s_img .prev:hover{
    color: red;
}
.photo_box .s_img .prev{
    float:left;
}
.photo_box .s_img .prev:before{
    content: '\e63e';
    font-family: iconfont;
    line-height: 80px;
    font-size: 24px;
}
.photo_box .s_img .next:hover{
    color: red;
}
.photo_box .s_img .next{
    float:left;
}
.photo_box .s_img .next:before{
    content: '\e621';
    font-family: iconfont;
    line-height: 80px;
    font-size: 24px;
}
.photo_box .list_img{
    float:left;
    overflow:hidden;
    position: relative;
    visibility: visible;
    z-index: 2;
    left: 0;
    width: 240px;
}
.photo_box .list_img ul{
    position: relative;
    z-index: 1;
    width: 540px;
    left: 0;
}
.photo_box .list_img li.on,
.photo_box .list_img li:hover{
    border-color: #000;
}
.photo_box .list_img li{
    height:78px;
    width:105px;
    text-align:center;
    cursor:pointer;
    float: left;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    margin: 0 10px;
}
.photo_box .list_img li img{
    height: 100%;
    width: 100%;
}
.photo_box .b_img {
    width:479px;
    height:358px;
    border:1px solid #e3e3e3;
    display: block;
}
.photo_box .b_img img{
    max-width: 100%;
    max-height: 100%;
}
.photo_box #wrap{
    top: 0;
    z-index: 9999;
    position: relative;
}
.photo_box #wrap .cloud-zoom{
    position: relative;
    display: block;
}
.photo_box #wrap .mousetrap{
    z-index:999;
    position:absolute;
    width:300px;
    height:300px;
    left:0;
    top:0;
}

/*********************服务支持-帮助中心***********************/
.service .content h1{
    font-size: 36px;
    font-family: 宋体;
    text-align: center;
    color: #333;
    margin-bottom: 40px;
}
.list_3{
    color: #333;
    line-height: 50px;
}
.list_3 li{
    padding-left: 30px;
}
.list_3 a:before{
    content: '>';
    margin-right: 5px;
    float: left;
}
.list_3 a{
    display: block;
}
.list_3 a:hover{
    text-decoration: underline;
}

/*********************服务支持-售后服务***********************/
.after_sale_con{
    line-height: 24px;
}
.after_sale_con>h2{
    margin-bottom: 24px;
}
.after_sale_con h2{
    color: #000;
}
.after_sale_con ul>li{
    margin-bottom: 24px;
}
.after_sale_con ul h2:before{
    content: '▪';
    margin-right: 5px;
}
.after_sale_con ol{
    list-style-type: decimal;
    list-style-position: inside;
}
.after_sale_con .ul3{
    padding-left: 10px;
}
.after_sale_con p{
    padding-left: 5px;
}
/*********************服务支持-下载中心***********************/
.download .content{
    background: #f4f4f4;
}
.download .content ul{
    padding: 50px 30px 80px;

}
.download .content ul>li{
    width: 275px;
    margin-right: 23px;
}
.download .content h1{
    font-family: 宋体;
    overflow: hidden;
    font-size: 24px;
    color: #333;
    padding-bottom: 19px;
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 20px;
}
.download .content h1 i{
    float: left;
    width: 23px;
    height: 23px;
    background-image: url("../images/icons.png");
    margin-right: 10px;
}
.download .content ol{
    line-height: 30px;
}
.download .content ol li:before{
    float: left;
    content: '>';
    margin-right: 5px;
}
.download .content ol li a.fl:hover{
    text-decoration: underline;
}

/*********************关于我们-成功案例***********************/
.list_4 li{
    height: 174px;
    overflow: hidden;
    margin-bottom: 10px;
}
.list_4 .pic_ani{
    width: 310px;
    height: 174px;
    overflow: hidden;
}
.list_4 li .text{
    height: 149px;
    width: 543px;
    background: #f6f6f6;
    padding-top: 25px;
    padding-left: 35px;
    padding-right: 50px;
}
.list_4 li:hover .text h1,
.list_4 li:hover .text a{
    color: #cc2318;
}
.list_4 li .text h1,.list_4 li .text h1 a{
    font-size: 24px;
    color: #333;
    margin-bottom: 13px;
}
.list_4 li .text p{
    line-height: 24px;
    height: 48px;
    margin-bottom: 23px;
}
.list_4 li .text a{
    color: #888;
}
/*********************关于我们-发展历程***********************/
.develop .content{
    text-align: center;
}
.develop .content .list_wrap{
    overflow: hidden;
    background: url("../images/bg6.jpg") repeat-y center top;
}
.develop .content .list_wrap li{
    padding-bottom: 55px;
    position: relative;
}
.develop .content .list_wrap li:last-child{
    margin-bottom: 0;
}
.develop .content .list_wrap li:before{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    top: 11px;
    background: url("../images/dot.png");
}
.develop .content .list_wrap h1{
    font-size: 36px;
    color: #c90d00;
    line-height: 30px;
}
.develop .content .list_wrap p{
    line-height: 20px;
    margin-top: 20px;
}
.develop .content .list_wrap .left_part{
    padding-top: 119px;
    width: 50%;
    text-align: right;
}
.develop .content .list_wrap .left_part li{
    padding-right: 35px;
}
.develop .content .list_wrap .left_part li:before{
    right: -8px;
}
.develop .content .list_wrap .right_part{
    width: 50%;
    text-align: left;
    padding-top: 31px;
}
.develop .content .list_wrap .right_part li{
    padding-left: 35px;
    position: relative;
}
.develop .content .list_wrap .right_part li:before{
    left: -8px;
}
.more{
    cursor: pointer;
    margin: auto;
    width: 180px;
    height: 44px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    line-height: 44px;
    margin-top: 47px;
    text-align: center;
}
.more:before{
    display: none;
    content: '';
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-right: 10px;
    background: url("../images/ajax-loader.gif");
    -webkit-background-size:cover;
    background-size:cover;
}
.more.on:before{
    display: inline-block;
}
/*********************关于我们-公司简介***********************/
.intro .content h1{
    font-size: 24px;
    color: #333;
    line-height: 30px;
    margin-top: 47px;
    margin-bottom: 20px;
}
.intro .content h2{
    line-height: 20px;
    color: #333;
    margin-bottom: 31px;
}
.intro .content li,
.intro .content h3,
.intro .content p{
    line-height: 24px;
    color: #666;
}
.intro .content h3{
    margin-top: 25px;
    color: #333;
}
.intro .content ul>li:before{
    content: '※';
    margin-right: 2px;
}
.intro .content img:first-child{
    margin-top: 0;
}
.intro .content img{
    width: 100%;
    margin-top: 13px;
}
/*********************关于我们-企业文化***********************/
.culture .content .half {
    width: 452px;
    line-height: 24px;
    text-align: justify;
}
.culture .content .half .item.last{
    border-bottom: 0;
    padding-bottom: 0;
}
.culture .content .half .item{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 45px;
    padding-top: 44px;
}
.culture .content .half h1{
    color: #1356a4;
    margin-bottom: 23px;
}
.culture .content .half h1:before{
    content: '▪';
    margin-right: 5px;
}
.culture .content .half img{
    margin-top: 44px;
}
.culture .content .half p span{
    overflow: hidden;
    display: block;
}
/*********************关于我们-资质荣誉***********************/
.honor .tab_2{
}
.honor .tab_2 .slick-slide{
    margin-top: 6px;
    border-top: 1px solid #e5e5e5;
    height: 84px;
    
    position: relative;
    text-align: center;
    cursor: pointer;
}
.honor .tab_2 .slick-slide a{
    display:block;
    padding-top: 29px;
    width:100%;
    height:100%;
}
.honor .tab_2 .slick-slide.on{
    color: #1356a4;
    font-size: 18px;
}
.honor .tab_2 .slick-slide:before{
    content: '';
    background: url("../images/dot1.png");
    width: 10px;
    height: 10px;
    position: absolute;
    top: -4px;
    left: 0;
    right: 0;
    margin: auto;
}
.honor .tab_2 .slick-slide.on:before{
    background: url("../images/dot2.png");
    width: 14px;
    height: 14px;
    top: -7px;
}
.honor .tab_con_2 .item{
    display: none;
}
.honor .tab_con_2 .list li{
    width: 300px;
    height: 393px;
    border: 1px solid #e3e3e3;
    margin-right: 16px;
    padding-top: 40px;
    text-align: center;
    margin-bottom: 17px;
    cursor: pointer;
}
.honor .tab_con_2 .list li:nth-child(3n+0){
    margin-right: 0;
}
.honor .tab_con_2 .list li .pic_ani{
    height: 298px;
    line-height: 298px;
    width: 207px;
    margin: auto;
}
.honor .tab_con_2 .list li .pic_ani img{
    width: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}
.honor .tab_con_2 .list li p{
    color: #333;
    line-height: 24px;
    margin-top: 37px;
}

.mask{
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/bg6.png");
    z-index: 999;
}
.mask .con{
    position: absolute;
    background: #ffffff;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
}
.mask .close_btn{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 46px;
    height: 46px;
    color: #ffffff;
    background: #1356a4;
    text-align: center;
    line-height: 46px;
    font-size: 30px;
    cursor: pointer;
}
.mask .pic{
    margin: auto;
    margin-top: 46px;
    width: 516px;
    height: 419px;
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}
.mask .pic img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.mask p{
    text-align: center;
    font-size: 18px;
    color: #333;
    margin-top: 37px;
}
/*********************解决方案-综合布线***********************/
.solution .list_5 .pic_ani,
.solution .list_5 .text{
    width: 471px;
    height: 265px;
}
.solution .list_5 .text{
    width: 371px;
    background: #f6f6f6;
    line-height: 24px;
    padding-left: 50px;
    padding-right: 50px;
}
.solution .list_5 .text h1{
    margin-top: 47px;
    font-size: 24px;
    margin-bottom: 23px;
    font-family: 宋体;
    color: #000;
}
.solution .list_5 li:hover .text h1{
    color: #cc2318;
}
.solution .list_5 .text p{
    height: 72px;
    margin-bottom: 39px;
}
/*********************联系我们***********************/
.contact .map{
    height: 468px;
    margin-bottom: 3px;
}
.contact .msg {
    padding: 43px;
    background: #f9f9f9;
}
.contact .msg h1,
.contact .msg h2{
    font-size: 24px;
    color: #000;
    font-family: 宋体;
    line-height: 36px;
    margin-bottom: 13px;
}
.contact .msg .wrap{
    border-right: 1px solid #e1e1e1;
    width: 460px;
}
.contact .msg p{
    line-height: 36px;
    margin: 0!important;
}
.contact .msg .iconfont{
    color: #aaaaaa;
    margin-right: 5px;
}
.contact p.the{
    margin-top: 25px;
    font-weight: bold;
    color: #333;
    line-height: 24px;
}
/*********************联系我们-在线留言***********************/
.center_s .content h1.liuyan{
     font-size: 36px;
    font-family: 宋体;
    text-align: center;
    color: #333;
    margin-top: 30px; 
}
.line_msg .content{
    height: 843px;
    background: url("../images/bg8.jpg");
}
.line_msg .content form{
    padding: 63px 74px;
    padding-top: 20px;
}
.line_msg .content div{
    margin-bottom: 18px;
}
.line_msg .content textarea,
.line_msg .content input {
    padding: 0 10px;
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 20px;
}
.line_msg .content textarea{
    padding: 10px;
    width: 423px;
    height: 107px;
}
.line_msg .content input{
    line-height: 50px;
    width: 292px;
    height: 50px;
}
.line_msg .content label{
    color: red;
    vertical-align: top;
    margin-left: 5px;
}
.line_msg .content .btn_form{
    background: transparent;
    margin-top: 31px;
}
.line_msg .content .btn_form:hover{
    background-color: #c90d00;
    color: #ffffff;
    cursor:pointer;
}
.line_msg .content .code2 input{
    width: 149px;
}
/*********************联系我们-招贤纳士***********************/
.join_hd{
    padding-bottom: 38px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 40px;
}
.join_hd h1{
    font-size: 36px;
    color: #000;
    font-family: 宋体;
    margin-bottom: 15px;
}
/*.join_hd p span:after{
    content: '|';
    margin: 0 10px;
}*/
.list_6{
    line-height: 24px;
}
.list_6 ul>li{
    background: #f5f5f5;
    width: 390px;
    height: 197px;
    padding: 30px;
    margin-bottom: 42px;
    border: 1px solid #f5f5f5;
}
.list_6 h1{
    font-size: 24px;
    color: #000;
    font-family: 宋体;
    margin-bottom: 23px;
}
.list_6 h2{
    margin-bottom: 9px;
    color: #333;
    font-weight: bold;
}
.list_6 ol,.list_6 .ol{
    height: 72px;
    overflow: hidden;
    margin-bottom: 29px;
    list-style-type: decimal;
    list-style-position: inside;
}
.list_6 ul>li:hover{
    border: 1px solid #c90d00;
    background: #ffffff;
}
.list_6 ul>li:hover h1,
.list_6 ul>li:hover a{
    color: #c90d00;
}
/*********************联系我们-招贤纳士-详情***********************/
.join_detail .join_hd .fl{
    color: #000;
    font-weight: bold;
}
.join_detail .join_hd .fr{
    color: #c90d00;
}
.join_detail .join_hd .fl span{
    margin-right: 5px;
}
.join_detail .join_hd .fr span{
    margin-left: 5px;
}
.join_detail .nav_in{
    margin-bottom: 39px;
}
.join_detail .nav_in li{
    width: 95px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}
.join_detail .nav_in li.on,
.join_detail .nav_in li:hover{
    background: #c90d00;
    color: #ffffff;
}
.join_detail .join_item{
    margin-bottom: 43px;
    display: none;
}
.join_detail .join_item a{
    margin-left: 10px;
}
.join_detail .join_item a:hover{
    text-decoration: underline;
}
.join_detail .join_item h1{
    margin-bottom: 24px;
    font-size: 24px;
    color: #155aa6;
    border-left: 4px solid #155aa6;
    padding-left: 10px;
}
.join_detail .join_item .text{
    padding-left: 10px;
    line-height: 24px;
}
.join_detail .join_item .text h2{
    color: #333;
    margin-top: 24px;
}
.join_detail .join_item .text h2 span{
    color: #666;
}
.join_detail .join_item .text p{
    margin-bottom: 24px;
}
.join_detail .join_item .text ol{
    list-style-type: decimal;
    list-style-position: inside;
}
/*********************新闻中心-公司资讯***********************/
.news .content .hd .pic_ani{
    width: 50%;
    height: 264px;
    overflow: hidden;
}
.news .content .hd .news_text{
    width: 50%;
    background: #1356a4;
    color: #ffffff;
    height: 264px;
    padding: 27px 60px;
}
.news_text{ 
    overflow: hidden;
    line-height: 24px;
    padding: 45px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.news_text h1{
    font-size: 24px;
    font-family: 宋体;
    line-height: 30px; 
    margin-bottom: 20px;
    height: 60px;
}
.news_text p{
    margin-bottom: 38px;
    height: 72px;
}
.news .content ul.news_list li{
    width: 451px;
    border-bottom: 1px dotted #e5e5e5;
}
.news .content ul.news_list li .date{
    margin-top: 50px;
    margin-right: 30px;
}
.news .content ul.news_list li:hover .date{
    background: #cc2318;
    color: #ffffff;
}
.news .content ul.news_list li:hover .news_text h1,
.news .content ul.news_list li:hover .news_text a{
    color: #cc2318;
}
/*********************新闻中心-公司资讯-详情***********************/
.news_detail .article{
    text-align: center;
}
.news_detail .article .title{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 41px;
}
.news_detail .article .title h1{
    font-family: 宋体;
    font-size: 30px;
    color: #000;
    width: 480px;
    text-align: center;
    margin:  auto;
    margin-bottom: 19px;
}
.news_detail .article .title p span{
    margin-right: 10px;
}
.news_detail .article .main_text{
    text-align: justify;
    line-height: 24px;
}
.news_detail .article .main_text p{
    line-height: 24px;
    text-align: justify;
    margin: 24px 0;
}
.news_detail .article .main_text img{
    margin-top: 50px;
}
.news_detail .news_nav {
    margin-top: 10px;
    position: relative;
    padding-top: 22px;
    border-top: 1px solid #e5e5e5;
}
.news_detail .news_nav a{
    display: block;
    line-height: 30px;
}
.news_detail .news_nav a:hover{
    /*color: #cc2318;*/
}
.news_detail .news_nav .close{
    position: absolute;
    right: 0;
    top: 30px;
    width: 112px;
    height: 41px;
    color: #fff;
    background: #cc2318;
    line-height: 41px;
    text-align: center;
    cursor: pointer;
}
.news_detail .news_nav .close a{
    height: 41px;
    line-height: 41px;
}

@media screen and (max-width: 1600px) {
    .index .content .index_main .area{
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .index .area1 .con{
        margin-top: 30px;
    }
    .index .area3 .tab{
        text-align: center;
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .index .title h1 {
        font-size: 42px;
    }
    .index .area1 .item .text h1 {
        line-height: 25px;
        font-size: 23px;
    }

    .header .header_con_2 .nav li {
        font-size: 19px;
    }
}
@media screen and (max-width: 1440px) {
    .index .content .index_main .area{
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .index .area1 .con{
        margin-top: 25px;
    }
    .index .area3 .tab{
        margin-top: 25px;
        margin-bottom: 40px;
    }

    .index .title h1 {
        font-size: 40px;
    }
    body{
        font-size: 13px;
    }
    .header .header_con_2 .nav li {
        font-size: 18px;
    }
    .header .nav_level2 {
        font-size: 17px;
    }
}
@media screen and (max-width: 1366px) {
    .index .content .index_main .area{
        padding-top: 26px;
        padding-bottom: 30px;
    }
    .index .area1 .con{
        margin-top: 20px;
    }
    .index .area3 .tab{
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .index .title h1 {
        font-size: 38px;
    }
    body{
        font-size: 12px;
    }
    .header .header_con_2 .nav li {
        font-size: 17px;
    }
    .header .nav_level2 {
        font-size: 16px;
    }
}


.kefu {
    position: absolute;
    right: 0;
    top: 300px;
    z-index: 1200;
    width: 138px;
    margin: auto;
}
.kefu .c2 {
    background-position: 0 0;
    position: relative;
    display: block;
}
.kefu .kfdiv {
    margin: 0 auto;
    width: 63px;
    height: 63px;
    margin-bottom: 1px;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    margin-right: 0;
    background: url(../images/kefu.png) no-repeat;
}
.kfQQ {
    width: 138px;
    margin-right: 0;
    position: relative;
    margin-bottom: 1px;
    display: none;
}
.kfQQ dt {
    height: 63px;
    background: url(../images/keT.png) no-repeat;
}
.kfQQ dd {
    border: 1px #dcdcdc solid;
    border-bottom: 3px #0896de solid;
    width: 138px;
    background: #FFF;
}
.kfQQ dd span {
    padding-left: 14px;
    padding-bottom: 13px;
    font-size: 12px;
    text-align: left;
    display: block;
    color: #5c5c5c;
}
.kfQQ dd span a {
    color: #777;
    display: block;
    padding-top: 8px;
}
.kfQQ dd span img {
    margin-right: 10px;
    width: 23px;
    height: 23px;
    vertical-align: middle;
}