@charset "utf-8";

.main{width:100%;padding-bottom:80px}

.title{text-align:center;}

.title h1{color:#e22b10;font-size:30px}

.title h1 span{display:block;color:#999;font-size:12px;padding-bottom:15px}

.title h1 em{display:block;width:40px;height:1px;background:#ecad62;margin:0 auto}

.step{padding-top:34px}

.step .goods{text-align:center;padding-top:50px;padding-bottom:26px}

.goods a{display:inline-block;margin:0 104px}

.goods a h2{color:#ecad62;font-size:18px;padding-top:7px}

.goods a em{display:block;background:url(../images/main_09.png) no-repeat;width:80px;height:80px;margin:0 auto;transition:ease-in 0.3s}

.goods a h2 span{display:block;color:#ecad62;font-size:12px;padding-top:1px}

.goods a:hover .img1{background-position:0 -94px}

.goods a .img2{background-position:-95px 0}

.goods a:hover .img2{background-position:-95px -94px}

.goods a .img3{background-position:-190px 0}

.goods a:hover .img3{background-position:-190px -94px}

.goods a:hover h2,.goods a:hover h2 span{color:#e22b10}

.step .goods2{padding-bottom:60px}

.goods2 .left{width:580px;height:360px;overflow:hidden;text-align:center;float:left}

.goods2 .left img{width:580px;height:360px;}

.goods2 .center{width:280px;margin:0 10px;float:left}

.goods2 li{margin-bottom:10px;width:280px;height:175px;overflow:hidden;text-align:center}

.goods2 li img{width:280px;height:175px;}

.goods2 .right{width:320px;height:360px;overflow:hidden;text-align:center;float:right}

.goods2 .right img{width:320px;height:360px;}

.goods2 a img:hover{transform:scale(1.25);-ms-transform:scale(1.25);-webkit-transform: scale(1.25);-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-ms-transition:-ms-transform 0.5s ease-out;}

.goods2 a img{transform: scale(1);-webkit-transition:-webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;}

.sybox{width:100%;background:#f8f8f8}

.step2{padding-top:34px}

.step2 .step02{padding-top:20px}

.step2 .left{float:left;width:559px;padding-right:33px;border-bottom:2px solid #ddd}

.step2 .left img{width:559px;height:336px;}

.step2 .right{float:right;background:url(../images/main_37.png) no-repeat left top;width:559px;padding-left:49px;margin-top:28px;position:relative;padding-bottom:35px}

.step2 .left p{color:#666;font-size:12px;line-height:25px;text-indent:26px}

.step2 .left p span{color:#e22b10;font-size:14px}

.step2 .left .more{display:block;float:right;width:130px;height:35px;color:#fff;font-size:14px;line-height:35px;text-align:center;background:#e22b10;margin:31px 0 22px 0}

.step2 .left h3{padding-bottom:13px}

.step2 .line{width:300px;height:2px;background:#ddd;position:absolute;top:27px;left:16px}

.step2 h4 a{display:block;color:#e22b10;font-size:20px;}

.step2 h4 a span{display:block;color:#ecad62;font-size:12px;padding-top:4px}

.step2 h4{padding-top:60px;padding-bottom:18px}

.step2 .right p a{display:block;color:#666;font-size:12px;line-height:25px;text-indent:26px;height:100px;overflow:hidden}

.step2 .sort{padding-top:13px;padding-bottom:18px}

.sort ul{width:568px}

.sort li{float:left;width:132px;margin-right:10px;text-align:center;}

.sort li a{display:block;color:#fff;font-size:12px;background:#ecad62;padding-top:11px;padding-bottom:8px}

.sort li a span{display:block;width:60px;height:60px;background:url(../images/main_40.png) no-repeat;margin:0px auto 4px auto;transition:ease-in 0.3s}

.sort li:hover a{background:#e22b10}

.sort li:hover a span.aa1{background-position:0 -71px}

.sort li a span.aa2{background-position:-75px 0px}

.sort li:hover a span.aa2{background-position:-75px -71px}

.sort li a span.aa3{background-position:-150px 0px}

.sort li:hover a span.aa3{background-position:-150px -71px}

.sort li a span.aa4{background-position:-225px 0px}

.sort li:hover a span.aa4{background-position:-225px -71px}

.step2 .picbox ul{width:568px}

.step2 .picbox li{float:left;width:265px;background:#fff;padding:4px;border:1px solid #ccc;margin-right:8px}

.step2 .picbox li img{width:265px;height:170px}

.step2 .left .js{height:126px;overflow:hidden}

.step2 .picbox li:hover{border:1px solid #e22b10}

.step2 .showbox{padding-top:25px}

.pro-switch {height:285px;overflow:hidden;position:relative;width:1200px;margin-top:17px}

.flexslider {margin: 0;padding: 0;}

.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}

.flexslider .slides img {width: 100%;display: block;}

.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

html[xmlns] .slides {display: block;}

.no-js .slides > li:first-child {display: block;}

.flexslider {margin: 0 auto;position: relative;width:1200px;zoom: 1;}

.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}

.flexslider .slides {zoom: 1;}

.flex-direction-nav {*height: 0;}

.flex-direction-nav a {display: block;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}

.flex-control-nav {width: 100%;position: absolute;bottom:-2px;text-align: center;}

.flex-control-nav li {display: inline-block;zoom: 1;*display: inline;}

.flex-control-paging li a {background:#ccc;display:block;height:12px;overflow: hidden;text-indent:-99em;width:12px;cursor: pointer;border-radius:100%;margin:0 9px}

.flex-control-paging li a.flex-active {background:#e22b10}

.slides li{width:1200px}

.slides li a{display:inline-block;width:281px;height:190px;padding:4px;border:1px solid #ccc;overflow:hidden;margin-right:8px;}

.slides li a img{width:281px;height:190px;}

.slides a:nth-child(4n){margin-right:0px}

.tit a{display:inline-block;float:right;color:#e22b10;font-size:14px;line-height:24px}

.tit span{display:inline-block;color:#e22b10;font-size:18px}

.tit span em{display:inline-block;color:#999;font-size:12px}

.step3{padding-top:34px}

.step3 .step03{padding-top:45px}

.step3 .left{width:585px;float:left}

.step3 .right{width:585px;float:right}

.step3 .tab_title{border-bottom:2px solid #ddd;}

.tab_title a{display:inline-block;color:#333;font-size:16px;padding:0 24px 10px 24px;position:relative}

.tab_title a span{height:2px;background:#e22b10;display:block;position:absolute;width:100%;left:0;bottom:-2px;display:none}

.tab_title a.cur{color:#e22b10}

.tab_title a.cur span{display:block}

.step3 .group{display:none;}

.step3 .img{display:inline-block;float:left;width:180px;height:110px;overflow:hidden;padding-right:12px}

.step3 .img img{width:180px;height:110px;}

.step3 .wz{overflow:hidden}

.step3 .wz h5 a{display:block;color:#333;font-size:14px;}

.step3 .wz p a{display:block;color:#888;font-size:12px;line-height:24px;margin-top:9px;height:48px;overflow:hidden}

.step3 .wz .more{display:block;width:90px;height:24px;color:#fff;font-size:12px;line-height:24px;text-align:center;background:#e22b10;margin-top:9px}

.step3 .top{padding:20px 0}

.step3 .wz:hover h5 a{color:#e22b10}

.step3 .down{border-top:1px solid #eee;padding-top:5px}

.step3 .down li{height:37px;border-bottom:1px dashed #ddd;line-height:38px}

.step3 .down li a{color:#666;font-size:12px;display:inline-block}

.step3 .down li span{display:inline-block;float:right;color:#aaa;font-size:12px;}

.step3 .down li a:hover{color:#e22b10}

.tit2{border-bottom:2px solid #ddd;}

.tit2 span{display:inline-block;color:#e22b10;font-size:16px;padding:0 24px 10px 24px;position:relative}

.tit2 span em{height:2px;background:#e22b10;display:block;position:absolute;width:100%;left:0;bottom:-2px;}

.step3 .problem{padding-top:19px}

.problem li{border-bottom:1px dashed #ddd;padding-bottom:14px;margin-bottom:28px}

.problem li a h5{color:#333;font-size:14px;margin-bottom:15px;line-height:25px;}

.problem li a p{color:#888;font-size:12px;line-height:24px;overflow:hidden;height:48px}

.problem li a span{display:inline-block;width:25px;height:25px;border-radius:100%;line-height:25px;text-align:center;color:#fff;font-size:14px;margin-right:10px;background:#bbb;float:left}

.problem li a p span{background:#e22b10}

.problem li:hover a h5{color:#e22b10}

.step4 .tit span{font-size:16px;}

.step4 .left{width:800px;float:left;}

.step4 .right{width:368px;float:right}

.step4 input{background:#fdfdf9;border:1px solid #ccc;height:34px;color:#bbb;font-size:12px;font-family:"微软雅黑";padding:0 10px;outline:none;width:92.5%}

.step4 input.aa{float:left}

.step4 input.bb{float:right}

.step4 textarea{background:#fdfdf9;border:1px solid #ccc;height:63px;color:#bbb;font-size:12px;font-family:"微软雅黑";padding:10px;outline:none;resize:none;width:97.3%;margin:15px 0}

.step4 input.yes{width:100%;padding:0;color:#fff;background:#e22b10;border:none;height:40px;font-size:14px;cursor:pointer}

.step4 .table{padding-top:24px}

.step4 .tel{background:url(../images/main_69.png) no-repeat left center;color:#666;font-size:12px;padding-left:50px;height:42px;padding-top:2px;margin-top:26px}

.step4 .tel span{display:block;color:#e22b10;font-size:18px}

.step4 .add p{color:#666;font-size:14px;line-height:30px}

.step4 .add{padding-top:18px}

/*关于我们*/

.ny_banner img{width:100%;height:auto;}

.bt_title{text-align:center;padding-top:40px}

.bt_title h1{color:#e22b10;font-size:36px;font-weight:bold;}

.bt_title h1 em{display:block;padding:12px 0}

.bt_title h1 span{display:block;color:#666;font-size:12px;font-weight:normal}

.nav{text-align:center;padding-top:26px;padding-bottom:40px}

.nav a{display:inline-block;width:118px;height:34px;border:1px solid #e22b10;color:#e22b10;font-size:14px;line-height:34px;margin:10px}

.nav a.on{background:#e22b10;color:#fff}

.content{border:1px solid #ddd;padding:0 100px}

.about{padding:44px 0}

.about h3{color:#333;font-size:24px;font-weight:bold;text-align:center;}

.about h3 span{display:block;font-weight:normal;color:#666;font-size:12px;padding-top:8px;}

.about img,.about2 img{max-width:1000px;}

.about p{color:#666;font-size:15px;line-height:30px;}

.about .pic{padding:28px 0}

.about2 p{clear:both;}

.about2 .pic{padding-bottom:26px}

.about2 p strong{display:inline-block;float:left;color:#333;font-size:16px;width:120px}

.about2 p span{display:inline-block;float:left;color:#333;font-size:16px}

.about2 p span em{color:#999;font-size:12px;display:block;padding-top:10px;padding-bottom:12px}

.about2{padding-top:50px;padding-bottom:120px}

.about3{padding:50px 0 100px 0;}

.about3 ul{width:1023px}

.about3 li{float:left;width:308px;height:207px;border:1px solid #ccc;padding:4px;overflow:hidden;margin-right:23px;background:#fdfdf9;margin-bottom:23px}

.about3 li img{width:308px;height:207px;}

.about4{padding:50px 0 100px 0;}

.about4 ul{width:1040px}

.about4 li{width:478px;height:598px;border:1px solid #ccc;margin-right:40px;margin-bottom:40px;overflow:hidden;float:left}

.about4 img{width:478px;height:598px;}

/*公司动态*/

.news{padding:50px 0 80px 0}

.news .img{display:inline-block;float:left;width:400px;height:240px;overflow:hidden;padding-right:30px}

.news .img img{width:400px;height:240px;}

.news .wz{overflow:hidden}

.news .wz h5 a{display:block;color:#333;font-size:18px;font-weight:bold;margin:15px 0}

.news .wz span{display:block;color:#999;font-size:12px}

.news .wz p a{display:block;color:#666;font-size:14px;line-height:25px;margin-top:14px;height:100px;overflow:hidden}

.news .wz .more{display:block;width:120px;height:32px;color:#fff;font-size:14px;line-height:32px;text-align:center;background:#e22b10;margin-top:22px}

.news .top{padding:0px 0 8px 0}

.news .wz:hover h5 a{color:#e22b10}

.news .down li{height:43px;border-bottom:1px dashed #ddd;line-height:44px}

.news .down li a{color:#666;font-size:14px;display:inline-block}

.news .down li span{display:inline-block;float:right;color:#aaa;font-size:14px;}

.news .down li a:hover{color:#e22b10}

.news .top li{margin-bottom:40px}

/*常见问题*/

.problem2{padding:50px 0 80px 0}

.problem2 li{border-bottom:1px dashed #ddd;padding-bottom:26px;margin-bottom:40px}

.problem2 li a h5{color:#333;font-size:18px;margin-bottom:20px;line-height:30px;}

.problem2 li a p{color:#888;font-size:14px;line-height:25px;overflow:hidden}

.problem2 li a span{display:inline-block;width:30px;height:30px;border-radius:100%;line-height:30px;text-align:center;color:#fff;font-size:14px;margin-right:10px;background:#bbb;float:left}

.problem2 li a div span{background:#e22b10}

.problem2 li:hover a h5{color:#e22b10}



.detail{padding:46px 0 80px 0;border-top:none}

.detail h3{color:#333;font-size:18px;font-weight:bold;text-align:center}

.detail h4{color:#999;font-size:12px;text-align:center;border-bottom:1px dashed #999;padding:8px 0 10px 0;margin-bottom:23px}

.detail p{color:#666;font-size:15px;line-height:25px;}

.detail img{max-width:1000px;display:block;margin:42px auto 25px auto}

.fybox{padding:36px 0 0px 0}

.fybox span{display:block;line-height:30px;margin-bottom:10px}

.fybox a{color:#666;font-size:14px;}

.fybox span em{display:inline-block;width:99px;height:30px;line-height:30px;text-align:center;background:#e22b10;color:#fff;font-size:14px;margin-right:16px}

.back{float:right;padding-top:10px}

.back a{display:block;width:120px;height:30px;line-height:30px;text-align:center;background:#e22b10;color:#fff;font-size:14px;}

.common{padding-top:65px}

.common .list{padding:5px 0 40px 0}

.common .list ul{width:1040px}

.common .list li{float:left;border-bottom:1px dashed #999;height:37px;line-height:38px;width:480px;overflow:hidden;margin-right:40px}

.common .list li a{color:#666;font-size:14px;}

.common .list li span{display:inline-block;float:right;color:#999;font-size:14px;}

.common .list li:hover a{color:#e22b10}

/*联系我们*/

.contact{padding:50px 0 80px 0}

.contact .picture img{width:100%;height:auto}

.contact h2{color:#e22b10;font-size:18px;padding:30px 0 18px 0}

.contact p{color:#333;font-size:14px;line-height:25px;}

#dituContent{width:99.8%;height:460px;border:#ddd solid 1px;}

.h36{margin-top:36px}

/*在线留言*/

.online{padding:50px 0 80px 0}

.online img{width:100%;height:auto}

.online h3{color:#e22b10;font-size:18px;padding:17px 0 30px 0}

.online td input,.online td textarea{padding:0 10px;font-family:"微软雅黑";color:#333;font-size:14px;height:38px;border:1px solid #ccc;width:75%;display:inline-block;outline:none;margin-bottom:20px}

.online td span{display:inline-block;color:#333;font-size:16px;padding-right:10px;float:left;width:48px;line-height:40px}

.online td textarea{resize:none;width:87.5%;padding:10px;height:80px}

.online td .yes{width:150px;height:40px;color:#fff;background:#e22b10;font-size:16px;border:none;cursor:pointer;margin-left:58px}

/*人才理念*/

.join{padding:50px 0 80px 0}

.join img{width:100%;height:auto}

.join h3{color:#666;font-size:18px;font-weight:bold;padding:50px 0 28px 0}

.join p{color:#666;font-size:15px;line-height:25px;}

/*人才招聘*/

.join2{padding:50px 0 80px 0}

.join2 img{width:100%;height:auto}

.join2 h2{padding-bottom:22px}

.join2 p{color:#333;font-size:16px;line-height:30px}

.subNavBox{width:100%;padding-top:8px}

.subNav{color:#333;font-size:14px;background:#f2f2f2 url(../images/yqq2.png) no-repeat 30px center;height:50px;line-height:50px;padding:0 30px 0 65px;margin-top:10px}

.currentDt{background:#e22b10 url(../images/yqq.png) no-repeat 30px center;color:#fff}

.navContent{display:none;padding:20px 30px;background:#f2f2f2}

.join2 .navContent p{color:#333;font-size:14px;line-height:30px}

.join2 .navContent p strong{font-size:16px;}

.subNav span{display:inline-block;float:right;background:url(../images/jian2.png) no-repeat left 21px;padding-left:32px}

.currentDt span{background:url(../images/jian.png) no-repeat left 21px;}

/*产品中心*/

.products{padding:44px 0 80px 0}

.products h2{color:#e22b10;font-size:24px;padding-bottom:22px}

.products h2 span{display:inline-block;font-size:14px;padding-left:12px}

.products p{color:#666;font-size:15px;line-height:25px}

.products .sub_nav{border:1px solid #e22b10;width:712px;height:38px;border-right:none;margin-top:26px}

.sub_nav li{float:left;border-right:1px solid #e22b10;height:38px;line-height:38px;text-align:center;width:88px}

.sub_nav li a{display:block;color:#e22b10;font-size:14px;}

.sub_nav li a:hover,.sub_nav li a.move{background:#e22b10;color:#fff}

.products .show{padding:40px 0}

.products .show ul{width:1020px}

.products .show li{float:left;width:320px;margin-right:20px;margin-bottom:20px;text-align:center}

.products .show li img{width:320px;height:196px}

.products .show li a p{height:40px;line-height:40px;background:#ddd;color:#e22b10;}

.products2{padding:50px 0 80px 0}

.products2 .left{width:450px;padding-right:22px;display:inline-block;float:left;}
.products2 .left img{width:auto;height:263px}

.products2 .right{overflow:hidden}

.products2 .right h2{color:#333;font-size:18px;font-weight:bold;border-bottom:1px solid #ddd;padding-bottom:12px;padding-top:5px}

.products2 .right h3{color:#333;font-size:16px;padding:15px 0 8px 0}

.products2 .right p{color:#333;font-size:14px;line-height:25px}

.products2 .right h4{background:url(../images/cp_06.jpg) no-repeat left center;padding-left:45px;color:#e22b10;font-size:18px;height:35px;line-height:35px;margin-top:16px}

.products2 .con{padding-top:5px}

.con h5{position:relative;border-bottom:2px solid #ccc;padding:10px 0;margin-bottom:18px}

.con h5 span{display:inline-block;color:#e22b10;font-size:16px;width:130px;text-align:center}

.con h5 em{display:block;position:absolute;width:130px;height:2px;background:#e22b10;left:0;bottom:-2px}

.con p{color:#666;font-size:15px;line-height:30px}

.goods_box{padding:20px 0}

.goods_box ul{width:1020px}

.goods_box li{float:left;text-align:center;width:235px;margin-right:19px}

.goods_box li img{width:235px;height:143px}

.goods_box li a p{height:40px;line-height:40px;color:#e22b10;font-size:14px;background:#ddd;}