@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@charset "utf-8";
/* CSS Document */
html,body{ font:14px/1.8 '微软雅黑',Tahoma,Verdana,'Simsun'; color:#333; -webkit-text-size-adjust:none; margin:0;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0; font-weight:normal;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}
img { max-width:100%; height:auto; }
.clear{ clear:both;}
.container{max-width:100%;}
.c-bnner{    margin-top: 90px;}
/*导航*/
.fl {float: left;}
.fr {float: right;}
.header{width:100%; z-index:999;height:90px;padding: 0 30px;background:#fff; line-height:90px;  position:fixed; top:0; left:0; }
/*左侧logo*/
.header .left{ float:left; }
.header .left a img{    margin-top: 12px;}
.header .left .img2{display: none;}
/*右侧*/
.header .nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;height: 100%;line-height: 50px;display: block;  }
.header .navbar_nav li{float:left;position: relative;display: block;}
.header .navbar_nav li:after{content: "";width: 0;height: 2px;background:#de0000;position: absolute; bottom: 20px;left: 0;transition: all 0.5s ease 0s;}
.header .navbar_nav li:hover:after{ width: 100%;}
.header .navbar_nav li a{color:#333;text-decoration: none;height: 100%; line-height:90px;padding: 0 40px;display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;font-size: 16px;}
.header .navbar_nav li:hover a{color:#de0000;}
.header .navbar_nav li.dropdown{display: inherit;position: relative;}
.header .navbar_nav li.dropdown .jt{width: 20px;height: 20px;background-size: 100% 100%;display: block;}
.header .navbar_nav li.dropdown .dropdown_menu{display: none;position: absolute;top:90px;width: 100%;background: #fff;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 120%;left: -10%;}
.header .navbar_nav li.dropdown .dropdown_menu a{font-size: 14px;color: #666;padding: 0 10px;line-height: 40px;text-align: center;background: #fff;margin-bottom: 2px;}
.header .navbar_nav li.dropdown:hover .dropdown_menu{display: block;background: #f3f3f3;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color: #666;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color: #fff;background:#de0000;}
.st{ float:right;  font-size:14px; color:#fff; margin-top:26px; line-height: 30px;}
.st h2{ font-size:14px; color:#fff;   }
/*白色背景的头部*/
.header.on{background: #fff;border-bottom: 1px solid #f5f5f5;}
.header.on .left .img1{display: none;}
.header.on .left .img2{display: block;margin-top: 12px; }
.header.on .navbar_nav li a{color: #333;}
.header.on .navbar_nav li:hover a{color:#de0000;}
.header.on .st h2{ color:#333;}
.header.on .st p{ color:#333;}
#navToggle{display: none;}
.m_nav{position: fixed;top: 0px;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 100%;height: 100%;background: #fff;transition: all ease 0.5s; -webkit-transition: all ease 0.5s;
z-index: 1000;opacity: 1;visibility: visible; margin-top: 0;overflow-y: auto;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;top: 0;transform: translateX(100%);}
.m_nav.open{transform: translateX(0);}
.m_nav .top{height: 60px;padding: 20px;box-sizing: border-box;}
.m_nav .top .closed{width: 30px;height: 30px;vertical-align: middle;float:right;cursor: pointer;}
.m_nav .logo{width: 100%;margin:0 auto;}
.m_nav .logo img{display: block;margin:30px auto;}
.m_nav .ul{margin-top: 30px;}
.m_nav .ul li{padding: 0 20px;border-bottom: 1px solid #f5f5f5;transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0;}
.m_nav.open .ul li{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.m_nav .ul li:nth-child(1) {-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3) {-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4) {-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{display: block;text-decoration: none;color: #333;font-size: 16px;height: 50px;line-height: 50px;width: 100%;}
.m_nav .ul li .dropdown_menu{display: none;}
.m_nav .ul li.dropdown.active .dropdown_menu{display: block;}
.m_nav .ul li .dropdown_menu a{display: block;height: 50px;line-height: 50px;padding: 0 40px;box-sizing: border-box;border-bottom: 1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{border: none;}

/*banner*/
.swiper-banner{position:relative; width:100%; height:600px;overflow:hidden;    margin-top: 90px;}
.swiper-banner a{display:block; height:100%;}
.swiper-wrapper{position:relative; width:100%; height:100%;overflow:hidden;}
.swiper-slide{float:left; height:100%; background-repeat:no-repeat;overflow:hidden; background-position:center center; background-size:cover;}
.swiper-pagination{position:absolute; bottom:6%; left:0; width:100%; height:10px; text-align:center;}
.swiper-pagination .swiper-pagination-bullet{display:inline-block; height:16px; width:16px; border-radius:50%; margin:0 10px; background:#fff; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.swiper-pagination .swiper-pagination-bullet-active{background:#fff; width:60px; border-radius:10px;}
/*服务*/
/*产品*/
.product{ width:100%; margin-top:130px;  overflow:hidden;}
.tabox{width:100%;}
.pro-t{ float:left; }
.pro-t h3{ font-size:30px;}
.pro-t h3 i{    font-style: normal;border-bottom: 2px solid #333;padding-bottom: 16px;}
.pro-t span{    font-size: 22px;text-align: right;display: block;margin-top: 32px;}
.pro-t1{ width:100%; text-align:center;}
.tabox .hd{overflow:hidden;float: right;    margin-top: 30px;}
.tabox .hd li{position:relative;float:left; font-size:14px;margin-right: 30px;background:#f5f5f5; width:150px; height:40px; color:#999; line-height:40px; text-align:center; border-radius:5px;}
.tabox .hd li a{font-size:14px;color:#999; line-height:40px;}
.tabox .hd li.on{background:#d8b130;color:#fff;}
.tabox .mpro{ float:left;margin-right: 30px;background:#f5f5f5; width:150px; height:40px;  text-align:center; border-radius:5px;}
.tabox .mpro:hover{background:#d8b130;}
.tabox .mpro:hover a{color:#fff;}
.tabox .mpro a{color:#999; line-height:40px;}
.tabox .hd li:hover a{color:#fff;}
.tabox .bd{    float: left;width: 100%;    margin-top:60px;}
.tabox .bd ul li{background:#eaeaea; margin-bottom: 8px;   padding: 4%;    border-right: 4px solid #fff; border-left: 4px solid #fff;    text-align: center;height: 446px;}
.tabox .bd ul li:hover{background:#de0000;}
.tabox .bd ul li:hover a,.tabox .bd ul li:hover h4,.tabox .bd ul li:hover p{color:#fff;}
.tabox .bd ul li:hover span{background:#fff;}
.tabox .bd ul li:hover .ji{background:url(img/j1.png) no-repeat center;}
.tabox .bd ul li:hover .c-img img:nth-child(2){display:none;}
.bd ul li .ji{padding-top: 50px;background:url(img/j2.png) no-repeat center;width:59px;height:11px;margin:0 auto;}
.tabox .bd ul li h4{color:#666; font-size:20px;padding:22px 0 26px 0;}
.tabox .bd ul li .c-img{  overflow:hidden;    position: relative;  width: 113px;height: 113px; margin: 0 auto;}
.tabox .bd ul li .c-img img{    position: absolute;top: 0; left: 0;}
.tabox .bd ul li p{color:#666;    margin-bottom: 30px;}
.bd ul li dl dd{display: inline-block; text-align: center;    padding: 0 3% 0 3%; }
.bd ul li dl dd a{font-size:16px; color:#666;}
.bd ul li dl dd span{width:6px;height:6px;border-radius:50%; background:#666;display: block;float:left;margin: 9px 0;}
.bd ul li dl dd h3{text-align: left;padding-left: 12px;    font-size: 16px;}
.tabox .lh li span{width:162px; height:36px; text-align:center;line-height:36px; background:#d8b130; color:#fff;    display: block; margin:0 auto; margin-bottom:32px;border-radius:5px; display:none;}
.tabox .lh li{float:left; font-size:14px; color:#666; background:#f5f5f5;text-align:center;  width: 31.6%; transition: all 0.6s; }
.tabox .lh li:hover{      transform: translateY(-73px);  box-shadow: 0 0 10px #dfdfdf;}
.tabox .lh li:hover span{ display:block;}
.tabox .lh li:nth-child(3){ float:right;}
.tabox .lh li:nth-child(2){ margin-left:34px;}
.tabox .lh li .pro-img{}
.tabox .lh li img{ display:block; margin:0 auto;     margin-top: -34%;}
.tabox .lh li h3{color:#333; font-size:16px;margin-top:30px; margin-bottom:32px;}
.tabox .lh li:hover a{color:#00aaff; }
.product-c{ width:100%;text-align:center; margin-top:80px;    overflow: hidden;}
.product-c ul li{float: left; overflow:hidden; position:relative; width:25%;}
.product-c ul li:nth-child(1){ animation-delay:0.1s;}
.product-c ul li:nth-child(2){ animation-delay:0.2s;}
.product-c ul li:nth-child(3){ animation-delay:0.3s;}
.product-c ul li:nth-child(4){ animation-delay:0.4s;}
.product-c img{ display:block;}
.product-c .pt h3{color:#818080; font-size:26px; margin:0 auto; margin-bottom:50px; font-family:思源黑体 Normal; text-align:center;}
.product-c .pt p{ font-size:16px; color:#333; margin-top:5px; margin-bottom:50px;}
.text-desc{position: absolute; left: 0; top: 0; background:rgba(194,27,47,.9); height: 100%; opacity: 0; width: 100%; text-align:center;}
.port-1{float: left;width: 100%;position: relative;overflow: hidden;text-align: center;}
.port-1 .text-desc h3{ font-size:30px; color:white; margin-top:90px; font-weight:normal;margin-top: 60%;}
.port-1 .text-desc h3 a{ font-size:26px; color:white;}
.tr{ position:absolute; top:28%; left:40px; text-align:left;}
.tr a{ font-size:26px; color:#fff;}
.tr p{font-size:18px; color:#fff; width:63%; margin-top:12px;}
.port-1 .text-desc p{ width:60%; color:#bfbfbf; margin-left:107px; margin-top:8px;}
.port-1 .text-desc{opacity: 0.9; top: -100%; color: #000; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.port-1 img{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}
.port-1.effect-1:hover .text-desc{top: 0;}
.port-1.effect-2 .text-desc{top:0;left: -100%;}
.port-1.effect-2:hover .text-desc{left: 0;}
.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%;}
/*关于*/
.g-box { width:100%;padding-top:80px;    overflow: hidden;}
.g-box .container h3{ font-size:25px; text-align: right;}
.g-box .container .g-l h3 p{font-size:25px; color:#818080; font-family:思源黑体 Normal; }
.g-box .container .g-l{float: right;    margin-top: 30px;}
.g-box .container .g-l h3 i{font-style:normal; border-bottom:2px solid #333; padding-bottom:16px;}
.g-box .container .g-l span{ font-size:22px;    text-align: right;display: block; margin-top:35px;}
.g-box .container .g-l p{font-size:14px; color:#999; margin-top:80px;    letter-spacing: 0.5px;line-height: 2.3;}
.g-box .container .g-l .gm  { width:200px; height:50px; background:#f5f5f5; text-align:center; float:right; border-radius:5px; margin-top:103px;}
.g-box .container .g-l .gm a{ line-height:50px; color: #999;}
.g-box .container .g-l .gm:hover{background:#de0000;}
.g-box .container .g-l .gm:hover a{color:#fff;}
.g-box .container .g-r{    float: left; position:relative; font-size:100px;}
.g-box .container .g-r span{ font-family:Arial;}
.g-box .container .g-r span.a1{ position:absolute; top:75px;left:0; display:block; color:#888888; font-weight:bold; animation-delay:0.2s;}
.g-box .container .g-r span.a2{ position:absolute; top:75px;left: 28.5%; display:block; color:#333333; font-weight:bold;animation-delay:0.4s;}
.g-box .container .g-r span.a3{ position:absolute; top:75px; right: 29%; display:block; color:#333333; font-weight:bold;animation-delay:0.6s;}
.g-box .container .g-r span.a4{ position:absolute; top:75px; right:0; display:block; color:#de0000; font-weight:bold;animation-delay:0.8s;}
.g-box .container .g-r span.a5{ position:absolute; bottom:75px;left:0; display:block; color:#de0000; font-weight:bold; animation-delay:1s;}
.g-box .container .g-r span.a6{ position:absolute; bottom:75px; right: 29%;display:block; color:#333333; font-weight:bold;animation-delay:1.2s;}
.g-box .container .g-r span.a7{ position:absolute; bottom:75px; right:0;display:block; color:#333; font-weight:bold;animation-delay:1.4s;}
/*培训*/
.pbox{ width:100%; background:url(//filecdn.ify.cn/skin/okmy1568/img/ob.jpg) no-repeat; margin-top:50px;     overflow: hidden;}
.container .pt h3{color:#818080; font-size:26px; margin:0 auto; margin-top:155px;  font-family:思源黑体 Normal; text-align:center;}
.pbox .container .grid {width: calc(27.33% - 30px);float: left; margin: 50px 0px 78px 0px;  transition: 0.5s; text-align:center; }
.pbox .container .grid:nth-child(1){ animation-delay:0.1s;}
.pbox .container .grid:nth-child(2){ animation-delay:0.3s;}
.pbox .container .grid:nth-child(3){ animation-delay:0.5s;}
.pbox .container .grid .g-tt{ color:#818080; font-size:14px; margin:105px 50px 120px 50px;}
.pbox .container .grid .g-tt p{ font-size:14px; color:#818080; margin-top:23px;}
.pbox .container .grid .g-t{  transition:.2s; width:100%; background:#d2d2d2; font-size:20px; color:#fff; text-align:center; padding-top:74px; padding-bottom:74px; border-top-right-radius:10px; border-top-left-radius:10px;}
.pbox .container .grid:hover{  background:#fff;/*transform: translateY(-20px);*/}
.pbox .container .grid:hover .g-t{ background:#c21b2f; transform:.2s;}
.pbox .container .grid .g-tt .ck{ width:180px; height:49px; border:1px solid #c21b2f; text-align:center; margin:40px auto; border-radius:10px;}
.pbox .container .grid .g-tt .ck a{ color:#c21b2f; font-size:14px; line-height:49px;}
.pbox .container .grid .g-tt .ck:hover{ background:#c21b2f;}
.pbox .container .grid .g-tt .ck:hover a{ color:#fff;}

.pbox h3{ text-align:center;font-size: 30px; margin-top:80px;}
.pbox h3 i{ font-style:normal;border-bottom: 2px solid #333;padding-bottom: 16px;}
.pbox  span{    font-size: 22px;display: block;margin-top: 45px; text-align:center;}
.pbox .container .grid .g-tt img{ display:block; margin:0 auto;}

/*新闻*/
.sbox{width:100%; margin-top:80px;    overflow: hidden;}
.sbox .container h3{ text-align:center;font-size: 30px; }
.sbox .container h3 i{ font-style:normal;border-bottom: 2px solid #333;padding-bottom: 16px;}
.sbox .container  span{    font-size: 22px;display: block;margin-top: 32px; text-align:center;}
.sbox .container ul li	{padding:25px 46px 25px 45px;    transition: 0.5s; }
.sbox .container ul{ margin-top:78px;}
.sbox .container ul li:hover{box-shadow: 0 0 13px #dfdfdf;}
.sbox .container ul li h2{ width:100%; float:left; height:47px;}
.sbox .container ul li h2 a{ font-size:16px; color:#666;}
.sbox .container ul li h2 span{ font-size:14px; color:#999; float:right; margin-top:0px; line-height:47px;}
.sbox .container ul li p{ font-size:14px; color:#999;}
.sbox .container .co-e{background:url(//filecdn.ify.cn/skin/okmy1568/img/co.jpg) no-repeat center; margin-top:78px;}
.sbox .container .c-line{ width:94px; height:2px; background:#fff; margin-bottom:30px;}
.sbox .container .co-t{ /*position:absolute; top:0;*/     padding: 77px 70px 77px 70px;}
.sbox .container .co-t h2{ font-size:40px; color:#fff;}
.sbox .container .co-t h2 i	{    font-style: normal;border-top: 2px solid #fff;}
.sbox .container .co-t  p{font-size:40px; color:#de0000; margin-top:34px;}
.sbox .container .co-t span{ width:244px; height:50px; text-align:center; background:#fff; display:block; margin:0 auto; margin-top:114px;}
.sbox .container .co-t span a{ line-height:50px; color:#de0000; font-size:14px;}
.sbox .container .co-e:hover span{ background:#de0000;}
.sbox .container .co-e:hover span a{ color:#fff;}
/*留言*/

input:focus {border:none;outline: none;}
.mess{ width:100%; margin-top:100px;}
.mess .me-img{ float:left;    padding: 0;}
.mess .mes{ float:left;   margin:10px 0px 0px 16px;}
.mess .mes input{ width:100%; height:50px; font-size:14px; color:#999; background:#f5f5f5; border:none;    text-indent: 20px;}
.mess .mes .kk:nth-child(5){    width: 94.3%;height:180px;background:#f5f5f5;}
.mess .mes .kk:nth-child(5) input{width:100%; height:auto; padding:10px 0px 153px 0px;}
.mess .mes .kk{ float:left;margin:24px 0px 0px 24px; width: 45.5%;}
.mess .mes .hqbj{ float:left;    width: 27%;  height:50px; margin:40px 0px 0px 24px;}
.mess .mes .hqbj input{ background:#f5f5f5; width:100%;border-radius:25px; color:#999; text-indent:0;}
.mess .mes .hqbj:hover input{ background:#de0000; color:#fff;}
.mess1{    margin-top: 50px; padding-bottom:50px;}
.mess1 .mes .kk{    width: 44.5%;}
/*foot*/
/*右侧悬浮icon*/
.side-bar a, .chat-tips i { background-image: url(img/gdt-img.png); background-repeat: no-repeat; }
.side-bar {    display: none; width: 66px; position: fixed; top:50%; right: 0; font-size: 0; line-height: 0; z-index: 100; }
.side-bar a { width: 66px; height: 66px; display: inline-block; background-color: #999; margin-bottom: 2px; }
.side-bar a:hover { background-color: #de0000; }
.side-bar .icon-qq { background-position: 0 -62px; }
.side-bar .icon-chat { background-position: 0 -130px; position: relative; }
.side-bar .icon-chat:hover .chat-tips { display: block; }
.side-bar .icon-qq:hover .chat-tipo { display: block; }
.side-bar .icon-blog { background-position: 0 -198px; }
.side-bar .icon-mail { background-position: 0 -266px; }
.side-bar .icon-totop { background-position: 0 -334px; }
.chat-tips {    width: 151px; padding: 20px; border: 1px solid #d1d2d6; position: absolute; right: 78px; top: -55px; background-color: #ffffff; display: none; }
.chat-tipo {       background-color:#fff;  position: absolute;  width: 151px; left: -151px;  top: 0px;  line-height: 66px;  color: #666;  font-size: 16px;  text-align: center; display: none; box-shadow: #DDD -1px 1px 4px;}
.chat-tips i { width: 9px; height: 16px; display: inline-block; position: absolute; right: -9px; top: 80px; background-position: -88px -350px; }
.chat-tips img {}
.foot{ width:100%; background:#484848; overflow:hidden; }
.foot a{color:#fff;}
.foot .f-top {cursor: pointer;float: left; width: 10%;height: 100%; background: #ff6c00; text-align: center; }
.foot .container{ padding:50px 0 20px 0;}
.foot  dl{  margin-top:35px;  border-top: 1px solid #666;border-bottom: 1px solid #666;}
.foot  dl dt{ font-size:16px; color:#b9b9b9;margin-bottom: 34px; }
.foot  dl dd{    margin-top: 3.5%;color:#d5d5d5; float:left;  margin-right: 30px;}
.foot  dl dd a{ font-size:14px;  display:block;}
.foot  dl dd a:hover{color:#0056a4;}
.foot .d-wx{float:right;     margin: 28px 0 15px 0;}
.foot .d-wx img{float:right;}
 .bq{     margin-top: 20px; }
.bq p{    color: #fff; text-align: center; padding: 30px;  }
.bq span{ float:right;color:#b1b1b1;}
.foot dl ul{ float:left; margin-top:28px;}
.foot dl ul li{ color:#fff;    margin-bottom: 28px;}
.foot dl ul li img{ margin-right:10px;margin-top: -2px;}
.yql li{float:left; margin-right:8px; margin-bottom:10px;    color: #fff;}

.pro-menu{ width:100%; margin:0 auto; background:#f5f5f5;;text-align:center;}
.pro-menu .left_menu{width: 95%; max-width: 1280px; margin: 0 auto;}
.pro-menu ul li{ width:15%;   display: inline-block;overflow:hidden;}
.pro-menu ul li:hover{}
.pro-menu ul li:hover a{color:#fff;background:#de0000;}
.pro-menu ul li a.on{color:#fff;background:#de0000;}
.pro-menu ul li a{ font-size:16px;display:block; padding:20px 0;}
.pro-tab{ width:95%; max-width:1280px; margin:0 auto;}
.pro-tab li{ float:left;    width: 22%;margin-left: 1.5%;margin-right: 1.5%; text-align:center;margin-bottom: 20px;overflow:hidden;}
.pro-t1 h2{     line-height: 1.8;   font-size: 16px;margin-top: 18px;}
.add{ display:none;width:95%; max-width:1280px; margin:0 auto;border-bottom: 1px solid #ddd; padding-bottom:23px;   padding-top: 9px;}
.add h3{ float:left;}
.add-box{ float:right;}
#product-list{ margin:4% 0;}
.pro-tab li:hover a{color:#de0000;}
.pro-tab li img { display:block; transform:scale(1,1); transition:0.8s;}
.pro-tab li:hover img { transform:scale(1.04,1.04);}
/*内容页*/
.new{ width:95%; max-width:1280px; margin:40px auto;}
.new h2{text-align: center;font-size: 30px; 
    margin: 0 auto;    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 25px;
    }
.new article{ margin-top:27px; }
.news-siblings{margin-top:80px;     padding-top: 18px; border-top:1px solid #e5e5e5; font-size:14px;}
.news-siblings div{line-height:34px;    margin-right: 50px; float:left;}
.news-siblings div span{color:#999;}
.news-siblings div a:hover{text-decoration:underline;}
.news-siblings .news-back{ width:150px; height:40px;  line-height:40px; border-radius:3px; background:#c21b2f; color:#fff; text-align:center; float:right;     display: none;   border-top: 1px solid #e8e8e8}
.news-siblings .news-back i{margin:0 0 0 20%;}
.news-siblings div:nth-child(2){ float:right; margin-right:0;}
/*文章是通用样式*/
.new-tab{ width:95%; max-width:1280px; margin:20px auto;}
.new-tab .ne-list{ width:100%;}
.new-tab .ne-list li{    border-bottom: 1px solid #f5f5f5;     padding: 30px 30px;    border-bottom: 1px solid #e5e5e5;}
.new-tab .ne-list li:hover {background:#f3f3f3;;box-shadow: 0 4px 10px rgba(43, 43, 43, 0.2);    background: #de0000;}
.new-tab .ne-list li:hover h3 a { color:#fff;}
.new-tab .ne-list li:hover .ne-m a { color:#fff}
.new-tab .ne-list li:hover .ne-t span{ color:#fff}
.new-tab .ne-list li:hover .ne-t p{ color:#fff}
.new-tab .ne-list .ne-img{ float:left; width:25%;}
.new-tab .ne-list .ne-t{ float:left; width:64%; padding-top:4px;    margin-left: 5%;}
.new-tab .ne-list .ne-t span{ display:block;  color: #999;;margin-top: 15px;}
.new-tab .ne-list .ne-t p{  color:#818080;margin-top: 15px;}
.new-tab .ne-list .ne-t h3{ text-align:left; margin-top:10px;font-size: 18px;margin-top: 20px;}
.new-tab .ne-list .ne-t .ne-m{  margin-top:16px; }
.new-tab .ne-list .ne-t .ne-m a{ font-size:14px; }
.new-tab .ne-list .ne-t .ne-m:hover{}
/*页码*/
.ny_pages{width:100%; max-width:1280px; margin:auto;text-align:center;margin:5% auto 5%;font-size:14px;color:#666;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.ny_pages a{margin:0px 5px;color:#666; font-size:14px; border:1px solid #e8e8e8; padding:12px 40px;}
.ny_pages a:hover{color:#fff; background:#de0000; border:1px solid #de0000;}
/*适应*/
@media (min-width: 1200px) and (max-width: 1440px){
  .mess .me-img{    width: 58%;}
   /*中间语种*/
.yuyan{float:left;}
.yuyan ul li{float:left; margin-left:20px;}
.header.on .left .img2{}
  .header .navbar_nav li a{ padding:0 30px;}
  
  .swiper-banner{    height: 500px;} 
 
  .mess .mes{    margin: 0px 0px 0px 16px;}
  .mess .mes .kk{    margin: 10px 0px 0px 10px;}
  .mess .mes .kk:nth-child(5){    width: 94.3%;}
  .mess .mes .hqbj{margin: 25px 0px 0px 24px;}
}
@media (min-width: 991px) and (max-width: 1200px){

  .header.on .left .img2{margin-top:0px;}
  .header .navbar_nav li a{ padding:0 10px;}
#jm-tab{ width:34%;}
  #jm-tab li{ width:36%;}
  .new-tab .ne-list .ne-img{ width:34%;}
  .new-tab .ne-list .ne-t{ width:59%; padding:0}
  .foot  dl{ margin-right:0;}
  #guide-banner{height:316px;}
  .swiper-banner{height: 400px;margin-top: 90px;}
  .company li{width:13%;}
  .g-box .container .g-r{      width: 50%;  font-size: 72px;}
  .g-box .container .g-l{ width: 50%;}
  .g-box .container .g-l p{    margin-top: 26px;}
  .g-box .container .g-l .gm{    margin-top: 16px;}
  .tabox .hd li{    width: 128px;margin-right: 10px;}
  .product{}
  .bd ul li dl dd{    padding: 0 1% 0 1%;}
  .tabox .bd ul li{padding: 3%;}
      #mybtns{    position: inherit; width:100%; display:none;}
  #mybtns #right{ position: inherit;}
  #mybtns #left{ position: inherit;}
  #myscroll{width:100%; height:100%;}
  .scrollpic{margin-top:40px;}
  #myscroll #myscrollbox{width:100%;    position: inherit;}
  #myscroll ul li{width:47%; margin-left:11px; margin-right:11px;   margin-bottom: 50px;}
  #myscroll a .intro{left:29%;}
  .sbox .container ul li{margin-top:0;padding:14px 25px 14px 25px;}
  .mess .me-img{width:50%;}
  .mess .mes .kk{width:43.5%;    margin: 10px 0px 0px 10px;}
  .mess .mes{margin:0;    width: 89%;}
  .mess .mes .kk:nth-child(5){height:90px;}
  .mess .mes .kk:nth-child(5) input{    padding: 10px 0px 80px 0px;}
  .mess .mes .hqbj{width:33%;    margin: 36px 0px 0px 24px;}
  .pro-menu ul li a{    font-size: 13px;}
  .header .navbar_nav li.dropdown .dropdown_menu{    width: 169%;    left: -35%;}
}
@media (min-width: 767px) and (max-width: 991px){
  .c-bnner{margin-top:50px;}
	.st{ display:none;}
.header{padding: 0 10px; height:50px;}
.header img{ vertical-align:inherit;}
.header .left{ margin-top:5px; height:50px; overflow:hidden;}
.header.on .left .img2{ margin-top:0;}
.youshi figure:nth-child(2){ margin-left:0;}
.header .left a img{ width:54%; display:block;    margin-top: 4px;}
.youshi figure{ margin-left:0; margin-right:0;overflow:hidden;}

.header #navToggle {height: 100%;padding: 9px 15px;margin-right: -15px;display: inline-block;float: right;}
.header #navToggle span {position: relative;width: 25px;height: 1px;margin-top: 19px;}
.header #navToggle span:before,.header #navToggle span:after {content: '';position: relative;width: 100%;height: 1px;left: 0;}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background: #333;}
.header #navToggle span:before {top: 8px;}
.header #navToggle span:after {bottom: 10px;}
.header #navToggle.open span:before {top: 10px;-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg);}
.header #navToggle.open span:after {bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
.header #navToggle.open span {background: none;}.header #navToggle.open span:before,.header #navToggle.open span:after {background: #4f4f4f;}
.header .nav{display: none;}.banner img{height: 600px;object-fit: cover;}

.product-c ul li{ width:50%; }
.g-box .container .g-r{ margin-top:0; }
.g-box .container .g-r img{ margin:0 auto;}
.g-box .container h3{}
.g-box .container .g-l p{ }
.g-box .container .g-l{     margin-top: 32px;}
.pbox .container .grid{width: 45%;   margin: 30px 15px 30px;}

.pbox{ background-size:cover; background-position:center; }
.container .y-t{ margin-top:30px;}
.youshi_box h3{ line-height:35px;}
.container .y-t span{ margin-top:40px; margin-left:15px;}
.g-box .container .g-l .gm{}
.container .pt h3{ margin-top:80px;}
.sbox{ background-size:cover;}
.sbox .container{ padding-top:50px; padding-bottom:50px;}
#jm-tab{ width:44%; margin:0 auto; }
#jm-con{ height:281px; margin-top:50px;}
.jm-j{ right:4%; top:16%;}
.jm-j h3{  margin-top:0;}
.jm-j p{margin: 22px 0px 28px;}
  .new-tab .ne-list .ne-img{ width:38%;}
  .new-tab .ne-list .ne-t{ width:59%; padding-top:0; margin-left:3%;}
  .new-tab .ne-list .ne-t h3{ margin-top:11px;font-size: 19px;}
 .foot  dl{ margin-right:0;}
   #mybtns{    position: inherit; width:100%; display:none;}
  #mybtns #right{ position: inherit;}
  #mybtns #left{ position: inherit;}
  #myscroll{width:100%; height:100%;}
  .scrollpic{margin-top:40px;}
  #myscroll #myscrollbox{width:100%;    position: inherit;}
  #myscroll ul li{width:47%; margin-left:11px; margin-right:11px;   margin-bottom: 50px;}
  #myscroll a .intro{left:29%;}
  .sbox .container ul li h2 span{    line-height: normal;}
  .sbox .container ul li{padding: 34px 20px 34px 20px;}
  .mess{margin-top:0;}
  .mess .mes{float:none;    margin: 30px 0px 0px 0;}
  .mess .mes .kk{}
  .mess .mes .kk{  width:46%;}
  .mess .mes .kk:nth-child(5){}
  .mess .mes .hqbj{    width:28%;    margin-bottom: 40px;}

  .foot ul li{    margin-bottom: 26px;}
  .foot dl dd{margin-top:10px;}
  .foot .wei{display:none;}
  .foot .container{    padding-top: 40px;}
  #guide-banner{margin-top:50px;    height: 234px;}
  .pro-menu ul li{width:20%;}
  .swiper-banner{height:300px;margin-top: 50px;}
  .company li{width:13%;}
  .company{margin-top:40px;}
  .product{margin-top:40px;   }
  .pro-t{text-align:center;float:none;}
  .pro-t h3 i{    border-bottom: 2px solid #fff;}
  .pro-t span{text-align:center;}
  .tabox .hd{float:none;}
  .tabox .hd li{width:132px;   margin-left:5px; margin-right: 5px;}
  .tabox .bd{margin-top:20%;}
  .pbox .container .grid .g-tt{    margin: 30px 50px 30px 50px;}
  .sbox .container ul li h2 a{font-size:14px;}
}

@media (max-width: 767px){
/*头部*/	
  .header{  background:#fff;}
  .swiper-banner{ height: 248px;margin-top: 50px;}
   .header .left .img1{ display:none;}
  .header .left .img2{ display:block;width: 72%;}
.st{ display:none;}
.header{padding: 0 10px; height:50px;}
  .js-silder-ctrl{ bottom:6px;}
  .silder-ctrl-con>span{ width:8px; height:8px;}
.header img{ vertical-align:inherit;}
.header .left{ margin-top:13px; height:50px; overflow:hidden;    width: 50%; }
.header.on .left .img2{ margin-top:0;}
.youshi figure:nth-child(2){ margin-left:0;}
.header .left a img{ display:block;margin-top:0;}
  .swiper-pagination .swiper-pagination-bullet{width:10px; height:5px;}
  .swiper-pagination .swiper-pagination-bullet-active{ width:40px;}
.youshi figure{ margin-left:0; margin-right:0; margin-bottom:50px; overflow:hidden;}
.youshi figure p {width: 90%;margin: 0 auto; text-align: center; margin-top: 33px;}
.header #navToggle {height: 100%;padding: 6px 15px;margin-right: -15px;display: inline-block;float: right;}
.header #navToggle span {position: relative;width: 25px;height: 1px;margin-top: 19px;}
.header #navToggle span:before,.header #navToggle span:after {content: '';position: relative;width: 100%;height: 1px;left: 0;}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background: #333;}
.header #navToggle span:before {top: 8px;}
.header #navToggle span:after {bottom: 10px;}
.header #navToggle.open span:before {top: 10px;-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg);}
.header #navToggle.open span:after {bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
.header #navToggle.open span {background: none;}.header #navToggle.open span:before,.header #navToggle.open span:after {background: #4f4f4f;}
.header .nav{display: none;}.banner img{height: 600px;object-fit: cover;}
.silder-ctrl-prev,.silder-ctrl-next{width: 10%;font-size: 26px;margin-top: -25px;}
  .youshi_box{ width:95%; margin:0 auto;}
.silder-ctrl-con{width: 14px;height: 14px;padding: 0;margin: 0 5px;}
.silder-ctrl-con>span{display: block;border-radius: 50%;padding: 0;}
.product-c ul li{ width:50%; }
.g-box .container .g-r{ margin-top:40px;}
.g-box .container .g-r img{ margin:0 auto;}
.g-box .container h3{ line-height:36px;    text-align: center;}
 .g-box .container .g-l span{ text-align: center;    margin-top: 10px;}
 .g-box .container .g-l h3 i{    border-bottom: 2px solid #fff;}
.g-box .container .g-l p{ margin-top:25px;}
.g-box .container .g-l{ margin-top:20px; text-align:center;}
.pro-t{ float:none; text-align:center;}
 .pro-t h3 i{ border-bottom: 2px solid #fff;}
 .pro-t span{text-align:center;}
 .product{margin-top:40px;height:auto;}
 .tabox .hd{width:90%; margin:0 auto;float:none;}
 .tabox .hd li{margin-left:6px;margin-right:6px;margin-top:30px;}
  .tabox .mpro{margin-top:20px;}
  .tabox .bd{float:none;margin-top:40px;}
  .tabox .lh li:nth-child(2) { margin-left: 20px;}
  .tabox .lh li{width:46.6%;margin-bottom:20px;}
  .tabox .lh li img{margin-top:0;}
  .tabox .lh li:nth-child(3){float:left;}
  .tabox .lh li h3{margin-top:14px; margin-bottom:14px;}
  .g-box .container .g-r{font-size:60px;}
  .g-box .container .g-r span.a1,.g-box .container .g-r span.a2,.g-box .container .g-r span.a3,.g-box .container .g-r span.a4{top:44px;}
    .g-box .container .g-r span.a5,.g-box .container .g-r span.a6,.g-box .container .g-r span.a7{bottom:44px;}
.pbox .container .grid{width: calc(100% - 30px);   margin: 0px 15px 30px;}
.pbox .container .grid:nth-child(1){ margin-top:40px;}
.pbox .container .grid:nth-child(3){ margin-bottom:40px;}
.pbox{ background-size:cover; background-position:center; font-size:23px;}
.container .y-t{ margin-top:80px; float:left;    text-align: center;
    width:95%;}
.youshi_box h3{ line-height:1.6;font-size:23px; margin-top:50px;}
  .product-c,..g-box{ margin-top:50px;}
  .container .y-t h3{font-size:23px;}
.container .y-t span{ float:none; margin:40px auto;}
.g-box .container .g-l .gm{ float:none; margin:40px auto;}
  .pro-t span{margin-top:10px;}
.container .pt h3{ margin-top:50px;}
  .y-box{ margin-top:50px;}
.counter{  padding:10px 0px;}
.sbox{ background-size:cover;margin-top: 50px;}
.sbox .container{ padding-top:50px; padding-bottom:50px;}
  .g-box .container .g-l h3 p{ font-size:23px;}
#jm-tab{ width:64%; margin:0 auto;}
  #jm-tab li{ width:48%;}
  .pbox .container .grid .g-tt{    margin: 30px 50px 30px 50px;}
#jm-tab li{ margin-left:0; margin-right:0;}
#jm-con{ height:141px; margin-top:50px;}
.jm-j{ right:1%; top:0;}
.jm-j h3{ font-size:16px; margin-top:0;}
.jm-j p{ font-size:14px;margin: 2px 0px 2px;}
.jm-j span{width:92px; height:29px;}
.jm-j span a{ line-height:29px;}
.foot .f-l{ float:none;}
#jm-tab li:nth-child(2){ float:right;}
.foot  dl{ margin-right:0; t}
.foot .f-r{ float:none; margin:20px auto; text-align:center;}
  .product-c{ margin-top:5px;}
  .jm h3{ margin-top:50px;}
  .g-box{    padding-top: 30px;}
  .jm-j h3{ margin-top:16px;}
  .foot{ margin-top:40px;}
  .foot .f-b{ margin-top:0;}
 .y-img img{ margin:0 auto;}
 .container .y-img{ float:none;}
  .pro-menu ul li{    width: 33.33333%;    padding: 0;}
  .add{ display:none;}
  .pro-tab li{ width:47%;}
  .new-tab .ne-list .ne-t{ width:100%;}
  .new-tab .ne-list .ne-img{ width:100%;}
  .news-siblings .news-back{ float:left; margin-top:10px;}
  .news-siblings div{ margin-right:9px; margin-left:9px;}
  .news-siblings .news-back{ width:100%; height:50px; line-height:50px;}
  .pbox h3{font-size:26px; margin-top:40px;}
  .pro-t h3{font-size:26px;}
  .pro-t span{font-size:18px;}
  .pbox span { font-size: 18px; display: block; margin-top: 31px;}
  .bd ul li dl dd{    margin-bottom: 8px;}
   .mess{margin-top:0;}
  .mess .mes{float:none;    margin: 30px 0px 0px 0;}
  .mess .mes .kk{float:none; }
  .mess .mes .kk{    margin: 24px 0px 0px 0;width:100%;}
  .mess .mes .kk:nth-child(5){width:100%;}
  .mess .mes .hqbj{    width: 50%;}
  .mess .mes .hqbj{float:none; height:100%; margin:40px auto;}

  .foot .container{    padding-top: 40px;}
  #guide-banner{margin-top:50px;    height: 200px;}
  .pro-menu ul li a{font-size:14px;padding: 13px 0;}
  .d-menu{display:block;}
  .c-bnner{    margin-top: 50px;}
  .side-bar{display:block;}
  .sbox .container ul li {
    padding: 25px 20px 25px 20px;}
}