/*css**/
@import "https://at.alicdn.com/t/font_330953_g9ljz5lzh8xe0zfr.css";
body {background: #FFFFFF;color: #000;padding: 0;font-family: "Microsoft YaHei";margin: 0 auto;min-width: 1200px;max-width: 1920px;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;
}
header{margin-top: -6px}
.zxUrl{cursor: pointer}
.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:130px; color:#fff; letter-spacing: 1.5px;}
.video_ban .w_1200 h2{ font-size: 58px; font-weight: 600; line-height: 90px;}
.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);}
.video_ban .text{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}

.lb_contents {background-color: #f0f0f0;}
.portfolio-MjorMenu{width:1200px;margin:auto;padding:70px 0 40px;cursor:pointer;}
.portfolio-MjorMenu ul li{width: 175px!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(https://www.csxinhua.com/zhuanyeshezhi/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_main{width: 100%;display: block;margin: 0 auto 15px auto;}
.bt {width: 1200px; margin: 0 auto;overflow: hidden; color: #fff; font-size: 30px;line-height: 50px; text-align: center; font-family: "微软雅黑 Regular"; letter-spacing: 1.5px;}
.bt h2{width:1200px;height:70px;font-size: 30px;line-height: 90px; color: #464646; text-align: center; margin: 0 auto; font-family: "微软雅黑 Regular"; font-weight: 600;}
.bt p{width:1200px;font-size: 16px;text-align: center;float: left;overflow: hidden; margin:0 auto 10px auto; display: block; font-family: "微软雅黑 Regular"; line-height: 40px; letter-spacing: 1px; color: #777;font-weight: 300;}
.grid .grid_item {width: 390px;height: 260px;overflow: hidden;position: relative;float: left;margin-right: 15px;margin-bottom: 32px;}
.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 {font-size: 16px;color: #2e2e2e;line-height: 25px;height: 75px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.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;}
.nr{width:100%;font-size: 16px;text-align: center;overflow: hidden; margin:-3px auto 0 auto; display: block; font-family: "寰蒋闆呴粦 Regular"; height: 40px; line-height: 36px; letter-spacing: 1px; color: #464646;background: #fff}

/* bottom */
.gz_12{width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto; background:url(../images/gz_bg10.jpg) center no-repeat;}
.gz12_show{width:1200px; height:auto; overflow:hidden; margin:30px auto}
.gz1s_l{width:355px; height:475px; overflow:hidden; background:#FFF repeat}
.lxwm{width:165px; height:40px; border-bottom:1px solid #37363B; font-size:24px;margin-top: 25px;
    margin-left: 15px;; font-weight:bold}
.diz{background:url(images/gz_bg11.jpg) no-repeat; font-size:20px; margin-left:20px;padding-left: 35px;line-height: 35px; margin-top:35px}
.gz_dz{font-size:14px; margin-left:55px; margin-top:10px; letter-spacing: 1.5px; height:auto; overflow:hidden}
a.gz_zx{font-size:12px; color:#ff1d00; margin-left:55px; margin-top:10px; display:block}
.diz1{background:url(images/gz_bg12.jpg) no-repeat; font-size:20px; margin-left:20px;padding-left: 35px;line-height: 35px; margin-top:35px}
a.djzx{width:110px; height:45px; background:#F44144 repeat; font-size:18px; color:#FFF; text-align:center; display:block; margin:20px auto; line-height:45px;}
.gz1s_r{width:750px; height:auto; overflow:hidden; margin-top:15px;}
.gz1s_r h3{font-size:30px; color:#FFF; letter-spacing: 1.5px; line-height:65px}
.gz1s_b{width:750px; height:215px; background:#E63B24 repeat; opacity:0.7; margin-top:35px}
.msb7_top{width:596px; height:auto; overflow:hidden; margin:0px auto;}
.ds7_1{width:290px; height:50px; overflow:hidden; float:left; margin-left:8px; margin-top:25px}
.fleft{float:left;}
.fright{float:right;}
.ds7_1 input{ width:100%; height:auto; overflow:hidden; line-height:50px; padding-left:2%}
.coolbg1{width:118px; height:40px; overflow:hidden; background:#FFFFFF repeat; border:none; font-size:15px; text-align:center; line-height:40px;  margin:2% auto; display:block; color:#ff1d00}
.tcenter{ text-align:center;}