@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑"; box-sizing:border-box;}
img{ border:0; }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1200px; margin: 0 auto; }
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
body{overflow-x: hidden}


/* 导航栏 */
.header_nav{width:100%; height:72px; background:#fff; }
.in_logo{width:171px; height:37px; float: left; margin-top:16px}
.in_wlinks{width:auto; float: right; margin-top: 16px;}
.in_wlinks .jd_pic{width:38px; height: 38px; background: url(../images/jd.png) no-repeat center; float: left}
.in_wlinks .tm_pic{width:38px; height: 38px; background: url(../images/tm.png) no-repeat center; float:left; margin-left: 10px}
.in_logo img{width:100%;}
#menu{ height:72px; width:776x; float:right;}
#menu .nav{ position:relative; z-index:1;  margin: 0 auto; width: 100%; height:72px;}
#menu .nav .nLi{ float:left;  position:relative; display:inline; height:100%; width:86px; }
#menu .nav .nLi:last-child{margin-right: 0}
#menu .nav .nLi h3{ float:left; font-weight: normal; width:100%; text-align:center; font-size:14px; z-index: 2; position: relative; height:100%; }
#menu .nav .nLi h3 a{color:#4d4d4d; line-height:72px;  display: block; overflow: hidden}
#menu .nav .sub{ display:none; width:130px; left:50%;  margin-left: -65px; top:72px;  position:absolute; background:#ddd;  line-height:36px; }
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height: 36px;font-size: 14px;  color:#222e48;}
#menu .nav .sub a:hover{ color:#da251d;  }
.nLi > h3 > span{display: block; width: 120px; text-align: center; position: absolute; top: 21px;font-size: 12px;font-weight: normal; color: #fff; }
#menu .nav .active h3{background: url(../images/nav_xs.png) no-repeat bottom center}
#menu .nav .nLi:hover h3{background: url(../images/nav_xs.png) no-repeat bottom center}
#menu .nav h3:hover a{color:#c8242b}
#menu .nav .nLi:last-child{background: none;}



/* 首页:banner */
.banner{ width:100%;  position:relative;  height:680px;clear: left; }
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}
.banner .slideBox .bd img{display:block;width:100%;height:100%}
.slideBox .prev,
.slideBox .next{ position:absolute; ; top:50%; margin-top:-28px; display:block; width:56px; height:56px;  }
.slideBox .next{ right:3%; background: url(../images/ban_right.png) no-repeat;}
.slideBox .prev{ left:3%;  background: url(../images/ban_left.png) no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{ }
.index_fen{width:1218px; height: 139px; margin: -72px auto 0; background: url(../images/bann_ley.png) no-repeat center; padding: 37px; position: relative; z-index: 9}
.index_fen ul{width:100%; height: auto; overflow: hidden}
.index_fen ul li{width:255px; height: auto; background: url(../images/lei_xs.png) no-repeat right center;  float: left; margin-left: 50px;}
.index_fen ul li img{float: left; margin-top: 10px; transition: .6s;}
.index_fenxx{width:145px; float: left; margin-left: 10px;}
.index_fenxx p{width:100%; height: 30px; line-height: 30px; color:#777777; font-size: 14px;  border-bottom: 1px solid #d4d3d3}
.index_fenxx  span{font-size: 16px; color: #777; display: block; line-height: 30px;}
.index_fen ul li:last-child{background: none;}
.index_fen ul li:first-child{margin-left: 0}
.index_fen ul li:hover img{margin-top: 0;}



/*专业领域*/
.index_product{width:100%; height: auto; margin-top: 60px }
.index_title{width:100%; height: auto; overflow: hidden; text-align: center;}
.index_title h3{font-size: 20px; color: #4d4d4d;  line-height: 40px;}
.index_title h3 span{font-size: 16px; color: #777777; font-weight: bold;}
.index_title p{font-size: 14px; color: #777777}
.index_product_nav{width:auto; display: table; margin: 34px auto;}
.index_product_nav a{font-size: 14px; color: #4d4d4d; margin: 0px 10px; width: auto; padding: 3px 15px}
.index_product_nav a:hover{background: #c8242b; color:#fff}
.index_product ul{width:100%; height: auto; overflow: hidden; margin-top: 40px;}
.index_product ul li{width:360px; height: 400px; float: left;  margin-bottom:50px; position: relative; margin-right: 60px; overflow: hidden}
.index_product ul li .in_pro_pic{width:100%; height: 100%;  display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;} 
.index_product ul li:nth-child(3n){margin-right: 0}
.in_pro_pinfo{width:100%; height: 100%; padding:145px 10px 0; background: rgba(0,0,0,0.4); position: absolute; top:0; left:0; text-align: center; }
.in_pro_pinfo p{font-size: 20px; color: #fff; line-height: 35px; text-transform:Uppercase}
.in_pro_pinfo h4{font-size: 16px; color: #fff}
.in_pro_pinfo span{width:122px; height: 32px; line-height: 32px; background: #c8242b url(../images/yanjing.png) no-repeat 15px center; padding-left: 20px; display: block; margin: 10px auto; font-size: 14px; color: #fff; display: none;}
.index_product ul li:hover img.in_pro_pic{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_product ul li:hover p,.index_product ul li:hover h4{color:#c8242b;}
.index_product ul li:hover .in_pro_pinfo i{display: none;}
.index_product ul li:hover span{display: block}
.index_product ul li:hover .in_pro_pinfo{background:url(../images/xs.png) no-repeat center;}
.in_pro_pinfo img{margin-bottom:20px;}
.in_pro_pinfo i{width:50px; height:60px; display:block; margin:0px auto 20px;}




/*模块*/
.index_mokuai{width:100%; height: auto; overflow: hidden; margin-top: 30px;}
.index_mokuai_left{width:50%; height: auto; float: left; position: relative}
.index_mokuai_left img{width:100%; height: 100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_mright_xx{width:100%; height: 100%; position: absolute; top:0; left:0; padding:2%}
.in_mright_info{width:100%; height: 100%; border: 2px solid #fff; padding:35% 18% 0; background:url(../images/yw_ts.png) no-repeat center 90%; }
.in_mright_info h4{font-size: 24px; color: #fff; font-weight: bold;}
.in_mright_info p{width:100%; height: auto; overflow: hidden; font-size: 14px; color: #fff; line-height: 26px; margin: 28px 0}
.in_mright_info hr{width:100px; height: 2px; background: #c8242b; display: block; margin-top: 20px;}
.index_mokuai_left:hover .in_mright_info{border: 2px solid #c8242b; }
.index_mokuai_left:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_mokuai_right{width:50%; height: auto; float: left}
.index_mright_t{width:100%; height: auto; overflow: hidden; background: #fff;}
.mokuai_l{width:50%; height: 100%; float: left; background: #fff; padding: 10% 7% 0; position: relative}
.mokuai_r{width:50%; height: auto; float: left; position: relative; overflow: hidden}
.mokuai_r img{width:100%; height: 100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_mright_b{width:100%; height: auto; overflow: hidden; background: #fff;}
.mokuai_right_xx{width:100%; height:auto; position: relative; padding-left: 30px;}
.mokuai_l h3{font-size: 18px; color: #4d4d4d; margin-bottom: 30px;}
.mokuai_l p{font-size: 14px; color: #777777; line-height: 26px;}
.mokuai_right_xx:after{content: ""; width: 2px; height: 100%; position: absolute; top:0; left:0; background: #c4c4c4;}
.index_mright_t:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_mright_b:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.mk_x{width:90%; height:90%; border: 1px solid #c8242b; position: absolute; top:50%; left:50%; margin-left: -45%; margin-top: -32%; opacity: 0;
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -ms-transform: rotate(0deg) scale(1) translate(0%, 0%);
    transform: rotate(0deg) scale(1) translate(0%, 0%);
    transition: all 0.5s ease;
}
.index_mright_t:hover .mk_x,.index_mright_b:hover .mk_x{opacity: 1;     -webkit-transform: rotate(0deg) scale(1) translate(0%,0%);
    -ms-transform: rotate(0deg) scale(1) translate(0%,0%);
    transform: rotate(0deg) scale(1) translate(0%,0%);
    transition: All 0.5s ease;}
.index_mright_t:hover h3,.index_mright_b:hover h3{color:#c8242b}
.index_mright_t:hover .mokuai_right_xx:after,.index_mright_b:hover .mokuai_right_xx:after{background:#c8242b}



/*新闻*/
.index_news{width:100%; height:auto; overflow: hidden; margin-top: 75px; }
.index_news .Box{width:100%; height: auto; margin-top: 28px; position: relative;}
.index_news .Box .Box_con .conbox {position: relative;overflow: hidden; width:100%; margin: 0px auto; }
.index_news .Box .Box_con .conbox ul {position: relative;list-style: none;}
.index_news .Box .Box_con .conbox ul li {float: left;width:362px;height:260px; overflow: hidden; position: relative; margin-left: 57px; }
.index_news .Box .Box_con .conbox ul li a{width:100%; height: 100%; display: block; overflow: hidden}
.index_news .Box .Box_con .conbox ul li span{font-size: 30px; color: #bebebe;}
.index_news .Box .Box_con .conbox ul li h3{width:100%; height: 35px; line-height: 35px; margin: 10px auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; color: #4d4d4d}
.index_news .Box .Box_con .conbox ul li hr{width:49px; height: 1px; background: #e9e9e9; border-top: 1px solid #e9e9e9; transition: .6s;}
.index_news .Box .Box_con .conbox ul li p{width:100%; height: 92px; line-height: 24px; font-size: 14px; color: #777777;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;
  -webkit-box-orient:vertical; overflow:hidden; margin-top: 15px;}
.index_news .Box .Box_con .conbox ul li i{width:30px; height: 30px; background: url(../images/b_jt.png) no-repeat; display: block; margin-top: 24px}
.index_news .Box .Box_con .conbox ul li:hover i{background: url(../images/h_jt.png) no-repeat center}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.index_more{width:142px; height: 38px; border: 1px solid #e9e9e9; text-align: center; display: block; line-height: 38px; margin: 62px auto 0; font-size: 18px; color: #bebebe}
.index_more:hover{background: #c8242b; color: #fff }
.index_news .Box .Box_con .conbox ul li:hover h3{color:#c8242b}
.index_news .Box .Box_con .conbox ul li:hover hr{width:100%; border-top: 1px solid #c8242b; }



/*关于我们*/
.index_about{width:100%; height: 520px; overflow: hidden; position: relative; background: url(../images/about_bjs.jpg) no-repeat center;margin-top: 70px; background-attachment: fixed; background-size: cover}
.index_about_xx{width:862px; height:320px; float: right; margin-top: 100px;}
.index_about_xx img{width:260px; height: 320px; float: left}
.indx_about_rxx{width:602px; height: 320px; float: left; background: #fff; padding: 20px 62px}
.indx_about_rxx h3{width:100%; height: 30px; line-height: 30px; font-size: 20px; color: #4d4d4d}
.indx_about_rxx h4{font-size: 16px; color: #777777;}
.in_abinfo{width:100%; height: 74px; overflow: hidden; line-height: 26px; font-size: 14px; color: #777777; line-height: 26px; margin: 30px 0 40px}
.indx_about_rxx span{width:140px; height: 38px; background: #c8242b; text-align: center; line-height: 38px; color:#fff; display: block; }
.indx_about_rxx span:hover{border:1px solid #e9e9e9; background: none; color: #bebebe }



/*案例*/
.index_case{width:100%; height: auto; overflow: hidden; margin-top: 68px;}
.index_case .Box{width:100%; height: auto; margin-top: 28px; position: relative;}
.index_case .Box .Box_con .conbox {position: relative;overflow: hidden; width:100%; margin: 0px auto; }
.index_case .Box .Box_con .conbox ul {position: relative;list-style: none;}
.index_case .Box .Box_con .conbox ul li {float: left;width:380px;height:auto; overflow: hidden; position: relative; margin-left: 30px; }
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.index_case .Box .Box_con .conbox ul li a{width:100%; height: 100%; display: block; overflow: hidden}
.in_case_pic{width:380px; height: 380px; overflow: hidden}
.in_case_pic img{width:100%; height: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_case_info{width:340px; height: 90px; background: url(../images/case_bjs.png) no-repeat center; text-align: center; padding-top:10px; margin: -60px auto 0; position: relative;}
.in_case_info h3{width:100%; height: 30px; line-height: 30px; font-size: 16px; color: #4d4d4d; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.in_case_info span{font-size: 14px; color: #777777}
.c_xs{width:320px; height: 290px; border: 1px solid #fff; border-bottom: 0; position: absolute; top:30px; left:30px; opacity: 0}
.index_case .Box .Box_con .conbox ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_case .Box .Box_con .conbox ul li:hover .in_case_info{background: url(../images/case_hbjs.png) no-repeat center}
.index_case .Box .Box_con .conbox ul li:hover h3,.index_case .Box .Box_con .conbox ul li:hover h4{color:#fff;}
.index_case .Box .Box_con .conbox ul li:hover .c_xs{opacity: 1}
.conbox_button{width:100%; height: 30px; margin-top: 20px;}
.index_case .Box .Box_con .btn {display: block;width:30px;height:30px;cursor: pointer;  text-align: center;}
.index_case .Box .Box_con .btnr { background: url(../images/c_right.png) no-repeat; float: right }
.index_case .Box .Box_con .btnl {  background: url(../images/c_left.png) no-repeat; float: left}
.index_case .Box .Box_con .btnl:hover{background: url(../images/c_hleft.png) no-repeat}
.Box .Box_con .btnr:hover{background: url(../images/c_hright.png) no-repeat}


/*百科*/
.index_baike{width:100%; height: 574px; overflow: hidden; margin-top: 64px; background:#f7f7f9; padding-top: 70px;}
.index_baike .Box{width:100%; height: auto; margin-top: 28px; position: relative;}
.index_baike .Box .Box_con .conbox {position: relative;overflow: hidden; width:100%; margin: 0px auto; }
.index_baike .Box .Box_con .conbox ul {position: relative;list-style: none;}
.index_baike .Box .Box_con .conbox ul li {float: left;width:560px;height:auto; overflow: hidden; position: relative; margin-left: 80px; }
.index_baike .Box .Box_con .conbox ul li a{width:100%; height: 100%; display: block; overflow: hidden}
.index_baike .Box .Box_con .conbox ul li .in_news_pic{width:560px; height: 220px; overflow: hidden; position: relative}
.index_baike .Box .Box_con .conbox ul li .in_news_pic img{width:100%; height: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_time{width:90px; height: 90px; background: rgba(255,255,255,0.5); text-align: center; position: absolute; top:0; right:0; padding-top: 8px;}
.in_time span{font-size: 34px; color: #4d4d4d; display: block}
.in_time p{font-size: 14px; color: #777777}
.in_bk_xx{width:100%; height: 90px; margin-top: 20px;}
.in_bk_xx h3{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; color: #4d4d4d}
.in_bk_xx p{width:470px; height: 50px; font-size: 14px; color: #777777; line-height: 26px; float: left;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.index_baike .Box .Box_con .conbox ul li i{width:30px; height: 30px; background: url(../images/b_jt.png) no-repeat; display: block; margin-top: 10px; float: right}
.index_baike .Box .Box_con .conbox ul li:hover i{background: url(../images/h_jt.png) no-repeat center}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.index_baike .Box .Box_con .conbox ul li:hover .in_time{background: #c8242b;}
.index_baike .Box .Box_con .conbox ul li:hover .in_time p,.index_baike .Box .Box_con .conbox ul li:hover .in_time span{color:#fff}
.index_baike .Box .Box_con .conbox ul li:hover h3{color:#c8242b}
.index_baike .Box .Box_con .conbox ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}


/*联系我们*/
.index_contact{width:100%; height: auto; overflow: hidden; margin-top: 70px;}
.index_contact_top{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.index_contact_top .f_contact_dz{width:400px; height: auto; float: left}
.f_contact_dz h3{font-size: 20px; color: #777777; margin-bottom: 20px;}
.f_contact_dz p{width:100%; line-height: 28px; font-size: 14px; color: #777}
.f_contact_dz p a{color:#777}
.f_contact_pic{width:auto; float: right}
.f_contact_pic dl{width:auto; float: left; margin-left: 40px;}
.f_contact_pic dl dt{float:left; height: 100%;margin-top: 35px; margin-right: 15px; }
.f_contact_pic dl dt i{color:#bebebe; font-size:40px; }
.f_contact_pic dl dd{width:110px; height:150px; float: left}
.f_contact_pic dl dd img{width:100%; height: 110px;}
.f_contact_pic dl dd p{width:100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #777777}
.f_input{width:100%; height: auto; margin-top: 10px; }
.f_input input[type="text"]{width: 380px; height: 45px; line-height: 45px;  background: none; border: 0px; border-bottom: 1px solid #d4d3d3; font-size: 14px; color:#777; margin-right: 25px;}
.f_yx{margin-right: 0!important}
.f_input textarea{width:100%; height:60px; background: none; border: 0px; border-bottom: 1px solid #d4d3d3; line-height: 26px; margin-top: 10px; resize: none}
.f_input .input_submit{width:160px; height:36px; text-align: center; line-height:36px; border: 0; font-size: 16px; color: #777777; background: none; 
	margin-top: 20px; border: 1px solid #e9e9e9; cursor: pointer}

.f_input .input_submit:hover{background: #c8242b; color: #fff;}
::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #777;  
}  
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #777;  
   opacity:  1;  
}  
::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #777;  
   opacity:  1;  
}  
:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #777;  
}  

.input:-webkit-autofill,.input:focus:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}


/*底部*/
.footer_ban{width:100%; height:60px; line-height:60px; background: #4d4d4d; margin-top: 39px;}
.footer_zhichi{width:auto; height:60px;  float: right}
.footer_zhichi p{ width: auto; float: left; margin-left: 20px;  font-size: 14px; color:#fff;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:19px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:19px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 12px; color: #fff;}
.footer_zhichi i{ float: left;}
.f_brq{width:auto;height:100%; line-height:60px; font-size: 14px; color:#fff; float: left}
.f_brq a{margin-left: 15px; color: #fff;}
.f_brq a:hover{font-weight: bold;}
.index_kuaijie{width:100%; height:40px;line-height: 40px; overflow: hidden;}
.index_kuaijie a{float: left; width:auto; text-align: center; font-size:14px; color: #333333; margin: 0px 10px;}
.index_kuaijie p{font-size: 14px; color: #333333; float: left; }
.index_kuaijie a:hover{color:#005604}



/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 5px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height:32px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
	 background-position: 0 6px;
}
.lxfx li i.icon-tel {
    background-position: 0 -20px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}

.lxfx li i.icon-top {
    background-position: -30px -50px;
}


.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#c8242b;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}


/*内页banner*/
.ny_banner{width:100%; height:340px; overflow:hidden}
.about_banner{background:url(../images/about_banner.jpg) no-repeat center}
.kctx_banner{background:url(../images/kctx_banner.jpg) no-repeat center}
.team_banner{background:url(../images/team_banner.jpg) no-repeat center}
.case_banner{background:url(../images/case_banner.jpg) no-repeat center}
.news_banner{background:url(../images/news_banner.jpg) no-repeat center}
.zsjm_banner{background:url(../images/zsjm_banner.jpg) no-repeat center}
.contact_banner{background:url(../images/contact_banner.jpg) no-repeat center}
.products_banner{background:url(../images/products_banner.jpg) no-repeat center}
.cpzs_banner{background:url(../images/cpzs_banner.jpg) no-repeat center}
.cpys_banner{background:url(../images/cpys_banner.jpg) no-repeat center}
.service_banner{background:url(../images/service_banner.jpg) no-repeat center}




/*副导航*/
.fubiao{width:100%; height:35px;color: #999;font-size: 12px; line-height: 35px; margin: 15px 0 20px;}
.fubiao a{font-size: 14px; color: #999;}
.fubiao span{ color:#999; font-size: 14px;}
.fubiao img{margin-right:8px; width:16px; height:14px;}
.ny_biaoti{width:100%; height: 75px; display: table; background: #f2f2f2}
.ny_biaoti .container{text-align: center; display: table }
.ny_biaoti ul{width:auto; height: 75px; text-align: center; display: table; max-width: 100%;     margin: 0px auto; padding-top: 23px;}
.ny_biaoti ul li{ float: left; width: auto; text-align: center; height: 50px;}
.ny_biaoti ul li a{font-size: 16px; color:#666; border-right: 1px solid #cccccc; width: 100%; display: block;padding: 0px 20px}
.ny_biaoti ul li.active a{color:#c8242b;}
.ny_biaoti ul li.active{ border-bottom: 1px solid #c8242b}
.ny_biaoti ul li:hover{border-bottom: 1px solid #c8242b}
.ny_biaoti ul li:hover a{color:#c8242b;}
.ny_biaoti ul li:last-child a{ border-right:0px;}
.fubiao a:hover{color:#c8242b;}
.fubiao span:hover{color:#c8242b;}


/*内页关于我们*/
.news_main{width:100%; height: auto; margin-bottom: 70px; overflow: hidden;}
.about_all{font-size: 16px; color:#666; line-height: 28px;}
.ny_about_info{width:100%; height: 270px; margin-top: 40px;}
.ny_about_info img{width:380px; height: 270px; float: left;}
.ny_about_info .ny_about_right{width:800px; height: 270px; background: url(../images/abj.jpg) no-repeat; float: right; padding: 25px 50px;text-indent:2rem}
.ny_about_right h5{font-size: 24px; color:#FFFFFF; line-height: 30px; margin: 10px 0;}
.ny_about_right p{font-size: 16px; color:#FFFFFF; line-height: 28px; text-indent:2rem}
.about_all h3{font-size:24px; color:#333; text-align:center; margin:10px 0;}




/*内页环境*/
.ny_honor{width:100%; height: 100%;}
.ny_honor ul{width:100%; height: 100%; display: block; overflow: hidden;}
.ny_honor ul li{width:385px; height: 264px; float: left; margin-right: 15px; margin-bottom:10px;}
.ny_honor ul li .honor_pic{width:100%; height:230px; overflow: hidden; border:1px solid #eee}
.ny_honor ul li .honor_pic img{width:100%;}
.ny_honor ul li p{width:100%; height: 35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center;}
.ny_honor ul li:nth-child(3n){margin-right: 0px;}
.ny_honor ul li:hover p{color:#c8242b}


/*产品展示*/
.ny_product{width:100%; height: 100%;}
.ny_product ul{width:100%; height: 100%; display: block; overflow: hidden;}
.ny_product ul li{width:385px; height:290px; float: left; margin-right: 15px; margin-bottom:10px;}
.ny_product ul li .product_pic{width:100%; height:254px; overflow: hidden; border:1px solid #eee}
.ny_product ul li .product_pic img{width:100%;}
.ny_product ul li p{width:100%; height: 35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center;}
.ny_product ul li:nth-child(3n){margin-right: 0px;}
.ny_product ul li:hover p{color:#c8242b}



/*案例*/
.ny_case{width:100%; height: 100%;}
.ny_case ul{width:100%; height: 100%; display: block; overflow: hidden;}
.ny_case ul li{width:385px; height:418px; float: left; margin-right: 15px; margin-bottom:10px;}
.ny_case ul li .case_pic{width:100%; height:383px; overflow: hidden; border:1px solid #eee}
.ny_case ul li .case_pic img{width:100%;}
.ny_case ul li p{width:100%; height: 35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center;}
.ny_case ul li:nth-child(3n){margin-right: 0px;}
.ny_case ul li:hover p{color:#c8242b}




/*教师*/
.ny_team{width:100%; height: 100%;}
.ny_team ul{width:100%; height: 100%; display: block; overflow: hidden;}
.ny_team ul li{width:280px; height: auto; float: left; margin-right: 15px;}
.ny_team ul li .team_pic{width:280px; height: 360px; overflow: hidden;}
.ny_team ul li .team_pic img{width:100%;}
.ny_team ul li p{width:100%; height: 35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center;}
.ny_team ul li:nth-child(4n){margin-right: 0px;}
.ny_team ul li:hover p{color:#c8242b}







/*内页新闻*/
.news_x{clear:both;margin:0 auto;width:100%; font-size:14px; color:#666; margin-bottom:20px;}
.news_x dl{display:block;overflow:hidden;padding:20px 0;width:100%;height:auto;border-bottom:#e5e5e5 1px solid}
.news_x dl dt{float:left;overflow:hidden;width:200px;height:120px}
.news_x dl dt img{width:198px;height:145px;transition:all 1s ease 0s;-webkit-transform:scale(1);-webkit-transform:all 1s ease 0s;transform:scale(1)}
.news_x dl dd{float:right;width:968px}
.news_x dl dd h3{width:100%;height:30px;line-height:30px}
.news_x dl dd h3 a{overflow:hidden;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:16px;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis}
.news_x dl dd time{color:#999;font-size:16px}
.news_x dl dd p a{display:block;height:100%;color:#999;font-size:14px;line-height:30px}
.news_x dl dd p{clear:both;overflow:hidden;margin-top:12px;height:60px}
.news_x dl:hover dd a,.news_x dl:hover time{color:#c8242b}
.news_x dl:hover img{transition:all 1s ease 0s;-webkit-transform:scale(1.05);-webkit-transform:all 1s ease 0s;transform:scale(1.05)}
.news_x dl:nth-child(1){padding:0 0 20px}




/*内页联系我们*/
.contact_info{width:100%; height: auto; border:20px solid #eeeeee; padding: 20px; box-sizing: border-box; overflow:hidden;}
.contact_nei{ background: #fff; width: 100%; height: 100%; padding: 0px 30px; box-sizing: border-box}
.contact_nei ul{width:100%; height: 100%;}
.contact_nei li.leftinfo{width:628px; float: left; font-size: 14px; color: #666; height: 30px; line-height: 30px}
.contact_nei li.centerinfo{float:left;width:330px;margin-top: 48px; }
.contact_nei li.rightinfo{float:right; }
.contact_nei li.leftinfo h3{color: #666;  height: 35px; line-height: 35px; font-size: 16px; margin: 15px 0 0; }
.contact_nei li.leftinfo p{font-size: 14px; color: #666; height: 30px; line-height: 30px}
.contact_nei li.leftinfo p span{font-size:24px;}
.contact_dizhi{ font-size: 12px!important}
.centerinfo img{width:153px; height: 120px; margin: 0px auto 10px; display: block; overflow: hidden}
.centerinfo h2{ font-size: 24px; color: #e4bb28; font-weight: bold; height: 40px; line-height:40px}
.centerinfo p{font-size:11px; color: #666; height: 30px; line-height: 30px; border-top: 1px solid #b5b5b5; font-weight: bold}
.rightinfo dl{float: left; width: 128px;height: auto; margin-left: 10px}
.rightinfo dl dt{width:100%; height: 127px; border: 1px solid #d2d2d2; padding: 4px; box-sizing: border-box}
.rightinfo dl dt img{width:118px;height: 117px}
.rightinfo dl dd{ text-align: center; height: 30px; line-height: 30px; color: #666; font-size: 12px}
.ditu{width:100%; height: 487px; margin: 40px 0 25px}
.liji_bao{width:180px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:14px;border-radius:5px;background: #c8242b;display:block;overflow:hidden;margin:20px auto;}
.liji_bao:hover{ background:#c30e23; color:#fff}




/*推荐新闻*/
.news_lists{/*! margin-top: 48px; */ display: block; overflow: hidden; height: 100%;}
.zixun{ padding-top: 60px; padding-bottom:60px; overflow:hidden}
.list_line{font-size: 14px; color: #999; border-bottom: 1px dashed #d2d2d2; height:60px; line-height: 60px;}
.list_line p{width:330px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left}
.list_line span{float: right;}
.list_line i.iconfont{margin-right: 20px; float: left}
.list_line:hover a{color: #c8242b;}
.list_line:hover{color: #c8242b;}
.li_txt{ width:565px; height: auto; float: left;}
.li_txt_top{width:100%; height:310px; position: relative; overflow:hidden;}
.li_txt_top a{width:100%; height:100%; display:block;}
.li_txt_top img{width:100%; height: 100%; position: absolute; top: 0px; left:0px; z-index: 111;transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}
.li_txt_top:hover .t_new img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;
}	
.t_new{width:100%; height:310px; overflow:hidden;}	
.li_txt_top .li_title{width:190px; height: 125px;  background: url(../images/xing.jpg) no-repeat; position: absolute; top: 0px; left:0px; z-index: 999; color: #fff}
.li_title p{ font-size: 24px; font-weight: bold; color: #c8242b; width: 100%; height: 100%; text-align: center; padding-top: 53px; padding-left: 49px;}
.li_title p span{font-size: 22px; font-weight: normal;}
.li_rtxt{float:right;}


@media screen and (max-width:1440px){
	
}



@media screen and (max-width:1440px){
	.index_mright_t .mokuai_l{padding:4% 7% 0}
	.index_mright_b .mokuai_l{padding:6% 7% 0}
	.in_mright_info{padding:24% 15% 0; background-size:100% auto}

}