@charset "utf-8";
.mtitle{position:relative;text-align:center;padding:54px 0 38px;}
.mtitle h3{font-family:arial;font-size:24px;color:#999;text-transform:uppercase;line-height:30px;}
.mtitle h2{position:relative;font-size:30px;color:#333;line-height:36px;font-weight:700;}
.mtitle h2 span{display:inline-block;position:relative;background:#ff9c00;color:#fff;padding:0 30px;font-size:24px;margin-left:5px;}
.mtitle h2 span:after{position:absolute;left:4px;top:4px;bottom:4px;right:4px;content:'';border:1px solid #fff;}
.mtitle h2:before,.mtitle h2:after{position:absolute;top:50%;content:'';height:9px;width:50%;background:url(../images/mtit.png) no-repeat}
.mtitle h2:before{left:0;background-position:100% 0px;}
.mtitle h2:after{background-position:0 -9px;right:0;}

.searchs{height:36px;border-bottom:1px solid #ddd;padding:12px 0;background:#f9f9f9;}
.searchs .hotkw{float:left;width:840px;overflow:hidden;height:36px;line-height:36px;font-size:14px;color:#999;}
.searchs .hotkw .tt{color:#333;}
.searchs .hotkw a{color:#999;}
.searchs .hotkw em{margin:0 9px;}
.searchs .hotkw a:hover{color:#333;}
.searchs .search{float:right;height:36px;}
.searchs .search .searchbd{float:left;padding:0 20px;border:1px solid #ddd;border-radius:34px 0 0 34px;background:#fff;}
.searchs .search .stxt{float:left;border:0;height:20px;line-height:20px;overflow:hidden;padding:7px 0px;width:198px;font-size:12px;background:none;}
.searchs .search .go{display:block;float:left;width:56px;height:36px;background:#1d60d3;border-radius:0px 34px 34px 0;}
.searchs .search .go .icon-search{display:block;margin:9px auto;}
.searchs .search .go span{white-space:nowrap;display:none;}

.prod-panel{padding:50px 0 68px;background:#fafafa;}
.pcate{float:left;width:240px;}
.pcate .sbox{margin-bottom:2px;}
.prod{float:right;width:890px;}
.prod .hd{border-bottom:1px solid #e0e0e0;height:40px;line-height:40px;}
.prod .hd h2{float:left;border-left:4px solid #1d60d3;padding-left:14px;color:#333;font-size:20px;font-weight:700;}
.prod .hd a{float:right;color:#333;}

.prod li{float:left;width:282px;margin:27px 22px 0 0;}
.prod li a{background:#fff;display:block;border:1px solid #ddd;position:relative;}
.prod li .pic{height:208px;}
.prod li h2{background:#f5f5f5;font-size:14px;height:36px;line-height:36px;text-align:center;color:#666;overflow:hidden;text-overflow:ellipsis;padding:0 10px;}
.prod li.end{margin-right:0;}
.prod li a:hover{text-decoration:none;box-shadow:0 0 5px #ddd}
.prod li a:hover h2{color:#333;}

.case{padding-bottom:60px;}
.case .mtitle h2:before,.case .mtitle h2:after{width:466px;}
.case .cate{height:38px;margin-bottom:40px;}
.case .cate li{float:left;width:125px;margin-right:22px;}
.case .cate a{display:block;height:36px;line-height:38px;background:#e0e0e0;border-bottom:2px solid #ccc;color:#333;text-align:center;}
.case .cate a:hover,.case .cate a.active{background:#1d60d3;border-bottom-color:#0040af;color:#fff;text-decoration:none;}
.case .cate .end{margin-right:0;}

.case .bd li{float:left;width:366px;margin-right:30px;}
.case .bd li a{display:block;border:1px solid #ddd;background:#f5f5f5}
.case .bd li a .pic{height:252px;}
.case .bd li a img{width:100%;height:100%;}
.case .bd li a h3{height:40px;line-height:40px;text-align:center;padding:0 10px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.case .bd li a:hover{border-color:#0040af;background:#1d60d3;color:#fff;text-decoration:none;}

.case .bd{position:relative;height:294px;}
.case .bd .bfocus{position:relative;height:294px;overflow:hidden;}
.case .bd .prev,.case .bd .next{position:absolute;top:108px;width:30px;height:80px;background:url(../images/arrowc.png) no-repeat;}
.case .bd .prev{left:-50px;}
.case .bd .next{right:-50px;background-position:-30px 0}

.dingzhi{background:#f9f9fa url(../images/dz.jpg) center top no-repeat;border-top:1px solid #eee;height:1460px;}
.dingzhi .mtitle h2:before,.dingzhi .mtitle h2:after{width:405px;}
.dingzhi .row1{padding:42px 0 0;height:572px;}
.dingzhi .row1 .pic{float:left;}
.dingzhi .row1 ul{float:right;margin-top:42px;}
.dingzhi ul{width:600px;}

.dingzhi li{width:520px;margin-bottom:114px;}
.dingzhi li h2{line-height:36px;color:#1d60d3;font-weight:700;}
.dingzhi li h2 em{float:left;width:32px;height:36px;text-align:center;color:#fff;background:#ff9c00;font-size:24px;margin-right:10px;}
.dingzhi li h3{height:34px;line-height:34px;background:#f5f5f5;padding-left:10px;font-size:16px;color:#333;margin-bottom:12px;}
.dingzhi li p{line-height:30px;background:url(../images/line.png);color:#999;margin:0;}
.dingzhi li p span{color:#1d60d3;}
.dingzhi li:last-child{margin-bottom:0;}

.dingzhi li.c2,.dingzhi li.c3{margin-left:80px;}

.dingzhi .row2{padding:120px 0 0;height:566px;}
.dingzhi .row2 .pic{float:right;}
.dingzhi .row2 ul{float:left;padding-top:38px;}
.dingzhi .row2 li{margin-bottom:124px;}
.dingzhi .row2 li:last-child{margin-bottom:0;}

.youshi{background:#eeefef url(../images/youshi.jpg) center no-repeat;height:890px;}
.youshi .mtitle h2:before,.youshi .mtitle h2:after{width:330px;}
.youshi .bd{padding:30px 0}
.youshi li .tit{position:relative;border-bottom:2px solid #ddd;}
.youshi li .tit em{position:absolute;left:0;top:0;height:58px;width:73px;background:url(../images/tit.png) no-repeat;line-height:58px;color:#fff;font-size:36px;font-family:arial;padding-left:20px;}
.youshi li .tit h2{height:58px;line-height:58px;padding-left:93px;font-size:24px;color:#1d60d3;background:#ebebeb;}
.youshi li .tit p{margin:0;font-size:11px;color:#999;text-transform:uppercase;font-family:arial;line-height:33px;height:33px;white-space:nowrap;overflow:hidden;}
.youshi li .con{font-size:14px;line-height:24px;color:#666;padding:15px 0 30px}
.youshi ul{float:left;width:380px;}
.youshi .pic{float:left;width:348px;padding:0 26px;}


.liucheng{background:#eeefef url(../images/lc.jpg) center no-repeat;height:725px;}
.liucheng .mtitle h2:before,.liucheng .mtitle h2:after{width:405px;}
.liucheng .mtitle p{margin:8px 0 0 0;font-size:18px;line-height:32px;}
.liucheng .mtitle p span{display:inline-block;background:#1d60d3;border-bottom:2px solid #0040af;color:#fff;padding:0 10px;margin-right:5px;line-height:30px;}
.liucheng .bd{padding:45px 0}


.partner{background:#eeefef url(../images/partner.jpg) center top no-repeat;height:472px;}
.partner .mtitle h2:before,.partner .mtitle h2:after{width:330px;}
.partner .mtitle h2{color:#181249}
.partner .mtitle h3{color:#6b648c}

.partner .bd{padding-top:23px;}
.partner li{float:left;width:226px;margin-right:8px;}
.partner li a{display:block;border:1px solid #ddd;width:224px;height:120px;}
.partner li a img{width:100%;height:100%;display:block;}

.partner .bfocus{position:relative;height:122px;overflow:hidden;}
.partner .prev i,.partner .next i{display:inline-block;width:9px;height:13px;background:url(../images/arrowe.png) -9px 0 no-repeat;}
.partner .prev{}
.partner .next i{background-position:-9px -13px}
.partner .prev:hover i{background-position:0px 0px}
.partner .next:hover i{background-position:0px -13px}

.partner .fd{text-align:center;margin-top:50px;}
.partner .fd a{display:inline-block;width:40px;height:36px;line-height:36px;font-size:16px;color:#333;background:#e0e0e0;text-align:center;border-bottom:2px solid #ccc;vertical-align:top}
.partner .fd a:hover,.partner .fd a.more{background:#1d60d3;border-bottom-color:#0040af;color:#fff;text-decoration:none;}

.partner .fd a.more{width:106px;}

.abouts{}
.abouts .mtitle h2:before,.abouts .mtitle h2:after{width:450px;}
.intro{float:right;width:600px;}
.abouts .bd{padding:20px 0 54px;}
.abouts .desc .tit{position:relative;height:43px;line-height:22px;font-size:20px;color:#666;text-transform:uppercase;}
.abouts .desc .tit b{position:absolute;left:0;bottom:0;display:block;width:40px;height:3px;background:#1d60d3;}
.abouts .desc .con{line-height:24px;color:#666;margin-bottom:45px;height:120px;overflow:hidden;margin:13px 0 35px;}
.abouts .desc .mores{display:block;width:120px;line-height:36px;color:#333;background:#e0e0e0;text-align:center;border-bottom:2px solid #ccc;}
.abouts .desc .mores:hover{background:#1d60d3;border-bottom-color:#0040af;color:#fff;text-decoration:none;}
.abouts .pic{float:left;border:1px solid #ddd;}

.zhengshu{margin-top:33px;position:relative;}
.zhengshu li{float:left;width:130px;margin-right:8px;}
.zhengshu li a{display:block;border:1px solid #ddd;width:128px;height:156px;}
.zhengshu li a img{width:100%;height:100%;display:block;}

.zhengshu .bfocus{position:relative;height:158px;overflow:hidden;width:544px;margin:0 auto;}
.zhengshu .prev,.zhengshu .next{position:absolute;top:66px;width:17px;height:30px;background:url(../images/arrowd.png) no-repeat;}
.zhengshu .prev{left:0px;}
.zhengshu .next{right:0px;background-position:-17px 0}

.workshop{height:470px;}
.workshop .wrapper{position:relative;padding:10px 0;height:380px;}
.workshop .prev,.workshop .next{position:absolute;top:50%;width:30px;height:80px;background:url(../images/arrowc.png) no-repeat;margin-top:-40px;}
.workshop .prev{left:-50px;}
.workshop .next{right:-50px;background-position:-30px 0}

.workshop .list{position:relative;height:380px;}
.workshop .list li{position:absolute;left:0;top:70px;width:392px;height:240px;transition:all 0.15s ease-in-out 0s;}
.workshop .list li a{display:block;position:relative;height:100%;box-shadow:0 0 10px rgba(0,0,0,.5)}
.workshop .list li a img{width:100%;height:100%;}
.workshop .list li h2{opacity:0;position:absolute;left:0;right:0;bottom:0;height:50px;line-height:50px;background:rgba(51,51,51,.8);color:#fff;font-size:18px;text-align:center;}

.workshop .list li.active{width:620px;height:380px;top:0px;z-index:3;}
.workshop .list li.active h2{opacity:1;}

.news-panel{position:relative;border-top:1px solid #eee;padding:43px 0 80px;}
.news-panel .wrapper{position:relative;z-index:2}
.news-panel .bg{position:absolute;right:0;top:43px;height:310px;width:50%;background:#f7f7f7;}
.news{float:left;width:610px;background:#fff;padding-right:52px;height:310px;}
.news .hd{height:38px;margin-bottom:20px;}
.news .hd a{float:left;display:block;width:124px;line-height:36px;color:#333;background:#e0e0e0;text-align:center;border-bottom:2px solid #ccc;margin-right:10px;}
.news .hd a:hover,.news .hd a.active{background:#1d60d3;border-bottom-color:#0040af;color:#fff;text-decoration:none;}
.news li{border-bottom:1px solid #ddd;}
.news li .one{}
.news li .one a{display:block;height:41px;line-height:41px;}
.news li .one a i{float:left;margin:16px 9px 0 0;}
.news li .one a span{float:left;width:500px;height:41px;line-height:41px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news li .one a em{float:right;font-size:12px;color:#666;}
.news li .two{display:none;height:84px;padding:20px 0;overflow:hidden;}
.news li .two .pic{float:left;width:122px;height:82px;border:1px solid #ddd;margin-right:20px;}
.news li .two .pic img{width:100%;height:100%;}
.news li .two .desc{float:left;width:364px;}
.news li .two .desc h2{margin-bottom:20px;}
.news li .two .desc h2 a{color:#1d60d3;display:block;font-size:16px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news li .two .desc p{margin:0;line-height:24px;height:48px;overflow:hidden;color:#999;}
.news li .two .more{color:#1d60d3;float:right;line-height:22px;margin-top:65px;}

.news li.active .one{display:none;}
.news li.active .two{display:block;}
.news .tabc{display:none;}

.faq{float:right;width:468px;height:310px;background:#f7f7f7;padding-left:30px;}
.faq .hd{padding-top:20px;margin-bottom:22px;}
.faq .tt{float:left;}
.faq .tt .t1{display:block;font-weight:700;font-size:24px;color:#333;line-height:24px;}
.faq .tt .t2{display:block;font-size:14px;color:#999;line-height:18px;margin-bottom:16px;}
.faq .tt b{display:block;width:20px;height:1px;background:#999;}

.faq .up,.faq .down{float:right;width:40px;height:40px;background:#e0e0e0;margin-left:1px;}
.faq .up i,.faq .down i{display:block;width:13px;height:9px;background:url(../images/arrowf.png) no-repeat;margin:16px auto 0;}
.faq .down i{background-position:0 -9px;}
.faq .down{background:#1d60d3}

.faq .bd{width:380px;height:180px;overflow:hidden;}
.faq li{border-bottom:1px solid #ccc;padding:14px 0 18px}
.faq li a,.faq li p{margin:0;line-height:28px;height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.faq li a{display:block;}
.faq li i{float:left;margin:6px 10px 0 0;}
.faq li:hover a{color:#1d60d3}

.tag{border-top:2px solid #eee;line-height:44px;margin-bottom:90px;}
.tag .tt{color:#333;}
.tag a{color:#999;margin-right:30px;}