@charset "utf-8";
/* CSS Document */
body{margin:0 auto; padding:0;  color:#333; background:#f5f5f7; position: relative; font-size: 14px; min-width: 1200px;}
body.index{ background:#fff;}
body,html{min-width: 1200px;overflow-x: hidden!important;}
body,h1,h2,h3,h4,h5,h6,hr,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre,p{margin:0;padding:0;}
h1,h2,h3,h4{font-size:14px;}
a{text-decoration:none;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both; ;}
.clearfix{*zoom:1;/*IE/7/6*/}
/*swiper*/
.swiper-pagination-bullet{ background: #fff; opacity: .6; cursor: pointer;}
.swiper-button-prev,.swiper-button-next{ color:#fff; opacity: .6;}
.swiper-pagination-bullet-active{ background: #CD000F;opacity: 1;}
/*头部 start*/
.header {position: relative; background: #fff;}
.header_top{ height: 30px; border-bottom: 1px solid #E9E9E9; color: #333; line-height: 30px; background: #E9E9E9; font-size: 0;}
.header_top .fl ,.header_top .fr{ font-size: 14px; }
.header_top .fr span{ color: #D8D8D8; }
.header_top .fr span,.header_top .fr a{ margin: 0 5px; color: #585858 }
.header_min {position: relative;z-index: 3; }
.header_min .warp{ position: relative; height: 109px; }
.header_min .warp .logol{ position: absolute;left:0; top:20px; }
.header_min .warp .logofont{ margin: 10px 0 10px; height: 55px; border-left: 1px solid #dedede; padding-left: 10px; line-height: 19px; }
.searchbox {position: absolute;width:395px; top: 25px; right: 292px;}
.searchform{ overflow: hidden;}
.searchform input{ display: inline; float: left; padding: 0; margin: 0;}
.searchform input.select_txt{text-indent: 10px; width:323px; height: 36px; line-height: 36px; background: #fff; border:1px solid #FE8301; color: #333;}
.searchform input.btn-search{ height: 38px; line-height: 38px;width: 68px; border:1px solid #FE8301; cursor: pointer; background: url(../images/find.png) #FE8301 center no-repeat;}
.hotwords{margin-top: 10px;}
.hotwords a{margin-right: 10px; color: #666;}
/*top-telNumber*/
.top-telNumber{ position: absolute; color: #727272;  right: 10px; top: 26px;padding-left:62px;  background: url(../images/tel_icon.png) left center no-repeat; line-height:20px;}
.top-telNumber em{ font-style:normal;font-size:20px;color: #FE8301;font-weight: bold; display: block;}

/*menu*/
#menu{height:55px; background: #191919; font-family:"微软雅黑"; position: relative;z-index: 2;}
#menu li{height:55px;text-align:center;float:left; display:inline; width: 133px;}
#menu li a{ color:#fff; display:block; line-height: normal; height: 55px;line-height: 55px; font-size: 15px; white-space: nowrap;}
#menu li a span{ display: inline-block;}
#menu li a span.down{ background: url(../images/down.png) center no-repeat; width: 13px; height: 7px; margin-left: 5px;}
#menu li a span.fa-home{ font-size: 20px; line-height: normal; display: inline-block;}
#menu li a:hover,#menu li.on a{text-decoration: none;background: #FE8301; color: #fff;}
#menu li.hover a{ color: #fff; background: #FE8301;}
/*down menu*/
#menu .mainlevel{ z-index:99999; position: relative;}
#menu .mainlevel .lbul{padding:0px; left: 0; display: none; width: 133px; position:absolute; top:55px;z-index:1000;background:rgba(255,255,255,.98);}
#menu .mainlevel .pro_sub{width:1200px; left: -240px;}
#menu .mainlevel .lbul .slide_mel{ display:inline;float: left;width: 180px;background:rgba(129,0,9,.8); text-align: left;}
#menu .mainlevel .lbul .slide_mel span{ display: block;height: 55px; line-height: 55px;text-indent: 36px; font-size: 16px; color: #fff; cursor: pointer;}
#menu .mainlevel .lbul .slide_mel span.on{background: #fff; color: #c30917;}
#menu .mainlevel .lbul .slide_mel .slide_con{ width: 1020px; display: inline; float: left;}
#menu .mainlevel .lbul .slide_con .sublist{ display:inline;overflow: hidden; float: left; overflow: hidden; width: 240px; padding-left: 30px; margin-top: 20px; margin-right: 60px;}
#menu .mainlevel .lbul .slide_con .sublist dt {text-align: left; height: 42px; line-height: 42px; border-bottom: 1px solid #d4d4d4;}
#menu .mainlevel .lbul .slide_con .sublist dt a{ font-size: 14px; font-weight: 700; color: #000;  height: 42px; line-height: 42px;}
#menu .mainlevel .lbul .slide_con .sublist dd{ padding-top: 10px;}
#menu .mainlevel .lbul .slide_con .sublist dd a{ display:  block; height: 24px; line-height: 24px;text-align: left; font-size: 12px; color: #333;}
#menu .mainlevel .lbul .slide_con .sublist a{background: none;}
#menu .mainlevel .lbul .slide_con .sublist a:hover{ background: none; color: #FE8301;}
.hua_kh_con{ display: none}
#menu .mainlevel .sub_a{ }
#menu .mainlevel .sub_a a{ display: block;height: 30px; line-height: 30px; background: none; color: #333; font-size: 12px;}
#menu .mainlevel .sub_a a:hover{ background: #CD000F; color: #fff;}
/*banner*/
.banner{width:100%;overflow:hidden; position:relative; z-index:1;height:500px; }
.contentm_bx{  text-align: center; padding: 20px; background: #d61010; color: #fff;}
.contentm_bx a{ display:  block; font-size: 14px; color: #d61010; background:#fff; line-height: 30px;}
.contentm_bx p{ font-size: 24px; font-family: impact; margin-top: 5px;}
/*hotpic*/
.hotpic{ display: inline; float: left; width: 429px; height: 375px; position: relative; margin-top: 30px;}
.hotpic .hd{height:15px; position:absolute;bottom:53px;z-index:50; text-align: center; width: 100%; font-size: 0;}
.hotpic .hd li{ width:18px; height:15px; display: inline-block; background:rgba(0,0,0,0.8); line-height:normal; font-size:12px; line-height:15px;overflow:hidden; color:#fff; margin: 0 4px;}
.hotpic .hd li.on{ background:#FE8301;}
.hotpic .bannerlist{ position:relative; height:375px; overflow:hidden;}
.hotpic .bannerlist li a{ display:block; }
.hotpic .bannerlist li a img{ width: 429px; height: 330px;}
.hotpic .bannerlist li a .title{ height: 44px; line-height: 44px; background: #AD0E1A; color: #fff; text-align: center; font-size: 15px;}
/*jynews*/
.jynews{ display: inline;float: left;margin: 30px 0 0 30px; width: 423px;}
.dt_title{ height: 28px; line-height: 28px; overflow: hidden;}
.dt_title h3{ display: inline; float: left;}
.dt_title h3{ font-size: 30px; color: #333;}
.dt_title h3 span{ padding-left: 6px; font-weight: normal; color: #acacac; text-transform: uppercase;}
.dt_title .more{ display: inline; float: right; width: 50px; background: #FA8800; text-align: center;font-size: 12px;}
.dt_title .more span{ display:inline-block; background: url(../images/r.png) left center no-repeat; padding-left: 8px; color: #fff;font-size: 14px;}
.dt_newlist{ overflow: hidden;}
.dt_newlist li{ height: 57px; margin-top: 28px; overflow: hidden;}
.dt_newlist li a{ display:block; color: #333;}
.dt_newlist li a h4{white-space: nowrap; font-size: 15px;}
.dt_newlist li a p{ font-size: 12px; color: #999; margin-top: 2px; line-height: 18px;}
.dt_newlist li a .date{ color: #666; display: inline;float: left; margin-right: 15px; font-size: 12px; line-height: 26px; padding-top: 5px; width: 64px; height: 52px;text-align: center; background: url(../images/datam.jpg) bottom no-repeat;}
.dt_newlist li a .date em{ display: block;font-style: normal; color: #fff; font-size: 14px;}
.dt_newlist li a:hover .date,.dt_newlist li.on a .date{ background-position: top;}
.dt_newlist li a:hover h4,.dt_newlist li.on a h4{color: #cd0010;}
/*jzdt*/
.jzdt{ display: inline; float: right; margin-top: 30px;width: 286px;}
.jzdtlist{ padding-top: 13px; overflow:hidden; }
.jzdtlist li a{ background: url(../images/qh.jpg) left center no-repeat; padding-left: 21px; display: block; height: 32px; line-height: 32px; }
.jzdtlist li.on a,.jzdtlist li a:hover{background: url(../images/q.jpg) left center no-repeat; }
.nowjz{ padding: 15px 20px; height:96px; background: #FF6600; color: #fff; overflow: hidden; margin-top: 15px; }
.nz_info{ width: 130px; display: inline; float: left; }
.nz_info h4{ font-size: 24px; font-weight: normal; margin-bottom: 10px; }
.nz_time{ display: inline;float: right; }
.nz_time h4{ font-size: 28px; margin-bottom: 5px; font-weight: normal; }
.nz_time em{ font-style: normal; font-size: 46px;}
.nz_time .date{text-align: right;}
/*教师资格证考试*/
.jszgzks{ width: 883px; display:inline;float: left; margin-top: 20px; }
.item_box{ padding:10px 20px; overflow: hidden; border: 1px solid #E9E9E9; background: #fff; }
.ty_title{ height: 38px; line-height: 36px; border-bottom: 1px solid #E3E3E3;}
.ty_title h3{display: inline;float: left; padding-left: 12px; font-size: 20px; color: #333; font-weight: normal; position: relative; height: 38px; }
.ty_title h3 em{ display:  block; width: 4px; position: absolute; left: 0; top: 50%; height: 20px; margin-top: -10px; background: #CD000F;}
.more2{ float: right; background: url(../images/more.jpg) right no-repeat; padding-right: 10px; }
/*newslist*/
.newslist{ padding-top: 10px; }
.newslist_indexf li{ width: 50%; display:inline;float: left; }
.newslist li{ overflow: hidden; }
.newslist li a.news_title{ display: block; font-size: 18px; }
.newslist li p{ margin-top: 10px; color: #999; line-height: 26px;}
.newslist li .newspic{ display: inline; float: left; width: 245px; height: 165px;margin-right: 20px; }
.newslist li .newspic img{ width: 100%; height: 100%;object-fit:cover; }
.newslist li.first{ margin-top: 15px; display: block; float: none; width: 100%; margin-bottom: 20px;}
.newslist li.title{ height: 32px; line-height: 32px; }
.newslist li.title a{ background: url(../images/sj.png) center left no-repeat; padding-left: 15px; font-size: 15px; color:#666;}
.newslist li.title span{ display: inline; float: right; color: #999 }
.newslist li.title a:hover{ color: #b7000e }
/*报考指南*/
.boxr{ display: inline;float: right; width: 246px; }
.boxl{ width: 883px; display: inline;float: left; }
.bkznbox{ background: #F6F6F6; margin-top: 20px; overflow: hidden; padding: 20px; height: 369px;}
/*aboutbox*/
.aboutbox{ overflow: hidden; padding: 40px 0;}
.index_a_pic{ display: inline; float: left; width: 600px; height: 380px; overflow: hidden; border: 5px solid #fff; margin-right: 30px;}
.index_a_pic img{ width: 600px; height: 380px;}
.index_a_info{ color: #fff; padding-top: 10px; overflow: hidden;}
.index_a_info .a_title{ }
.index_a_info .a_title span{ text-transform: uppercase; font-size: 24px; display: block;}
.index_a_info .a_title h3{font-size: 32px;}
.index_a_info .a_title em{ display:block ; height: 2px; width: 80px;margin-top: 20px; background: #fff; overflow: hidden;}
.index_a_info .a_text{margin-top: 20px; line-height: 24px;}
.index_a_info .about_btn_a{ width: 120px;height: 40px; line-height: 40px; border: 1px solid #fff; color: #fff; margin-top: 20px; display: block;text-align: center;}
/*产品中心*/
.iititle{height:82px;text-align: center;margin: 40px auto 0;width: 448px;position: relative;} 
.iititle .p1{width:200px;height:38px; line-height: 38px;border:1px solid #999999;display: inline-block;}
.iititle .p1 h2{ font-size:18px;font-family:'Microsoft YaHei';display: inline-block;}
.iititle p.p2{height:41px;font-size:16px;font-family:'Times New Roman'; margin-top: 10px;}
.iititle span.p_line{position: absolute;  top: 20px; height: 1px; width: 118px; background: #999; overflow: hidden;display: block;}
.iititle span.sp1{ left: 18px;}
.iititle span.sp2{ right: 18px;}

.hua_pr_con{ display: none; }
.product{ overflow: hidden; background: #F6F6F6; padding:30px 0;  }
.pr_title{text-align: center;}
.pr_title h3{ font-size: 30px; color: #333 }
.pr_title p{ font-size: 14px; color: #b3b3b3 }
.pr_title i{ font-style: normal;}
.pr_title .cpdesc{  width: 80%; margin: 0 auto; color: #666;margin-top: 10px;}
.pr_submenu{ font-size: 0; text-align: center; overflow: hidden; padding-top: 25px; padding-bottom: 5px;}
.pr_submenu li{ display: inline; display: inline-block;margin: 0 5px;}
.pr_submenu li a{ display: block; height:32px; line-height: 32px; padding: 0 30px; border: 1px solid #AE0E1A; border-radius: 16px; color: #333; font-size: 15px;}
.pr_submenu li a:hover,.pr_submenu li.on a{ background: #fff;border-color: #fff; color: #b7000e; box-shadow: 0 2px 5px #ddd; }
.pr_item{ display: inline; float: left; width: 25%; margin-top: 15px;}
.pr_item dt{ font-size: 18px; height: 36px; line-height: 36px; }
.pr_item dt a{background: url(../images/arrr.png) left center no-repeat; padding-left: 25px;}
.pr_item dt .hot{ display: inline-block;font-size: 0;background: url(../images/hot.png) no-repeat; width: 71px; height: 14px; margin-left: 5px;}
.pr_item dd{ line-height: 24px; font-size: 0; margin-top: 10px;}
.pr_item dd a{ display:inline-block; font-size: 14px; margin-left: 25px; color: #787878 }
.pr_item dd a:hover{ color: #b7000e; }
.pro_list{ }
.pro_list li{ display: inline;float: left;margin: 0 10px; width: 290px; margin-top: 20px;}
.pro_list li a{ display: block; }
.pro_list li .img-pics{ width: 290px; height: 207px; overflow:hidden;}
.pro_list li .img-pics img{ width: 100%; height: 100%;object-fit:cover; transition: all .3s; }
.pro_list li  p{ text-align: center; font-size: 15px; height: 40px; line-height: 40px; background: #E9E9E9; padding: 0 15px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.pro_list li a:hover p{ background: #b7000e; color: #fff; }
.pro_list li a:hover .img-pics img{ transform: scale(1.1); }

.ourpro{overflow: hidden; margin: 0 -10px;}
.ourpro li{width: 285px;overflow: hidden;float: left;margin:20px 10px 0 10px;position: relative;}
.ourpro li .pic{ width: 285px; height: 210px; overflow: hidden;}
.ourpro li .pic img{width: 100%; height: 100%; object-fit:cover; transition: all .3s;}
.ourpro li .pic a:hover img{ transform: scale(1.1);}
.ourpro li .tit{height: 68px;background:#727272; margin-top: 20px;}
.ourpro li .tit a{height: 68px;line-height: 68px;background: url(../images/nava.png) no-repeat center center;text-align: center;color: #fff;font-size: 16px; display: block;}
.ourpro li:hover .tit{ background:#FE8301;}
.cp_itembox{ overflow:hidden; background: #fff; padding: 40px 0;}
.cp_itembox .iititle{ margin: 0 auto;}
.cp_itembox_h{ background: none;}

/*专家团队*/
.team_title{ position: relative; height: 39px; border-bottom: 1px solid #dfdfdf; margin-top: 30px;}
.team_title h3,.team_title .more3{ position: relative; height: 40px;}
.team_title h3{ font-weight: normal; display: inline; float: left;line-height: 39px; font-size: 18px; padding: 0 20px; background: #ad0e1a; color: #fff; }
.team_title .more3{ float: right; width: 50px;text-align: center;display: inline; background: #bbb; color: #fff; padding-top: 7px; height:33px; }
.team_title .more3 em{ display: block; background: url(../images/more3.png) center center no-repeat; height: 9px; }
.team_title .more3:hover{ background: #ad0e1a;}
.teambox{position: relative; margin: 0 -11px;}
.teambox dl{ display: inline; float: left; width: 428px; height: 138px; border: 1px solid #E6E6E6; margin: 15px 11px 0 11px; }
.teambox dl dt{ display:inline;float: left; width: 117px; height: 117px; border-radius: 50%; border: 1px solid #E1E1E1; overflow:hidden; margin: 10px 14px 0 10px;}
.teambox dl dt a{ display: block; }
.teambox dl dt a img{ width: 100%; transition: all .3s;}
.teambox dl dt a:hover img{ transform:scale(1.1);  }
.teambox dl dd { width: 270px; display:inline; float: left; padding-top: 2px; }
.teambox dl dd h4{ height: 40px; border-bottom: 1px solid #E6E6E6; line-height: 40px; font-size: 16px; color: #ad0e1a; margin-bottom: 8px;}
.teambox dl dd h4 span{ font-size: 14px; padding-left: 6px; color: #727272;}
.teambox dl dd p{ color: #999; }
.teambox dl dd a{ display:block;  }
.teambox dl dd a.zxzx{  width: 85px; height: 28px; line-height: 28px;text-align: center; margin-top: 8px; color: #fff; background:#FF6600; }
.teambox dl dd a.zxzx:hover{ background: #ed5f00 }
.boxmm{ background: #fff;}
.boxmm .teambox{ margin: 0; padding-bottom: 30px; overflow: hidden;}
.boxmm .teambox dl{ width: 570px; margin: 20px 0 0 20px;}
.boxmm .teambox dl:hover{ box-shadow: 0 0 10px #dedede;}
.boxmm .teambox dl dd{ width: 410px;}
/*经典问答*/
.askbox{padding:10px 15px; overflow: hidden; border: 1px solid #E9E9E9;margin-top: 30px; height: 483px; }
.asklist li{ margin-top: 15px; }
.asklist li .item-ask{height: 22px;line-height: 22px; position: relative; margin-bottom: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #323232;padding-left: 27px;}
.asklist li .item-answer{line-height: 22px;margin-bottom: 8px; color: #666; position: relative; padding-left: 27px;}
.asklist li .ask-tag{ position: absolute; left: 0;top: 2px; display:block;color:#fff;font-size:12px;height:20px;width:20px;text-align:center;line-height:20px;-webkit-border-radius:2px;border-radius:2px;font-style:normal;background-color:#FC543A;}
.asklist li .answer-tag{ background: #F8A724; }
.asklistn li .item-ask{ color: #000; font-weight: bold;}
.asklistn li .item-ask span.time{ float: right; color: #666; font-weight: normal; font-size: 12px;}
.askboxscroll{ position: relative; margin-top: 10px;}
/*syou8shi*/
.youshi{ height: 337px; background: url(../images/scroolbg.jpg) #F6F6F6 center center repeat-x; text-align: center; margin-top: 30px;}
.atitle{ font-size: 30px; font-weight: bold; color: #b7000e; background: url(../images/line2.png) center 87px no-repeat; padding-top: 40px}
.atitle p{ font-size: 16px; color: #333; margin-top: 30px; font-weight: normal; }
.youshi_box{ overflow: hidden; background:#fff;box-shadow: 0 2px 5px #ddd; height: 132px; margin-top: 30px; text-align: center;}
.youshi_box li{ display: inline-block; font-size: 0; width: 22%; padding-top: 35px;}
.youshi_box li h4{ font-size: 40px;font-family: Arial; position: relative; font-weight: normal; display: inline; line-height: 40px; padding-right: 20px; color: #cc0000 }
.youshi_box li h4 em{ font-style: normal; font-size: 16px; position: absolute; top: -12px; right:0;}
.youshi_box li p{ font-size: 14px; color: #a2a2a2; margin-top: 12px; }
/*case*/
.yx-case-box{ position: relative;overflow: hidden; }
.caselist li{ display: inline;float: left;margin: 0 10px; width: 312px; margin-top: 20px;}
.caselist li a{ display: block; }
.caselist li .img-pics{ width: 312px; height: 223px; overflow:hidden;}
.caselist li .img-pics img{ width: 100%; height: 100%; transition: all .3s; }
.caselist li  p{ text-align: center; font-size: 15px; height: 55px; line-height: 55px; background: #E9E9E9; padding: 0 15px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.caselist li a:hover p{ background: #b7000e; color: #fff; }
.caselist li a:hover .img-pics img{ transform: scale(1.1); }
.caselist_ny { position: relative; padding-left: 12px; overflow: hidden; padding-bottom: 30px;}
.caselist_ny li{ width: 266px; margin: 0 8px; margin-top:20px;}
.caselist_ny li .img-pics{ width: 266px; height:190px;}
.caselist_ny li p{ height: 46px; line-height: 46px;}
/*社会责任*/
.shzs-box{ width: 714px; margin-top:25px;}
.lwtj{ width: 468px; margin-top: 25px;}
/*jzdwlist*/
.hzdwbox{ position: relative; overflow: hidden; }
.jzdwlist{ position: relative;margin: 0 -6px; }
.jzdwlist li{ display: inline; float: left;margin: 15px 6px 0 6px; }
.jzdwlist li a{ display: block; width: 188px; height: 61px; border:1px solid #D5D5D5; }
.jzdwlist li a img{width: 188px; height: 61px;}
/*footer*/
.footer{ overflow: hidden; background: #333; margin-top: 30px; color: #fff9f9}
.footermin{ padding: 30px 0; }
.footerlogol{ display: inline; float: left; width: 333px; border-right: 1px solid #444; height: 125px; 
 padding: 30px 20px 0 190px; position: relative; }
 .ftlogo{ position: absolute;left: 0; width: 190px;text-align: left; top: 20px;}
.footertel{ height: 33px; margin: 10px 0; line-height: 33px; overflow: hidden; padding-left: 36px; background: url(../images/footertel.png) left center no-repeat;  font-size: 28px; }
.footerpr{ width: 280px; padding-left: 40px;  border-right: 1px solid #444; height: 155px;}
.footerpr h3{ font-size: 16px; padding-bottom: 12px; font-weight: normal;}
.footerpr a{ display:inline;width: 50%; box-sizing: border-box;  float:left; padding-right: 20px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; color: #e0e0e0; height: 30px; line-height: 30px;}
.footerpr a:hover{ color: #fff; }

.footerewm{ padding-left: 30px;  height: 155px; width: 300px;}
.footerewm h3{ font-size: 16px; padding-bottom: 12px; font-weight: normal;}
.footerewm .ewmlist span{ display:inline; float: left; text-align: center; margin-right: 25px; }
.footerewm .ewmlist span img{ width: 95px;height: 95px;}
.footerewm .ewmlist span p{ margin-top: 6px; }
.footercopy{ background: #ad0e1a; overflow: hidden; padding: 15px 0; text-align: center; font-size: 14px; color: #fff; }
.footercopy a{ color:#fff;}
.footercopy a:hover{ color:#fff}
/*server*/
.server{ width: 122px; position: fixed;right: 0; top:20%; z-index: 999999; right: 10px;}
.server .title1{ height: 44px; line-height: 44px; background: url(../images/user.png) #FA8801 8px center no-repeat; font-size: 16px; color: #fff; text-align:left; padding-left: 38px; }
.server .title2{background: #282828;padding: 0; text-align: center;}
.serverm{ background: #AE0E1A; padding: 6px 10px 10px 10px; }
.serverm li{ display: block; margin-top: 4px; }
.serverm li a{ display: block; background: #fff; color: #808080; height: 25px; line-height: 25px;text-align: center; font-size: 12px; }
.servertel{ background: #AE0E1A;text-align: center; overflow: hidden; white-space: nowrap; color: #fff; padding: 10px 0;}
.server .gottop{ background: #fff; margin-top: 6px;border-radius: 5px; border: 1px solid #dedede;border-radius: 4px;text-align: center; cursor: pointer; padding: 5px 0; line-height: normal; }
.server .gottop span{ display: block; line-height: normal; height: 6px;  }
/*nybanner*/
.nybanner{ height: 320px;}
/*weizhi*/
/*位置*/
.weizhi{height: 30px; line-height: 30px; padding: 5px 0; margin:5px 0 ; }
.weizhi a,.weizhi span,.weizhi i{ display: inline; float: left;margin:0 4px; }
.left-arrow{  display:inline; float:left; color: #999; width:6px; height:30px;background:url(../images/left-arrow.png) center center no-repeat;}

.nybox_l{ width: 250px;}
.contentm{ background: #fff; margin-top: 15px; padding: 10px 15px;}
.contactinfo{ font-size: 14px; padding: 5px 0; color: #666;}
.contactinfo p{ margin: 5px 0;}
.in_pro_tit{height:85px; background:#ad0e1a; clear:both; overflow:hidden; color:#FFF; text-align:center; padding-top:15px;}
.in_pro_tit h3{ font-size:28px; line-height:46px; white-space:nowrap; overflow:hidden;}
.in_pro_tit p{ font-weight:normal; font-family:Arial; font-size:12px; text-transform:uppercase; white-space:nowrap; overflow:hidden;}

.sublist{ background: #fff; border-top: 0; padding:8px; padding-top: 4px;}
.index_sub{ background: #F3F3F3;}
.sublist h3{ height:45px; line-height:45px; background: #717171; margin-top: 4px; font-size:14px; font-weight:normal;padding-left: 12px; font-size: 16px; position: relative;}
.sublist h3 a{ color: #fff; display: block; padding-right: 50px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.sublist h3 span{ position: absolute; color:#808080; font-size: 20px; text-align: center; line-height: 45px; height:45px; width:45px; right: 0; top: 0; cursor:pointer; }
.sublist h3.active{background: #ad0e1a}
.sublist h3.active span{ color: #fff;}
.sublist h3.active a{ color: #fff;}

.sub-menu{ padding-left:14px; padding-top:8px; display:none; overflow: hidden; padding-bottom: 4px; }
.index_sub .sub-menu{ background: #fff;}
.sub-menu li{ height:26px; line-height:26px; }
.sub-menu li span{ color: #dedede; margin-right: 6px; font-size: 8px;}
.sub-menu li a{ display: block; height: 26px;  font-size: 14px; color:#666;}
.sub-menu li a:hover,.sub-menu li.on a{ color: #fe0e0d;}
.sub-menu li a:hover span,.sub-menu li.on a span{ color: #fe0e0d;}
.sub-menu-show{ display: block;}

/*nybox_r*/
.nybox_r{ width: 930px; background: #fff; overflow: hidden;}
.lmwezhi{ overflow: hidden;margin: 15px 20px; margin-bottom: 0px; height: 30px; line-height: 30px; border-bottom: 1px solid #e8e8e8; padding-bottom: 5px;}
.lmwezhi h3{ display:inline; float: left; padding-left: 10px; font-size: 20px; border-left: 5px solid #E43A3D; height: 20px; margin-top: 5px; line-height: 20px; overflow: hidden;}
.lmwezhi .weizhi{ display:inline; float: right; padding: 0; margin: 0; color: #999999;}
.lmwezhi .weizhi a{ color: #999999;}
.lmwezhi .weizhi a:hover{ color: #ad0e1a;}
.in_tiotle{ margin:5px 10px 0;}
.pro_nubox{ padding: 20px; padding-top: 0; overflow: hidden;}
.pro_nubox li{ overflow: hidden; padding-bottom: 20px; margin-top: 20px;border-bottom: 1px solid #e8e8e8;}
.pro_nubox li a{ display: block;}
.pro_nubox li .pro_nypic{ width: 270px; height: 175px; display: inline;float: left; margin-right: 20px; overflow: hidden;}
.pro_nubox li .pro_nypic img{ width: 100%; height: 100%; object-fit: cover;  transition: all .4s;}
.pro_nubox li .pro_nypic a:hover img{ transform: scale(1.1);}
.pro_nubox li .pro_title{ display: block; font-size: 20px; color: #333; margin-top: 8px;}
.pro_nubox li .pro_title:hover{ color: #d61010;}
.pro_nubox li .pro_info  p{ color: #9b9b9b; font-size: 14px; margin-top: 10px;line-height: 26px;}
.pro_btn_item{ overflow: hidden; margin-top: 15px;}
.pro_btn{width: 120px;height: 36px;color: #fff;line-height: 36px;text-align: center;border-radius: 3px;background: rgb(214,16,16);font-size: 16px;display: block;}
.pro_btn:hover{ color: #fff;background: rgba(254,131,1,.8);}
.xq_btn{ background: #808080;margin-right: 15px;}

/*c-newslist*/
.c-newslist{padding: 20px; padding-top: 0; overflow: hidden;}
.c-newslist li{overflow: hidden; padding-bottom: 20px; margin-top: 20px;border-bottom: 1px solid #e8e8e8;}
.c-newslist li a{ display: block;}
.c-newslist li .new_pic{ width: 230px; height: 150px; display: inline;float: left; margin-right: 20px; overflow: hidden;}
.c-newslist li .new_pic img{ width: 230px; height: 150px; transition: all .4s;}
.c-newslist li .new_pic a:hover img{ transform: scale(1.1);}
.c-newslist li .info_title{ display: block; font-size: 20px; color: #333; margin-top: 8px;}
.c-newslist li .info_title:hover{ color: #d61010}
.c-newslist li .news_info  p{ color: #9b9b9b; font-size: 14px; margin-top: 10px; line-height: 26px;}
.c-newslist li .news_btn{ overflow: hidden; margin-top: 15px;}
.c-newslist li .news_btn span{ margin-right: 20px; font-size: 12px; color: #999;}
/*分页*/
.pagebox{ text-align: center; padding-bottom: 20px;}
#page{ overflow:hidden; text-align:center; font-size:12px; clear:both; margin: 0 -3px; position: relative; display: inline; display: inline-block;}
#page a,#page span{padding:0 13px;  height:34px; line-height:34px; background-color:#fff; border:1px solid #ebebeb;margin:2px 3px; display:inline; float:left; color:#666;border-radius: 3px;}
#page span.active{ background: #d61010; border-color: #d61010; color:#fff; }
#page span input{ width:25px; height:16px; border:1px solid #ebebeb; background:none; margin-top:8px; float:left; margin-right:5px; padding-left:3px;}
#page span.disabled{ color: #ddd; border-color: #ebebeb; cursor: not-allowed}
#page a:hover{ background: #F2F2F2; }
/*内容*/
.mtitle{font-size:30px;text-align:center;color:#333;padding:40px 0 66px;line-height: 1;font-weight: normal;position:relative;}
.mtitle::after{content:"";position:absolute;width:92px;height:2px;background:#ccc;left:50%;bottom:49px;margin-left:-46px;}

.article_info{ border-bottom:1px solid #eee; overflow: hidden;padding:40px 0 15px; margin-bottom: 25px;}
.article_info .amtitle{font-size:30px;text-align:center;color:#333;line-height:120%;font-weight: normal;}
.article_info .dp{ text-align: center; color: #c0c0c0; font-size: 12px; margin-top: 5px;}
.article_info .dp span{ margin: 0 10px;}
.content{font-size: 16px;line-height: 160%; padding: 0 30px;}
.content p{margin-bottom: 20px;}
.content img{ max-width: 100%!important; height: auto;}
/*news*/
.newsbox_r{ width: 310px;}
.newsbox_l{ width: 870px; background: #fff; overflow: hidden;}
/* commonSort-title */
.commonSort-title{ margin: 0 20px; height:57px; line-height: 57px; border-bottom:1px solid #e8e8e8; font-size:16px; color:#007ff4;}
.commonSort-title a{float:left;height:56px; color:#666; margin-right:20px;}
.commonSort-title a.on,.commonSort-title a:hover{border-bottom:2px solid #d61010; color: #d61010;}
.commonSort-title a {float: left;height: 56px;color: #666;}

.hot-searchRecom,.news-group{padding:10px 20px; background:#fff; margin-bottom:20px; overflow: hidden;}
.hotSearch-recTit{height:38px; position: relative; padding-left:16px; line-height:38px; font-weight: normal; font-size:18px; color: #333; }
.hotSearch-recTit i{ display: block; position: absolute; left:0; top: 50%; margin-top: -8px; background: #d61010; height: 16px; width: 3px; font-size: 0;}
.hot-searchRecom li{height:30px; line-height:30px; overflow:hidden;}
.hot-searchRecom li span{float:left; width:14px; height:14px; background: #ccc; font-size:12px; color: #fff; line-height: 13px; text-align:center; border-radius:2px; margin-top:8px; }
.hot-searchRecom li a{float:right;width:250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666; font-size:14px; }
.hot-searchRecom li:nth-child(1) span,.hot-searchRecom li:nth-child(2) span,.hot-searchRecom li:nth-child(3) span{background:#ff6000;}
.hot-searchRecom li a:hover{color: #d61010;}

/*news-group*/
.news-group{ margin: 20px 0 0 0;}
.reference-list{border-left:1px solid #f2f2f2; margin-left: 6px;}
.reference-list li{height:30px; padding-left:17px; line-height:30px; background:url(../images/news-dota.png) left center no-repeat; overflow: hidden; margin-left:-6px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.reference-list li a{color: #666; }
.reference-list li a:hover{color: #d61010;}
.reference-list li:nth-child(1),.reference-list li:hover{background:url(../images/news-dotaOn.png) left center no-repeat; }
/*item-page*/
.item-page{margin-top: 20px;border-top: 1px solid #f5f5f5;padding: 15px 0px;color: #999;line-height: 34px;font-size: 14px;}
/*pro_showbox*/
.pro_showbox{ background: #fff; padding: 20px; margin-bottom: 25px; position: relative; height: 290px;}
.pro_showbox .pro_pic{ display: inline; height: 290px;float: left; width: 480px;margin-right: 30px;}
.pro_showbox .pro_pic img{ width:100%; height: 100%; object-fit: cover; }
.pro_showbox h1{ display: block; font-size: 20px; color: #333; margin-top: 8px; padding-right: 260px;}
.pro_showbox .pro_text{ color: #666; font-size: 14px; margin-top: 10px;line-height: 26px; height: 104px;}
.pro_showbox .pro_tel{ color: #d61010; font-size: 24px; margin-top: 20px; height: 30px; line-height: 30px; font-weight: bold;}
.pro_showbox .pro_tel span{ margin-right: 10px; font-size: 20px; line-height: 30px;text-align: center; border-radius: 50%; width: 30px; height: 30px; display:inline; float:left; border:1px solid #dedede}
.hb-ui-btn{height:44px; margin-right: 20px; border-radius: 3px; line-height:44px;font-size:16px; background:rgb(214,16,16);width:150px; text-align:center;color:#fff;border:0px; -webkit-transition:0.3s; transition:0.3s;float:left; cursor: pointer;}
.hb-ui-btn:hover{background:#f28100; color: #fff;}
.hb-ui-zxzxbtn{ height: 44px;line-height: 44px;font-size: 16px;background: #f8f8f8;width: 150px;text-align: center;color: #666;border: 1px solid #eee;
    -webkit-transition: 0.3s;transition: 0.3s;float: left;cursor: pointer;border-radius: 3px; box-sizing: border-box;
}
#share{position: absolute; right:20px; bottom: 30px;}

/*m-box*/
.msg-black{width:100%;height:100%;background: rgba(51, 51, 51, 0.8)!important;position:fixed;z-index:999;top:0;left:0; display: none;}
.msg-box{width: 383px;  height:260px; position: fixed; top: 30%; left: 50%; margin: 0px 0 0 -191px;background: #fff; }
.msg-title{height:75px;width:342px;margin:0 auto;font-size:24px;line-height:75px;position:relative; margin-top:10px;}
.msg-title .close{position:absolute;right:-10px;top:-10px;line-height:30px;cursor:pointer;color:#7c7c7c;}
.msg-text1{font-size:14px;color:#333;}
.msg-container{ padding: 0 20px;overflow: hidden;}
.form-item{margin-top:15px; overflow: hidden;}
.form-item input{ display:block; width: 100%; box-sizing: border-box; }
.form-item input.text{height:40px;line-height:40px;border:1px solid #ddd;xcolor:#333;text-indent:10px; background: #fff;}
.form-item .submit{height:40px;line-height:40px;border:none;color:#fff;background:rgb(214,16,16);font-size:18px;border-radius:3px; display: block; text-align: center;} 
.form-item .submit:hover{ background:#cd0b0b; cursor:pointer; }

/*team_container*/
.team_container{ overflow: hidden; padding: 20px ; background: #fff; margin-bottom: 20px;}
.team_info{ width: 800px;}
.team_info .avatar{ width: 180px; height: 180px; overflow: hidden;border-radius: 50%; overflow:hidden; margin:10px 20px 0 0;}
.team_info .avatar img{ width: 100%; height: 100%; object-fit: cover;}
.team_info .detail{ width: 600px;}
.team_info .detail .des-item{ color: #969896; margin: 5px 0;}
.team_info .detail .des-item h3{ font-size: 24px; font-weight: normal; color: #d61010; }
.team_info .detail .des-item h3 span{ font-size: 14px; margin-left:8px; color: #333;}
.team_info .detail .tag{ margin-top: 8px; overflow: hidden;}
.team_info .detail .tag span{ display:inline; float: left; font-size: 12px; margin-right: 5px; height: 20px; line-height: 20px;border-radius: 2px; color: #fff;background:#FE8301 ; padding: 0 5px;}
.tean-data{ margin-top: 5px; text-align: center; padding: 10px 0;}
.tean-data li{ display: inline; float: left;box-shadow: 0 3px 10px #DEDEDE; padding: 10px 0; width: 120px; margin-right: 20px;}
.tean-data li span{ display: block;}
.tean-data li span.number{ font-size: 20px; font-weight: 700; color: #FE8301;}
.tean-data li span.des{ color: #969896; font-size: 12px;}
.team_right{ width: 120px;box-shadow: 0 3px 10px #DEDEDE; padding:10px 20px; text-align: center;}
.team_right p{ color: #969896;}
.webcaht img{ width: 120px; height:auto;}
.team_right em{ font-style: normal; color: #FE8301;}

.porduct_cp{background: #efefef;  overflow: hidden;}
.cpxl{ position: relative; padding-right: 380px;padding: 20px 420px 20px 0; overflow: hidden;}
.cpxl h3{ font-size: 18px;}
.cpxl h3 em{ font-weight: normal; font-style: normal; padding-left: 10px; font-size: 12px; color: #666;text-transform: uppercase;}
.cpxl li{ display: inline; float: left; margin:6px 6px 0 0; height: 30px;  line-height: 30px;}
.cpxl li a{display:block; border: 1px solid #DFDFDF;padding: 0 10px; background: #fff;}
.cpxl li a:hover{ background: #007AFF; color: #fff;}
.cpxl .l_search{height: 60px;position: absolute; right: 0; top: 50%; margin-top: -30px;}
.l_search input{ display: inline; float: left; padding: 0; margin: 0;height: 60px; line-height: 60px; border: 0 none;}
.l_search input.select_txt{text-indent: 10px; width:323px;  background: #fff; color: #333;}
.l_search input.btn-search{ width: 68px; border:1px solid #FE8301; cursor: pointer; background: url(../images/find.png) #FE8301 center no-repeat;}

.linkbox{ overflow: hidden; font-size: 0; padding-top: 5px; }
.linkbox a{ display: inline-block; font-size: 12px; margin-right: 10px; color: #666}


