@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:"微软雅黑";cursor: pointer;min-width:1200px;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover {color:#dd2726; text-decoration:none;}
.layout{max-width: 1200px; margin: 0 auto;}
.pos{position: relative;}

header{ height:100px; background:#FFF; width:100%;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
header h1{ float: left; width:271px; margin-top:15px; font-size:0px;}
header h1 img{ width:100%;}
header .nav{float:left; }
header .nav ul{ font-size:0px;}
header .nav li{ display:inline-block; text-align:center; position:relative; z-index:100; border-right: 1px solid #d2d2d2;}
header .nav li p{ font-size:16px; text-transform:uppercase;}
header .nav li span{font-size: 12px; display: block;line-height: 29px; text-transform: uppercase;}
header .nav li p a{ display:block; color:#777; padding:25px 20px;}
header .nav li:hover p a{ display:block; color:#FFF; background:#dd2726; text-decoration:none;}
header .nav li p a.current{ background:#dd2726; color:#FFF;}
header .nav li dl{ position:absolute; width:160%; background:#FFF; left:0px; top:100px; visibility:hidden; opacity:0; transition:all 1s ease; text-align:center; text-align:left; border-top:2px solid #dd2726; box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);}
header .nav li:hover dl{ visibility:visible; opacity:1; top:100px;}
header .nav li dd{ font-size:14px; line-height:40px;}
header .nav li dd .border{ border:1px solid #000;}
header .nav li dd .border i{ font-size:50px; line-height:127px;}
header .nav li dd img{ width:100%;}
header .nav li dd a{ color:#333; padding-left:20px; display:block; transition:all 0.3s ease;}
header .nav li dd a:hover{ color:#333; padding-left:25px; text-decoration:none; display:block; background:#eee;}
header .nav li:last-child{border-right: none;}

header .tels{float:right;}
header .tels img{width:220px;margin-top:15px;}

header .yuyan{ position:absolute; top:0px; right:10%; text-align:center; line-height:70px;}
header .yuyan i{ margin-right:5px;}
header .yuyan a{ display:block; color:#333;}
header .yuyan a:hover{ display:block; color:#333; text-decoration:none;}


header .header-main{ transition: padding 0.3s ease 0s, transform 0.5s ease 0s; position:relative; z-index:100;}
header .m-btn { width:60px; height:60px; line-height:60px; text-align:center; display:none; cursor:pointer; float:right; margin-right:5%;}
header .m-btn .box {display: block;position: relative; font-size:24px;}

.body-wrap {width: 100%;position: relative;transition: all 0.5s ease 0s;z-index: 1;}
.body-wrap.left, header.left .header-main {transform: translateX(-66%);}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;}

.m-sub-menu {position: fixed;right: -100%;width: 66%;top: 0;z-index: 100;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;}
.m-sub-menu .top-box {line-height: 60px;background-color: #333;}
.m-sub-menu .top-box .stt {display: inline-block;font-size: 16px;color: #acacac;margin-left: 8.2%; float:left;}
.m-sub-menu .top-box .close { width:60px;  height:60px; line-height:60px; color:#FFF; cursor: pointer; float:right; text-align:center; font-size:16px; text-shadow:none; opacity:1;}
.m-sub-menu .list-wrap ul {  width: 100%;}
.m-sub-menu .list-wrap li {line-height: 50px;  width: 100%;  border-bottom: 1px solid #f2f2f2; text-transform:uppercase;}
.m-sub-menu .list-wrap li .col-box { display: block; padding: 0 7.8% 0 8.2%;}
.m-sub-menu .list-wrap .tit { font-size: 16px; color: #666; float:left;}
.m-sub-menu .list-wrap .point { display: inline-block; width: 8px; height: 12px; float:right; color:#999;}
.m-sub-menu .bot-link { width: 84%; padding: 0 7.8% 0 8.2%; margin-top: 10px;}
.m-sub-menu .bot-link a { display: inline-block; width: 30px; height: 50px; line-height:50px; margin-right: 10px; float: left; text-align:center;}
.m-sub-menu .bot-link a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list { position: absolute; right: -100%; top: 60px; width: 100%;}
.m-sub-menu .sec-sub-list .return-fir { display: block; width: 100%; padding: 0 7.8% 0 8.2%; line-height: 60px; background-color: #333;}
.m-sub-menu .sec-sub-list .return-fir p { padding-left: 18px; color: #fff; font-size: 16px; text-transform:uppercase;}
.m-sub-menu .sec-sub-list .return-fir p i{ font-size:14px; margin-right:10px;}
.m-sub-menu .sec-sub-list .boxs { width: 100%; transition: all 0.4s ease 0s; background:#fff; position: absolute; left: 0; top: 0;}
.m-sub-menu .sec-sub-list .boxs.show { left: -100%;}
.m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li { width: 100%;}
.m-sub-menu .sec-sub-list li { line-height: 50px; border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li a { display: block; width: 84%; padding: 0 7.8% 0 8.2%; font-size: 16px; color: #666;}
.m-sub-menu .sec-sub-list li a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list .bot-link { margin-top: 14px;}


.index-foot {padding:30px 0; background: #f9f9f9; overflow: hidden;}
.index-foot-l,.index-foot-m {float:left;width:calc( (100% - 210px)/2);}
.index-foot-r {float:right;}
.index-foot-tit {position:relative;height:50px;margin-bottom:25px;}
.index-foot-tit:after {content:"";display:block;width:60px;height:4px;background-color:#d2d2d2;position:absolute;bottom:0;left:0;}
.index-foot-tit span {font-size:22px;line-height:22px;}
.ift-cn {color:#444;padding-right:18px;}
.ift-en {color:#aaa;}
.index-foot-add span {display:block;font-size:14px;line-height:30px;color:#666;}
.index-foot-nav li {float:left;width:40%;}
.index-foot-nav li a {font-size:14px;line-height:30px;color:#666;}
.index-foot-nav li a:hover {color:#dd2726;}
.foot-link {background-color:#3f4551;padding:10px 0;}
.foot-copy {float:left;font-size:14px;line-height:24px;color:#ccc;}
.foot-bei {float:left;font-size:14px;line-height:24px;color:#ccc;margin-left:20px;}
.foot-tech {float:right;font-size:14px;line-height:24px;color:#ccc;}
.friend-link {margin-top:10px;}
.friend-link span,.friend-link a {display:inline-block;color:#ccc;font-szie:14px;line-height:20px;margin-right:10px;}
.foot-link a:hover {text-decoration:underline;}


.foot_copy{background-color: #3f4551; padding:25px 0;  word-break:break-all; overflow: hidden;}
.foot_copy .copyright{ text-align: center; line-height:28px; color:#fff;}


/* 在线客服样式 */
.kefuBox{position:fixed;z-index:1000;top:150px;right:0;width:auto; _position:absolute;_top: expression(documentElement.scrollTop +45);}
.kefuBox .kefuLeft{float:left;overflow:hidden;width:0;height: 157px;cursor:pointer;background:url(../images/kefu_l.png) no-repeat}
.kefuBox .kefuRight{display:block;float:left;overflow:hidden;width:154px;}
.kefuBox .kefuTop{width:154px;height:46px;background:url(../images/kefu_top.png) no-repeat;}
.kefuBox .kefuClose{float:right;overflow:hidden;width:154px; height:46px;display:block;cursor:pointer;}
.kefuBox .kefuBottom{width:154px;height:12px;background:url(../images/kefu_bottom.png) no-repeat;}
.kefuBox .kefuCont{width:130px;padding:0 12px;background:url(../images/kefu_line.png) repeat-y;overflow:hidden;}
.kefuBox .kefuCont ul{margin:0;padding:0;}
.kefuBox .kefuCont ul li{width:80px;line-height:28px;overflow:hidden;height:28px;padding-left:40px;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;}
.kefuBox .kefuCont ul li a{color:#333;font-size: 12px;}
.kefuBox .kefuCont ul li.pic{width:130px;height:89px;margin-bottom:10px;padding:0;}
.kefuBox .kefuCont ul li.wz{font-size: 15px; font-weight: bold; padding: 10px 0 5px 10px; color: #dd2726;}
.kefuBox .kefuCont ul li.qq{background:url(../images/qq.png) no-repeat;}
.kefuBox .kefuCont ul li.wang{background:url(../images/wangwang.png) no-repeat}
.kefuBox .kefuCont ul li.spk{background:url(../images/skype.png) no-repeat}
.kefuBox .kefuCont ul li.codeer{display:block;width:130px;height: 165px;text-align:center;color:#fff;padding:10px 0 0;font-family:"微软雅黑";font-size:14px;margin-bottom:0;}
.kefuBox .kefuCont ul li.codeer p{display:block;height:auto;line-height:22px;}
.kefuBox .kefuCont ul li.codeer span{display:block;width:116px;height:116px;padding:7px;background: no-repeat;}
.kefuBox .kefuCont ul li.codeer span img{width:116px;height:116px;}
.xf-page{width:100%; height:auto;text-align:center; font-size:0px; position:relative; overflow:hidden; margin:39.7px 0 0px; text-transform:uppercase;clear: both;}
.xf-page ul {display: block; display: flex; align-items: center; justify-content: center;}
.xf-page ul li {display: inline-block;width: auto; border-radius: 0; margin-bottom: 0; margin-right: 0; margin-left: 0; border: none; overflow: hidden; background: none;}
.pagination{width:100%; height:auto;text-align:center; font-size:0px; position:relative; overflow:hidden; margin:auto; padding-top:20px;}
.pagination a,.pagination span{display:inline-block; padding:0 20px;line-height:36px;font-size:14px;margin:0 5px;color: #666;background: #fff;-webkit-transition:0.5s;transition:0.5s;}
.pagination span.current,.pagination a:hover,.xf-page li.active span{color:#fff; border-color:#DD2726; background:#DD2726;}