@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:14px;float: left;line-height: 30px;}



.head-top .right{}



.head-top .right .block{ position: relative; display: inline-block; color:#000;font-size:14px; 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:14px;}



.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/en.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: 0px 0;/*overflow: hidden;*/float: left;width: 100%;}



.head-long .wx{color:#191919; padding:30px 0 30px 30px;font-size:18px;margin:9px 5px 0 10px;}



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

.head-long  .pic{padding:30px 0 30px 30px;}

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



.head-long .tel font{ font-size:25px; 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:18px;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: 16px;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;}


.logo img{width: 242px; height:150px;}










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



.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;font-weight: bold;}



.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:20px; border-left:1px #ddd solid;text-align: center;cursor: pointer;/*! display: table-cell; */font-weight: bold;}

.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:13px 0 0 5px;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:480px;}



.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 0 30px 50px;}

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

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

.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: 18px;margin-bottom: 18px;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 23px 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%; height: 350px;}



.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: 370px;}



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



.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;padding-bottom: 80px;}



.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}



  .NewsListBox2 .list-top .two:last-child{display:none}

}



@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%;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 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;}



  .NewsListBox2 .list-top .one{margin-bottom:10px;}

.NewsListBox2 .list-top .one .pic .time{font-size:21px;padding: 5px 10px;}

.NewsListBox2 .list-top .one h4{margin-top:10px;font-size:14px;}

.NewsListBox2 .list-top .one p{margin:10px 0;}

.NewsListBox2 .list-top .two{ padding:10px 0 10px 0; margin-bottom:7px;}

.NewsListBox2 .list-top .two .time{font-size:40px; margin-right: 15px;}

.NewsListBox2 .list-top .two h4{font-size:14px;}

.NewsListBox2 .list-top .two p{margin-top:5px;font-size:12px;}
.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%}







}


/*底部浮动栏样式*/
#container{padding-bottom: 60px;}
#btn{background:#1896e6;height: 70px;}
#btn ul li{display: inline;float: left;/*! height: 50px; *//*! line-height: 50px; */text-indent: 0.5em;width: 25%;}
#btn ul li a{border-radius: 5px;color: #fff;display: block;height: 35px;line-height: 84px;margin: 10px auto;width: 80%;}
#btn ul li{text-align: center;}
#btn ul li a.btn_1{background: #1896e6 url("../images/icon_6.png") no-repeat scroll 54% center / 25px auto;}
#btn ul li a.btn_2{background: #1896e6 url("../images/icon_4.png") no-repeat scroll 54% center / 25px auto;}
#btn ul li a.btn_3{background: #1896e6 url("../images/icon_2.png") no-repeat scroll 54% center / 25px auto;}
#btn ul li a.btn_4{background: #1896e6 url("../images/icon_3.png") no-repeat scroll 54% center / 25px auto;}
#btn ul li .btn_3:hover{}
.footer_fixed{background: #fff none repeat scroll 0 0;bottom: 0;line-height: 50px;max-width: 768px;min-height: 50px;position: fixed;width: 100%;z-index: 9999;}
.service_layer {
    padding: 5%;
    width: 100%;
    display: none;
    text-align: center;
}
.service_layer img {
    max-width: 100%;
    display: block;
    margin: auto;
}
.share{ margin:25px auto; text-align: center;}
 .share a{ display: inline-block; margin:0 20px;}
 .share a:before{ font-size:25px;}