/*css**/
@import "https://at.alicdn.com/t/font_330953_g9ljz5lzh8xe0zfr.css";
body {background: #FFFFFF;color: #000;margin: 0;padding: 0;min-width: 1200px;font-size: 15px;}
body,.row,.h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset,
legend, button, input, textarea, th, td { margin: 0; padding: 0; }
img { vertical-align: middle; border: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-weight: bold}
ul, ol, li { list-style: none; }
.lf{
    float: left;
}
.rt{
    float: right;
}
.clear { clear: both;}
@media only screen and (max-width:300px){
    body,.mytitle,.bottom_title{font-size:10px!important}
    .viewport{max-width:300px}
    .ztshow2_l_bt{font-size:12px!important;font-weight: bold}
    .top_title{font-size:12px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:14px!important;padding: 5px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}

}
@media only screen and (max-width:310px) and (min-width:300px){
    body,.mytitle,.top_title,.bottom_title{font-size:10px!important}
    .viewport{max-width:300px}
    .ztshow2_l_bt{font-size:12px!important;font-weight: bold}
    .top_title{font-size:12px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:15px!important;padding: 5px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}

}
@media only screen and (max-width:320px) and (min-width:310px){
    body,.mytitle,.top_title,.bottom_title{font-size:10.66667px!important}
    .viewport{max-width:320px}
    .ztshow2_l_bt{font-size:13px!important;font-weight: bold}
    .top_title{font-size:13px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:15px!important;padding: 6px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:360px) and (min-width:320px){
    body,.mytitle,.top_title,.bottom_title{font-size:10.66667px!important}
    .viewport{max-width:360px}
    .ztshow2_l_bt{font-size:15px!important}
    .top_title{font-size:14px!important;font-weight: bold;top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:16px!important;padding: 6px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:360px) and (min-width:350px){
    body,.mytitle,.top_title,.bottom_title{font-size:12px!important}
    .viewport{max-width:360px}
    .ztshow2_l_bt{font-size:15px!important}
    .top_title{font-size:14px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:16px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:13px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:480px) and (min-width:360px){
    body,.mytitle,.top_title,.bottom_title{font-size:12px!important}
    .viewport{max-width:480px}
    .ztshow2_l_bt{font-size:18px!important}
    .top_title{font-size:14px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:17px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:13px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 35px!important;}
}
@media only screen and (max-width:480px) and (min-width:470px){
    body,.mytitle,.top_title,.bottom_title{font-size:15.66667px!important}
    .viewport{max-width:480px }
    .ztshow2_l_bt{font-size:25px!important}
    .top_title{font-size:25px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:17px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:14px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 35px!important;}
}
@media only screen and (min-width:480px){
    body,.mytitle,.top_title,.bottom_title{font-size:15.66667px!important}
    .viewport{max-width:480px }
    .ztshow2_l_bt{font-size:25px!important}
    .top_title{font-size:21px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .myclass img{width: 80%;  }
    .myline{width: 95%!important;}
}
/**/
@font-face {
    font-family:"Microsoft YaHei"!important;
    src: url("https://www.csxinhua.com/fonts/yahei.ttf");
}
body{
    font-family:"Microsoft YaHei"!important;
}
.logo{
    padding-right: 15px;
    padding-bottom: 0;
    padding-top: 0;
    display: inline-block;
    padding: 0 0 0 8px;
}
.lbtn:hover{
    background-color: #0074D7;
}
.navbg{
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.ltop{

}
.topbg{
    background-color: #0074D7;
}
ul li a{
    color: #ffffff;
}
.ibar{

}
.ibar > li {
    float: left;
    color: #fff;
}

.ibar > li > a {
    padding-top: 15px;
    padding-bottom: 15px;

}
a:hover{
    text-decoration: none;
}
.cont{
    text-align: center;
}
.row{
    margin: auto;
}
.container img,header img{width: 100%;}
header{margin-top: -6px}
/*视频banner*/
.video_ban {width: 100%;min-width: 1200px;position: relative;height: 425px;overflow: hidden;background: #ccc;}
.video_ban video {position: absolute;width: 1920px;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.video_ban .w_1200{position: absolute;top:0;left:0;right:0;bottom:0;z-index: 20;text-align: center;padding-top:150px;color:#fff;}
.video_ban .w_1200 h2{font-size: 58px;}
.video_ban .w_1200  p{padding-top:10px;font-size: 38px;}
.video_ban .msk{position: absolute;top:0;left:0;width: 100%;height:100%;background-color: rgba(0,0,0,.5);z-index: 10;}

.lb_contents {background-color: #f0f0f0;}
.portfolio-MjorMenu{width:1200px;margin:auto;padding:70px 0 40px;cursor:pointer;}
.portfolio-MjorMenu ul li{width: 147px!important;height: 40px;position: relative;background-color: #fff;color: #8c8c8c;font-size: 14px;font-weight: 400;text-align: center;line-height: 40px;margin: 0 10px;border-radius: 28px;-webkit-border-radius: 28px;-moz-border-radius: 28px;overflow: hidden;background-size: 130px;display: inline-block;z-index: 5;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;cursor: pointer;}
.portfolio-MjorMenu ul li i {position: absolute;left: 18px;top: 13px;width: 18px;height: 16px;background-image: url(../images/tabicons.png);background-repeat: no-repeat;background-position-x: right;}
.portfolio-MjorMenu ul li.active{background-color: #386bd6;color: #fff;font-weight: 700;}
.portfolio-MjorMenu ul li.active i{background-position-x: left;}
.grid{width:1215px;margin:auto;overflow:hidden;}
.grid .grid_item {width: 390px;height: 434px;overflow: hidden;position: relative;float: left;margin-right: 15px;margin-bottom: 32px;}
.grid .zy1,.grid .zy2{height:470px;}
.grid .grid_item img{width:390px;height:260px;}
.grid .grid_item .grid_item_jj {position: absolute;bottom: -70px;left: 0;right: 0;margin: auto;background-color: #fff;padding: 16px;transition: .4s;}
.grid .grid_item .grid_item_jj h6 {font-size: 22px;line-height: 38px;}
.grid .grid_item .grid_item_jj_p {line-height: 30px;padding: 9px 0;color: #00a2ff;}
.grid .grid_item .grid_item_jj_p img{width: 30px;height: 30px;margin-right: 10px;}
.grid .grid_item .grid_item_jj p {font-size: 16px;color: #2e2e2e;line-height: 25px;max-width: 358px;height: 75px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;}
.grid .grid_item .grid_item_flex{margin: 20px 0 10px;display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;text-align: center}
.grid .grid_item .grid_item_jj span{display: inline-block;height: 28px;font-size: 14px;border-radius: 4px;padding: 4px;color: #fff;}
.grid .grid_item .grid_item_jj span.grid_item_jj_mb1{background:#018AFE;}
.grid .grid_item .grid_item_jj span.grid_item_jj_mb2{background:#FB3D00;}
.grid .grid_item .grid_item_jj span.grid_item_jj_mb3{background:#31BE86;}
.grid .grid_item .grid_item_jj .grid_item_btn {padding: 20px 38px;overflow:hidden;display: flex;justify-content: space-around;align-items: center}
.grid .grid_item .grid_item_jj .grid_item_btn a {width: 112px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #bfbfbf;transition: .2s;cursor:pointer;display: inline-block;}
.grid .grid_item .grid_item_jj .grid_item_btn a:hover {color: #fff;background: linear-gradient(to right, #3666d2, #4a95f7);border: 1px solid transparent;}
.grid .grid_item:hover .grid_item_jj {bottom: 0;}