@charset "utf-8";

.section .step{padding-top:30px}

.step .left{width:224px}

.step .showbox{margin-bottom:28px}

.step .tit{background:url(../images/title.jpg) no-repeat;height:45px;line-height:45px;color:#fff;font-size:18px;padding-left:82px}

.step .sort li{height:35px;border-bottom:1px solid #e0e0e0;line-height:36px;}

.step .sort li a{display:block;color:#666;font-size:14px;background:#f2f2f2 url(../images/jiantou.png) no-repeat 93% center;padding-left:16px;height:35px}

.step .sort li a:hover{background:#f2f2f2 url(../images/jiantou2.png) no-repeat 93% center;color:#0c57bc}

.step .right{width:870px;border:1px solid #d4d4d4;padding:14px 16px 5px 16px}


.title .more{color:#666;font-size:12px;display:inline-block;float:right;line-height:27px}

.title h2{color:#0059a9;font-size:20px}

.title h2 span{display:inline-block;color:#999;font-size:12px;margin-left:5px}

.step .mr_frbox{padding-top:22px}

.step .mr_frUl li .group{margin-bottom:10px}

.step .mr_frUl li{float:left;overflow:hidden;height:480px;width:280px;margin-right:15px;text-align:center;}

.step .mr_frUl li .images{width:200px;height:200px;}

.step .mr_frUl li img{width:89%;height:100%;}

.step .mr_frbox{width:870px;position:relative;}

.step .mr_frUl{width:870px;overflow:hidden;}

.step .mr_frUl li a p{text-align:center;color:#666;font-size:14px;line-height:30px}

.step .mr_frUl li .group:hover a p{color:#0c57bc}





.section .step2{border:1px solid #d4d4d4;padding:12px 20px;width:1118px;}

.step2 .left{width:298px}

.step2 .way{padding-top:6px;padding-bottom:3px}

.step2 .way li{padding:4px 0}

.step2 .way .sign{width:19px}

.step2 .way .wz{color:#666;font-size:12px;line-height:22px;width:268px}

.step2 .way .wz em{color:#255ead}

.step2 .saobox{background:url(../images/tm_ico.png) no-repeat;height:90px;margin-top:16px}

.step2 .saobox .sao{color:#fff;font-size:12px;line-height:18px;padding-top:27px;padding-left:26px;margin-right:14px;}

.step2 .saobox .ewm{padding-top:14px}

.step2 .right{width:756px;padding-left:30px;background:url(../images/line.png) no-repeat left center}

.step2 .pic{width:304px;background:url(../images/shadow.png) no-repeat;height:225px;padding-left:5px;padding-top:5px}

.step2 .pic img{width:290px;height:209px}

.step2 .our{padding-top:15px}

.step2 .we{width:428px;padding-top:5px;height:192px;overflow:hidden}

.step2 .we p{color:#666;font-size:12px;line-height:24px}

.friend{color:#333;font-size:12px;padding:20px 0}

.friend a{display:inline-block;color:#666;margin-right:25px;line-height:32px}

.friend a:hover{color:#0c57bc}

/*产品中心*/

.main .content{padding:30px 0 100px 0}

.content .leftside{width:224px}

.leftside .nav{margin-bottom:30px}

.nav .sub_nav{background:#efefef}

.nav h1{padding:10px 20px;background:#0c57bc;color:#fff;font-size:20px}

.nav h1 span{display:block;font-size:12px;}

.nav01{position:relative;}

.nav01 a{color:#666;font-size:14px;background:url(../images/jiantou.png) no-repeat 92% center;display:block;border-top:1px solid #e5e5e5;padding:0px 0 0px 20px;height:45px;line-height:46px}

.nav02{display:none;background:#f7f7f7}

.nav02 ul{margin:0;padding:0;}

.nav02 li a{color:#666;font-size:12px;line-height:40px;display:block;height:39px;border-top:1px solid #e5e5e5;padding:0 20px;background:url(../images/jt.png) no-repeat 92% center;}

.nav02 li a:hover,.nav02 li a.cur{color:#176fc1;background:url(../images/jt2.png) no-repeat 92% center;}

.nav01.open a,.nav01 a:hover,.nav01 a.move{background:url(../images/jiantou02.png) no-repeat 92% center;color:#0c57bc;}

.nav01 a.move{color:#176fc1}

.waybox h2{height:45px;background:#0c57bc;padding:0 20px;line-height:45px;color:#fff;font-size:18px}

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

.leftside .waybox .way_list{border:1px solid #f1f1f1;padding:10px 10px 10px 20px}

.leftside .waybox .way li{padding:4px 0}

.leftside .waybox .way .sign{width:19px}

.leftside .waybox .way .wz{color:#666;font-size:12px;line-height:22px;width:163px}

.leftside .waybox .way .wz em{color:#255ead}

.leftside .waybox .ewmbox{text-align:center;margin-right:10px;border-top:1px solid #f1f1f1;padding-top:20px;margin-top:12px}

.leftside .waybox .ewm img{width:85px;height:85px;padding:8px;border:1px solid #f3f3f3}

.leftside .waybox .ewmbox p{color:#666;font-size:12px;padding-top:12px}

.content .rightside{width:906px;}

.rightside .home{border-bottom:1px solid #f1f1f1;padding-bottom:16px;padding-top:3px}

.home span{display:inline-block;float:right;color:#999;font-size:12px;line-height:24px}

.home span a{color:#999}

.home span em{color:#0c57bc}

.home h3{color:#0c57bc;font-size:18px;}

.rightside .products{padding:30px 0}

.products ul{width:930px}

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

.products li .img{width:290px;height:210px;overflow:hidden}

.products li .img img{width:100%;height:auto}

.products li a p{color:#666;font-size:14px;padding-top:12px}

.products li:hover a p{color:#0c57bc;}



.rightside .detailbox{padding:26px 0 30px 0}

.detailbox h4{text-align:center;color:#0c57bc;font-size:18px}

.detailbox h5{text-align:center;color:#666;font-size:14px;border-bottom:1px solid #f4f4f4;padding:12px 0 8px 0;margin-bottom:40px}

.detailbox h5 span{display:inline-block;margin:0 12px}

.detailbox .picture{text-align:center;}

.detailbox img{padding-bottom:30px}

.detailbox p{color:#666;font-size:14px;line-height:24px;}

/*公司简介*/

.rightside .about{padding:26px 0 30px 0}

.about p{color:#666;font-size:14px;line-height:30px;text-indent:28px}

.about .a_img{text-align:center;padding:30px 0}

/*联系我们*/

.rightside .contact{padding:26px 0 30px 0}

.contact h4{color:#333;font-size:18px;padding-bottom:12px}

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

.contact p em{color:#0c57bc;}

.contact h5{padding-top:30px;color:#333;font-size:16px;padding-bottom:20px}

/*人才招聘*/

.rightside .join{padding:26px 0 30px 0}

.rightside .join dl{padding:0 0px 22px 0px;margin-bottom:25px;border-bottom:1px dashed #ddd}

.rightside .join span{display:block;font-size:16px;color:#333;margin-bottom:14px;font-weight:bold}

.rightside .join dt{font-size:14px;color:#333;margin-bottom:8px;margin-top:20px;font-weight:bold}

.rightside .join dd{font-size:14px;color:#666;line-height:30px}

/*在线留言*/

.rightside .online{padding:26px 0 60px 0}

.online h2{color:#666;font-size:14px;margin-bottom:2px}

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

.rightside .online .table{width:888px;margin-top:26px;}

.rightside .online .table td{color:#666;font-size:14px;border-bottom:none;text-align:left;height:54px}

.rightside .online .table td input{height:34px;border:1px solid #ccc;width:382px;outline:none;padding:0 10px}

.rightside .online .table td textarea{height:68px;border:1px solid #ccc;width:604px;resize:none;outline:none;margin:8px 0 9px 0;padding:10px}

.rightside .online .table td span{display:inline-block;width:60px;text-align:right;height:38px;line-height:38px;margin-right:8px}

.rightside .online .table td .tj{width:170px;height:46px;background:#0c57bc;color:#fff;font-size:16px;border:none;margin-left:68px;margin-top:17px;font-family:"微软雅黑";cursor:pointer;border-radius:3px}

.rightside .online .table td input.tt{width:138px;height:34px;border:1px solid #ccc;}

.rightside .online .table td em{display:inline-block;height:30px;line-height:30px;padding-left:12px;}

.rightside .online .table td em a{color:#666;display:inline-block;padding-left:15px}

/*新闻动态*/

.rightside .news{padding:5px 0 60px 0}

.news li{height:59px;border-bottom:1px dashed #ccc;line-height:60px}

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

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

.news li a:hover{ text-decoration:underline;color:#0c57bc;}

/*经典案例*/

.rightside .case{padding:25px 0 60px 0}

.case li{padding-bottom:30px}

.case li h4{margin-bottom:12px}

.case li h4 a{display:block;color:#333;font-size:16px;}

.case li p{color:#666;font-size:12px;line-height:24px;}

.case li .read{display:block;width:98px;height:28px;border:1px solid #ccc;color:#777;font-size:12px;line-height:28px;text-align:center;margin-top:13px}

.case li:hover h4 a{color:#0c57bc}

.case li:hover .read{color:#fff;border:1px solid #0c57bc;background:#0c57bc}

/*行业合作*/

.rightside .partner{padding:26px 0 60px 0}

.partner h4{text-align:center;color:#0c57bc;font-size:18px;margin-bottom:28px}

.partner .table2{text-align:center;}

.detailbox .fybox{padding-top:40px}

.fybox span{display:block;color:#666;font-size:14px;line-height:32px}

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