@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
body{font-size:14px;font-family:"微软雅黑",Arial;-webkit-touch-callout: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; max-width:1920px; margin:0px auto; /* For some Androids */}
a{color:#666; text-decoration:none; outline:none;}
img{border:0px; vertical-align:middle; max-width:100%;}
a:hover{color:#ba1e21;text-decoration: none; outline:none;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
li{list-style-position:outside; list-style-type:none;}
em,i{font-style: normal;}
h4{font-weight: normal;}
.red{ color:#ba1e21 !important;}
.fl{float:left;}
.fr{float:right;}
.clear,.clearfix{clear:both;overflow: hidden;}
.cont,.container{width: 1270px;margin: 0 auto; overflow:hidden;}
.show{ display:block;}
.hidden{ display:none;}
.pc-css,.block{display: block;}
.m-css,.none{display: none !important;}
.teshu{display: none !important;}
@font-face{font-family: 'Bahnschrift'; src : url('../other/BAHNSCHRIFT.TTF');}
@font-face{font-family:'SourceHanSansSC Regular';src: url('../font/SourceHanSansSC-Regular.otf');}
@font-face{font-family:'SourceHanSansSC Light';src: url('../font/SourceHanSansSC-Light.otf');}
@font-face{font-family:'SourceHanSansSC Bold';src: url('../font/SourceHanSansSC-Bold.otf');}
@font-face{font-family:'MicrosoftYaHeiLight';src:url('../font/msyhl.ttc');}

@font-face {
  font-family: 'iconfont';  /* project id 2388963 */
  src: url('//at.alicdn.com/t/font_2388963_5ow4pbygabr.eot');
  src: url('//at.alicdn.com/t/font_2388963_5ow4pbygabr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2388963_5ow4pbygabr.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2388963_5ow4pbygabr.woff') format('woff'),
  url('//at.alicdn.com/t/font_2388963_5ow4pbygabr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2388963_5ow4pbygabr.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: inherit;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*头部*/
header{width:100%; max-width:1920px; margin:0px auto; background: #FFFFFF;}
.head_top{padding: 25px 0;}
.head_top .logo{margin-right: 240px; float:left;}
.head_top .logo img{width:auto; height:56px;}
.head_top .corptitle{ float:left; margin-right:40px;}
.head_top .corptitle h3{ font-size:16px; color:#333; font-weight:bold; line-height:24px;}
.head_top .corptitle p{ font-size:14px; color:#999; line-height:24px;}
.head_top .corptitle2{ float:left; padding-left:30px; border-left:1px solid #d2d2d2;}
.head_top .corptitle2 h3{ font-size:16px; color:#999; font-weight:bold; line-height:24px;}
.head_top .corptitle2 p{ font-size:14px; color:#999; line-height:24px;}
.servbox{float:right;}
.serv-tel{font-family: Arial;font-size: 24px;color: #fff;line-height: 30px; }
.serv-tel img{margin-right: 10px;width:50px; height:50px; float:left;}
.serv-tel p{ font-size:14px; color:#999; line-height:1;}
.serv-tel span{ font-weight:bold;}

.menu{width:100%; height:50px; background:#2b2b2b; position:relative;}
.header{}
.pc-nav{width:100%;}
.pc-nav ul{display: flex;align-items:center;justify-content: space-between;}
.pc-nav li{float: left;}
.pc-nav li a{font-size: 18px;color: #fff;line-height: 50px; padding:0px 20px;}
.pc-nav li:hover,.pc-nav li.curr,.pc-nav li.active{background: #ba1e21;}

.inquire{width: 184px;height: 32px;background: #fff;border-radius: 20px;margin-bottom: -8px;}
.inquire input{height: 100px;border-radius: 80px 0 0 20px;border: none;outline: none;padding-left: 10px;padding-right: 5px;width: 138px;}
.inquire label{cursor: pointer;}

.m-inquire{position: relative;align-items: center;width: 90%;margin:10px 0 15px 10%;display: none;}
.m-inquire a{position: absolute;right: 10%;cursor: pointer;}
.m-inquire input{width: 75%;padding:0 13% 0 5% ; height: 34px; line-height: 34px;border-radius: 20px;border: 1px solid #cccccc;}
.m-inquire ::-webkit-input-placeholder  { color: #999;}
.m-inquire ::-moz-placeholder {color: #999; ; } /* firefox 19+ */
.m-inquire :-ms-input-placeholder  { color: #999;  } /* ie */
.m-inquire input :-moz-placeholder { color: #999;  }

.Submenu{width: 100%;position: absolute;right: 0;top: 50px;z-index: 111;}
.Submenu ul{position: relative;}
.Submenu li{position: absolute;top: 0;left: 0;width: 100%;display: none;z-index: 2}
.Sub-cont{background:rgba(255,255,255,.9);width: 100%;padding:25px 15%; overflow: hidden;padding-top: 25px; box-sizing:border-box; }
.Sub-cont a{display: block;float: left;width: 31%;margin-right: 3.5%;margin-bottom: 10px; border-bottom: 1px solid #d4d4d4;padding-bottom:10px;}
.Sub-cont a:nth-child(3n){margin-right: 0;}
.Sub-cont h4{font-size: 18px;color: #0e0e0e;display: flex;align-items: center;line-height: 30px;transition: .3s;}
.Sub-cont h4::before{content: "";width: 7px;height: 7px;border-radius: 50%;border:2px solid #d8121c;margin-right: 20px;}
.Sub-cont p{font-size: 16px;color: #dfdfdf;margin-left: 31px;transition: .3s;}
.Sub-cont a:hover h4{color:#ba1e21;transform: translateX(5px);}
.Sub-cont a:hover p{transform: translateX(5px);}
.trigger{width: 22px;height: 22px;background: url(../images/img-6.png)no-repeat;background-size: cover;}
.close1{display: none;width: 22px;height: 22px;background: url(../images/img-m1.png)no-repeat;background-size: cover;}
.m-nav{position: absolute;right: 0;width: 100%;z-index: 50;outline: none;top: 60px;border-top: 1px solid #eee;border-bottom: 2px solid #eee;display: none;background: #fff; z-index:9999;}
.m-nav>ul>li{font-size: 15px;background: #fff;width: 96%;padding: 4% 0;position: relative;margin: 0 auto;}
.m-nav>ul>li a{ color: #484848;}
.m-nav>ul{width: 100%;background: #fff;}
.m-nav .m-Submenu{overflow: hidden;margin:0 auto;display: none;}
.m-nav .m-Submenu a{font-size: 14px;padding: 3% 0 3% 8%;display: block;color: #484848;}
.m-nav span{font-size: 24px;background: url(../images/img-9.png)no-repeat;width: 16px;height: 16px; position: absolute;right: 0;transition: .5s;line-height: 18px;background-size: cover;top: 50%;margin-top: -11px;}
.m-nav span.on{background: url(../images/img-8.png)no-repeat;width: 16px;height:16px;background-size: cover;}

/*footer*/
footer{height: 234px;width: 100%;background: #f8f8f8;padding-top: 66px;}
footer .cont{display: flex;justify-content: space-between;}
footer .box1{}
footer .box1 h3{font-size: 18px;color: #333333;margin-bottom: 34px;line-height: 18px;}
footer .box1 p{color: #808080;font-size: 16px;line-height: 36px;}
footer .box2{display: flex;flex-direction: column;align-items: center;}
footer .box2 span{color: #999999;font-size: 16px;margin-top: 22px}
footer .box3{width: 425px;}
.fenbox{display: flex;align-items: center;justify-content: flex-end;}
.fen{}
.fen a{width: 38px;height: 38px;background: #fff;border: 1px solid #e2e2e2;border-radius: 50%;float: left;display: flex;justify-content: center;align-items: center;margin-right: 9px;}
.fen a img:nth-child(2){display: none}
.fen a:hover{background: #333333;border: 1px solid #333333;}
.fen a:hover img:nth-child(1) {display: none;}
.fen a:hover img:nth-child(2) {display: block;}
.blogroll{height: 43px;width: 205px;padding: 0 25px 0 13px;cursor: pointer;position: relative;float: right;background: #fff;margin-left: 20px;}
.blogroll span{color: #888888;line-height: 43px;float: left;}
.blogroll img{float: right;margin-top: 18px;}
.blogroll li{float: left;margin-right: 52px;line-height: 90px;}
.blogroll li:hover a,.boxfl p a:hover{color: #e61c52;}
.blogroll li a{font-size: 15px;color: #fff;font-weight: bold;}
.blogroll p,.blogroll p a{color: #666;font-size: 12px;}
.option1{position: absolute;bottom: 100%;left: -1px;display: none;background: #c2c2c2;}
.option1 a{height: 40px;width: 205px;padding: 0 25px 0 13px;cursor: pointer;display: block;border: #fff 1px solid;border-bottom: none;line-height: 40px;color: #f2f2f2;}
.option1 a:hover{color: #c5171e;}
.foonav{text-align: right;}
.foonav p{display: flex;justify-content: flex-end;margin: 45px 0 22px;}
.foonav p a{font-size: 16px;color: #808080;display: flex;}
.foonav p a:hover{color: #c5171e;}
.foonav p a::after{content: "/";color: #808080;margin: 0 30px;}
.foonav p a:nth-last-of-type(1)::after{display: none;}
.foonav font{color: #c2c2c2;}
.foonav font a{color: #c2c2c2;}
.foonav font a:hover{color: #c5171e;}

/*右侧悬浮*/
.fixed-box{ position: fixed; right: 0px; top: 40%; z-index: 99999; display: flex; flex-direction: column; align-items: flex-end;}
.fixed-box>div{ display: block; min-width: 70px; line-height: 1.2; height: 70px; background-color: rgba(190,30,30, 0.7); border: 1px solid #fff; margin-bottom: 10px; text-align: center; transition: all .35s ease-in-out;  cursor: pointer;}
.fixed-box>div .iconfont{display: inline-block; color: #fff; font-size: 28px; padding-top: 5px; }
.fixed-box>div p{font-size: 12px; color: #fff;}
.fixed-text{width: auto!important; white-space: nowrap;}
.fixed-hover-text{ display: none; font-size: 14px; color: #fff; line-height: 70px; padding: 0 15px;}
.fixed-box>div:hover{background-color: #be1e1e;}
.fixed-text:hover .iconfont,.fixed-text:hover p{display: none;}
.fixed-text:hover .fixed-hover-text{display: block;}
.fixed-ewm{position: relative;}
.fixed-hover-ewm{ position: absolute; left: calc(-100% - 40px); top: 0; width: 100px; background-color: #be1e1e; padding: 5px; border: 1px solid #fff; transform: scale(0); transition: all .35s ease-in-out;}
.fixed-hover-ewm img{width: 100%;}
.fixed-ewm:hover .fixed-hover-ewm{transform: scale(1);}
.fixed-box .fixed-gotop{display: none;}

/* 行距 begin*/
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height:50px;line-height:50px;clear:both;font-size:0}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}
/* 行距 end*/

/*按钮动画*/
.fanh {position: relative;font-size: 12px;color: #666666; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); background: #f5f7f6;width: 120px;height: 35px;display: flex;justify-content: center;align-items: center;float: right;border-radius: 50px;} 
.fanh:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.fanh:hover, .fanh:focus, .fanh:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.fanh:hover:before, .fanh:focus:before, .fanh:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

/*在线咨询*/
.onLine{position: fixed;bottom: 9%;right: 5.5%;z-index: 999;}
.onLine li{background: #c5171e;width: 80px;height: 80px;border-radius: 3px;display: flex;justify-content: center;align-items: center;margin-top: 10px;cursor: pointer;}
.onLine a{line-height: 24px;font-size: 16px;color: #f4f4f4;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}

.onLineTel{ display:none; position:fixed; left:0px; bottom:0px; width:100%; background:#BA1E21;}
.onLineTel ul{ margin-right:-1px;}
.onLineTel li{ float:left; width:50%; height:50px;}
.onLineTel li a{ display:block; height:50px; color:#fff; font-size:15px; text-align:center; line-height:50px; border-right:#88191a solid 1px;}



.footDiv{ background:url(../images/footbg.jpg) no-repeat top center; padding:30px 0 0px; margin-top:60px; overflow:hidden;}
.antbox{width:100%;overflow: hidden;}
.antbox h4{color: #c4c4c4;font-size: 24px;display: flex;align-items: flex-end;line-height: 24px;margin: 20px 0;}
.antbox #form{}
.antbox .frombox .group{width:21%; float:left; color: #c4c4c4;font-size: 16px;margin-left: 20px;}
.antbox .frombox .group:first-child{ margin-left:0px;}
.antbox .frombox .group:last-child{width:9%;}
.antbox .frombox .group .inputbut{ float:right;}
.antbox .frombox .group span{ float:left;}
.antbox .frombox .group span.left{ line-height:40px;}
.antbox .frombox .group span.input2{width:70%; line-height:30px;}
.antbox .frombox input::-webkit-input-placeholder{ display:none; opacity:0;}
.antbox .frombox input::-moz-placeholder{ display:none; opacity:0;}
.antbox .frombox input:-ms-input-placeholder{ display:none; opacity:0;}
.antbox .frombox input::-webkit-input-placeholder{ display:none; opacity:0;}
.antbox .frombox input::placeholder{ display:none; opacity:0;}
.antbox .frombox textarea::placeholder{ display:none; opacity:0;}
.antbox .frombox input[type="text"]{height: 40px;width:100%; padding:0 10px; color: #fff; outline: none; border:none; background:rgba(200,200,200,.3);}
.antbox .frombox input[type="intxt"]{height: 30px;width:80%;padding:5px 10px; color: #fff; outline: none; border:none; background:rgba(200,200,200,.3);}
.antbox .frombox textarea{height: 30px;width:80%;padding:5px 10px; color: #fff; line-height:30px; outline: none; border:none; background:rgba(200,200,200,.3);}
.antbox .frombox .button{margin-left: 50px;width: 100px;height: 40px; background: #c5171e;color: #f4f4f4;font-size: 16px;border: none;border-radius: 4px;cursor: pointer;display: block;line-height: 40px;text-align: center; opacity:.8;}
.antbox .frombox .button:hover{ opacity:1;}
.antbox #form ::-webkit-input-placeholder { color: #fff;}
.antbox #form ::-moz-placeholder {color: #fff; } /* firefox 19+ */
.antbox #form :-ms-input-placeholder { color: #fff;  } /* ie */
.antbox #form input :-moz-placeholder { color: #fff;  }



.idx_contact{ margin-top:15px; padding:15px 0; border-top:1px solid #666; border-bottom:1px solid #666;}
.idx_contact .ourinfo{width:70%; float:left;}
.footDiv .txt{ font-size:24px; color:#c5171e; font-weight:bold; line-height:1; position:relative;}
.footDiv .msgList{ margin-top:15px; color:#ddd;}
.footDiv .msgList li{ font-size:16px; line-height:26px;}
.idx_contact .ewmList{width:30%; float:right;}
.footDiv .rightDiv .foottit h2 {font-size:36px; font-weight:100;color:#c00;}
.footDiv .rightDiv .foottit h2 b{ font-weight:bold;}
.footDiv .rightDiv .foottit span {font-size:20px; font-weight:100;color:#ddd;}
.idx_contact .ewmList li{ float:right; margin-left:60px;}
.idx_contact .ewmList li .ewm img{ width:110px;}
.idx_contact .ewmList li p{ padding-top:5px; font-size:14px; color:#ddd; text-align:center;}


.footDiv .links{ margin-top:15px; position:relative;}
.footDiv .links .wen{ font-size:18px; color:#fff; font-weight:bold; border-bottom:1px solid #fff; position:relative; }
.footDiv .links .linksbox{ color:#c4c4c4; display:inline-block; margin-left:10px;}
.footDiv .links .linksbox a{ padding:0 12px; font-size:16px; color:#ddd; line-height:26px;}
.footDiv .links .linksbox a:hover{ color:#C5171E;}
.footDiv .zi{ font-size:36px; color:#323232; font-weight:bold; text-align:right;}
.footDiv .tel{ text-align:right; color:#323232; font-size:24px; line-height:38px; padding-top:10px;}
.footDiv .share{ padding-top:25px;}
.footDiv .share li{ float:left; margin-left:12px;}
.footDiv .share li img{ width:45px;}

.footDiv .foot-bottom{ padding:10px; margin-top:20px; background:rgba(0,0,0,.7);}
.footDiv .foot-bottom .msg{ font-size:14px; color:#b2b2b2; line-height:30px;}
.footDiv .foot-bottom .msg a{font-size:14px; color:#b2b2b2; line-height:30px;}
.footDiv .links2{ font-size:16px; text-align:center; position:relative; color:#777;}
.footDiv .links2 a{ padding:0 50px; color:#c1c1c1;}
.footDiv .links2 a:hover{ color:#C5171E;}

.foot{ border-top:#dcdcdc solid 1px; height:50px; background:#e4e4e4;}
.foot .msg{ line-height:50px; color:#999; font-size:16px;}
.foot .msg a{ color:#999; margin-left:30px;}
.foot .links a:hover{ color:#C5171E;}

.channel-banner {height:auto;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:0;padding:0;}

.weizhi{width:100%; height:40px; padding:10px 0px; background:#e4e4e4;}
.weizhi .navigation{ padding-left:36px; background:url(../images/weizhibg.png) no-repeat left 8px; font-size:16px; color:#555; line-height:40px;}
.weizhi .navigation span{ font-size:16px; color:#333;}
.weizhi .navigation a{ color:#555;}
.weizhi .navigation a:hover{ color:#ba1e21;}

.lmnavbox,.pronav{width:100%; margin-top:50px; text-align:center; animation-duration: 1s; -webkit-animation-duration: 1s;}
.pronav ul{ display:flex; flex-wrap:wrap;}
.pronav ul li{width:21%; height:40px; overflow:hidden;}
.pronav ul li a{ text-align:left;}
.lmnavbox li{ margin:0px 20px; height:50px; display:inline-block;}
.lmnavbox li a{ padding:0px 30px; font-size:16px; color:#333; line-height:50px; display:block; background:#eaeaea; border-radius:4px;}
.lmnavbox li:hover a,.lmnavbox li.active a{ background:#ba1e21;}
.lmnavbox li:hover a,.lmnavbox li.active a{ color:#fff;}

.profile_box{  margin-top:40px; border: 1px dashed #d2d2d2; padding:20px; animation-duration: 1s; -webkit-animation-duration: 1s;}
.profile_box p{ font-size:16px; color:#666; line-height:32px; text-align: justify;}


.list_newsbk{ width:100%; border:1px dashed #d2d2d2; margin-top:40px; position:relative;}
.list_newsbk .list_newsbox{ margin-top:40px;}
.list_newsbk .list_newsbox ul{width:100%; display: -webkit-flex; display: flex;flex-direction:row;flex-direction:-webkit-row;flex-wrap: wrap;flex-wrap: -webkit-wrap;justify-content : space-between;justify-content : -webkit-space-between;}
.list_newsbk .list_newsbox ul li{width:100%; height:154px; padding:0px 0px 0px 230px; margin:15px auto; background:#fff; position:relative; animation-duration: 1.5s; -webkit-animation-duration: 1.5s;}
.list_newsbk .list_newsbox ul li:nth-child(2n+0){ background:#f1f1f1;}
.list_newsbk .list_newsbox ul li:hover{ background:#fdf3cb;}
.list_newsbk .list_newsbox ul li .news_img{width:220px; height:154px; overflow:hidden; position:absolute; left:0px;}
.list_newsbk .list_newsbox ul li .news_img img{width:100%; min-height:100%; transition: all 0.5s;}
.list_newsbk .list_newsbox ul li:hover .news_img img{transform: scale(1.1, 1.1);}
.list_newsbk .list_newsbox ul li .news_txt{padding:20px 0px;}
.list_newsbk .list_newsbox ul li .news_txt .date{width:100px; text-align:center; color:#666; float:left; position:relative;}
.list_newsbk .list_newsbox ul li .news_txt .date:after{width: 1px;height: 100px;background: #e6e6e6;content: '';display: inline-block;position: absolute;right: 0;top: 50%;margin-top: -50px;}
.list_newsbk .list_newsbox ul li .news_txt .date:after{ background:#bcae77;}
.list_newsbk .list_newsbox ul li .news_txt .date .d{font-family: 'Conv_BEBAS__'; font-size:54px; font-weight:bold; line-height:70px; }
.list_newsbk .list_newsbox ul li .news_txt .date .year-m{ font-size:16px; font-weight:bold; line-height:30px;}
.list_newsbk .list_newsbox ul li .news_txt .newsitem{ width:800px;float:left; margin-left:30px;}
.list_newsbk .list_newsbox ul li .news_txt .newsitem h3{ font-size:20px; font-weight:normal; color:#333; line-height:40px; width:96%; display:block; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.list_newsbk .list_newsbox ul li:hover .date{ color:#ba1e21;}
.list_newsbk .list_newsbox ul li:hover .newsitem h3{ color:#ba1e21;}
.list_newsbk .list_newsbox ul li .newsitem p{ height:72px; font-size:14px; color:#666; line-height:24px;}

.list_newsbk .list_artbox{ margin-top:50px;}
.list_newsbk .list_artbox ul{width:100%;}
.list_newsbk .list_artbox ul li{ height:50px; padding:5px 0px 5px 15px; background:url(../images/dian.png) no-repeat left 22px; border-bottom:1px dashed #ddd;}
.list_newsbk .list_artbox ul li a{ width:90%; font-size:16px; line-height:40px; color:#666; display:block; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; float:left;}
.list_newsbk .list_artbox ul li:hover a{color:#ba1e21;}
.list_newsbk .list_artbox ul li .date{ float:right; color:#999; line-height:40px;}

.pages{ margin:20px auto;}
.pages .pagination{ font-size:16px; color:#666; text-align:center;}
.pages .pagination li{ display:inline-block; margin:0px 15px; border:1px solid #dcdcdc; border-radius: 4px;}
.pages .pagination li.active,.pages .pagination li:hover{ border:1px solid #ba1e21; background:#ba1e21;}
.pages .pagination li a{ display:block; padding:10px 15px; color:#666;}
.pages .pagination li.active a,.pages .pagination li:hover a{color:#fff;}

.prve{ padding-top:40px; border-top:1px solid #dcdcdc;}
.prve p{ font-size:16px; color:#666; line-height:30px;}
.prve p a{color:#666;}
.prve p a:hover{color:#ba1e21;}

.case_box{ margin-top:50px;}
.case_box ul{width:100%;}
.case_box ul li{width:21.25%; margin-right:5%; margin-bottom:30px; border:6px solid #fff; border-bottom:none; position:relative; float:left; animation-duration: 1.5s; -webkit-animation-duration: 1.5s;}
.case_box ul li:nth-child(4n+0){ margin-right:0px;}
.case_box ul li .imgbox{width:100%; height:180px; overflow:hidden;}
.case_box ul li .imgbox img{width:100%; min-height:180px; transition: all 0.8s;}
.case_box ul li:before{content: ""; width:0px; height:2px; margin:0px auto; background:#6ac335;transition: all 0.5s; position:absolute; bottom:0px; left:0; right:0;}
.case_box ul li:hover .imgbox img{transform: scale(1.2, 1.2);}
.case_box ul li:hover:before{width:100%;}
.case_box ul li .t{ height:60px; padding:10px 0px; font-size:16px; color:#666; line-height:40px; text-align:center; background:#fff; overflow:hidden;}
.case_box ul li:hover .t{ color:#006f3e;}

/* 产品展示 */
.productlist{margin-top:20px; border:1px dashed #d2d2d2;}
.propage{ padding-top:20px; }
.propage .pronavbox{width:310px; padding-bottom:30px; float:left; background:#fff; }
.propage .pronavbox h3{ font-size:28px; color:#fff; font-weight:500; letter-spacing:2px; padding:20px 20px; line-height:36px; background:#ba1e21; }
.propage .pronavbox li{ padding:5px 10px 5px 20px; margin-top:3px; background-color:#ececeb; }
.propage .pronavbox ul>li>a{ font-size:15px; color:#333; line-height:32px; display:block; background-image:url(../images/nexts.png); background-repeat: no-repeat; background-position:right center; background-size:10px 20px;}
.propage .pronavbox ul>li:hover,.propage .pronavbox ul>li.on{ background-color:#ba1e21; }
.propage .pronavbox ul>li:hover>a,.propage .pronavbox ul>li.on>a{ background-image:url(../images/nexts1.png);  color:#fff;}


.pro_list,.pro_content{width:940px; float:right;}
.pro_list ul{width:100%;}
.pro_list ul li{width:31%; margin-right:3.5%; margin-bottom:30px; border-bottom:none; position:relative; float:left; animation-duration: 1.5s; -webkit-animation-duration: 1.5s;}
.pro_list ul li:nth-child(3n+0){ margin-right:0px;}
.pro_list ul li:before{content: ""; width:100%; height:100%; background:rgba(0,0,0,.5); opacity:0; position:absolute; left:0; right:0;transition: all 0.5s; z-index:99;}
.pro_list ul li .imgbox{width:100%; height:200px; overflow:hidden;}
.pro_list ul li .imgbox img{width:100%; height:100%; transition: all 0.8s;}
.pro_list ul li:hover:before{ opacity:1;}
.pro_list ul li:hover .imgbox img{transform: scale(1.1, 1.1);}
.pro_list ul li .t{ width:100%;height:60px; padding:10px 0px; font-size:18px; color:#fff; line-height:40px; text-align:center; overflow:hidden; position:absolute; top:50%; margin-top:-60px; opacity:0; z-index:999;}
.pro_list ul li:hover .t{ color:#fff; opacity:1;}
.pro_list ul li .probtn{width:40px; height:40px; background:url(../images/probtn.png) no-repeat; position:absolute; top:50%; left:50%; margin-left:-20px; opacity:1; display:none; z-index:999;}
.pro_list ul li:hover .probtn{ display:block; top:50%; opacity:1;}

/* 产品内页 */
.pro_content .proviewtop{padding:12px; border:1px solid #d2d2d2;}
.proviewtop .topleft{width:450px; height:400px; float:left; position:relative; overflow:hidden;}
.topleft .swiper-button-prev,.topleft .swiper-button-next{ position: absolute; top: 50%; margin-top: -40px; overflow: hidden; cursor: pointer; width: 82px; height: 82px; border-radius:41px; font-size: 0; line-height: 0; z-index: 9; background-repeat: no-repeat; background-position: center center; -o-background-size: auto 40px; -ms-background-size: auto 30px; -moz-background-size: auto 30px; -webkit-background-size: auto 30px; background-size: auto 30px; background-color: rgba(0,0,0,0); border: 0; outline: 0; padding: 0;}
.topleft .swiper-button-prev:hover,.topleft .swiper-button-next:hover{	background-color: rgba(0,0,0,.2);}
.topleft .swiper-button-prev{left: 2%;background-image: url(../images/pres1.png);}
.topleft .swiper-button-next{right: 2%;background-image: url(../images/nexts1.png);}
.topleft .swiper-container{width:450px; height:400px; overflow:hidden;}
.topleft .swiper-container .swiper-slide img{width:100%; height:auto;}

.proviewtop .topright{width:430px; float:right;}
.proviewtop .topright h3{ font-size:24px; text-align:center; color:#333; line-height:1.75;}
.proviewtop .topright .prosum{ margin-top:5px; padding-top:15px; border-top:1px solid #d2d2d2; font-size:16px; color:#666; line-height:1.75; min-height:180px; max-height:275px; overflow-y: auto;}
.proviewtop .topright .prosum p{ margin-bottom:5px;}
.proviewtop .topright .service_tel{ margin-top:10px; padding-top:20px; border-top:2px solid #d2d2d2; position:relative;}
.proviewtop .topright .service_tel .massege{ width:118px; height:44px; background:#ba1e21; font-size:18px; color:#fff; text-align:center; line-height:44px; position:absolute; right:0px; top:20px; cursor:pointer;}
.proviewtop .topright .service_tel .massege a{ color:#fff;}
.proviewtop .topright .mlhbtel{ padding-left:52px; background:url(../images/tel-icon2.png) no-repeat left center;}
.proviewtop .topright .mlhbtel h5{ font-size:18px; font-weight:normal; color:#333; line-height:1;}
.proviewtop .topright .mlhbtel p{ font-size:24px; font-weight:bold; color:#ba1e21; letter-spacing:2px; line-height:30px;}

.procontent{width:100%; height:auto; background:#f4f4f4; margin-top:20px; padding-top:20px;}
.procontent .procontent_t{ height:40px; padding-left:20px; border-bottom:2px solid #d4d4d4;}
.procontent .procontent_t span{ font-size:24px; color:#333; line-height:44px; padding-bottom:2px; border-bottom:2px solid #333;}
.procontent .procontent_t em{font-size: 18px; font-family: Arial; text-transform: uppercase; font-style: normal; color: #c2c2c1; margin-left:6px;}
.procontent .procontbox{padding:40px 20px;}
.recombox{ margin-top:40px;}
.recombox .recomtit{ height:40px; padding-left:20px; border-bottom:2px solid #d4d4d4;}
.recombox .recomtit span{ font-size:24px; color:#333; line-height:44px; padding-bottom:2px; border-bottom:2px solid #333;}
.recombox .recomtit em{font-size: 18px; font-family: Arial; text-transform: uppercase; font-style: normal; color: #c2c2c1; margin-left:6px;}
.recombox .recomlist{ margin-top:20px; padding:0px 30px;}

.recomlist .slide-mod,.desgncontent .slide-wrap{height:auto; position:relative;}
.recomlist .slide-wrap{width:880px;overflow:hidden;margin:0 auto;}
.recomlist .slide-mod ul{margin-right:-29px; }
.recomlist .slide-mod .tab-b{height:auto; overflow:hidden;}
.recomlist .slide-mod .tab-s{height:auto; overflow:hidden;}
.recomlist .slide-mod li{width:205px; float:left; margin-right:20px;}
.recomlist .slide-mod .tab-b li{height:auto;}
.recomlist .slide-mod .tab-s li{height:auto;}
.recomlist .slide-wrap li .img{width:100%; height:150px; overflow:hidden;}
.recomlist .slide-wrap li .img img {display:block; width:100%; height:100%; transition: all 2s;}
.recomlist .slide-wrap li:hover .img img{ transform: scale(1.1);}
.recomlist .slide-wrap li h3 { font-size:16px; color:#333; font-weight:normal; line-height:1.75; margin-top:5px; text-align:center;}
.recomlist .slide-wrap li:hover h3 {color:#ba1e21;}
.recomlist .slide-mod .btn{display:block; width:30px; height:50px; position:absolute; top: 50%; margin-top:-25px; font: 50px/40px "simsun"; color:#666; text-align:center;}
.recomlist .slide-mod .btn:hover{color:#ba1e21;}
.recomlist .slide-mod .btn-prev{left: -30px;}
.recomlist .slide-mod .btn-next{right: -30px;}

/* 团队 */

.teambox{ margin-top:40px; border: 1px dashed #d2d2d2;}
.teambox .ptblank{width:100%; height:500px; position:relative;}
.ptblank .teamcont {width:30%; padding:30px 5%; position:absolute; top:0; left:0; z-index:99;}
.scale.ptblank .teamcont,.device.ptblank .teamcont{left:auto; right:0;}
.ptblank .team_img{width:100%; height:100%; text-align:right; position:relative; z-index:1;}
.ptblank .team_img img{ height:100%;}
.scale.ptblank .team_img,.device.ptblank .team_img{ text-align:left;}
.ptblank .teamcont .team_tit{ height:40px; line-height:40px; position:relative;}
.ptblank .teamcont .team_tit .title_cn{ font-size:18px; color:#ba1e21; font-weight:bold; line-height:40px;}
.ptblank .teamcont .team_tit .title_en{ font-size:14px; color:#888; line-height:40px; margin-left:15px;}
.ptblank .teamcont .team_tit:before{ content:""; width:260px; height:2px; background:#ba1e21; position:absolute; left:0; bottom:0;}
.ptblank .teamcont .teamcont_intro{ margin-top:30px;}
.ptblank .teamcont .teamcont_intro p{font-size:14px; color:#666; line-height:1.75;}
.ptblank .teamcont .teamcont_bt{ margin-top:30px;}
.ptblank .teamcont .teamcont_bt h3{font-size:16px; color:#333; font-weight:normal; line-height:1.75;}
.ptblank .teamcont .teamcont_bt p{font-size:14px; color:#999; line-height:1.75;}

/* 口碑 */
.mouthbox,.kbhonorbox{ margin-top:40px; border: 1px dashed #d2d2d2; }
.mlclass {width:100%; margin:20px auto;}
.mlclass .classroom_l{width:720px; float:left; overflow:hidden;}
.mlclass .classroom_l .mouth_slider{width:720px; height:420px; position:relative; overflow:hidden;}
.classroom_l .mouth_slider .swiper-button-prev,.classroom_l .mouth_slider .swiper-button-next{ color:#c00;}
.mlclass .classroom_l .mouth_slider .mouth_l_art{ width:100%; height:100%; overflow:hidden; position:relative;}
.mouth_slider .mouth_l_art .mouth_l_newsimg{ width:100%; height:100%; overflow:hidden;}
.mouth_slider .mouth_l_art .mouth_l_newsimg img{ max-width:100%; height:auto; min-height:100%;}
.mouth_slider .mouth_l_art .mouth_l_txt{ height:56px; background:rgba(0,0,0,.6); padding:5px 20px; position:absolute; bottom:0; left:0; right:0;}
.mouth_slider .mouth_l_art .mouth_l_txt h3{height:30px;font-size:16px; color:#fff; font-weight:normal; line-height:30px; overflow:hidden;}
.mouth_slider .mouth_l_art .mouth_l_txt p{height:26px;font-size:14px; color:#d2d2d2; font-weight:normal; line-height:1.75; overflow:hidden;}

.mlclass .classroom_r{width:500px; float:right;}
.mlclass .classroom_r .room_art{}
.mlclass .classroom_r .room_art .m_news_content{width:100%; height:90px; margin-bottom:20px;}
.mlclass .classroom_r .room_art .m_news_content:last-child{ margin-bottom:0;}
.mlclass .classroom_r .room_art .m_news_content .news_img{width:150px; height:90px; float:left; margin-right:25px; border-radius:6px; overflow:hidden;}
.mlclass .classroom_r .room_art .m_news_content .news_img img{width:100%; height:100%; transition:0.4s;}
.mlclass .classroom_r .room_art .m_news_content .news_img:hover img{transform: scale(1.1);}
.mlclass .classroom_r .room_art .m_news_content .m_news_info{ padding-left:175px;}
.mlclass .classroom_r .room_art .m_news_content .m_news_info .news_title{ width:100%; height:30px;}
.mlclass .classroom_r .room_art .m_news_content .m_news_info .news_title h3{width:96%; font-size:16px; color:#333; line-height:30px; font-weight:normal; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mlclass .classroom_r .room_art .m_news_content .m_news_info .news_summary{ }
.mlclass .classroom_r .room_art .m_news_content .m_news_info .news_summary p{ font-size:14px; color:#888; line-height:24px; display:-webkit-box; overflow:hidden; -webkit-line-clamp: 3; text-overflow:ellipsis; -webkit-box-orient:vertical; word-break:break-word; word-wrap:break-word;}

.honorlist{ padding-top:20px; display:flex; flex-wrap:wrap;}
.honorlist .honor_content{width:23%; padding:0px 1%; margin-bottom:30px; display:inline-block; position:relative; overflow:hidden;}
.honorlist .honor_content .honor_img{width:100%; height:195px; overflow:hidden;}
.honorlist .honor_content .honor_img img{max-width:100%; min-height:100%;}
.honorlist .honor_content .honor_title{ margin-top:10px;}
.honorlist .honor_content .honor_title h3{font-size:14px; color:#333; font-weight:normal; line-height:1.75; text-align:center;}

/* 课堂 */
.classroombk { margin-top:40px; border: 1px dashed #d2d2d2;}
.classroombk .list_classroom{ width:80%; padding:20px 0 50px; margin:0px auto;}
.classroombk .list_classroom .classroom_cont{width:100%; margin-bottom:-30px; position:relative;}
.classroombk .list_classroom .classroom_cont:before{content:""; width:2px; height:100%; background:#c2c2c2; position:absolute; left:50%; margin-left:-1px; top:0; bottom:0;}
.classroombk .list_classroom .classroom_cont:after{content:""; width:16px; height:16px; background:#c00; border-radius:50%; position:absolute; left:50%; margin-left:-8px; top:66px; z-index:99;}
.classroombk .list_classroom .classroom_cont .classroom_title{width:44%; padding:60px 0px; float:left; text-align:right; -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;}
.classroombk .list_classroom .classroom_cont:nth-child(2n+0) .classroom_title{ float:right; text-align:left; -webkit-animation-name:fadeInRight; animation-name:fadeInRight;}
.classroom_cont .classroom_title h3{ font-size:24px; color:#333; font-weight:bold; line-height:32px;}
.classroom_cont .classroom_title p{ font-size:16px; color:#666; line-height:30px;}
.classroombk .list_classroom .classroom_cont .m_news_info{width:44%; float:right; -webkit-animation-name:fadeInRight; animation-name:fadeInRight;}
.classroombk .list_classroom .classroom_cont:nth-child(2n+0) .m_news_info{ float:left; -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;}
.classroombk .list_classroom .classroom_cont:nth-child(2n+0) .m_news_info .classroom_img{ margin-left:42%;}
.classroom_cont .m_news_info .classroom_img{width:55%; border:2px solid #c00; position:relative; }
.classroom_cont .m_news_info .classroom_img:before{ content:""; width:0; height:0; position:absolute; left:-18px; top:60px; border-width:10px 16px 10px 0;border-style:solid; border-color:transparent #c00 transparent transparent;}
.classroom_cont:nth-child(2n+0) .m_news_info .classroom_img:before{ position:absolute; left:auto; right:-18px; border-width:10px 0 10px 16px;border-style:solid; border-color:transparent transparent transparent #c00;}
.classroom_cont .m_news_info .classroom_img img{max-width:100%; height:auto;}
.classroom_cont .m_news_info .classroom_intro{ margin-top:10px;}
.classroom_cont .m_news_info .classroom_intro p{font-size:14px; color:#666; line-height:1.75;}


.contactbox{width:100%; animation-duration: 1s; -webkit-animation-duration: 1s;}
.contactbox .ourinfo{ margin:25px auto; position:relative; overflow:hidden;}
.contactbox .ourinfo ul{width:100%; display: -webkit-flex; display: flex;flex-direction:row;flex-direction:-webkit-row;flex-nowrap: wrap;flex-nowrap: -webkit-wrap;justify-content : space-between;justify-content : -webkit-space-between;}
.contactbox .ourinfo ul li{width:30%; text-align:center;}
.contactbox .ourinfo ul li.line{width:1px; height:130px; background:#d1d1d1;}
.contactbox .ourinfo ul li img{ }
.contactbox .ourinfo ul li h3{ font-size:18px; color:#666; font-weight: normal; margin-top:15px; line-height:30px; }
.contactbox .ourinfo ul li p{ font-size:18px; color:#010101; margin-top:20px; line-height:30px; }
.contactbox .linemap{ margin-top:60px;}

.contactbox .recruitment{width:100%;}
.contactbox .recruitment dl.on,.contactbox .recruitment dl:hover{width:100%;}
.contactbox .recruitment dl.on dt,.contactbox .recruitment dl:hover dt{ width:100%; height:60px; font-weight:bold; color:#fff; font-size:18px;background:#005baa;}

.contactbox .recruitment dl{ width:100%; height:60px; background:#f0f0f0; color:#666; margin-bottom:15px; overflow:hidden;}
.contactbox .recruitment dl dt span{ width:25%; font-size:16px; text-align:center; display:inline-block; line-height:60px;}
.contactbox .recruitment dl dt span.zpxqbtn::before{content: "+"; font-size:28px; width: 34px;height:34px; color:#666; border:1px solid #666; text-align:center; line-height:30px; border-radius:50%; display:block; margin:13px auto;}
.contactbox .recruitment dl dd{ height:0px; padding:0px 60px; background:#fff; filter: alpha(opacity=0);opacity: 0; transition: all .3s ease-in-out;}
.contactbox .recruitment dl:hover{ height:auto;}
.contactbox .recruitment dl:hover dd{ height:auto; padding:60px; filter: alpha(opacity=100);opacity: 1; border:1px solid #d1d1d1; border-top:none; font-size:16px; line-height:30px;}
.contactbox .recruitment dl:hover dt span.zpxqbtn::before{ color:#fff; border:1px solid #fff;}

.newscont {width:100%; margin:40px auto 0;}

.newscont .newsleft{width:67%; padding:20px; float:left; border:1px dashed #d2d2d2;}

.newscont .content .content_tit{width:100%; padding-bottom:30px; margin:0px auto; border-bottom:1px solid #ddd; text-align:center;}
.newscont .content .content_tit h3{ font-size:26px; font-weight:normal; color:#333; line-height:50px;}
.newscont .content .content_tit p{ font-size:14px; color:#666; line-height:22px;}
.newscont .content .contentbox{width:100%; margin-top:30px;}
.newscont .content .contentbox p{ font-size:16px; color:#888; line-height:30px; text-align:justify;}
.newscont .content .contentbox img{ margin:10px auto; max-width:100%;}

.massage {background: #cacaca; margin-top:60px;}
.massage .gb{position:relative;width:590px;float:right;text-align:left;}

.newscont .newsright{width:28%; float:right; }
.newscont .newsright .recommendnews{ margin-bottom:20px; border:1px dashed #d2d2d2;}
.recommendnews .right_tit{ height:44px; border-bottom:1px solid #c2c2c2; position:relative;}
.recommendnews .right_tit .title{ border-bottom:2px solid #c00; float:left;}
.recommendnews .right_tit .title span{ padding:0px 10px; font-size:18px; line-height:43px;}
.recommendnews .right_tit .rbkmore{ position:absolute; right:10px; top:0; bottom:0; font-size:14px; line-height:44px; color:#999;}
.recommendnews .right_news{ padding:10px 20px;}
.recommendnews .right_news .right_list{width:100%;}
.recommendnews .right_news .right_list .right_news_li{width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #f2f2f2;}
.right_news .right_list .right_news_li .right_news_title{ height:30px; position:relative;}
.right_news .right_list .right_news_li .right_news_title h3{width:75%; font-size:16px; color:#333; font-weight:normal; line-height:30px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.right_news .right_list .right_news_li .right_news_time{ position:absolute; right:0; top:0; bottom:0;}
.right_news .right_list .right_news_li .right_news_time span{ font-size:14px; color:#999; line-height:30px;}
.right_news .right_list .right_news_li .right_news_summary{ margin-top:5px;}
.right_news .right_list .right_news_li .right_news_summary p{ font-size:14px; color:#888; line-height:1.75;}

 /*guestbook*/
.guestbook{padding:50px 80px 50px 0}
.guestbook h2{font-size:24px;font-weight:600; color:#fff; text-align:center;}
.guestbook .padding{padding:50px;}
.guestbook .form-group {padding-bottom:20px}
.guestbook .input{font-size:16px;padding:0 15px;height:50px;line-height:50px;border:0;width:100%;display:block;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset; box-sizing:border-box;}
.guestbook .textarea {padding:12px;line-height:24px;width:100%;font-size:16px;background:#fff;border:0; box-sizing:border-box;}
.guestbook .label {display:block;line-height:24px;}
.guestbook .label label {font-weight:400;}
.guestbook .field {font-size:16px}
.guestbook select {font-size:16px;padding:0 35px 0 15px;width: 100%; height:50px;line-height:50px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url(../images/select-down.png) no-repeat right 50%;color:#666;}
.guestbook .form-tips .guestbook .input-help ul {border:0;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
.guestbook .input::-webkit-input-placeholder, .guestbook .textarea::-webkit-input-placeholder {color: #111;font-size: 16px;}
.guestbook .input:-moz-placeholder, .guestbook .textarea:-moz-placeholder {color: #111;font-size: 16px;}
.guestbook .input::-moz-placeholder, .guestbook .textarea::-moz-placeholder {color: #111;font-size: 16px;}
.guestbook .input:-ms-input-placeholder, .guestbook .textarea:-ms-input-placeholder {color: #111;font-size: 16px;}
.button-block {display:block;width:100%}
.button-large {padding:12px 30px;font-size:16px; color:#fff; line-height:24px; text-align:center; background:#c00; border:none; cursor:pointer;}

.recruitbox{ margin-top:60px;}
.recruitbox li.zpitem{ margin-top:30px; line-height:40px; margin:10px 0px; border-bottom:1px dashed #dcdcdc; padding-left:20px; background:url(../images/dian.png) no-repeat 5px center;}
.recruitbox li span.zhiwei { font-size:16px; color:#333;}
.recruitbox li span.zhiwei:hover{ color:#ba1e21;}
.recruitbox li span.address{ float:right; margin-right:40px;}
.recruitbox li span.qzdate{ float:right; margin-right:40px;}
.recruitbox li span.zpheader{ float:right; margin-right:20px;}
.recruitbox li span.zpheader a{ color:#666;}
.recruitbox li span.zpheader a:hover{ color:#ba1e21;}