/*base style*/
*{ margin:0; padding:0;}
.clear{clear:both;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.ms{ font-family: "Microsoft YaHei",Arial;}
.mr3 { margin-right: 3px;}
.ml5 { margin-left: 5px;}
.mr5 { margin-right: 5px;}
.ml10 { margin-left: 10px;}
.mr10 { margin-right: 10px;}
.mt3 { margin-top: 3px;}
.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}


/* bottom */
.gz_12{width:100%; height:auto; overflow:hidden; margin:0 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{ 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{ font-size:20px; margin-left:20px;padding-left: 35px;line-height: 35px; margin-top:35px}
a.djzx{width:200px; height:40px; background:#F44144 repeat; font-size:18px; color:#FFF; text-align:center; display:block; margin:20px auto 20px 53px; line-height:40px;}
.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;}
.clear{clear:both;}
.show{display:inline-block}
.hide{display:none}
.box{ width:1000px; height:auto; margin:0 auto;}
.m_t_5{ margin-top:5px;}
.m_r_14{ margin-right:14px;}
.m_r_6{ margin-right:6px;}
.balck10{ height:10px; padding:0px; margin:0px; clear:both; overflow:hidden}
.wrapper{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}

/*视频banner*/
.video_ban{  width: 100%;  min-width: 1200px;  position: relative; overflow: hidden; background: #ccc;}
.video_ban video{width: 100%; margin:auto; z-index: 2;}
.video_ban .w_1200{  position: absolute; top: 0; left: 25%; right: 25%; bottom: 0; z-index: 20; text-align: center; padding-top: 150px; color: #fff; width: 50%;}
.video_ban .w_1200 h2{ font-size: 58px; font-weight: bold;}
.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%);}

.banner {position: relative;width: 100%;overflow: hidden;}
.banner img { width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 100%;}
.banner .btn { width: 200px; height: 50px; border-radius: 50px; background: #3ab4ff; position: absolute; left: -580px; top: 70%; margin: 0 50%; font-size: 20px; text-align: center; line-height: 50px; color: #fff; font-weight: bold;}


/*专业*/
.lb_contents { background-color: #f0f0f0;}
.portfolio-MjorMenu{width:1032px;margin:auto;padding:70px 0 40px;cursor:pointer;}
.portfolio-MjorMenu ul li{width: 183px!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-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 .grid_item img{	width:390px;	height:260px;}
.grid .grid_item:nth-child(3n) {}
.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: #555; line-height: 30px; height: 75px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.grid .grid_item .grid_item_jj span{display: inline-block;font-size: 14px;margin: 10px 5px 10px 0; border-radius: 4px; padding: 4px 5px; color: #fff;	line-height: 22px;}
.grid .grid_item .grid_item_jj span.grid_item_jj_mb1{color: #ff1a1a; background-color: #ffe5e6;}
.grid .grid_item .grid_item_jj span.grid_item_jj_mb2{color: #0f69fe; background-color: #e4f4fd;}
.grid .grid_item .grid_item_jj span.grid_item_jj_mb3{color: #048b01; background-color: #e4f2df;}
.grid .grid_item .grid_item_jj span.grid_item_jj_mb4{background:#edeaf8; color: #6a13cb; margin-right: 0;}
.grid .grid_item .grid_item_jj .grid_item_btn { padding: 20px 38px;	overflow:hidden;}
.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;}
.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;}