@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; /* For some Androids */}
a{color:#666; text-decoration:none; outline:none;}
img{border:0px; vertical-align:middle; max-width:100%;}
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;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;overflow: hidden;}
.cont{width: 1365px;margin: 0 auto;}
.pc-css,.block{display: block;}
.m-css,.none{display: none;}
.teshu{display: none !important;}
@font-face{font-family: 'Bahnschrift'; src : url('../other/BAHNSCHRIFT.TTF');}
@font-face{font-family:'SourceHanSansSC Regular';src: url('../other/SourceHanSansSC-Regular.otf');}
@font-face{font-family:'SourceHanSansSC Light';src: url('../other/SourceHanSansSC-Light.otf');}
@font-face{font-family:'SourceHanSansSC Bold';src: url('../other/SourceHanSansSC-Bold.otf');}
@font-face{font-family:'MicrosoftYaHeiLight';src:url('../other/msyhl.ttc');}


/*头部*/
header{background: #FFFFFF;padding: 30px 0 35px;}
.header{display: flex;align-items: flex-end;justify-content: space-between;}
.logo{margin-right: 43px;}
.pc-nav{}
.pc-nav li{float: left;margin:0 20px;}
.pc-nav li a{font-size: 18px;color: #fff;line-height: 18px;}
.pc-nav li:hover a{color: #ba1e21;}
.servbox{display: flex;align-items:flex-end;}
.serv-tel{font-family: Arial;font-size: 23px;color: #fff;line-height: 23px;display: flex;align-items: center;margin: 0 21px;}
.serv-tel img{margin-right: 7px;}
.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: 87.5%;position: absolute;right: 0;top: 112px;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: #f6f6f6;width: 75%;padding-left: 25%;overflow: hidden;padding-top: 25px;height:200px; }
.Sub-cont a{display: block;float: left;width: 30%;margin-right: 5%;margin-bottom: 18px; border-bottom: 1px solid #ededed;padding-bottom: 20px;}
.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: 16px;height: 16px;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;}
.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;}


/*按钮动画*/
.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:#fbfbfb; padding:45px 0 15px; overflow:hidden;}
.footDiv .leftDiv{ width:600px;}
.footDiv .txt{ font-size:26px; color:#323232; position:relative; padding-bottom:20px;}
.footDiv .txt:after{ content:''; width:120px; height:2px; background:#dcdcdc; position:absolute; left:0px; bottom:0;}
.footDiv .msgList{ padding:15px 0 30px; color:#323232;}
.footDiv .msgList li{ font-size:16px; line-height:26px;}
.footDiv .wen{ font-size:24px; color:#323232; position:relative; padding-bottom:15px;}
.footDiv .wen:after{ content:''; width:110px; height:2px; background:#dcdcdc; position:absolute; left:0px; bottom:0;}
.footDiv .links{ padding-top:10px; color:#dcdcdc; position:relative; left:-12px; line-height:26px;}
.footDiv .links a{ padding:0 12px; font-size:16px;}
.footDiv .links 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 .ewmList{ padding-top:25px;}
.footDiv .ewmList li{ float:left; margin-left:20px;}
.footDiv .ewmList li .ewm img{ width:110px;}
.footDiv .ewmList li p{ padding-top:10px; font-size:16px; color:#2f2f2f; text-align:center;}
.footDiv .links2{ font-size:16px; text-align:right; position:relative; right:-6px; padding-top:20px; color:#6c6c6c;}
.footDiv .links2 a{ padding:0 6px; color:#6c6c6c;}
.footDiv .links2 a:hover{ color:#C5171E;}

.foot{ border-top:#dcdcdc solid 2px; height:60px; background:#fbfbfb;}
.foot .msg{ line-height:60px; color:#a8a8a8; font-size:18px;}
.foot .links{ font-size:18px; line-height:60px;}
.foot .links a{ color:#a8a8a8;}
.foot .links a:hover{ color:#C5171E;}