@charset "utf-8";

/*~~~~框架布局~~~*/



.rackWor{padding:0 0 50px 0}

div.swiper-button-next,div.swiper-button-prev{margin-top:-35px;}


.sboxPN{ position: relative;}
.sboxPN .prev,.sboxPN .next{ position: absolute;left:-50px;top:45%; background: #505050;color: #fff;font-size: 30px;width: 35px;line-height: 40px;text-align: center;display: block;cursor: pointer;}
.sboxPN .next{ left:auto;right:-50px;}
.sboxPN .prev:hover,.sboxPN .next:hover{ background:#b00700}



.effect-lower{ position: relative;}

.effect-lower .effect-lower-block{position: absolute;right: 0;top:91px;width: 150px;line-height: initial;/* height:50px; */display: block;border: 1px #ddd solid;padding: 10px 20px;z-index: 9;background: #fff;filter: alpha(opacity=0);transform-origin: 95% 0%;transform:scale(0.01);-moz-transform:scale(0.01);transition:all 1s;}

.effect-lower:hover .effect-lower-block{opacity:1;transform: scale(1);}




/*==顶部↓==*/

.head-top{ border-bottom:1px #ddd solid;/*! padding:10px; */float: left;width: 100%;}

.head-top p{color:#8e8e8e;font-size:12px;float: left;line-height: 30px;}

.head-top .right{}

.head-top .right .block{ position: relative; display: inline-block; color:#8e8e8e;font-size:12px; padding:0 20px;border-right:1px #ddd solid; line-height: 30px;}

.head-top .right .b1{padding-right:40px;}

.head-top .right .block:after{ content: ""; position: absolute; top:8px;right:13px; width:20px;height:16px;transition: all .4s ease-in-out;}

.head-top .right .chain{  position: relative}

.head-top .right .chain .down{display: none; position: absolute;left:0;top:100%; border:1px #ddd solid;width:100%;padding:5px 0; text-align: center; background:#fff}

.head-top .right .chain .down a{ display: block; color:#666;font-size:12px;}

.head-top .right .chain .down a:hover{ color:#fff;background: #b00700}

.head-top .right .chain:hover .down{ display: block}

.head-top .right .chain:after{ background: url(../images/chain.png) no-repeat 0 0px;}

.head-top .right a.weixin:after{ background: url(../images/weixin_ico.png) no-repeat 0 0;}

.head-top .right a.weixin .effect-lower-block{top:100%;padding:10px; }

.head-top .right .chain:hover:after{ background-position: 0px -20px }

.head-top .right a.weixin:hover:after{ background-position: 0 -16px }

.head-top .right a.lang{ border:none; padding-left:40px;}

.head-top .right a.lang:after{left:10px;background: url(../images/cn.png) no-repeat center;height: 20px;top: 5px;}

.head-top .right a.lang:before{ right:10px;position: absolute;top: 10px;}

.head-top .right .block:hover{color:#fff; background: #d20000}

.head-long{padding: 30px 0;/*overflow: hidden;*/float: left;width: 100%;}

.head-long .wx{color:#191919;font-size:12px;margin:20px 5px 0 10px;}

.head-long .wx font{ display: block;color:#b00700;font-size:14px; font-weight: bold;}

.head-long .tel{color:#666666;font-size:12px; padding-left:50px;margin-top:7px;background: url(../images/tel_ico.png) no-repeat left;}

.head-long .tel font{ font-size:28px; color:#b00700;display: block;}

.head-long .lang{ position: absolute; right:65px;top:17px;color:#fff;font-size:12px;}

.head-long .lang a{ color:#999;font-size:12px;border: 1px #999 solid;padding: 2px 3px;}

.head-nav{background: url(../images/navBg.jpg);position: relative;}

.head-nav .nav{}

.head-nav .nav li{float:left;width:14%;}

.head-nav .nav li a.navAone{ display: block;color:#fff;font-size:16px;line-height:59px; text-align: center }

.head-nav .nav li:hover a.navAone,.head-nav .nav li.active a.navAone{ background:url(../images/navHbg.jpg) no-repeat center;}

.head-nav .nav .sub img{display: inline-block;/* width: 500px; *//* height: 200px; *//* background: #0092D8; */border: 1px #ddd solid;padding: 10px;}

.head-nav .nav .sub .right{width: 40%;/* padding: 30px 0; */display: inline-block;vertical-align: top;padding: 20px 0 0 20px;}

.head-nav .nav .sub{display:none;width: 100%;left:0;top: 100%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,1);line-height:26px;padding:40px 0;z-index: 999;text-align: center;/* box-shadow: 0 0 10px #ddd; */}

.head-nav .nav li:hover .sub{display: block}

.head-nav .nav .sub li{ zoom:1; }

.head-nav .nav .sub .right a.navAtwo{position:relative;float: left;width: 50%;display: inline-block;border-radius:0px;text-align: left;color: #5e5e5e;font-size: 13px;padding: 0px 20px 0 10px;margin: 0 0 15px 0;/* border-bottom: 1px #D2D2D2 solid; */-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;/* background: url(../images/arrow_02.png) no-repeat left; */}

.head-nav .nav .sub .right a.navAtwo:hover{color:#b00700}

.head-nav .nav .sub .right a.navAtwo:before{content: "";display: block;position: absolute;top: 12px;left: 0px;width: 5px;height:5px;background:#b00700;-webkit-transition: width .4s ease-in-out;transition: width .4s ease-in-out;}






/*==首页搜索==*/

.HomeSearch{padding: 10px 0;background: #fff;border-bottom: 1px #ddd solid;}

.HomeSearch .left{ line-height:35px}

.HomeSearch .left h3{float: left;color:#666;font-size:12px;font-weight:bold;}

.HomeSearch .left a{ display: inline-block; color:#666666; font-size:12px; margin:0 10px;}

.HomeSearch .left a:hover{color:#b00700}

.HomeSearch .right{border-left: 1px #ddd solid;/*! border-radius: 20px; */padding: 0 5px 0 5px;}

.HomeSearch .right input{float:left;padding:2px 10px;width: 300px;line-height: 32px;/*! border: 1px #ddd solid; *//*! margin: 0 0 0 15px; */background: none;border: none;}

.HomeSearch .right button{float:left;width: 40px;height: 36px;background: url(../images/search_ico.png) 12px 10px no-repeat;border: none;cursor: pointer;}




/*==次级导航↓==*/

.menu{position:absolute;left:0; bottom:0;width:100%;}
.menu .container{position: relative}
.menu ul{ text-align: center; display: table; background:#f2f3f4;width: 100%;}

.menu li{ /*! position: relative; */ display:table-cell; }

.menu li a.xa{ display: block;margin:0 0px;color:#191919;font-size:16px; border-left:1px #ddd solid;padding: 20px 0px;}

.menu li:hover a.xa, .menu li a.active{ color:#fff;  background:#b00700}

.menu li .sub{display: none;position: absolute;left:0;top:100%;background: #fff;box-shadow: 0 0 10px #ddd;width: 100%;z-index: 99;background: #f7f7f7;padding: 20px 10px;}
.menu li:hover .sub{ display: block}
.menu li .sub b{float: left;padding: 5px 5px;width:25%;}
.menu li .sub a{/* display: block; */color:#404040;font-size: 13px;text-align: left;background: none;float: left;padding: 10px 10px 10px 10px;/*! border-bottom: 1px #eee solid; */}
.menu li .sub a i{font-size:12px; font-style: normal;}
.menu li .sub a:hover{color:#fff; background:#b00700}
.menu-2{margin:20px 0; text-align:center;float: left;width: 100%;}
.menu-2 .container{ overflow:hidden;border-bottom:1px #eee solid;padding-bottom: 25px;}
.menu-2 a{float:left; display:block; color:#666;font-size:16px;padding: 10px 15px;}
.menu-2 a i{color:#b00700;font-weight: bold;}
.menu-2 a:hover{color:#b00700}





/*==面包屑↓==*/

.site{margin:30px 0 50px 0;color:#666666;font-size:12px;}

.site .home{ padding-left:25px; background: url(../images/home_ico.png) no-repeat left;}

.site a{color:#666;font-size:12px;}

.site a:hover{color:#b00700}





/*==标题↓==*/

.titleAx{margin:20px 0; color:#191919;font-size:30px;text-align: center;}

.titleAx font{ display: block;color:#5d5c5c;font-size:16px;margin-top: 5px;}

.titleAx-white,.titleAx-white font{color:#000}

.titleBx{color:#333333;font-size:30px;text-align:center;margin: 10px 0;float: left;width: 100%;}

.titleBx hr{ display:table; border:none;margin:10px auto;width:20px;height:1px; background:#b00700;}





/*==产品↓==*/

.HomeProduct{padding:40px 0; background: #f2f2f2;}

.HomeProduct .tone{  background: #fff;overflow: hidden;margin: 30px 0 20px 0;}

.HomeProduct .tone li{float:left; width:20%;padding:30px 10px;color:#191919;font-size:14px; border-left:1px #ddd solid;text-align: center;cursor: pointer;/*! display: table-cell; */}
.HomeProduct .tone li:hover a{color:#fff}
.HomeProduct .tone li.hit{color:#fff;background: #b00700 }
.HomeProduct .tone li.hit a{color:#fff;}
.HomeProduct .tone li span{ position:relative;display: inline-block;}

.HomeProduct .tone li span:before{ content: ""; position: absolute; left:-40px;top:-5px; width:35px;height:35px;transition: all .4s ease-in-out; }

.HomeProduct .tone li.x1 span:before{background: url(../images/hpIco01.png) 0 0 no-repeat;}

.HomeProduct .tone li.x2 span:before{background: url(../images/hpIco02.png) 0 0 no-repeat;}

.HomeProduct .tone li.x3 span:before{background: url(../images/hpIco03.png) 0 0 no-repeat;}

.HomeProduct .tone li.x4 span:before{background: url(../images/hpIco04.png) 0 0 no-repeat;}

.HomeProduct .tone li.x5 span:before{background: url(../images/hpIco05.png) 0 0 no-repeat;}

.HomeProduct .tone li.x1.hit span:before{background-position:0 -35px; }

.HomeProduct .tone li.x2.hit span:before{background-position:0 -35px;}

.HomeProduct .tone li.x3.hit span:before{background-position:0 -35px;}

.HomeProduct .tone li.x4.hit span:before{background-position:0 -35px;}

.HomeProduct .tone li.x5.hit span:before{background-position:0 -35px;}


/**/

.list-product li{ float:left;width:25%; }

.list-product li a{ display: block;margin: 0 10px 20px 10px;background: #fff;padding-bottom: 20px;}

.list-product li h4{color:#333333;font-size:14px;height:30px;text-align: center;margin: 15px 0;padding:0 15px}

.list-product li em{ display: table; margin:auto; border:1px #ddd solid; color:#ddd;border-radius: 50%;width: 20px;line-height: 20px;text-align: center;transition: all .4s ease-in-out;}

.list-product li:hover h4{ color:#b00700}

.list-product li:hover em{ color:#b00700;border:1px #b00700 solid}

.ProductListBox .list-product{margin-top:30px;}

.ProductListBox .list-product li a{ border:1px #ddd solid}

.ProductShow{margin: 0 0 70px 0;}

.ProductShow .sTopLeft{width:45%;}

.ProductShow .sTopRight{width:50%;/*! padding-left:50px; */}

.ProductShow .sTopRight h2{color:#b00700;font-size:20px;}

.ProductShow .sTopRight p{color:#666666;font-size:14px; display: block;margin: 30px 0;}

.ProductShow .sTopRight span{padding:20px 0; color:#666666;font-size:14px;display: block; border-top:1px #ddd solid; border-bottom: 1px #ddd solid;line-height: 30px;margin-bottom: 40px;}

.ProductShow .sTopRight .tel{color:#666666;font-size:12px; padding-left:50px;background: url(../images/tel_ico.png) no-repeat left;float: left;}

.ProductShow .sTopRight .tel font{ font-size:28px; color:#b00700;display: block;}

.ProductShow .sTopRight .online{margin:5px 0 0 70px;padding:10px 40px 10px 70px; color:#fff;font-size:14px;background:#b00700 url(../images/ico20.png) no-repeat 40px 10px;display: inline-block;}

.ProductShow .sTopRight .online:hover{background:#f60 url(../images/ico20.png) no-repeat 40px 10px;}

.ProductShow .tabBox{overflow: hidden;float: left;width: 100%;margin: 50px 0;}

.ProductShow .tabBox .tone{ border-top:1px #b00700 solid;  border-right:1px #ddd solid;border-bottom: 1px #ddd solid; background: #f5f5f5; overflow: hidden;}

.ProductShow .tabBox .tone li{color:#333333;padding:17px 50px;font-size:14px;border-left:1px #ddd solid;float: left;cursor: pointer;}

.ProductShow .tabBox .tone li.hit{ color:#b00700;background: #fff;}

.ProductShow .tabBox .down{ margin-top:20px;}
.ProductShow .tabBox .down .wor img{max-width:100%;}
.ProductShow .tabBox .down .parameter{}

.ProductShow .tabBox .down .parameter table tr td{}

.ProductShow .relevant{overflow: hidden;margin: 0 0 20px 0;}

.ProductShow .relevant h2{ color:#333333;font-size:20px; font-weight:bold;background:url(../images/line06.jpg) no-repeat left;padding-left: 10px;}

.ProductShow .relevant .more{color:#999999;font-size:12px; background: url(../images/line09.png) no-repeat right; float: right;padding-right: 20px;margin-top: 7px;}

.ProductShow .relevant .more:hover{color:#b00700}

.ProductShow .relevant .list{}

.ProductShow .relevant .list a{ display: block;background: #fff;border: 1px #ddd solid;padding: 0 0 20px 0;}

.ProductShow .relevant .list li h4{color:#333333;font-size:14px;height:30px;text-align: center;margin: 15px 0;padding:0 15px;}

.ProductShow .relevant .list li em{ display: table; margin:auto; border:1px #ddd solid; color:#ddd;border-radius: 50%;width: 20px;line-height: 20px;text-align: center;}

.ProductShow .relevant .list li:hover h4{ color:#b00700}

.ProductShow .relevant .list li:hover em{ color:#b00700;border:1px #b00700 solid}

.ProductShow .relevant .down{margin-top:50px;overflow: hidden;} 

.ProductShow .relevant .swiper-container-relevant{position: relative;overflow: hidden;margin-top: 30px;}

.ProductShow .relevant .prev,.ProductShow .relevant .next{ background: #505050;color: #fff;font-size: 30px;width: 35px;line-height: 35px;text-align: center;}

.ProductShow .relevant .prev:hover,.ProductShow .relevant .next:hover{ background:#b00700}

.ProductShow .relevant .list li:hover h4{color:#b00700}





/*==案例↓==*/

.focusCase{width:50%;}

.HomeCase .focusCase .list a{/*! height:438px; */}

.focusCase .list li a{display: block;width:100%;/*! height:500px; */}

.focusCase{float:left;position: relative; overflow:hidden; margin:0 auto;height: 440px;}

.focusCase .long{position:relative;margin: auto;}

.focusCase .list{}

.focusCase .list li{width:100%;position: relative;}

.focusCase .list li h4{position: absolute;left:0px;bottom:0px;width:100%;padding:15px 20px 15px 30px;color:#fff;font-size:16px;z-index: 99; background: rgba(0,0,0,0.5);}

.focusCase .list img{height:100%;margin:0 auto; position:relative; max-width:100%;width: 100%;}

.focusCase .spot{position:absolute;bottom: -6px;right:0;padding:25px 20px 25px 20px;width:180px;z-index: 999;text-align:right; /*! background:#005aa6; */}

.focusCase .spot li{position:relative;display:inline-block;margin: 0 5px;cursor: pointer;width:10px;height:10px; border:1px #fff solid;font-size:0px;color:#333;border-radius:50%; /* overflow:hidden; */}

.focusCase .spot li.on{background: #fff;/}

.HomeCase .list-2{width:50%}

.HomeCase .list-2 li{ float:left;width:50%;}

.HomeCase .list-2 li a{ display: block;position: relative;margin:1px 1px 1px}

.HomeCase .list-2 li h4{ opacity:0;position: absolute;left:0; bottom: 0; color:#fff;font-size:14px; width:100%;padding:10px; background: rgba(0,0,0,0.5);transition: all .4s ease-in-out;}

.HomeCase .list-2 li:hover h4{ opacity: 1}





/*==优势↓==*/

.HomeAdvantage{margin:0px 0 20px 0;padding:40px 0 80px 0; background: url(../images/hadBg.jpg) no-repeat center fixed; background-size:cover ;}

.HomeAdvantage ul{ margin-top:50px;}

.HomeAdvantage ul li{float:left;padding:60px 30px; width:25%; border-left:5px #b00700 solid; background: #fff;height: 550px;}

.HomeAdvantage ul li em{ display: block; width:80px;height:80px; }

.HomeAdvantage ul li h3{color:#191919;font-size:17px;margin: 20px 0 0 0;}

.HomeAdvantage ul li h3 font{ display: block; color:#999;font-size:12px;}

.HomeAdvantage ul li p{margin-top:25px;color:#4d4d4d;font-size:14px;}

.HomeAdvantage ul li p span{ position: relative; padding-left:12px;display: block; margin-bottom:10px;line-height: 23px;}

.HomeAdvantage ul li p span:before{ content: ""; position: absolute; left:0;top:10px;width:5px;height:5px; background: #b00700;}

.HomeAdvantage ul li.x1 em{ background: url(../images/hadIco01.png) no-repeat center;}

.HomeAdvantage ul li.x2 em{ background: url(../images/hadIco02.png) no-repeat center;}

.HomeAdvantage ul li.x3 em{ background: url(../images/hadIco03.png) no-repeat center;}

.HomeAdvantage ul li.x4 em{ background: url(../images/hadIco04.png) no-repeat center;}

.HomeAdvantage ul li.x1{margin-top:0px;}

.HomeAdvantage ul li.x2{margin-top:30px;}

.HomeAdvantage ul li.x3{margin-top:0px;}

.HomeAdvantage ul li.x4{margin-top:30px;}
.HomeAdvantage ul li:hover{transform:translateY(-10px); box-shadow:0 0 20px 3px #666}




/*==首页关于↓==*/

.HomeAbout{margin: 40px 0 0 0;}

.HomeAbout .long{ overflow: hidden; background: #f3f3f3;margin-top: 30px;}

.HomeAbout .left{width:70%; }

.HomeAbout .left img{max-width:100%}

.HomeAbout .right{ width:30%; padding:50px 40px;background: #f3f3f3;}

.HomeAbout .right h3{color:#191919;font-size:20px;}

.HomeAbout .right .wx{margin-top:40px;color:#333333;font-size:12px;line-height: 23px;}

.HomeAbout .right .more{ display: table;margin-top:40px; color:#fff;font-size:14px;padding:10px 30px; background: #d20000;}

.HomeAbout .right .more:hover{background: #b00700}

.HomeAbout .down{ background: #b00700;overflow: hidden;float: left;width: 100%;}

.HomeAbout .down li{float:left;width:25%; border-left:1px #c9261f solid;padding: 30px 15px 30px 105px;}

.HomeAbout .down li b{ position: relative; display: table; margin: auto;color:#ffffff;font-size:14px;font-weight:bold;/*! margin-left: 20px; */}

.HomeAbout .down li b font{ display: block; font-weight:400; font-size:12px;}

.HomeAbout .down li b:before{ content: "";position:absolute;left:-75px;top:-7px; width:61px;height:63px;}

.HomeAbout .down li.x1 b:before{  background: url(../images/haIco01.png) no-repeat center;}

.HomeAbout .down li.x2 b:before{  background: url(../images/haIco02.png) no-repeat center;}

.HomeAbout .down li.x3 b:before{  background: url(../images/haIco03.png) no-repeat center;}

.HomeAbout .down li.x4 b:before{  background: url(../images/haIco04.png) no-repeat center;}





/*==首页荣誉↓==*/

.HomeHonor{padding:50px 0 50px 0; background: url(../images/line05.jpg);margin: 0px 0 0 0;}

.HomeHonor .tone{ text-align: center; }

.HomeHonor .tone li{ color:#000;font-size:18px;display: inline-block; padding:15px 70px;background: #fff;cursor: pointer;}

.HomeHonor .tone li.hit{color:#fff; background: #b00700;}



.HomeHonor .down{height:250px;margin-top:30px;position: relative;overflow: hidden;} 

.HomeHonor .swiper-container-honor{overflow: hidden}

.HomeHonor .list{}

.HomeHonor .swiper-container-square1{ display: ;margin-bottom:30px;}

.HomeHonor .list li h4{margin-top:10px;color:#333333;font-size:14px;text-align: center;}

.HomeHonor .list .pic{padding:20px; background: #fff}

.HomeHonor .prev,.HomeHonor .next{ background: #505050;color: #fff;font-size: 30px;width: 35px;line-height: 35px;text-align: center;}

.HomeHonor .prev:hover,.HomeHonor .next:hover{ background:#b00700}

.HomeHonor .list li:hover h4{color:#b00700}





/*==首页新闻↓==*/

.HomeArticle{}

.HomeArticle .left{width:67%;}

.HomeArticle .tone{margin-bottom:30px; border-bottom: 1px #ddd solid;overflow: hidden;}

.HomeArticle .tone li{ position:relative;float:left;color:#333333;font-size:20px; margin-right:30px;padding-bottom: 15px;cursor: pointer;}

.HomeArticle .tone li:before{ content: ""; position:absolute;left:0; bottom:0; width:0%; height:1px; background:#b00700 ;transition: all .4s ease-in-out;}

.HomeArticle .tone .more{font-size:12px;color:#333333;float: right;margin-top: 12px;}

.HomeArticle .tone .more i{color:#fff;font-size:12px; display: inline-block;width:15px;line-height:15px; background: #b00700;margin: 0 10px 0 0;font-style: normal;text-align: center;}

.HomeArticle .tone li.hit:before{width:100%;}

.HomeArticle .tone .more:hover{color:#b00700}

.HomeArticle .left .down{ }

.HomeArticle .left .list{}

.HomeArticle .left .list .one{/*! margin-right:3%; */}

.HomeArticle .left .list .one{width:50%;padding-right: 30px;float: left;}

.HomeArticle .left .list .one .pic{ position: relative;}

.HomeArticle .left .list .one .pic .time{ position: absolute; left:0;top:0; color:#fff;font-size:32px; text-align: center; background: rgba(0,0,0,0.5);z-index: 9;padding: 10px;}

.HomeArticle .left .list .one .pic .time font{ display: block; font-size:12px;}

.HomeArticle .left .list .one h4{margin-top:20px;color:#191919;font-size:16px;}

.HomeArticle .left .list .one p{margin:10px 0; color:#666666;font-size:12px;}

.HomeArticle .left .list .one b{ color:#666666}

.HomeArticle .left .list .two{float:left; width:49%; padding:15px 0 19px 0; margin-bottom:10px;border-bottom: 1px dotted #bbb;}

.HomeArticle .left .list .two .time{ color:#333333;font-size:32px; text-align: center;display: block;float: left;margin-right: 20px;/*! margin-top: 5px; */}

.HomeArticle .left .list .two .time font{ display: block; font-size:12px;}

.HomeArticle .left .list .two h4{font-size:16px;color:#191919;margin-top: 5px;}

.HomeArticle .left .list li:hover h4,.HomeArticle .left .list li:hover b{color:#b00700 }

.HomeArticle .right{width:30%;}

.HomeArticle .right .list{}

.HomeArticle .right .list li{padding-bottom:13px; margin-bottom:13px; border-bottom: 1px #bbb dotted;overflow: hidden;}

.HomeArticle .right .list li .pic{float:left;width:40%;margin-right:15px}

.HomeArticle .right .list li h4{color:#191919;font-size:16px;}

.HomeArticle .right .list li p{color:#666666;font-size:12px; margin-top:10px;line-height: 20px;}

.HomeArticle .right .list li:hover h4{color:#b00700}





/*==合作伙伴↓==*/

.HomeCooperation{margin:50px 0 70px 0;border-top: 1px #ddd solid;padding-top: 35px;}

.HomeCooperation .list{margin-top:30px; border:10px #eee solid;overflow: hidden;}

.HomeCooperation .list li{ position:relative;float:left;width:20%;border-left:1px #ddd solid; border-bottom: 1px #ddd solid;}

.HomeCooperation .list li img{max-width:100%}

.HomeCooperation .list li h4{position: absolute; left:0;top:0; color:#fff;padding-top:25%; height:100%; width:100%;font-size:12px; text-align:center;transform:translateY(20px);background: rgba(176,7,0,0.7);opacity: 0;} 

.HomeCooperation .list li:hover h4{opacity: 1;transform:translateY(0px);}





/*==技术支持↓==*/

.serviceBox{}

.serviceBox .after{margin: 0 0 50px 0;}

.serviceBox .after .tip{margin:30px 0 70px 0;}

.serviceBox .after .tip img{ display: block;max-width: 100%;}

.serviceBox .after .tip p{color:#545454;font-size:14px;margin:20px 0}

.serviceBox .after .tone{ text-align:center;padding:30px 0; border-top:1px #ddd solid; border-bottom:1px #ddd solid}

.serviceBox .after .tone li{ position: relative; display: inline-block;font-size:20px; font-weight:bold; color:#191919; margin: 0 50px 0 0;/*! padding-right: 50px; */border-right: 1px #aaa dotted; cursor: pointer;}

.serviceBox .after .tone li:last-child{ border:none}

.serviceBox .after .tone li span{ position: relative;margin-right:50px;display: block;}

.serviceBox .after .tone li font{ display: block; font-size:14px;color:#545454;margin-top:5px;font-weight: 400;}

.serviceBox .after .tone li span:before{ content: ""; position: absolute; left:0;bottom:-30px; width:0%;height:3px; background: #B00700;transition: all .4s ease-in-out;}

.serviceBox .after .tone li.hit,.serviceBox .after .tone li.hit font{color:#b00700}

.serviceBox .after .tone li.hit span:before{width:100%}

.serviceBox .after .down{margin-top:40px;}

.serviceBox .after .down .box{color:#545454;font-size:14px;}

.serviceBox .after .down .box span{ margin:12px 0;display: block;}

.serviceBox .after .down .box span font{font-weight:bold;color:#b00700}

.serviceBox .after .down .box i{ display: inline-block; color:#fff;font-size:12px;width:22px;line-height:22px;margin-right:10px; border-radius: 50%;; background: #B00700;font-style: normal;text-align: center;}

.serviceBox .problem{padding:70px 0; background: #f1f1f1;overflow: hidden;}

.serviceBox .problem .scrollBox{margin-top: 30px;}

.serviceBox .problem .scrollBox .list{}

.serviceBox .problem .scrollBox .list li{ float:left;width:50%;}

.serviceBox .problem .scrollBox .list li a{ display: block; margin:10px; background: #fff;padding: 40px;}

.serviceBox .problem .scrollBox .list li h4{color:#333333;font-size:16px;padding-left:40px; background:url(../images/wen.jpg) no-repeat left;line-height: 33px;}

.serviceBox .problem .scrollBox .list li p{color:#545454;font-size:12px;background:url(../images/da.jpg) no-repeat left;padding-left: 40px;line-height: 17px;}

.serviceBox .problem .scrollBox .list li:hover h4{color:#b00700}

.serviceBox .problem .scrollBox .spot{ margin-top:20px;text-align: center}

.serviceBox .problem .scrollBox .spot li{ display: inline-block; width:10px;height:10px; font-size:0px; margin:0 5px; border-radius:50%;background: #c1c1c1}

.serviceBox .problem .scrollBox .spot li.on{ background: #b00700}

.serviceBox .lease{margin: 70px 0;overflow: hidden;}

.serviceBox .lease .long{ background:#f1f1f1;overflow: hidden;margin-top: 10px;float: left;width: 100%;}

.serviceBox .lease .pic{width:50%;}

.serviceBox .lease .pic img{max-width:100%;}

.serviceBox .lease .right{width:50%;padding:50px;}

.serviceBox .lease .right h2{color:#333333;font-size:18px;font-weight: bold;}

.serviceBox .lease .right span{ display: block;color:#545454;font-size:14px;margin: 10px 0 60px 0;}

.serviceBox .lease .right .tel{color:#666666;font-size:12px; padding-left:50px;background: url(../images/tel_ico.png) no-repeat left;float: left;}

.serviceBox .lease .right .tel font{ font-size:28px; color:#b00700;display: block;}

.serviceBox .lease .right .online{margin:8px 0 0 70px;padding:10px 40px 10px 50px; color:#fff;font-size:14px;background:#b00700 url(../images/ico20.png) no-repeat 40px 10px;display: inline-block;}

.serviceBox .lease .right .online:hover{background:#f60 url(../images/ico20.png) no-repeat 40px 10px;}

.serviceBox .download{padding:70px 0; background: #f1f1f1;}

.download-list{ background: #fff;margin-top: 15px;float: left;width: 100%;overflow: hidden;margin-bottom: 40px;}

.download-list li{padding:20px 30px; border-bottom: 1px #ddd solid;clear: both;overflow: hidden;}

.download-list li a{ display: block;clear: both;overflow: hidden;}

.download-list li h4{position:relative;padding-left:40px;float:left;color:#333333;font-size:14px;line-height: 40px;}

.download-list li h4:before{ content: ""; position:absolute; left:0;top:6px;width:30px;height:30px; background: url(../images/ddIco01.png) no-repeat 0 0;transition: all .4s ease-in-out;}





/*==下载↓==*/

.download-list li:hover h4:before{ background-position: 0 -30px ;}

.download-list li b{position:relative; float: right;color:#333333;font-size:12px;border: 1px #ddd solid;padding: 10px 20px 10px 40px;height: 40px;}

.download-list li b:before{ content: ""; position:absolute; left:17px;top:10px;width:22px;height:20px; background: url(../images/ddIco02.png) no-repeat 0 0;transition: all .4s ease-in-out;}

.download-list li:hover b:before{ background-position: 0  -18px;}

.download-list li:hover{ background: #b00700;}

.download-list li:hover h4{color:#fff;}

.download-list li:hover b{color:#fff; border:1px #fff solid}

.serviceBox .download .more{ position: relative;display: table;color:#333333;font-size:12px; margin:30px auto 0; padding:15px 80px; box-shadow:0 0 10px #ddd;background: #fff;}

.serviceBox .download .more:hover{ color:#fff;background: #b00700}

.serviceBox .download .more:before{ content: "";position: absolute;top:20px;right:47px;width:15px;height:5px;background: url(../images/line09.png) no-repeat center}





/*==新闻列表↓==*/




/*==新闻详细页↓==*/

.newsDetail{float:left;width:100%;}

.newsDetail h2{margin:20px 0 0 0;font-size:24px;line-height:26px;text-align:center;color:#333;padding-bottom:15px;font-weight:normal;}

.newsDetail .msg{text-align:center;border-bottom:1px solid #e7e7e7;font-family:"宋体";font-size:12px;padding-bottom:5px;}

.newsDetail .msg span{padding:0 7px;color:#999;}

.newsDetail .msg .fonts a{padding:0 3px;}

.newsDetail .msg a.active{font-weight:bold;color:#9a6834;}

.newsDetail .detailCont{padding:20px 0;line-height:26px;overflow:hidden;}

.newsDetail .detailCont embed{width:70%; height:500px; margin:auto;display: block;}

.newsDetail .detailCont .pic{text-align:center;padding-bottom:20px}

.pagIng{border-top:1px solid #dadada;padding:30px 15px;overflow:hidden;}

.pagIng .fl{/*! width:100%; */height:60px;padding-right:30px;/*! border-right:1px solid #dadada; */}

.pagIng .fl a:hover{color:#b00700}

.pagIng .fl a{display:block;height:30px;line-height:30px;}

.pagIng .fr{line-height:28px;display:block;width:85px;height:28px;margin-top:16px;text-align:center;color:#fff;border-radius:2px;background:#b00700;}

.pagIng .fr:hover{background:#000;color:#fff;}

.recTitle{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 12px #eee;font-weight:bold;color:#333;font-weight:normal;margin-top:20px;}

.relNews{overflow:hidden;margin-top:15px;}

.relNews ul{width:100%;}

.relNews ul li{float:left;margin:0 1%;width:48%;height:28px;line-height:28px;}

.relNews ul li a{display:block;width:200px;line-height:28px;background:url(../images/arrow_02.png) no-repeat left center;padding-left:15px;float:left;font-size:12px;}

.relNews ul li a:hover{background:url(../images/arrow_one.png) no-repeat left center;margin-left:5px;}

.relNews ul li span{float:right;color:#999;}





/*==联系我们↓==*/

.contact{margin-bottom:50px;}

.contact .box{margin:50px 0 30px 0;}





/*==图片↓==*/

.list-pic2{}

.list-pic2 li{float:left;width:23%; margin:0 1% 2% 1%;}

.list-pic2 li .box{border:2px #f9f9f9 solid}

.list-pic2 li h4{text-align: center;color:#666; font-size:15px;padding:10px 0 10px 0;font-weight:bold;background: #eee;}

.list-pic2 li h4 font{ display: block;font-size:13px;margin-top:5px;font-weight: 400}

.list-pic2 li img{max-width:100%;}

.list-pic2 li:hover h4{color:#b00700}

.list-pic2 li:hover .box{border: 2px #b00700 solid;}





/*==案例↓==*/

.caseBox{margin: 20px 0 30px 0;}

.caseBox .title{color:#333333;font-size:30px;text-align:center}

.caseBox .title hr{ display:table; border:none;margin:10px auto;width:20px;height:1px; background:#b00700;}

.caseBox .list{ margin:0px 0 0 0;}

.caseBox .list li{float:left;width:33.3%;}

.caseBox .list li a{ display: block; margin:0 10px 20px 10px;}

.caseBox .list li h4{color:#333333;font-size:16px;padding:20px; background:#eeeeee ;}

.caseBox .list li h4 em{ float:right;display:block;  width:12px;height:5px; background:url(../images/line09.png) no-repeat center;margin: 10px 0 0 0;}

.caseBox .list li:hover h4{ color:#fff; background: #B00700;} 





/*==新闻↓==*/
/*
.NewsListBox2{}

.NewsListBox2 .focusNews{ position: relative;margin: 30px 0 20px 0;}

.NewsListBox2 .focusNews:before{ content: ""; position: absolute; left:0;bottom:-30px; width:100%; height:110px; background:#B00700;}

.NewsListBox2 .focusNews .pic{ float:left; width:50%;}

.NewsListBox2 .focusNews .right{width:50%;padding:20px 0 0 50px;}

.NewsListBox2 .focusNews .right h4{color:#333333;font-size:20px;font-weight: bold;}

.NewsListBox2 .focusNews .right p{color:#666666;font-size:12px; margin:30px 0;}

.NewsListBox2 .focusNews .right span{ display: block; color:#999999;font-size:12px;}

.NewsListBox2 .focusNews .spot{ position: absolute; right:40%;bottom:25px; }

.NewsListBox2 .focusNews .spot li{  display: inline-block; width:10px;height:10px; font-size:0px; margin:0 5px; border-radius: 50%;background:rgba(255,255,255,0.5);}

.NewsListBox2 .focusNews .spot li.on{background: #fff;}*/



.NewsListBox2{margin-top:25px;}
.NewsListBox2 .focusNews{ position: relative}
.NewsListBox2 .focusNews{width: 55%;padding-right: 40px;}
.NewsListBox2 .focusNews .list{/*! margin-right:3%; */}
.NewsListBox2 .focusNews .list li{width:100%;/*! padding-right: 30px; */float: left;}
.NewsListBox2 .focusNews .list li .pic{ position: relative;}
.NewsListBox2 .focusNews .list li .pic .time{ position: absolute; left:0;top:0; color:#fff;font-size:32px; text-align: center; background: rgba(0,0,0,0.5);z-index: 9;padding: 15px 20px;}
.NewsListBox2 .focusNews .list li .pic .time font{ display: block; font-size:12px;}
.NewsListBox2 .focusNews .list li h4{margin-top:20px;color:#191919;font-size:16px;}
.NewsListBox2 .focusNews .list li p{margin:17px 0; color:#666666;font-size:12px;}
.NewsListBox2 .focusNews .list li b{ color:#666666}
.NewsListBox2 .focusNews .spot{ position: absolute;right:40px;bottom: 15px;float: right;z-index: 9;cursor: pointer;}
.NewsListBox2 .focusNews .spot li{float:left; width:10px;height:10px; background: #ddd;border-radius: 50%;font-size: 0px;margin: 0 5px;}
.NewsListBox2 .focusNews .spot li.on{ background: #b00700}

.NewsListBox2 .list-top{}
.NewsListBox2 .list-top .one{/*! margin-right:3%; */}
.NewsListBox2 .list-top .one{width:55%;padding-right: 30px;float: left;}
.NewsListBox2 .list-top .one .pic{ position: relative;}
.NewsListBox2 .list-top .one .pic .time{ position: absolute; left:0;top:0; color:#fff;font-size:32px; text-align: center; background: rgba(0,0,0,0.5);z-index: 9;padding: 15px 20px;}
.NewsListBox2 .list-top .one .pic .time font{ display: block; font-size:12px;}
.NewsListBox2 .list-top .one h4{margin-top:20px;color:#191919;font-size:16px;}
.NewsListBox2 .list-top .one p{margin:17px 0; color:#666666;font-size:12px;}
.NewsListBox2 .list-top .one b{ color:#666666}
.NewsListBox2 .list-top .two{float:left; width:45%; padding:10px 0 10px 0; margin-bottom:7px;border-bottom: 1px dotted #bbb;}
.NewsListBox2 .list-top .two .time{ color:#333333;font-size:40px; text-align: center;display: block;float: left;margin-right: 25px;/*! margin-top: 5px; */}
.NewsListBox2 .list-top .two .time font{ display: block; font-size:12px;}
.NewsListBox2 .list-top .two h4{font-size:16px;color:#191919;/*! margin-top: 5px; */}
.NewsListBox2 .list-top .two p{margin-top:10px; color:#666;font-size:13px;}
.NewsListBox2 .list-top li:hover h4,.HomeArticle .list-top li:hover b{color:#b00700 }


.newsList{padding: 70px 0 50px 0;background-color: #f3f3f3;margin: 90px 0 0 0; overflow: hidden;}

.newsList ul{margin-right: -30px;}

.newsList li{width: 33.3%;float: left;margin-bottom: 30px;}

.newsList li a{display: block;margin-right: 30px;background-color: #fff;padding: 30px;position: relative;}

.newsList li a:after{content: "";height: 3px;width: 0;left: 0;top: 0;background-color: #b00700;position: absolute;transition: all .4s;}

.newsList li a h5{font-size: 16px;color: #191919;line-height: 22px;margin: 30px 0 20px 0;transition: all .4s;height: 44px;overflow: hidden;}

.newsList li a .time{font-size: 12px;color: #999999;}

.newsList li a .txt{font-size: 12px;line-height: 20px;margin: 15px 0 20px;height: 40px;overflow: hidden;color: #666666;}

.newsList li a .pic{display: block;position: relative;width: 100%;padding-top: 70%;overflow: hidden;}

.newsList li a .pic img{display: block;position: absolute;width: 100%;height: 100%;transition: all .4s;top: 0;left: 0}

.newsList li a:hover .pic img{transform: scale(1.1);}

.newsList li:hover a{box-shadow:0 0 20px 10px rgba(0,0,0,0.08);}

.newsList li:hover a{transform: scale(1.02);}

.newsList li:hover a:after{width: 100%;}

.newsList li:hover a h5{color: #b00700}

.NewsDetailBox{padding-bottom: 50px;}





/*==关于↓==*/

.AboutBox{margin:0 0 30px 0}

.AboutBox .introduction{ margin:20px 0 70px 0;}

.AboutBox .introduction .pic{margin-top: 30px;max-width: 100%;}

.AboutBox .introduction h2{font-size:20px;color:#191919;margin: 30px 0;text-align: center;}

.AboutBox .introduction .wx{color:#545454;font-size:14px;line-height:25px;}

.AboutBox .course{padding:70px 0; background:url(../images/aboutBg01.jpg) no-repeat center fixed;background-size: cover;}

.AboutBox .course .scrollBox{padding:30px; background: #fff;margin-top: 30px;}

.AboutBox .course .scrollBox .list li{padding:30px; float:left; width:50%;}

.AboutBox .course .scrollBox .list li h4{ position: relative;color:#333333;font-size:30px;overflow: hidden;}

.AboutBox .course .scrollBox .list li h4:before{ position: absolute;content: "";left:100px;top:20px;width:100%;height:1px; background: #ddd}

.AboutBox .course .scrollBox .list li p{margin-top:30px;color:#545454;font-size:14px;}

.AboutBox .course .scrollBox .spot{ margin-top:20px;text-align: center;border-top: 1px #ddd solid;padding: 20px 0 10px 0;}

.AboutBox .course .scrollBox .spot li{ display: inline-block; width:10px;height:10px; font-size:0px; margin:0 5px; border-radius:50%;background: #c1c1c1;cursor: pointer}

.AboutBox .course .scrollBox .spot li.on{ background: #b00700}

.AboutBox .culture{margin: 80px 0;}

.AboutBox .culture .titleBx{margin-bottom:45px;}

.AboutBox .culture .focusCulture{ position:relative; width:50%;float: left;}

.AboutBox .culture .focusCulture img{max-width: 100%;}

.AboutBox .culture .focusCulture .spot{ position: absolute; right:20px;bottom:20px;z-index: 9;}

.AboutBox .culture .focusCulture .spot li{ display: inline-block; width:10px;height:10px; font-size:0px; margin:0 5px; border-radius:50%;background: #c1c1c1}

.AboutBox .culture .focusCulture .spot li.on{ background: #b00700}

.AboutBox .culture .right{width:50%;padding:0 0 0 40px;float: right;}

.AboutBox .culture .right p{color:#545454;font-size:14px; padding-bottom:20px;margin-bottom:20px; border-bottom: 1px #ddd solid;}

.AboutBox .culture .right p b{color:#333333;font-size:18px; font-weight:bold;display: block;margin-bottom: 10px;}

.AboutBox .culture .right p b font{color:#b00700}

.AboutBox .culture .bottom{margin-top:50px;overflow: hidden;clear: both;}

.AboutBox .culture .bottom h3{ position: relative; margin-bottom:30px;color:#333;font-size:18px;text-align: center;font-weight: bold;}

.AboutBox .culture .bottom h3 font{color:#b00700}

.AboutBox .culture .bottom h3:before,.AboutBox .culture .bottom h3:after{ content: ""; position: absolute; left:-15%;top:14px;width:25%; height:1px;background: #eee;}

.AboutBox .culture .bottom h3:after{ left:auto;right:-15%;}

.AboutBox .culture .bottom p{float:left; width:25%; padding: 0 15px;color:#545454;font-size:14px;line-height: 25px;}

.AboutBox .culture .bottom p font{color:#545454;font-weight: bold;}

.AboutBox .organization{ padding:70px 0; background:url(../images/aboutBg02.jpg) no-repeat center}

.AboutBox .organization .pic{margin-top:50px;}

.AboutBox .organization .pic img{ display: block;margin: auto; max-width:100%}

.AboutBox .honor{margin:70px 0 50px 0;}

.AboutBox .honor .swiper-container-square1{margin-top:40px;float: left;width: 100%;}

.AboutBox .honor .swiper-container-square1 .pic{ border:1px #ddd solid}





/*==切换1↓==*/

.swiper-container-square1{overflow: hidden;position: relative;}

.swiper-container-square1 .list{}

.swiper-container-square1 .list li h4{margin-top:10px;color:#333333;font-size:12px;text-align: center;}

.swiper-container-square1 .list .pic{padding:20px; background: #fff;border: 1px #eee solid;}

.swiper-container-square1 .prev,.swiper-container-square1 .next{ background: #505050;color: #fff;font-size: 30px;width: 35px;line-height: 35px;text-align: center;}

.swiper-container-square1 .prev:hover,.swiper-container-square1 .next:hover{ background:#b00700}

.swiper-container-square1 .list li:hover h4{color:#b00700}





/*==联系我们↓==*/

.contactBox{}

.contactBox .mode{}

.contactBox .mode .online{ background: #f4f4f4;overflow: hidden;padding: 80px 0 0 80px;margin: 30px 0;}

.contactBox .mode .online .tel{ border-right:1px #aaa dashed;color:#333333;font-size:14px; background: url(../images/tel2_ico.png) no-repeat left;float: left;padding: 0 50px 0 65px;}

.contactBox .mode .online .tel font{ color:#B00700;font-weight:bold;display: block;font-size: 25px;}

.contactBox .mode .online .consultation{margin:5px 0 0 70px;padding:10px 40px 10px 70px; color:#fff;font-size:14px;background:#b00700 url(../images/ico20.png) no-repeat 40px 10px;display: inline-block;}

.contactBox .mode .online .consultation:hover{background:#f60 url(../images/ico20.png) no-repeat 40px 10px;}

.contactBox .mode .ewm{float:right;width:37%;padding:30px 30px 30px 0; background: #eaeaea;margin-top: -80px;text-align: right;}

.contactBox .mode .ewm span{width:60%;color:#2c2c2c;font-size:12px; text-align:right;display: inline-block;vertical-align: top;padding: 20px 30px 0 0;line-height: 25px;}

.contactBox .mode .ewm img{ border:5px #B00700 solid}

.contactBox .headquarters{padding:40px 40px 40px 60px; border-top:1px #B00700 solid;border-right:1px #ddd solid; border-bottom: 1px #ddd solid;border-left:1px #ddd solid;overflow: hidden;} 

.contactBox .headquarters h2{padding-top:50px;color:#333333;font-size:24px; /*! padding-top:50px; */ background: url(../images/ico21.png) no-repeat top;float: left;}

.contactBox .headquarters h2 hr{ display:table; border:none;margin:10px auto;width:20px;height:1px; background:#b00700;}

.contactBox .headquarters p{color:#565656;font-size:12px;line-height: 25px;float: left;padding-left: 70px;width: 38%;}

.contactBox .headquarters .map{width:38%; float: right;height: 245px;overflow: hidden;}

.contactBox .branch{border-top:1px #B00700 solid;border-right:1px #ddd solid; border-bottom: 1px #ddd solid;border-left:1px #ddd solid;overflow: hidden;margin: 30px 0;height: 300px;}

.contactBox .branch .left{float:left;width:20%; background: #f4f4f4;/*! min-height: 100%; *//*! max-height: 100%; */height: 100%;}

.contactBox .branch .left h2{color:#333;padding-top:13%;font-size:18px;text-align: center;height: 27%;border-bottom: 1px #ddd solid;}

.contactBox .branch .left h2 a{}

.contactBox .branch .left li{ border-bottom: 1px #ddd solid;height:18.5%;padding-top: 9%;cursor: pointer;}

.contactBox .branch .left li a{ position: relative;padding-left:20px;line-height: 100%;display: table;margin: auto;color:#333;font-size:14px;}

.contactBox .branch .left li a:before{ content: "";position: absolute; left:-5px;top:-3px; width:21px;height:20px;transition: all .4s ease-in-out;background: url(../images/ico22.png) no-repeat 0 0;}
.contactBox .branch .left li.hit a:before{  background-position: 0 -20px;}
.contactBox .branch .left li .x1:before{  background: url(../images/ico22.png) no-repeat 0 0;}

.contactBox .branch .left li .x2:before{  background: url(../images/ico23.png) no-repeat 0 0;}

.contactBox .branch .left li .x3:before{  background: url(../images/ico24.png) no-repeat 0 0;}

.contactBox .branch .left li.hit .x1:before{  background-position: 0 -20px;}

.contactBox .branch .left li.hit .x2:before{  background-position: 0 -20px;}

.contactBox .branch .left li.hit .x3:before{  background-position: 0 -20px;}

.contactBox .branch .left li.hit{color:#fff; background: #B00700;}

.contactBox .branch .left li.hit a{color:#fff; }

.contactBox .branch .right{width:80%;padding:30px 30px 30px 50px;float: right;}

.contactBox .branch .right p{float: left;color:#565656;font-size:12px;line-height: 25px;padding-right:50px;width: 52%;}

.contactBox .branch .right p b{color:#333333;font-size:18px; display: block; margin-bottom: 30px;}

.contactBox .branch .right .map{width:48%; float: right;height: 245px;overflow: hidden;}

.contactBox .ser{/*! padding-left:100px; */border-top:1px #B00700 solid;border-right:1px #ddd solid; border-bottom: 1px #ddd solid;border-left:1px #ddd solid;overflow: hidden;margin: 30px 0;/*! height: 300px; */padding: 40px 60px;}

.contactBox .ser p{ float:left; width:25.3%; border-right:1px #ddd dashed;color:#565656;font-size:12px;margin-right: 8%;line-height: 23px;}

.contactBox .ser p:last-child{ border:none;}

.contactBox .ser p b{ color:#000;font-size:18px; display: block;margin-bottom:20px;}



/*==留言2↓==*/

.message{background: #ededed;padding: 50px 0 50px 0;margin: 70px 0 0 0;overflow: hidden;}

.message form{ margin-top:30px}

.message .frame{position: relative; float:left;padding:20px 20px; /*! line-height:50px; */width:32.3%; margin:0 0.5% 1% 0.5%; background:#fff;}

.message .frame.x1 input{background: url(../images/ico101.png) no-repeat left;/*! float: left; */}

.message .frame.x2 input{background: url(../images/ico102.png) no-repeat left;}

.message .frame.x3 input{background: url(../images/ico103.png) no-repeat left;}

.message .frame.x4 textarea{background: url(../images/ico104.png) no-repeat left top;}

.message .frame.x4{width:99%;}

.message .frame input,.message .frame textarea{padding-left:30px; border:none;/*! width: 100%; *//*! float: left; */display: inline;vertical-align: top;/*! float: right; */}

.message .frame textarea{ width:100%; height:100px; clear: both}

.message button.submit{float:left;width:50%; padding:20px 20px;font-size:14px; color:#fff; background: #b00700;border: none;}

.message button.submit:hover{background:#f00}

.message .yzm{margin:0 0 0 20px;}

.message .yzm input{padding:20px 20px;margin:0 10px;}



.contactBox .sideMenu{ margin-top:35px;}

.contactBox .job{overflow: hidden;float: left;width: 100%;margin: 70px 0 80px 0;}

.contactBox .job .title{padding:25px 50px; background:#efefef;margin-top: 10px;text-align: center; cursor: pointer}

.contactBox .job .sideMenu .on{ border-top:1px #B00700 solid}

.contactBox .job .title b{color:#b00700;font-size:18px;float: left;}

.contactBox .job .title span{color:#757575;font-size:14px;padding: 0 50px;}

.contactBox .job .title a{ display: block; float: right;color:#fff;font-size:14px; background: #B00700;padding: 5px 15px;}

.contactBox .job .title a:hover{ background: #f60}

.contactBox .job .box{ /*! display: none; */color:#4b4b4b;font-size:14px;padding:30px 50px; background:#efefef;border-top: 1px #ddd solid;line-height: 25px;}

.contactBox .job .box h3{margin:20px 0;color:#333333;font-size:16px;font-weight: bold;}

.contactBox .job .scrollBox{margin-top:15px;}

.contactBox .job .scrollBox .spot{ margin-top:35px;text-align: center;/*! padding: 20px 0 10px 0; */}

.contactBox .job .scrollBox .spot li{ display: inline-block; width:12px;height:12px; font-size:0px; margin:0 7px; border-radius:50%;background: #c1c1c1;cursor: pointer}

.contactBox .job .scrollBox .spot li.on{ background: #b00700}





/*==list-box↓==*/

.list-box{margin-top:20px;}

.list-box li{float:left; width:23%; margin:0 1% 1% 1%}

.list-box li img{max-width:100%;width:100%;}

.list-box li .pic{padding-top:65%;border: 1px #ddd solid;}

.list-box li:hover .pic{border: 1px #b00700 solid;}

.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;}

.list-box li:hover h4{color:#c31019;}

#list-box2 li{width:18%;}

.list-honor2{margin:0 0 20px 0; overflow: hidden;}

.list-honor2 h2.title{float:left;width:100%;color:#666;font-size:20px;margin:0 0 20px 0; padding:0 0 15px 0;border-bottom: 1px #ddd solid;}

.list-honor2 li{float:left; width:23%; margin:0 1% 1% 1%;text-align: center;}

.list-honor2 li a{ display: block}

.list-honor2 li .imgBoxB{/*! width:100%; */ text-align: center; border:1px #ddd solid;margin: auto;height: 250px;}

.list-honor2 li .auto{ margin:auto; display: table}

.list-honor2 li .imgBox{height:250px;width:100%;/*! border:1px #ddd solid; */vertical-align: middle;display: table-cell;text-align: center;}

.list-honor2 li .imgBox img{ width:auto;max-width:100%;margin: auto;max-height: 250px;display: block;vertical-align: middle;}

.list-honor2 li .imgPD{border: 1px #ddd solid;}

.list-honor2 li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;}

.list-honor2 li:hover h4{color:#c31019;}





/*==底部===*/

.footer{padding: 0px 0 0 0;background: #1a1a1a;overflow: hidden;}

.footer .border{padding:80px 50px 50px 50px; border-left:1px #313131 solid; border-right:1px #313131 solid;overflow: hidden;}

.footer .nav h3{ color:#fff;font-size:18px;margin-bottom:20px;}

.footer .nav h3 hr{display: block; border:none; margin:10px 0 0 0;width:10px;height:1px; background: red;}

.footer .nav{position:relative;display: table;margin-bottom: 30px;width: 70%;}

.footer .nav li{/*! display: table-cell; */padding-right: 15px;float: left;width: 25%;}

.footer .nav li a{ display: block;color:#aaaaaa; line-height:20px;font-size:12px;padding:3px 0;}

.footer .nav li a:hover{color:#fff}

.footer .right{width:30%; border-left:1px #313131 solid;padding-left: 55px;}

.footer .right span{width:50%; display: inline-block;color:#aaaaaa;font-size:12px;/*! margin-left: 50px; */float: right;line-height: 23px;/*! padding-right: 20px; */}

.footer .right span u{ background: url(../images/ewmBg.png) no-repeat center;clear: both;display: block;margin-bottom: 15px;/*! padding: 25px; */width: 123px;height: 123px;}

.footer .right span u img{ width: 100px;/*! display: block; */margin: 17px 10px 0px 5px;}

.footer .down{ border-top:1px #313131 solid; /*! padding:20px 0; */ color:#aaa;font-size:12px;}

.footer .down .border{padding:20px 15px;}

.footer .down a{ color:#aaaaaa;font-size:12px; margin:0 5px}

.footer .down .link{margin-top:10px;}

.footer .down .link h3{color:#aaaaaa;font-size:12px;float: left;}

.footer .down .link h3 font{color: #b00700;margin-left: 5px;}

.footer .down .link a{color:#aaaaaa;font-size:12px;display: inline-block;color:#999;padding: 0 15px;font-size:12px;line-height: 9px;border-right: 1px #999 dotted;}

.footer .down .link a:last-child{border:none;}

.footer .down a:hover{color:#fff}







/*==响应↓==*/

@media all and (max-width:1300px){

.focusCase .list img{display: none}



}





@media all and (max-width:1200px){

.logo img{width:255px;}

.footer .nav{width:60%;}

.footer .right{width:40%;}

.focusCase{height:363px}

.HomeCase .focusCase .list a{height:363px}

.HomeAbout .left{width:60%;}

.HomeAbout .right{width:40%;padding:30px;}

.HomeAbout .right .wx{margin-top:15px}

.HomeAbout .right .more{margin-top:20px;}
  .HomeAdvantage ul li{height:650px;}
.serviceBox .lease .right{padding:30px;}

.serviceBox .lease .right .online{margin:8px 0 0 10px;padding:10px 40px 10px 70px;}

.contactBox .mode .online{padding:80px 0 0 20px}


}

@media all and (max-width:1000px){

.logo img{height:55px;width:auto}

.head-long .wx{display: none}

.head-long .pic{display: none}

.titleAx{margin:10px 0;font-size:25px;}

.titleAx font{font-size:14px;margin-top: 5px;}

.focusCase{width:100%;height:350px}

.HomeCase .focusCase .list a{height:350px}

.HomeCase .list-2{width:100%}

.HomeCase .list-2 li{width:25%;}

.HomeAdvantage ul li{padding:30px 15px;width:25%;height: 400px;}

.HomeAdvantage ul li em{width:80px;height:80px;}

.HomeAdvantage ul li h3{font-size:18px;margin: 10px 0 0 0;}

.HomeAdvantage ul li p{margin-top:15px;font-size:12px;}

.HomeAdvantage ul li p span{line-height: 22px;}

.HomeAbout .left{width:100%}

.HomeAbout .right{width:100%;padding:30px;}
  .HomeAdvantage ul li{height:580px;}
.HomeHonor .down{height:275px;}

.HomeArticle .left{width:100%}

.HomeArticle .right{width:100%;margin-top:15px;}

.HomeArticle .right .list li .pic{width:20%;margin-right:15px}

.ProductShow .sTopRight .online{float:left;margin-left:0;/*! clear: both;*/}

.serviceBox .lease .left{width:30%}

.serviceBox .lease .right{padding:22px;}

.serviceBox .lease .right span{margin-bottom: 10px;}

.serviceBox .lease .right .online{margin:8px 0 0 10px;padding:10px 40px 10px 70px;}

.contactBox .mode .online{padding:80px 0 0 10px;}

.contactBox .mode .ewm{width:100%;margin-top:20px;}

.contactBox .headquarters .map{width:100%;margin-top:10px;}

.contactBox .job .title{padding:25px 30px}

 .NewsListBox2 .list-top .one{width:100%;padding-right: 0px;}
    .NewsListBox2 .list-top .two{width:100%}
  .NewsListBox2 .focusNews{width:100%;padding-right:0px;}
  .sboxPN .prev,.sboxPN .nex{ display: none}
}





@media all and (max-width:760px){

.head-top{display: none}

.head-nav{display: none}

.HomeSearch{display: none}

.head-long .tel{display: none}

.head-long{position: fixed;top: 0;z-index: 999;height:55px;padding:10px 0;background:#fff; box-shadow: 0 0 10px #bbb}

.head-long .logo img{height:35px;}

.focusBanner{margin-top:55px;}

.focusBanner .spot li:before{display: none}

.HomeProduct{padding:20px 0;}

.HomeProduct .tone{background: #fff;overflow: hidden;margin: 30px 0 20px 0;}

.HomeProduct .tone li{float:left;width:20%;padding:30px 10px;color:#191919;font-size:18px;border-left:1px #ddd solid;text-align: center;cursor: pointer;/*! display: table-cell;*/}

.HomeProduct .tone{margin: 15px 0 10px 0;}

.HomeProduct .tone li{width:20%;padding:10px 5px;font-size:13px;}

.HomeProduct .tone li span{}

.HomeProduct .tone li span:before{display:none}

.list-product li{width:50%}

.list-product li a{margin:0 5px 10px 5px;}

.list-product li h4{font-size:12px;height:30px;}

.list-product li.x5,.list-product li.x6,.list-product li.x7,.list-product li.x8{display: none}

.ProductListBox .list-product{margin-top:5px}

.titleAx{margin:10px 0;font-size:18px;}

.titleAx font{font-size:12px;margin-top: 3px;}

.focusCase{height:auto}

.HomeCase .focusCase .list a{height:auto}

.HomeCase .focusCase .list h4{font-size:12px;padding:15px 10px;}

.focusCase .list img{display: block}

.HomeCase .list-2 li{width:50%;}

.HomeCase .list-2 li h4{opacity: 1;font-size:12px;}

.HomeCase{padding:20px 0 30px 0;}

.HomeAdvantage{margin：10px 0;padding:20px 0;margin: 10px 0 10px 0;}

.HomeAdvantage ul{margin-top:10px;}

.HomeAdvantage ul li{width:100%;padding:10px 10px;margin:0px 0px 10px 0px;height: auto;}

.HomeAdvantage ul li em{width:30px;height:30px;background-size:80px;float: left;}

.HomeAdvantage ul li h3{font-size:15px;margin: 0px 0 0 10px;float: left;}

.HomeAdvantage ul li p{margin-top:8px;font-size:12px;clear: both;display: block;float: left;}

.HomeAdvantage ul li p span{line-height: 22px;margin-bottom: 2px;}

.HomeAdvantage ul li.x1 em{background: url(../images/hadIco01.png) no-repeat center;background-size:100%}

.HomeAdvantage ul li.x2 em{background: url(../images/hadIco02.png) no-repeat center;background-size:100%}

.HomeAdvantage ul li.x3 em{background: url(../images/hadIco03.png) no-repeat center;background-size:100%}

.HomeAdvantage ul li.x4 em{background: url(../images/hadIco04.png) no-repeat center;background-size:100%}

.HomeAdvantage ul li.x1,.HomeAdvantage ul li.x2,.HomeAdvantage ul li.x3,.HomeAdvantage ul li.x4{margin-top:0px;}

.HomeAbout{margin: 10px 0;}

.HomeAbout .long{margin-top: 15px;}

.HomeAbout .right{padding:20px 20px;}

.HomeAbout .right h3{font-size:15px;}

.HomeAbout .right .wx{margin-top:10px;line-height: 22px;}

.HomeAbout .right .more{margin-top:10px;font-size:12px;padding:5px 20px;}

.HomeAbout .down li{width:50%;height:80px;padding: 10px 0 10px 0px;border-bottom: 1px #c9261f solid;}

.HomeAbout .down li b{font-size:12px;font-weight:bold;display: block;padding-left: 20px;}

.HomeAbout .down li b font{font-size:12px;}

.HomeAbout .down li b:before{display: none}

.HomeHonor .tone li{font-size:14px;padding:10px 50px;}

.HomeHonor{padding:30px 0 20px 0;margin: 25px 0 30px 0;}

.HomeHonor .down{height:172px;margin-top:10px;}

.HomeHonor .list li h4{margin-top:10px;font-size:14px;}

.HomeHonor .list .pic{padding:20px;}

.HomeHonor .prev,.HomeHonor .next{font-size: 30px;width: 35px;line-height: 35px;}

.HomeHonor .swiper-container-square1{margin-bottom: 0px;}

.HomeHonor .swiper-container-square1 .pic img{height:100px;max-width:100%;width:auto;margin: auto}

.HomeArticle{}

.HomeArticle .tone{margin-bottom:14px;}

.HomeArticle .tone li{font-size:15px;margin-right:20px;padding-bottom: 10px;}

.HomeArticle .left .list .one{width:100%;padding-right: 0px;margin-bottom: 10px;}

.HomeArticle .left .list .one .pic .time{font-size: 14px;}

.HomeArticle .left .list .one .pic .time font{display: block;font-size:12px;}

.HomeArticle .left .list .one h4{margin-top:10px;color:#191919;font-size:13px;}

.HomeArticle .left .list .one p{margin:10px 0;color:#666666;font-size:12px;}

.HomeArticle .left .list .one b{color:#666666;font-size: 12px;}

.HomeArticle .left .list .two{float:left;width:100%;padding:10px 0 10px 0;margin-bottom:10px;border-bottom: 1px dotted #bbb;}

.HomeArticle .left .list .two .time{color:#333333;font-size:22px;text-align: center;display: block;float: left;margin-right: 10px;/*! margin-top: 5px;*/}

.HomeArticle .left .list .two .time font{display: block;font-size:12px;}

.HomeArticle .left .list .two h4{font-size:12px;color:#191919;margin-top: 5px;}

.HomeArticle .left .list li:hover h4,.HomeArticle .left .list li:hover b{color:#b00700}

.HomeArticle .right .list li{padding-bottom:10px;margin-bottom:10px;}

.HomeArticle .right .list li:last-child{border-bottom: none}

.HomeArticle .right .list li .pic{width:30%;margin-right:15px}

.HomeArticle .right .list li h4{font-size:14px;}

.HomeCooperation{padding:20px 0 0 0;margin:5px 0 30px 0;}

.HomeCooperation .list{margin-top:10px;}

.HomeCooperation .list li{width: 25%;}

.HomeCooperation .list li:nth-last-child(1),.HomeCooperation .list li:nth-last-child(2){display: none;}

.banner-within{margin-top:45px;}

.menu{position: initial;margin: 15px 0 20px 0;}

.menu li a.xa{margin:0 0px;font-size:13px;padding: 10px 0px;}
.menu-2{margin:0px 0 20px 0;}
.menu-2 .container{padding-bottom: 10px;}
.menu-2 a.xa{font-size:12px;padding: 5px 8px;}
.site{display: none}

.titleBx{font-size:15px;margin: 5px 0 15px 0;}

.titleBx hr{margin:5px auto;}

.ProductShow{margin: 0 0 30px 0;}

.ProductShow .sTopLeft{width:100%;padding:10px 10px 0 10px;}

.ProductShow .sTopRight{width:100%;}

.ProductShow .sTopRight h2{font-size:16px;}

.ProductShow .sTopRight p{font-size:12px;margin: 10px 0;}

.ProductShow .sTopRight span{padding:10px 0;font-size:12px;line-height: 20px;margin-bottom: 20px;}

.ProductShow .sTopRight .tel{font-size:12px;padding-left:50px;}

.ProductShow .sTopRight .tel font{font-size:16px;}

.ProductShow .sTopRight .online{margin:5px 0 0 15px;padding:5px 20px 5px 20px;font-size:14px;background:#b00700;}

.ProductShow .tabBox{margin: 20px 0 30px 0;}

.ProductShow .tabBox .tone li{padding:12px 25px;font-size:13px;}

.ProductShow .tabBox .down{margin-top:20px;}

.ProductShow .relevant{margin: 0 0 20px 0;}

.ProductShow .relevant h2{font-size:14px;padding-left: 10px;}

.ProductShow .relevant .list li h4{font-size:12px;margin: 15px 0;height:30px;}

.ProductShow .relevant .list li em{display: table;margin:auto;border:1px #ddd solid;color:#ddd;border-radius: 50%;width: 20px;line-height: 20px;text-align: center;}

.ProductShow .relevant .list li:hover h4{color:#b00700}

.ProductShow .relevant .list li:hover em{color:#b00700;border:1px #b00700 solid}

.ProductShow .relevant .down{margin-top:50px;overflow: hidden;}

.ProductShow .relevant .swiper-container-relevant{margin-top: 15px;}

.ProductShow .relevant .prev,.ProductShow .relevant .next{background: #505050;color: #fff;font-size: 30px;width: 35px;line-height: 35px;text-align: center;}

.ProductShow .relevant .prev:hover,.ProductShow .relevant .next:hover{background:#b00700}

.ProductShow .relevant .list li:hover h4{color:#b00700}

.caseBox{margin:0px 0 10px 0}

.caseBox .list{margin:0px 0 0 0;}

.caseBox .list li{width:50%;}

.caseBox .list li a{margin:0 5px 10px 5px;}

.caseBox .list li h4{height:40px;font-size:12px;padding:10px;}

.caseBox .list li h4 em{width:12px;height:5px;margin: 5px 0 0 0;}

.NewsDetailBox{padding-bottom: 30px}

.pagIng{margin-bottom:0px;border-top:1px #ddd solid;border-bottom:0px;border-left:0px;border-right:0px;border-bottom:0px;padding:10px 1px 1px 1px;}

.newsDetail h2{font-size: 17px;margin:0px 0 0 0;border-bottom: 1px #ddd solid;}

.newsDetail .msg{display: none}

.pagIng .fl a{font-size:12px;height: 25px;}

.relNews ul li{width:98%;}

.pagIng .fl{width:100%;margin-bottom: 10px;}

.pagIng .fr{display:table;margin:10px auto 0;float: none;}

  .NewsListBox2{margin-top:0px;}  
  .NewsListBox2 .focusNews{margin-bottom:10px}
  .NewsListBox2 .focusNews .spot{right:0}
.NewsListBox2 .focusNews .list li .pic .time{ font-size:20px; padding: 10px 10px;}
.NewsListBox2 .focusNews .list li .pic .time font{font-size:12px;}
.NewsListBox2 .focusNews .list li h4{margin-top:10px;font-size:14px;}
.NewsListBox2 .focusNews .list li p{margin:10px 0;font-size:12px;} 
.newsList{padding: 20px 0 50px 0;margin: 20px 0 0 0;}
.newsList{padding: 20px 0 50px 0;margin: 40px 0 0 0;}

.newsList ul{margin-right: -10px;}

.newsList li{width: 50%;margin-bottom: 10px;}

.newsList li a{margin-right: 10px;padding: 15px;}

.newsList li a h5{font-size: 13px;line-height: 22px;margin: 10px 0 5px 0;height: 44px;}

.newsList li a .txt{margin: 10px 0 10px;height: 40px;}

.serviceBox .after{margin: 0 0 30px 0;}

.serviceBox .after .tip{margin:0px 0 20px 0;}

.serviceBox .after .tip p{font-size:12px;margin:20px 0;}

.serviceBox .after .tone{padding:10px 0;}

.serviceBox .after .tone li{font-size:13px;font-weight:bold;margin: 0 10px 0 0;}

.serviceBox .after .tone li span{margin-right:10px;}

.serviceBox .after .tone li font{font-size:12px;margin-top: 1px;}

.serviceBox .after .tone li span:before{bottom:-12px;height:2px;}

.serviceBox .after .down{margin-top:20px;}

.serviceBox .after .down .box{font-size:12px;}

.serviceBox .after .down .box span{margin:7px 0;}

.serviceBox .after .down .box i{width:20px;line-height:20px;margin-right:10px;}

.serviceBox .problem{padding:20px 0;}

.serviceBox .problem .scrollBox{margin-top: 0px;}

.serviceBox .problem .scrollBox .list li{width:100%;}

.serviceBox .problem .scrollBox .list li a{margin:5px 0px;padding: 20px;}

.serviceBox .problem .scrollBox .list li h4{font-size:14px;padding-left:40px;line-height: 33px;}

.serviceBox .problem .scrollBox .list li p{padding-left: 40px;line-height: 17px;}

.serviceBox .problem .scrollBox .spot{margin-top:5px;}

.serviceBox .lease{margin: 20px 0;}

.serviceBox .lease .long{margin-top: 0px;}

.serviceBox .lease .pic{width:100%;text-align: center;}

.serviceBox .lease .right{width:100%;padding:20px;}

.serviceBox .lease .right h2{font-size:14px;font-weight: bold;}

.serviceBox .lease .right span{font-size:14px;margin: 10px 0 20px 0;}

.serviceBox .lease .right .tel{font-size:12px;padding-left:50px;}

.serviceBox .lease .right .tel font{font-size:16px;}

.serviceBox .lease .right .online{margin:8px 0 0 50px;padding:5px 30px 5px 30px;font-size:14px;background:#b00700;display: inline-block;}

.serviceBox .download{padding:20px 0 30px 0;}

.download-list{margin-top: 0px;margin-bottom: 20px;}

.download-list li{padding:10px 20px;}

.download-list li h4{padding-left:30px;font-size:12px;line-height: 30px;}

.download-list li h4:before{top:6px;width:20px;height:22px;background: url(../images/ddIco01.png) no-repeat 0 0px;background-size:100%}

.download-list li:hover h4:before{background-position: 0 -30px ;}

.download-list li b{padding: 5px 20px 5px 40px;height: 30px;}

.download-list li b:before{left:17px;top:5px;width:22px;height:20px;background: url(../images/ddIco02.png) no-repeat 0 0;}

.download-list li:hover b:before{background-position: 0 -18px;}

.serviceBox .download .more{margin:30px auto 0;padding:8px 30px;}

.serviceBox .download .more:before{top:20px;right:47px;}

.AboutBox{margin:0 0 10px 0;}

.AboutBox .introduction{margin:10px 0 20px 0;}

.AboutBox .introduction .pic{margin-top: 0px;}

.AboutBox .introduction h2{font-size:16px;margin: 10px 0;}

.AboutBox .introduction .wx{font-size:12px;line-height:20px;}

.AboutBox .course{padding:20px 0;overflow: hidden;}

.AboutBox .course .scrollBox{padding:15px;margin-top: 0px;}

.AboutBox .course .scrollBox .list li{padding:10px;width:100%;}

.AboutBox .course .scrollBox .list li h4{font-size:20px;}

.AboutBox .course .scrollBox .list li h4:before{left:70px;top:13px;width:100%;height:1px;}

.AboutBox .course .scrollBox .list li p{margin-top:10px;font-size:12px;}

.AboutBox .course .scrollBox .spot{margin-top:20px;padding: 20px 0 10px 0;}

.AboutBox .course .scrollBox .spot li{width:10px;height:10px;margin:0 5px;border-radius:50%;}

.AboutBox .culture{margin: 20px 0;}

.AboutBox .culture .titleBx{margin-bottom:15px;}

.AboutBox .culture .focusCulture{width:100%;}

.AboutBox .culture .focusCulture .spot{right:20px;bottom:20px;;}

.AboutBox .culture .focusCulture .spot li{width:10px;height:10px;}

.AboutBox .culture .right{width:100%;padding:20px 0 0 0px;}

.AboutBox .culture .right p{font-size:12px;padding-bottom:10px;margin-bottom:10px;}

.AboutBox .culture .right p b{font-size:13px;margin-bottom: 10px;}

.AboutBox .culture .bottom{margin-top:10px;}

.AboutBox .culture .bottom h3{margin-bottom:10px;font-size:14px;}

.AboutBox .culture .bottom h3 font{color:#b00700}

.AboutBox .culture .bottom h3:before,.AboutBox .culture .bottom h3:after{left:-15%;top:14px;width:50%;display: none;}

.AboutBox .culture .bottom h3:after{left:auto;right:-15%;}

.AboutBox .culture .bottom p{width:100%;padding: 0 15px 10px 15px;font-size:12px;line-height: 25px;}

.AboutBox .organization{padding:20px 0;}

.AboutBox .organization .pic{margin-top:10px;}

.AboutBox .organization .pic img{display: block;margin: auto;max-width:100%}

.AboutBox .honor{margin:20px 0 20px 0;}

.AboutBox .honor .swiper-container-square1{margin-top:0px;}

.AboutBox .honor .swiper-container-square1 .pic{border:1px #ddd solid}

.list-honor2{}

.list-honor2 li{width:48%;margin:0 1% 1% 1%}

.list-honor2 li h4{font-size: 12px;padding:10px 0;}

.list-honor2 li .imgBox{height:180px;}

.list-honor2 li .imgBoxB{height:180px;}

.list-honor2 li:hover h4{color:#b00700;}

.list-box{margin-top: 0px;}

.list-box li{width:48%;margin:0 1% 1% 1%}

.list-box li h4{font-size: 13px;padding: 10px 0 10px 0;max-height: 50px;height: auto;}

#list-box2 li{width:31.3%;}

.contactBox .mode .online{padding: 20px 0 0 20px;margin: 10px 0 20px 0;}

.contactBox .mode .online .tel{background: url(../images/tel2_ico.png) no-repeat left;padding: 0 50px 0 40px;background-size: 30px;border: none;font-size: 12px;}

.contactBox .mode .online .tel font{font-size: 18px;}

.contactBox .mode .online .consultation{margin:5px 0 0 10px;padding:5px 20px 5px 20px;color:#fff;font-size:14px;background:#b00700;display: inline-block;}

.contactBox .mode .ewm{width:100%;padding:30px 30px 30px 0;margin-top: 10px;}

.contactBox .mode .ewm span{font-size:12px;padding: 20px 30px 0 0;line-height: 25px;}

.contactBox .mode .ewm img{width:100px;border:3px #B00700 solid}

.contactBox .branch{margin: 30px 0;height: auto;}

.contactBox .branch .left{width:100%;}

.contactBox .branch .left h2{padding:15px 0;font-size:18px;height: auto}

.contactBox .branch .left li{float:left;height: auto;padding: 15px 0;width: 33.3%;}

.contactBox .branch .left li a{padding-left:20px;font-size:13px;}

.contactBox .branch .right{width:100%;padding:15px;}

.contactBox .branch .right p{line-height: 23px;padding-right:20px;width: 100%;margin-bottom: 10px;}

.contactBox .branch .right p b{font-size:14px;margin-bottom: 10px;}

.contactBox .branch .right .map{width:100%;height: auto;}

.contactBox .headquarters{padding:20px 20px 20px 20px}

.contactBox .headquarters p{width:100%;padding-left:0px;}

.contactBox .ser{margin: 30px 0 0 0;padding: 20px 20px;}

.contactBox .ser p{width:100%;border-right:0px;border-bottom:1px #ddd solid;margin-bottom: 10px;padding-bottom: 10px;margin-right: 80px;}

.contactBox .ser p b{font-size:14px;margin-bottom:10px;}

.message{padding: 20px 0 30px 0;margin: 20px 0 0 0;}

.message form{margin-top:30px}

.message .frame{padding:12px 10px;width:100%;margin:0 0.5% 1% 0.5%;}

.message .frame input,.message .frame textarea{padding-left:30px;display: inline;vertical-align: top;}

.message .frame textarea{height:100px;}

.message button.submit{width:30%;padding:10px 10px;font-size:14px;}

.contactBox .sideMenu{margin-top:35px;}

.contactBox .job{width: 100%;margin: 20px 0 50px 0;}

.contactBox .job .title{padding:10px 10px 15px 10px;margin-top: 10px;}

.contactBox .job .title b{font-size:15px;width: 100%;margin-bottom: 10px;}

.contactBox .job .title span{font-size:12px;padding: 0 50px 0 0;}

.contactBox .job .title a{font-size:14px;padding: 2px 15px;}

.contactBox .job .box{font-size:12px;padding:15px 20px;border-top: 1px #ddd solid;line-height: 23px;}

.contactBox .job .box h3{margin:10px 0;font-size:14px;}

.contactBox .job .scrollBox{margin-top:0px;}

.contactBox .job .scrollBox .spot{margin-top:10px;}
  .sboxPN .prev,.sboxPN .nex{ display: none}
.footer .nav{display: none}

.footer .right{width:100%;padding: 0px;border: none;text-align: center;}

.footer .right span{width:100%}

.footer .right span u{margin:0 auto 10px}

.footer .border{padding:20px 0;}

.footer .down{text-align: center}

.footer .down .link{display: none}

.footer .down span{display: block;margin-bottom:10px;width: 100%;}

.footer .down div,.footer .down .fr{width:100%}



}