@charset "utf-8";
/*~~~~框架布局~~~*/


.wor-box{margin-top:50px}



.effect-lower{ position: relative;}
.effect-lower .effect-lower-block{position: absolute;left: -50px;top:29px;width:120px;height:120px;border: 1px #ddd solid;padding:5px; 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);}

/*==顶部↓==*/
.header{position: relative;/* padding:20px 0; */}
/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}
.fixed-top .logo{}*/
.header .right{ width: 1040px;}
.header .tel{float:right;color:#666666;font-size:12px;text-align:  right;border-bottom: 1px #ddd solid;padding: 6px 0;}
.header .tel font{color:#e60012;font-size: 26px; margin-left:10px;font-weight:bold;padding-left: 21px;background: url(../images/telIco.png) left no-repeat;}
.header .logo{width: 260px;border-right:1px #ddd solid;padding: 10px 0;}
.header .logo img{}
.header .nav{margin: 0 0 0 40px;}
.header .nav li{float: left;/* position: relative; */margin: 0 25px;}
.header .nav li a.navAone{position:relative;display: block;color:#000000;font-size:17px;padding: 25px 0px;}
.header .nav li a.navAone:before{content:"";position:absolute;left:0;top:0;width: 0px;height:1px;background:#e60012;transition:all .4s ease-in-out;transition: all .4s ease-in-out;}
.header .nav li a.navAone:hover,.header .nav li.active a.navAone{color: #e60012;/* background:#e60012; */}
.header .nav li a.navAone:hover:before,.header .nav li.active a.navAone:before{width:100%;}
/*.header .nav li.drop-downHover a.navAone{ background:#e60012;color:#fff}*/
.header .search{ position:relative;margin-top: 27px;}
.header .search em{display: block;width:20px;height:20px;font-size: 25px; background: url(../images/searchIco.png) no-repeat center;}
.header .search:hover .box{ opacity:1;height:100px;}
.header .search .box form{width:600px;margin:auto;padding: 25px 20px 20px 20px;}
.header .search .box{opacity:0;position:absolute;top:50px;right:0;z-index:99;height:0px;width: 1200px;border-radius: 0 0px 5px 5px;overflow:hidden;background: #FFFCFC;border: 1px #f1f1f1 solid;}
.header .search .box span{color: #46989C;font-size:15px;padding-right:30px;}	
.header .search .box input{width:0px;height: 40px;color: #666;border-bottom: 1px #46989C solid;border-left: 0px;border-top: 0px;border-right: 0px;outline: medium;background: none;}
.header .search .box input::-webkit-input-placeholder { /* WebKit browsers */color:#999;}
.header .search .box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */　color:#999;}
.header .search .box input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;　}
.header .search .box input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;}
.header .search .box button{width: 0px;height: 0px;border: 0px;color: #fff;font-size: 15px;border-radius: 50%;cursor: pointer;background: #46989C;}
.header .search:hover input{width: 310px;transition:all .8s ease-in-out;}
.header .search:hover button{width:40px;height: 40px;transform:rotate(360deg);transition:all .8s ease-in-out;}
.header .search .box button:hover{ background:#000}
.header .weixin{ margin-left:25px;margin-top: 27px;}
.header .weixin em{display: block;width: 25px;height:20px;font-size: 25px;background: url(../images/weixinIco.png) no-repeat center;}
.w1200{width:1300px;margin:0 auto;}




/*  实力 */
.strength{padding:70px 0;color:#333;font-size:16px;overflow:hidden;}
.strength li{float:left;width:300px;background: url('../images/s_line.jpg') repeat-y right top;text-align:center;}
.strength li span{font-size:26px;color:#f20000;display:block;overflow:hidden;margin-bottom:15px;}
.strength li strong{font-size:50px;font-family:Arial;line-height:50px;margin-right:6px;}
.strength li:last-child{background:none;}

/*  产品中心 */
.product{padding:60px 0;overflow:hidden;background: url('../images/pro_bg.jpg');}
.hTitle{font-size:42px;font-weight:bold;color:#333;text-align:center;line-height:42px;margin-bottom:15px;}
.hTitle b{color:#f20000;}
.hTitle span{display:block;font-size:12px;color:#888;font-weight:normal;font-family:Arial;text-transform: uppercase;}

.proMenu{text-align:center;height:75px;margin-bottom:40px;background:#262626;font-size:18px;}
.proMenu a{width:187px;height:75px;line-height:75px;border-right:1px solid #262626;position:relative;overflow:hidden;z-index:2;transition:all 0.4s;float:left;color:#fff;}
.proMenu a:after{content: "";position:absolute;left:0;top:0;width:100%;height:100%;background:#f20000;transition:transform 0.4s;z-index:-1;transform: scale(0,1);transform-origin:right top;}
.proMenu a:hover,.proMenu .on{background:#f20000;}
.proMenu .on:after,.proMenu a:hover:after{transform-origin:left top;transform: scale(1);}
.proMenu a:last-child{border-right:none;width:174px;}

.proMain,.proBox{height:750px;overflow:hidden;}
.proMain ul{width:1340px;}
.proMain li{float: left;width:317px;border:1px solid #e3e3e3;background:#fff;margin:0 10px 10px 0;}
.proMain li a{display:block;position:relative;}
.proMain li img{width:315px;height:316px;transition:all .5s;}
.proMain li .pImg{display:block;width:315px;height:316px;overflow:hidden;}
.proMain li h4{padding:0 20px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:40px;transition:all .3s;}
.proMain li h4 i{float:right;font-style:normal;}
.proMain li a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#f20000;opacity:0;transform: scale(0);transition:all .5s;}
.proMain li .txt{position: absolute;top:50%;left:0;z-index:3;color:#fff;text-align:center;padding:0 10px;right:0;opacity:0;transition:all .5s;}
.proMain li .txt span{width:80px;height:22px;line-height:22px;border:1px solid #fff;background: url('../images/p_arr.png') no-repeat center;display:inline-block;margin-top:15px;}
.proMain a:hover::after{transform: scale(1);opacity:.8;}
.proMain a:hover img{margin-top:20px;}
.proMain a:hover .txt{opacity:1;margin-top:-40px;}
.proMain a:hover h4{opacity:0;}

/* 核心优势 */
.odds{padding:60px 0;overflow:hidden;}
.odds .tie{font-size:22px;color:#f20000;text-align:center;margin-top:20px;}
.odds .tie span{display:block;font-size:12px;color:#ccc;font-family:Arial;}
.odds li{overflow: hidden;height:300px;background-repeat: no-repeat;background-position:center;}
.odds .odds1{height:335px;}
.odds li .txt{padding-top:60px;width:560px;padding-left:100px;}
.odds .odds1 .txt{padding-top:80px;} 
.odds li .num{float:left;margin-left:-100px;background: url('../images/odds_num.png');width:65px;height:65px;font-size:32px;font-style:normal;color:#fff;font-family:Arial;text-align:center;line-height:65px;font-weight:bold;}
.odds li h4{font-size:30px;color:#191919;margin-bottom:20px;line-height:36px;width:600px;}
.odds li p{background: url('../images/odds_li.png') no-repeat left 8px;padding-left:25px;margin-bottom:10px;font-size: 16px;}
.odds li:nth-child(2n) .txt{float:right;padding-right:30px;}
.odds li .tel{float:left;margin-right:35px;}
.odds .tel span{display:block;font-size:30px;font-family:Arial;color:#191919;}
.odds .tel_blue {padding-left:45px;background: url('../images/tel_blue.png') no-repeat left center;}
.odds .tel_blue span{color:#f20000;font-size:24px;font-weight:bold;}

/* 合作客户 */
.partner{padding:60px 0;background: url('../images/pro_bg.jpg');overflow:hidden;}
.partner li{float:left;width:238px;height:120px;overflow:hidden;position:relative;border:1px solid #e7e7e7;margin-left:-1px;margin-top:-1px;}
.partner li img{width:238px;height:120px;position:absolute;z-index:2;transform:rotateY(0deg);transition:all 0.5s ease 0s;backface-visibility:hidden;}
.partner li span{position:absolute;width:238px;height:120px;background:#f20000;line-height:120px;text-align:center;transform:rotateY(-180deg);transition:all 0.5s ease 0s;backface-visibility:hidden;color:#fff;padding:0 5px;}
.partner li:hover img{transform:rotateY(180deg);}
.partner li:hover span{transform:rotateY(0deg);}

/*  关于我们 */
.about{padding:70px 0;background:#303030 url('../images/about_bg.jpg') no-repeat center top;}
.aboutMain{height:410px;overflow:hidden;background:#fff;}
.aboutMain .pic{width:660px;height:410px;overflow:hidden;}
.aboutMain .pic img{width:660px;height:410px;animation:scale 30s infinite;}

.aboutMain .font{width:600px;padding:60px 40px 0 40px;}
.aboutMain .font .hTitle{text-align:left;margin-bottom:15px;}
.aboutMain .font .tie{font-size:20px;color:#fff;margin-bottom:25px;background: url('../images/aTie.jpg') no-repeat;height:40px;line-height:40px;padding-left:20px;}
.aboutMain .font .txt{height:200px;margin-bottom:30px;overflow:hidden;font-size:13px;}
.aboutMain .tel{background: url('../images/tel_l.png') no-repeat left center;padding-left:50px;}
.aboutMain .tel span{display:block;font-size:24px;color:#c52733;font-family:Arial;}
.aboutMain .font .more{color:#f20000;font-size:12px;display:inline-block}
.aboutMain .font .more:hover{padding-left:20px;}

.album{background:#fff;padding:40px 40px 20px 40px;position:relative;width:1300px;overflow:hidden;}
.album .menu1{text-align:center;margin-bottom:30px;}
.album .menu1 a{display:inline-block;border:1px solid #dbdbdb;width:180px;height:50px;line-height:50px;font-size:16px;}
.album .menu1 a.on{background:#f20000;color:#fff;border:1px solid #003672;}
.albumMain,.albumMain .box{height:240px;overflow:hidden;}
.album ul{width:1240px;}
.album li{float:left;width:290px;margin-right:20px;text-align:center;}
.album li .pImg{width:280px;height:190px;overflow:hidden;display:block;}
.album li img{width:280px;height:190px;transition:all .5s;}
.album li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:50px;line-height:50px;}
.album li:hover img{transform: scale(1.1);}
.album .pageBtn span{position:absolute;left:-20px;font-family:"宋体";font-size:32px;text-align:center;line-height:40px;font-weight:bold;bottom:50%;cursor:pointer;background:#222;color:#fff;width:40px;height:40px;}
.album .pageBtn .next{left:auto;right:-20px;}
.album .pageBtn span:hover{background:#e50811;color:#fff;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}

/* 新闻 */
.news{padding:70px 0;overflow:hidden;border-top: 1px solid #ccc;font-size:12px;}
.newsL{width:860px;overflow:hidden;}
.news .nTie{font-size:30px;color:#191919;padding-bottom:10px;margin-bottom:35px;line-height:30px;position:relative;}
.news .nTie span{display:block;font-size:12px;opacity:.5;font-family:Arial;}
.news .nTie::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:30px;background:#f20000;}
.nTie .more{float:right;text-transform: uppercase;font-size:12px;background: url('../images/more.jpg') no-repeat left center;padding-left:20px;margin-top:25px;position:relative;z-index:2;}

.newsPic{width:400px;color:#777;}
.newsPic .pic{display:block;width:375px;height:275px;border:10px solid #fff;box-shadow:0 0 10px #ddd;margin-left:5px;margin-bottom:30px;overflow: hidden;position:relative;}
.newsPic .pic::after{content:"+";position:absolute;right:0;bottom:0;background:#c20d1a;width:20px;height:20px;color:#fff;text-align:center;line-height:20px;}
.newsPic img{width:375px;height:275px;transition:all .5s;}
.newsPic h4{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;}
.newsPic h4 a{color:#333;;}
.newsPic h4 a:hover{color:#f20000;}
.newsPic:hover img,.newsR .pic:hover img{transform: scale(1.1);}
.newsTxt{width:430px;}
.newsTxt li{overflow:hidden;font-size:12px;position:relative;background:#fff;border-bottom:1px solid #ddd;margin-bottom:14px;font-size:12px;}
.newsTxt li a{position:relative;z-index:2;display:block;color:#777;padding-bottom:14px;display: block;}
.newsTxt li .date{float:left;width:80px;height:78px;text-align:center;margin-right:20px;transition:all 0.4s;color:#333;}
.newsTxt li .date i{display:block;font-style:normal;font-size:48px;line-height:48px;font-family:Arial;}
.newsTxt li h4,.newsR .txt h4{color:#333;height:30px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:normal;font-size:15px;}
.newsTxt li a:hover .date{margin-left:-80px;}
.newsTxt li a:hover h4,.newsR .txt h4:hover{color:#f20000;}

.newsR{width:360px;border-bottom: 1px solid #f20000;height:517px;}
.newsR .txt{border-bottom: 1px dotted #bababa;padding-bottom:10px;margin-bottom:10px;color:#777;}
.newsR .pic{display:block;border:10px solid #fff;box-shadow:0 0 10px #ddd;margin-right:5px;height:155px;overflow: hidden;margin-bottom:10px;}
.newsR .pic img{width:335px;transition:all .5s;}
.newsR .li{background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;height:30px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}











/*==标题↓==*/
.titleAx{color:#191919;font-size:26px;}
.titleAx span{ display: block; font-size:12px; color:#999;/*! float: left; */clear: both;}

/*==标题↓==*/
.titleBx{margin:10px 0 10px 0; color:#333333;font-size:30px; text-align: center;}
.titleBx hr{  display: block;height:2px; border:none; margin:20px auto 0; width:25px; background:#f00}
.titleBx span{ display: block; width:500px;font-size:14px; margin:20px auto 0; text-align: center;}


/*==首页案例↓==*/
.CaseHome{ padding:0px 0 80px 0; height:760px;overflow: hidden;background: #ededed;}
.CaseHome .left{margin-top: 80px;}
.CaseHome .left .titleAx{ margin:20px 0;color:#333333;/*! font-size:14px; */margin-top:30px;}
.CaseHome .left .titleAx .more{float:right;color:#999;font-size:12px;margin-top: -30px;}
.CaseHome .left .titleAx .more font{color:#e81021;margin-right: 5px;display: inline-block;}
.CaseHome .left .titleAx .more:hover{color:#666}
.CaseHome .left .list{}
.CaseHome .left .list li{float:left;width: 650px;background: #fff;}
.CaseHome .left .list li .pic{width:325px;float:  left; height: 250px;} 
.CaseHome .left .list li .box{padding: 30px 25px;float:  right;width: 320px;}
.CaseHome .left .list li .box h4{color:#191919;font-size:16px; font-weight: bold;}
.CaseHome .left .list li .box p{color:#5b5b5b;font-size:14px;margin:10px 0 20px 0}
.CaseHome .left .list li .box b{margin-top: 10px;color:#e81021;font-size:12px;display:  block;}
.CaseHome .left .list li:nth-last-child(1) .box,.CaseHome .left .list li:nth-last-child(2) .box{float:left}
.CaseHome .left .list li:nth-last-child(1) .pic,.CaseHome .left .list li:nth-last-child(2) .pic{float:right}
.CaseHome .left .list li:hover .box h4{color:#e81021}
.CaseHome .right{ position:relative;width:350px;height:715px; padding:30px;background: #282828;}
.CaseHome .right .morej{ position: absolute;top:0;right:0; color:#fff;width:25px;height:25px; text-align: center; overflow: hidden; background: #e81021;}
.CaseHome .right .morej:hover{color:#ddd}
.CaseHome .right .titleAx{margin:20px 0; color:#fff}
.CaseHome .right .list{}
.CaseHome .right .list li{clear: both; margin-bottom:20px; padding-bottom:20px; border-bottom: 1px #666 dotted;clear: both;overflow: hidden;}
.CaseHome .right .list li .pic{float:left;margin-right:10px;width:100px;/*! height: 94px; */}
.CaseHome .right .list li h4{color:#fff;font-size:16px}
.CaseHome .right .list li p{margin-top:10px;color:#fff;font-size:12px}
.CaseHome .right .list li:hover h4{color:#ddd }


/*==首页信息↓==*/
.InformationHome{margin: 10px 0 100px 0;}
.InformationHome .left{width:950px;margin:0 0px 0 0 }
.InformationHome .slideInformation{ position: relative;height: 400px;overflow: hidden;/*! float: left; */}
.InformationHome .slideInformation .list{}
.InformationHome .slideInformation .list li{}
.InformationHome .slideInformation .list li img{width:100%;max-width: 100%;height: 400px;}
.InformationHome .slideInformation .list .wx{ position: absolute; bottom: 0;right:0;width:400px;padding:40px 40px 100px 40px; background:rgba(255,255,255,0.8);}
.InformationHome .slideInformation .list .wx h4{color:#333333;font-size:22px;}
.InformationHome .slideInformation .list .wx p{margin-top:20px;color:#484747;font-size:12px;}
.InformationHome .slideInformation .bottom{ position: absolute; bottom:40px;right:245px;z-index: 9999;padding: 0 35px;}
.InformationHome .slideInformation .spot{ }
.InformationHome .slideInformation .spot li{ position: relative; float:left; width:15px;height:15px; margin:0 5px;font-size:14px;color:#e81021;/*! background: #333333; */cursor: pointer;/*! background: #eee; */}
.InformationHome .slideInformation .spot li font{opacity: 0;font-weight: bold;}
.InformationHome .slideInformation .spot li:before{ content: ""; position: absolute; left:5px;top:10px; width:5px;height:5px; border-radius: 50%; background: #333333;}
.InformationHome .slideInformation .spot li.on font{opacity: 1;}
.InformationHome .slideInformation .spot li.on:before{ opacity: 0;}
.InformationHome .slideInformation .prev,.InformationHome .slideInformation .next{ position: absolute; left:0;top:3px;width:20px;height:20px; background: url(../images/line02.png) no-repeat center;}
.InformationHome .slideInformation .next{left:auto;right:0;transform:rotate(180deg);}
.InformationHome .right{width:350px;margin:0 0px 0 0 }
.InformationHome .right a{ display: block; padding:30px 20px; background: #d9d9d9;}
.InformationHome .right a span{ position:relative; display: table;color:#333333;font-size:18px;padding-left:30px;/*! margin: auto; */margin-left: 75px;}
.InformationHome .right a:nth-child(odd){ background: #d3d3d3}
.InformationHome .right a span:before{ content: ""; position: absolute; left:-15px;top:0; width:32px;height:35px; overflow: hidden; /*background-color:#ddd;*/ background-image:url(../images/icoB.png); background-repeat:no-repeat; background-position: 0 0;transition: all .4s ease-in-out;}
.InformationHome .right a span font{color:#999;font-size:12px;display: block;line-height: 15px;transition: all .4s ease-in-out;}
.InformationHome .right a:hover{ background: #e81021;}
.InformationHome .right a:hover span{color:#fff}
.InformationHome .right a:hover span font{color:#ddd}
.InformationHome .right a:hover span:before{ background-position:0 0;}
.InformationHome .right a.x1 span:before{ background-position:0 -2px;}
.InformationHome .right a.x2 span:before{ background-position:-45px -2px;}
.InformationHome .right a.x3 span:before{ background-position:-90px -2px;}
.InformationHome .right a.x4 span:before{ background-position:-137px -2px;}
.InformationHome .right a.x1:hover span:before{ background-position:0 -39px}
.InformationHome .right a.x2:hover span:before{ background-position:-45px -39px;}
.InformationHome .right a.x3:hover span:before{ background-position:-90px -39px;}
.InformationHome .right a.x4:hover span:before{ background-position:-137px -39px;}


/*==新闻↓==*/
.NewsListBox{margin: 70px 0 0 0;}
.NewsListBox .left{width:910px;}
.NewsListBox .left .list{}
.NewsListBox .left .list li{ border-bottom: 1px #ddd dotted;margin-bottom:30px;padding-bottom:30px; overflow: hidden;}
.NewsListBox .left .list li .pic{float:left; width:230px;border:4px #ddd solid;margin-right:40px; height: 180px;}
.NewsListBox .left .list li .rt{width:640px;}
.NewsListBox .left .list li h4{color:#333333;font-size:18px;}
.NewsListBox .left .list li h4 font{float:right; position: relative; color:#888; font-size:14px;}
.NewsListBox .left .list li h4 font:before{ content:""; position: absolute; left:-75px; top:12px;width:60px; height:1px; background: #ddd}
.NewsListBox .left .list li p{margin:20px 0 20px 0;color:#666666;font-size:14px;}
.NewsListBox .left .list li b{color:#888; font-size:14px; padding:5px 0px; }
.NewsListBox .left .list li:hover h4{color:#e60012}
.NewsListBox .left .list li:hover b{ color: #e60012}
.NewsListBox .right{width:290px;}
.NewsListBox .right .box{width:290px; margin-bottom:20px;padding:20px 20px; background:#f4f4f4;}
.NewsListBox .right .title{margin:0 0 20px 0; color:#333333;font-size:20px; }
.NewsListBox .right .title a{ float:right;color:#888888;font-size:12px;}
.NewsListBox .right .title a:hover{color:#e60012}
.NewsListBox .right .list{}
.NewsListBox .right .list li{clear: both;}
.NewsListBox .right .list li.one{ position: relative;margin-bottom: 20px;}
.NewsListBox .right .list li.one h4{ position: absolute; left:0; bottom:0; width:100%; color:#fff;font-size:14px; padding:5px 10px 5px 10px;/*! margin-bottom:20px; */background: rgba(0,0,0,0.5); -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.NewsListBox .right .list li.two{ margin:8px 0;}
.NewsListBox .right .list li.two a{color:#666666;font-size:14px;}
.NewsListBox .right .list li.two a:hover{color:#e60012}
.NewsListBox .right .list-2{}
.NewsListBox .right .list-2 li{clear: both; width:100%;}
.NewsListBox .right .list-2 li .pic{width:100%; background: #fff;}
.NewsListBox .right .list-2 li h4{ color:#666666;font-size:14px; margin:10px 0 0 0; text-align: center;}


/*==次级导航↓==*/
.menu{width:100%;padding:30px 0; border-bottom:1px #eee solid; background:#f7f7f7}
.menu ul{ text-align: center;width: 100%;}
.menu li{ display:inline-block; }
.menu li a{ display: block;padding:0 20px;color:#333;font-size:18px;}
.menu li:hover a,.menu li .active{ color:#f00  }


/*==联系我们↓==*/
.contactBox{margin: 70px 0 100px 0;}
.contactBox .contact{margin:0 0 50px 0}
.contactBox .contact .long{margin: 30px 0 0 0;height: 400px;}
.contactBox .contact .long .left{ width:650px;height: 100%;}
.contactBox .contact .long .left #dituContent{height:100%}
.contactBox .contact .long .right{width:650px;height:100%; border:1px #ddd solid;padding: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.contactBox .contact .long .right .title{color:#333333;font-size:24px;}
.contactBox .contact .long .right .tel{ position:relative;margin-top:20px;color:#333333;font-size:14px;display: block;}
.contactBox .contact .long .right .tel:before{ content: ""; position: absolute; left:0px;top:25px; width:10px; height:2px; background: #f00;}
.contactBox .contact .long .right .tel:after{ content: ""; position: absolute; left:13px;top:25px; width:25px; height:2px; background: #f00;}
.contactBox .contact .long .right .tel font{margin-top:20px;font-size:30px;color:#e60012;display: block;}
.contactBox .contact .long .right .wx{margin-top:20px;color:#333333;font-size:14px;display: block;}
.contactBox .contact .long .right .add2{ margin-top:20px;color:#333333;font-size:14px;display: block;}
.contactBox .contact .long .right .add2 font{font-size:19px; color:#333}
.contactBox .contact .long .right .ewm{color:#666666;font-size:12px; text-align: center;display: block;}
.contactBox .contact .long .right .ewm img{ display: block;margin:0 auto 10px;}
.contactBox .contact .long .right .online{ margin:50px auto 0; color:#fff; font-size:14px; padding:8px 20px; background: #f00;display: block;border-radius: 20px;text-align: center;}
.contactBox .contact .long .right .online:hover{background: #666;}
.contactBox .contact .long .right .lt{}
.contactBox .contact .long .right .rt{margin-top:50px;width: 150px;}
.contactBox .contact .separate{margin:50px 0 0 0}
.contactBox .contact .separate span{ float: left; display: block; width:670px;color:#333333;font-size:14px; padding:35px 50px; background: #f5f5f5;}
.contactBox .contact .separate span font{margin-bottom:10px;color:#3c3c3c;font-size:18px}
.contactBox .contact .separate span:nth-child(even){ background: #eeeeee;}


/*===留言↓==*/
.comments{margin: 20px 0 0 0;}
.contact-form{float:left;width:100%;margin:40px 0 0 0;}
.contact-form .fields-grid{float:left;width:102%;margin-left:-2%;}
.styled-input{margin-right:2%;}
.styled-input.agile-styled-input-top{margin-top: 0;}
.contact-form .yzm{width: 205px;margin-right: 20px;}
.contact-form .yzm input.input-verifycode{width: 120px;float: right;margin: 10px 0px 0px 0px;}
.contact-form .yzm img{float: left; margin: 20px 0 0 0;}
.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea{font-size: 13px; color: #999999; padding: 15px 10px 15px 10px; border: 0; width: 100%; border: 1px solid #ccc; background: none; -webkit-appearance: none;/*! outline: none; */}
.contact-form textarea{min-height: 100px; resize: none;}
/*-- input-effect --*/
.styled-input input:focus ~ label, .styled-input input:valid ~ label,.styled-input textarea:focus ~ label ,.styled-input textarea:valid ~ label{font-size: 14px; color: #e60012; top: -1.3em; -webkit-transition: all 0.125s;-moz-transition: all 0.125s;-o-transition: all 0.125s;-ms-transition: all 0.125s; transition: all 0.125s;}
.styled-input{width: 48%; margin: 0em 0 1.5em 2%; position: relative; float: left;}
.textarea-grid{float:left;width:100% !important;margin-left:0 !important;}
.styled-input label{color: #8c8c8c; padding: 1.2em .9em; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; font-weight: 400; font-size: 14px; display: block; line-height: 1em;}
.styled-input input ~ span,.styled-input textarea ~ span{display: block; width: 0; height: 2px; background: #e60012; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.125s; -moz-transition: all 0.125s; transition: all 0.125s;}
.styled-input textarea ~ span{bottom: 4px;}
.styled-input input:focus.styled-input textarea:focus{outline: 0;}
.styled-input input:focus ~ span,.styled-input textarea:focus ~ span{width: 100%;-webkit-transition: all 0.075s;-moz-transition: all 0.075s;transition: all 0.075s;}
.contact-form button{outline: none; color: #fff; padding: 15px 60px; margin: 0 15px; font-size: 14px; -webkit-appearance: none; background:#666; border-radius: 30px;
border:none; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; transition: 0.5s all; cursor: pointer;}
.contact-form .btn{ display: table; margin:20px auto 0;}
.contact-form button:hover{background:#666;}
.contact-form .submit{ background: #e60012;}
.contact-form .reset{ background: #838383;}


/*==产品列表↓==*/
.ProductListBox{margin: 50px 0;}
.ProductListBox .list{ margin-left:-30px;width: 1370px;}
.ProductListBox .list li{float:left; margin:0 0 30px 30px;width:655px; border:1px #ddd solid;height:220px;}
.ProductListBox .list li .pic{float:left; width:220px;height:220px;}
.ProductListBox .list li .box{ width:433px;padding:30px 20px;float: right;}
.ProductListBox .list li .box h4{color:#333333;font-size:20px;}
.ProductListBox .list li .box p{margin:20px 0;color:#666;font-size:14px;}
.ProductListBox .list li .box .block{color:#fff;font-size:14px;padding:5px 20px; border-radius: 30px;;width: 120px;display: inline-block;text-align: center;}
.ProductListBox .list li .box .details{ background: #333333;}
.ProductListBox .list li .box .shop{margin-left:20px; background: #e50005;}
.ProductListBox .list li .box .block:hover{ background: #666;}
.ProductListBox .list li:hover .box h4 a{color:#e60012}


/*==底部===*/
.footer{padding: 80px 0 0 0;background: #292929;}
.footer .left{width: 822px;}
.footer .left .nav{float: left;width:100%;margin: 0 0 50px 0;}
.footer .left .nav li{float:left;margin-right: 40px;}
.footer .left .nav li a{ display: block;color:#fff; line-height:20px;font-size:14px;padding:3px 0;}
.footer .left .nav li a:hover{color:#ddd}
.footer .left .block{display:  inline-block;color:#999999;font-size:12px;padding-right: 40px;margin-right: 40px;border-right: 1px #999 dotted;}
.footer .left .block a{color:#999999;font-size:12px;}
.footer .left .block a:hover{color:#fff}
.footer .left .block font{color:#fff;font-size:24px;font-weight:  bold;}
.footer .left .block:last-child{ border: none;padding-right:0px;margin-right:0px;}
.footer .right{width:300px;display:  table;text-align: right;vertical-align:  top;}
.footer .right span{position:relative;display: table-cell;padding-right: 20px;color:#999;vertical-align: top;font-size:12px;}
.footer .right span:before{content:"";position: absolute;right: 30px;top: 30px;width: 15px;height: 1px;background: #999;}
.footer .right img{display: table-cell;}




.footer .link{margin-top: 60px;padding:20px 0;border-top: 1px #333 solid;}
.footer .link h3{float: left;color:#fff;font-size:14px}
.footer .link h3 font{color:#999; font-size:11px; margin-left:5px}
.footer .link a{display: inline-block;color:#999;padding: 0 15px;font-size:12px;line-height: 10px;/* border-right: 1px #999 dashed; */}
.footer .link a:hover{color:#fff}
.footer .link a:last-child{border:none; }
.footer .down{padding:15px 0; color:#666; font-size:12px; background: #222;}