@charset "utf-8"; /* CSS Document */ #indexbanner{clear: both;float: none;width: 100%;margin-right: auto;margin-left: auto;height: 727px;overflow: hidden;position: relative;} #indexbanner .piclist{position: absolute;z-index: 1;width: 100%;height: 727px;} #indexbanner .piclist li a{height: 727px;width: 100%;text-align: center;display: block;background-repeat: no-repeat;background-position: center center;} #indexbanner .btncon{width: 1200px;margin-left: -600px;position: absolute;left: 50%;right: 50%;z-index: 2;bottom: 30px;height: 160px;overflow: hidden;} #indexbanner .btncon ul{width: 1400px;} #indexbanner .btncon ul li{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;width: 285px;float: left;margin-right: 20px;background-image: url(bg2.png);height: 160px;-o-transition: all .0s; -moz-transition: all .0s; -webkit-transition: all .0s; -ms-transition: all .0s; transition: all .0s;font-size: 12px;line-height: 22px;color: #FFFFFF;} #indexbanner .btncon ul li a{color: #FFFFFF;text-decoration: none;display: block;padding-top: 30px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;} #indexbanner .btncon ul li a strong{font-size: 20px;font-weight: normal;} #indexbanner .btncon ul li a p{padding-top: 8px;} #indexbanner .btncon ul li:hover,#indexbanner .btncon ul li.on{background-color: #DA251C;background-image: none;} #indexbanner .btncon ul li img{float: left;margin-right: 10px;} /*浼佷笟浼樺娍*/ #index_advantage{padding-bottom: 0px;} #index_advantage .box{background-image: url(advantage_bg.jpg);background-repeat: no-repeat;background-position: center center;height: 468px;padding-top: 69px;clear: both;float: none;margin-top: 50px;} #index_advantage .box ul{height: auto;width: 1200px;margin-right: auto;margin-left: auto;padding: 0px;} #index_advantage .box ul li{float: left;height: 200px;width: 25%;font-size: 16px;line-height: 20px;text-align: center;display: table;color: #FFFFFF; position:relative; cursor:pointer;} #index_advantage .box ul li:nth-child(1),#index_advantage .box ul li:nth-child(3),#index_advantage .box ul li:nth-child(6){color: #000000;} #index_advantage .box ul li .bg {-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s; width:100%; height:100%; display:block; position:absolute; top:0; left:0;background-image: url(bg3.png);background-repeat: repeat;} #index_advantage .box ul li:nth-child(1) .bg,#index_advantage .box ul li:nth-child(3) .bg,#index_advantage .box ul li:nth-child(6) .bg{background-image: url(bg4.png);} #index_advantage .box ul li span{font-size: 55px;display: block;clear: both;float: none;margin-right: auto;margin-left: auto;font-family: "Times New Roman", Times, serif;line-height: 45px;padding-bottom: 20px;font-weight: bold;} #index_advantage .box ul li div{vertical-align: middle;display: table-cell; position:relative;} #index_advantage .box ul li.more{background-image: none;background-color: #DA251C;} #index_advantage .box ul li.more a{display: inline-block;padding-right: 18px;padding-left: 18px;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #85aece;border-left-color: #85aece;color: #FFFFFF;line-height: 16px;text-decoration: none;} #index_advantage .box ul li:hover .bg { -moz-transform:scale(-1,1); -webkit-transform:scale(-1,1); -o-transform:scale(-1,1); transform:scale(-1,1); -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;} /*缁忓吀妗堜緥*/ #index_classic_case{background-color: #f5f5f5;} #index_classic_case .box{height: 380px;width: 1200px;margin-right: auto;margin-left: auto;overflow: hidden;margin-top: 50px;} #index_classic_case .box ul{width: 1400px;} #index_classic_case .box ul li{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;height: 380px;width: 379px;margin-right: 31px;float: left;background-color: #FFFFFF;} #index_classic_case .box ul li div{height: 222px;width: 380px;overflow: hidden;} #index_classic_case .box ul li div img{-o-transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-ms-transition:all 1.5s;transition:all 1.5s;height: 222px;width: 380px;} #index_classic_case .box ul li:hover div img{-webkit-transform: scale(1.1);transform: scale(1.1);} #index_classic_case .box ul li .text{-o-transition:all 1.5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s;height: 156px;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #DA251C;padding-right: 24px;padding-left: 24px;display: table;font-size: 13px;line-height: 22px;width: 332px;} #index_classic_case .box ul li:hover .text a{color: #333333;} #index_classic_case .box ul li .text strong{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;font-size: 18px;font-weight: normal;} #index_classic_case .box ul li .text span{vertical-align: middle;display: table-cell;} #index_classic_case .box ul li .text p{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;color: #666666;padding-top: 8px;} #index_classic_case .box ul li:hover .text{background-color: #DA251C;border-bottom-color: #DA251C;} #index_classic_case .box ul li:hover a p,#index_classic_case .box ul li:hover a strong{color: #FFFFFF!important;text-decoration: none!important;} /*鍚堜綔浼欎即*/ #index_partner{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #E5E5E5;position: relative;} #index_partner .box{height: auto;width: 1195px;margin-top: 40px;margin-right: auto;margin-left: auto; border:1px #E5E5E5 solid;} #index_partner .box .picList li{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;float: left;width:198px;height: 94px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e5e5e5;border-right-style: solid;border-right-width: 1px;border-right-color: #e5e5e5;text-align: center;display: table;} #index_partner .box .picList li:hover{background-color: #E5E5E5;} #index_partner .box .picList li a{text-align: center;display: table;height: 94px;width: 100%;} #index_partner .box .picList li span img{ height: 94px;width:198px;} #index_partner .box .picList li span{vertical-align: middle;display: table-cell;} /*鏂伴椈璧勮*/ #index_news{padding-top: 60px;} #index_news .box{width: 1200px;margin-top: 40px;margin-right: auto;margin-left: auto; height:310px;overflow: hidden;} #index_news .box ul{width: 1400px;} #index_news .box ul li{width: 380px;float: left;height: 368px; height:310px;margin-right: 30px;position: relative;} #index_news .box ul li .pic{height: 210px;width: 380px;overflow: hidden;} #index_news .box ul li .pic img{-o-transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-ms-transition:all 1.5s;transition:all 1.5s;height: 210px;width: 380px;} #index_news .box ul li:hover .pic img{-webkit-transform: scale(1.1);transform: scale(1.1);} #index_news .box ul li .text{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;height:100px;background-color: #f9f9f9;padding-top: 15px;padding-right: 22px;padding-left: 22px; line-height: 24px;} #index_news .box ul li:hover .text{background-color: #044f9f;color: #FFFFFF;} #index_news .box ul li:hover .text p,#index_news .box ul li:hover .text strong{color: #FFFFFF;} #index_news .box ul li .text strong{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;font-weight: normal;display: block;padding-bottom: 5px;line-height: 20px;color: #333333;} #index_news .box ul li .text p{ font-size: 16px; -o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;color: #666666;} #index_news .box ul li .text span { font-size:12px; line-height:22px;} #index_news .box ul li span.detailed{height: 38px;width: 124px;position: absolute;background-color: #044f9f;left: 50%;right: 50%;margin-left: -62px;top: 172px;text-align: center;line-height: 38px;text-transform: uppercase;color: #FFFFFF;} /*浜у搧涓庢湇鍔�*/ #servicemain .layer{clear: both;float: none;padding-top: 80px;padding-bottom: 80px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e5e6e8;} #servicemain .layer .con{width: 1200px;margin-right: auto;margin-left: auto;display: table;font-size: 14px;line-height: 24px;} #servicemain .layer .con .text{display: table-cell;vertical-align: middle;width: 50%;font-size: 14px;line-height: 28px;box-sizing:border-box;} #servicemain .layer .con .text strong.tit{font-size: 30px;font-weight: normal;display: block;padding-bottom: 35px;color: #333333;} #servicemain .layer .con .pic{vertical-align: middle;display: table-cell;width: 50%;box-sizing:border-box;} #servicemain .layer .con .full_text{text-align: center;} #servicemain .layer .con .full_text strong.tit{font-size: 30px;color: #333333;font-weight: normal;display: block;padding-bottom: 35px;} #servicemain .layer .con .full_pic{text-align: center;padding-top: 60px;} #servicemain .layer .con li{display: inline-block!important;margin-right: 20px;font-size: 18px;} #servicemain .layer .con .text .data{height: 60px;margin-bottom: 15px;} #servicemain .layer .con .text .data span{display: block;height: 60px;float: left;padding-right: 30px;padding-left: 30px;border-right-width: 1px;border-right-style: solid;border-right-color: #E5E6E8;} #servicemain .layer .con .text .data span:nth-child(1){padding-left: 0px;} #servicemain .layer .con .text .data span:last-child{border-right-style: none;} #servicemain .layer .con .text .data span i{display: block;text-align: center;font-style: normal;font-size: 42px;font-family: "Times New Roman", Times, serif;line-height: 36px;color: #DA251C;} #servicemain .layer .con .text ul.li1{width: 340px;} #servicemain .layer .con .text ul.li1 li{float: left;width: 125px;margin: 0px;background-image: url(bg5.gif);background-repeat: no-repeat;background-position: left 3px;padding-left: 35px;padding-bottom: 10px;} #servicemain .layer .con .text ul.li2{} #servicemain .layer .con .text ul.li2 li{float: none;margin: 0px;background-repeat: no-repeat;background-position: left 3px;padding-left: 35px;padding-bottom: 10px;clear: both;display: block!important;background-image: url(bg5.gif);} #servicemain .layer .con .text ul.li3{padding-top: 15px;} #servicemain .layer .con .text ul.li3 li{float: none;margin: 0px;background-repeat: no-repeat;background-position: left 8px;padding-left: 25px;padding-bottom: 10px;clear: both;display: block!important;background-image: url(bg6.gif);font-size: 14px;} #servicemain .layer .con div.tit{font-size: 30px;color: #333333;text-align: center;padding-bottom: 35px;} #servicemain .layer .con .tab{text-align: center;padding-bottom: 70px;} #servicemain .layer .con .tab a{display: inline-block;height: 40px;padding-right: 50px;padding-left: 50px;font-size: 18px;border: 1px solid #E3E3E3;margin-right: 10px;margin-left: 10px;line-height: 40px;-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} #servicemain .layer .con .tab a.on{color: #FFFFFF;background-color: #DA251C;border-top-color: #DA251C;border-right-color: #DA251C;border-bottom-color: #DA251C;border-left-color: #DA251C;} #servicemain .layer .con .box{width: 1200px;overflow: hidden;} #servicemain .layer .con .box ul{width: 1300px;} #servicemain .layer .con .box ul li{float: left;width: 285px;text-align: center;margin-right: 20px;font-size: 14px;height: 256px;} #servicemain .layer .con .box ul li img{height: 180px;width: 285px;} #servicemain .layer .con .box ul li p{padding-top: 18px;} /*缁忓吀妗堜緥*/ #caselist{clear: both;float: none;width: 1200px;margin-right: auto;margin-left: auto;padding-top: 40px;padding-right: 0px;padding-bottom: 80px;padding-left: 0px;} #caselist ul li{background-color: #FFFFFF;height: 280px;margin-top: 20px;position: relative;display: table;} #caselist ul li .text{vertical-align: middle;display: table-cell;padding-right: 40px;padding-left: 40px;} #caselist ul li .text p{font-size: 14px;line-height: 28px;} #caselist ul li .text .logo{clear: both;float: none;display: block;padding-bottom: 15px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCCCCC;margin-bottom: 20px;font-size:16px;} #caselist ul li .text .logo img{margin: 0px;clear: both;float: none;height: 38px;width: auto;} #caselist ul li .text a{font-size: 16px;margin-top: 30px;display: inline-block;color: #DA251C;} #caselist ul li img{float: left; width:480px; height:280px;} .caseshowbox{clear: both;float: none;height: auto;width: 1200px;margin-top: 60px;margin-right: auto;margin-bottom: 60px;margin-left: auto;box-sizing:border-box;} .caseshowbox .theme{padding: 40px;background-color: #FFFFFF;} .caseshowbox .theme .pic{height: 220px;width: 220px;float: left;margin-right: 52px;border: 1px solid #EFEFEF;display: table;text-align: center;} .caseshowbox .theme .pic span{vertical-align: middle;display: table-cell;} .caseshowbox .theme .pic span img{max-width:221px; max-height:221px;} .caseshowbox .theme .right{float: left;width: 845px;font-size: 16px;line-height: 24px;} .caseshowbox .theme .right h1{font-size: 24px;font-weight: normal;color: #DA251C;line-height: 24px;margin: 0px;padding: 0px;} .caseshowbox .theme .right .category{padding-top: 15px;padding-bottom: 28px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCCCCC;} .caseshowbox .theme .right .category span{margin-right: 50px;color: #DA251C;} .caseshowbox .theme .right .review{padding-top: 28px;line-height: 30px;} .caseshowbox .description{background-color: #FFFFFF;padding: 40px;margin-top: 3px;font-size: 15px;line-height: 28px;clear: both;float: none;} .caseshowbox .description img{max-width:1140px;height: auto;} /*鏂伴椈璧勮*/ #newslistbox{height:auto;width:1200px; padding:30px 0px;margin-right:auto;margin-left:auto;overflow:hidden} #newslistbox ul{width:1200px; margin-bottom:60px;} #newslistbox ul li{float:left;width:380px;height:368px;background:#fff;margin:30px 10px;position:relative} #newslistbox ul li .pic{height:210px;width:380px;overflow:hidden} #newslistbox ul li .pic img{-o-transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-ms-transition:all 1.5s;transition:all 1.5s;height:210px;width:380px} #newslistbox ul li:hover .pic img{-webkit-transform:scale(1.1);transform:scale(1.1)} #newslistbox ul li:hover .text{background-color:#044f9f} #newslistbox ul li .text p,#newslistbox ul li .text strong{-o-transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-ms-transition:all .1s;transition:all .1s;word-wrap: break-word; } #newslistbox ul li:hover .text p,#newslistbox ul li:hover .text strong,#newslistbox ul li:hover .text span{color:#FFFFFF} #newslistbox ul li .text{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s; height:138px;font-size:14px;line-height:24px;padding-right:24px;padding-left:24px; padding-top:20px;word-wrap: break-word;} #newslistbox ul li .text .neirongs{word-wrap: break-word;display:block;-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;} #newslistbox ul li .date{height:45px;width:100px;position:absolute;left:25px;display:block;background-color:#044f9f;top:165px;font-size:24px;text-align:center;color:#FFFFFF;line-height:44px} #newslistbox ul li .text strong{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;font-size:16px;font-weight:normal;display:block;padding-bottom:15px;color:#333333;word-wrap: break-word;} #newsshowbox{height:auto;width:1200px;margin-top:60px;margin-right:auto;margin-bottom:60px;margin-left:auto;background-color:#FFFFFF} #newsshowbox .head{text-align:center;padding-bottom:40px;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#DA251C} #newsshowbox .head .date{padding-top:26px;font-size:14px;color:#DA251C;padding-left:20px} #newsshowbox .head .date i{font-style:normal;margin-right:20px;color:#888888} #newsshowbox .head h1{color:#333333;font-size:20px;margin:0px;padding:0px} #newsshowbox .con{font-size:14px;line-height:32px;padding-top:15px} #newsshowbox .con .pageflip{clear:both;float:none;margin-top:30px;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#E5E6E8;border-bottom-color:#E5E6E8;height:50px;line-height:50px;text-transform:uppercase;font-size:12px;font-weight:bold} #newsshowbox .con .pageflip a{color:#000000;display:block;background-image:url(ico_previous.gif);background-repeat:no-repeat;background-position:left top;padding-left:25px} #newsshowbox .con .pageflip a.previous_no{color:#7F7F7F;background-position:left bottom!important} #newsshowbox .con .pageflip .previous{float:left} #newsshowbox .con .pageflip a.previous{padding-left:25px} #newsshowbox .con .pageflip .next{float:right} #newsshowbox .con .pageflip a.next{padding-right:25px;background-image:url(ico_next.gif);background-repeat:no-repeat;background-position:right top} #newsshowbox .con .pageflip a.nextno_no{padding-right:25px!important;background-image:url(ico_next.gif)!important;background-repeat:no-repeat!important;background-position:right bottom!important;float:right!important;color:#7F7F7F!important} #newsshowbox .con .return{float:right;margin-top:38px;margin-bottom:40px} #newsshowbox .con .return a{background-color:#DA251C;color:#FFFFFF;line-height:36px;height:36px;width:125px;display:block;text-align:center} /*鏈嶅姟鏀寔*/ #servicelist{margin-top:40px;clear:both;float:none;height:auto;width:1200px;margin-right:auto;margin-bottom:60px;margin-left:auto} #servicelist .tit{font-size:15px;height:30px;line-height:30px;margin-top:20px;clear:both;float:none;border-top-width:1px;border-top-style:solid;border-top-color:#E5E6E8;padding-top:20px} #servicelist .tit:nth-child(1){border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none} #servicelist .tit a{color:#333333;display:block} #servicelist .tit em{display:block;height:30px;width:30px;margin-right:15px;float:left;background-image:url(ico_Add.gif);background-repeat:no-repeat;background-position:right center} #servicelist div.on a{color:#DA251C} #servicelist div.on em{background-position:left center} #servicelist .text{font-size:14px;line-height:24px;padding-bottom:30px;padding-top:20px} /*鍏充簬鎴戜滑*/ #aboutbox .company{ margin-top:40px;margin-bottom:60px; overflow:hidden; height:auto;width:1200px;clear:both;float:none;margin-right:auto;margin-left:auto;font-size:15px} #aboutbox .company .data{clear:both;float:none;margin-right:auto;margin-left:auto;text-align:center;padding-top:0px;padding-bottom:50px} #aboutbox .company .data ul{text-align:center;display:table;margin-right:auto;margin-left:auto} #aboutbox .company .data ul li{vertical-align:middle;white-space:nowrap;display:table-cell; width:240px; border-right-width:1px;border-right-style:solid;border-right-color:#E5E6E8} #aboutbox .company .data ul li:last-child{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none} #aboutbox .company .data ul li em{font-size:40px;font-style:normal;display:block;color:#DA251C} .qywh{ margin-top:50px;} .qywh li{ width:600px;height: 170px; float: left; margin-bottom: 50px;color:#333; font-size:14px;} .qywh li img {float:left; width:230px; } .qywh li p { float:left; width:300px; padding-left:20px;} .qywh li p span{font-size: 24px; line-height:50px; display:block; padding-top:10px;} #aboutbox .company .resume{line-height:32px;text-align:center;text-align:left;} #aboutbox .company .resume img{max-width: 100%;} #aboutbox .company .advantage{padding-top:44px;text-align:center} #aboutbox .company .advantage a{margin-right:25px;margin-left:25px;color:#DA251C;background-image:url(bg5.gif);background-repeat:no-repeat;background-position:left center;display:inline-block;padding-left:25px;font-size:16px} #aboutbox #index_partner{height:420px;clear:both;float:none} #aboutbox #index_partner .tab{bottom:70px;text-align:center;height:15px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;position:absolute} #aboutbox #index_partner .tab ul li{background-color:#d3d5d5;display:inline-block;height:12px;width:12px;margin-right:3px;margin-left:3px;text-indent:10000px;overflow:hidden;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%} #aboutbox #index_partner .tab ul li.on{background-color:#DA251C} /*浼佷笟鑽ｈ獕*/ #honorbox{width:1200px;margin-right:auto;margin-left:auto;margin-top:60px;margin-bottom:60px;overflow:hidden;clear:both;float:none} #honorbox .table{clear:both;float:none;margin-top:60px} #honorbox .table dl.tit{font-size:16px;line-height:50px;color:#FFF;text-align:center;height:50px;background-color:#DA251C} #honorbox .table dl.tit dt{width:180px;float:left;display:block} #honorbox .table dl.tit dd{display:block;float:left;width:420px} #honorbox .table dl.tit dd:nth-child(3){width:600px} #honorbox .table table{margin-top:20px;width:1201px;border-top-width:1px;border-top-style:solid;border-top-color:#DBDBDB} #honorbox .table table tr td{padding-top:15px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#DBDBDB;font-size:14px;line-height:22px;padding-left:30px;border-right-width:1px;border-right-style:solid;border-right-color:#DBDBDB} #honorbox .photos{margin-top:60px} /*鐩稿唽*/ #honorbox .photos .carousel{position:relative;margin:0 auto;width:1200px;height:auto;border:none;overflow:visible; padding-top:50px;} #honorbox .photos .carousel .slides{margin:0;padding:0;border:none;list-style:none;position:relative;overflow:visible} #honorbox .photos .carousel .slides .slideItem{ position:absolute; cursor:pointer; overflow:hidden; padding: 4px; } #honorbox .photos .carousel .slides .slideItem a{display:block;text-decoration:none;margin:0;padding:4px;border:1px solid #CCCCCC;outline:none} #honorbox .photos .carousel .slides .slideItem img{margin:0;width:100%;height:auto;background-color:#FFFFFF; -moz-box-shadow: inset 0px 0px 0px 3px #ffffff; -webkit-box-shadow: inset 0px 0px 0px 3px #ffffff; box-shadow: inset 0px 0px 0px 3px #ffffff; } #honorbox .photos .carousel .nextButton{position:absolute;right:10px;top:213px;width:40px;height:79px;background:url("next_button.png") no-repeat center;cursor:pointer;z-index:9999} #honorbox .photos .carousel .prevButton{position:absolute;left:10px;top:213px;width:40px;height:79px;background:url("prev_button.png");cursor:pointer;z-index:9999} #honorbox .photos .carousel .buttonNav .bullet{display:none} #honorbox .photos .carousel .slides .spinner{background:#000 url("loading.gif") no-repeat center} #honorbox .photos .carousel .shadow{ width:100%; height:60px; background-image:url(bg10.png); background-repeat:repeat-x; background-position:top; z-index: 100000000; text-align: center; padding-top: 15px; } #honorbox .photos .carousel .shadow span { display:none;} #honorbox .photos .carousel .slides .slideItem:first-child .shadow span { display:block;} /*鏍稿績鍥㈤槦*/ #coreteam{width:1200px;margin-top:30px;margin-right:auto;margin-bottom:60px;margin-left:auto} #coreteam ul li{padding-top:75px;padding-bottom:75px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#E5E6E8;display:table;width:100%} #coreteam ul li:after {content:"."; display:block; height:0; visibility:hidden; clear:both; } #coreteam ul li:last-child{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none} #coreteam ul li .pic{vertical-align:middle;display:table-cell;width:50%; float:left;} #coreteam ul li:nth-child(2n) .pic { float:right;} #coreteam ul li .pic span{display:block;padding:8px;height:242px;width:242px;border:1px solid #E5E6E8;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin-right:auto;margin-left:auto} #coreteam ul li .pic span img{height:242px;width:242px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%} #coreteam ul li .text{font-size:14px;line-height:28px;color:#333;vertical-align:middle;display:table-cell;width:50%; float:right;} #coreteam ul li:nth-child(2n) .text { float:left;} #coreteam ul li .text h3{font-size:24px;font-weight:400;display:block;margin:0;padding-top:0;padding-right:0;padding-bottom:10px;padding-left:0} #coreteam ul li .text h3 i{font-size:16px;font-style:normal;color:#888;margin-left:15px} /**/ #subsidiary{width:1200px;margin-top:40px;margin-right:auto;margin-bottom:100px;margin-left:auto;overflow:hidden;clear:both;float:none;line-height:24px;font-size:14px;} /*#subsidiary ul{width:1500px} #subsidiary ul li{float:left;width:478px;display:block;font-size:14px;line-height:36px;background-image:url(bg8.gif);background-repeat:no-repeat;background-position:0 center;padding-left:15px;box-sizing:border-box}*/ /*鑱旂郴鏂瑰紡*/ #contactus{width:1200px;margin-top:0px;margin-right:auto;margin-bottom:100px;margin-left:auto;clear:both;float:none} #contactus .contact{padding-top:40px;padding-bottom:80px; overflow:hidden;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#E5E6E8 } #contactus .contact .con{float:left;width:554px;font-size:14px;line-height:30px} #contactus .contact .con a{color:#DA251C} #contactus .contact .map{ float:right; width:644px; height:421px; border:1px solid #CCC} #contactus .feedback{clear:both;float:none;margin-top:60px;font-size:14px} #contactus .feedback dl{margin-top:40px;clear:both;float:none;width:100%} #contactus .feedback dl dt{float:left;height:35px;width:400px;display:block;padding-top:12px;padding-bottom:12px;line-height:30px} #contactus .feedback dl dt:nth-child(2),#contactus .feedback dl dt:nth-child(4){float:right} #contactus .feedback dl dt .input{width:300px;float:left} #contactus .feedback dl dt .input input{width:99%;height:30px;border:1px solid #CCC;font-family:"寰蒋闆呴粦";outline:0;box-sizing:border-box;padding-right:6px;padding-left:6px} #contactus .feedback dl dt em{width:56px;display:block;float:left;font-style:normal} #contactus .feedback dl dd{display:block;width:100%;padding-top:12px;padding-bottom:12px;height:auto;clear:both;float:none} #contactus .feedback dl dd textarea{width:99.6%;font-size:14px;line-height:26px;font-family:"寰蒋闆呴粦";border:1px solid #CCC;clear:both;float:none;margin-top:10px;outline:0;box-sizing:border-box;padding-right:6px;padding-left:6px} #contactus .feedback dl dt .btn{height:34px;width:140px;font-family:"寰蒋闆呴粦";font-size:14px;color:#FFF;background-color:#DA251C;border:1px solid #DA251C} /*鎬′簹閫氫汉*/ #company_culture{clear:both;float:none;height:auto;width:100%;margin-top:60px} #company_culture .culture .idea .ico{height:90px;width:100%;margin-right:auto;margin-left:auto;position:relative;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#EEE;margin-top:70px} #company_culture .culture .idea .ico ul{height:180px;width:1200px;position:absolute;left:50%;top:0;right:50%;margin-left:-600px} #company_culture .culture .idea .ico ul li{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;width:138px;display:block;float:left;height:138px;margin-right:25px;margin-left:25px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#FFF;padding:0;margin-top:22px} #company_culture .culture .idea .ico ul li span{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;background-color:#FFF;display:block;height:136px;width:136px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;padding:0;border:1px solid #D8D8D8} #company_culture .culture .idea .ico ul li span i{/*-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;*/height:136px;width:136px;background-color:#FFF;font-style:normal;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:block;background-repeat:no-repeat;background-position:center top} #company_culture .culture .idea .ico ul li.on{width:148px;display:block;float:left;height:148px;margin-right:10px;margin-left:10px;border:1px dashed #CCC;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#FFF;padding:15px;margin-top:0} #company_culture .culture .idea .ico ul li.on span{background-color:#FFF;display:block;height:136px;width:136px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;padding:5px;border:1px solid #D8D8D8} #company_culture .culture .idea .ico ul li.on span i{height:136px;width:136px;background-color:#DA251C;font-style:normal;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:block;background-image:url(ico_idea_01.png);background-repeat:no-repeat;background-position:center bottom} #company_culture .culture .idea .text{height:auto;width:750px;margin-top:126px;margin-right:auto;margin-left:auto;clear:both;float:none} #company_culture .culture .idea .text ul li{text-align:center;font-size:14px;line-height:26px} #company_culture .culture .idea .text ul li strong{font-size:18px;display:block;padding-bottom:15px;color:#DA251C} #company_culture .phylogeny{background-image:url(culture_01.jpg);background-repeat:no-repeat;background-position:center center;height:663px;margin-top:120px;width:100%;margin-right:auto;margin-left:auto} #company_culture .phylogeny .box{width:1202px;margin-left:auto;background-image:url(culture_02.png);background-repeat:no-repeat;background-position:center bottom;height:400px;margin-right:auto;padding-top:105px;position:relative} #company_culture .phylogeny .box ul{display:block;height:auto;width:972px;margin-right:auto;margin-left:auto;margin-top:18px} #company_culture .phylogeny .box ul li{width:324px;text-align:center;display:block;float:left;font-size:24px;color:#FFF;font-family:"Times New Roman",Times,serif;font-weight:700} #company_culture .phylogeny .box ul li img{display:block;margin-right:auto;margin-left:auto;clear:both;float:none;margin-bottom:20px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:5px solid #FFF} #company_culture .phylogeny .box ul li p{font-family:"寰蒋闆呴粦";font-size:18px;font-weight:400;padding-top:5px} #company_culture .phylogeny .box .o2o{position:absolute;margin-left:-301px;left:50%;right:50%;font-size:18px;color:#FFF;width:602px;bottom:-4px;text-align:center} #company_culture .phylogeny .box .o2o strong{color:#ffd450} #company_culture .activity{background-color:#f5f5f5;clear:both;float:none;height:830px;box-sizing:border-box;padding-top:80px} #company_culture .activity .photoshow{width:1200px;margin-right:auto;margin-left:auto;margin-top:60px} #company_culture .activity .photoshow .list{height:468px;width:1200px;background-color:#FFF;overflow:hidden} #company_culture .activity .photoshow .list ul li{height:468px;width:300px;display:block;float:left;position:relative} #company_culture .activity .photoshow .list ul li .t{height:234px;position:absolute;top:0;width:100%;text-align:center;display:table;font-size:14px;z-index:3} #company_culture .activity .photoshow .list ul li .t {color:#DA251C;font-size:18px} #company_culture .activity .photoshow .list ul li .t i{font-size:12px;text-transform:uppercase;display:block;font-style:normal;font-family:Arial,Helvetica,sans-serif;color:#999;letter-spacing:1px;padding-top:5px;padding-bottom:8px} #company_culture .activity .photoshow .list ul li .t em{display:block;height:10px;width:45px;margin-right:auto;margin-left:auto;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#E4E4E4} #company_culture .activity .photoshow .list ul li .t p{font-size:14px;color:#666;padding-top:20px;line-height:20px;padding-right:20px;padding-left:20px} #company_culture .activity .photoshow .list ul li .t span{vertical-align:middle;display:table-cell} #company_culture .activity .photoshow .list ul li .p{position:absolute;bottom:0;height:234px;width:100%;background-color:#DA251C;overflow:hidden;z-index:1} #company_culture .activity .photoshow .list ul li .p img{-o-transition:all 1.5s;-moz-transition:all 1.5s;-webkit-transition:all 1.5s;-ms-transition:all 1.5s;transition:all 1.5s;height:234px;width:300px} #company_culture .activity .photoshow .list ul li:hover .p img{-webkit-transform:scale(1.1);transform:scale(1.1)} #company_culture .activity .photoshow .list ul li:nth-child(even) .t{top:auto;bottom:0} #company_culture .activity .photoshow .list ul li:nth-child(even) .p{top:0;bottom:auto} #company_culture .activity .photoshow .list ul li:nth-child(even) span.arrow{top:auto;background-position:left bottom;bottom:234px} #company_culture .activity .photoshow .list ul li span.arrow{display:block;height:11px;width:26px;position:absolute;top:234px;z-index:2;left:50%;right:50%;margin-left:-13px;background-image:url(bg9.png);background-repeat:no-repeat;background-position:right bottom} #company_culture .activity .photoshow .tab{margin-top:50px;text-align:center;height:14px} #company_culture .activity .photoshow .tab ul li{background-color:#a6a6a6;height:14px;width:14px;display:inline-block;margin-right:3px;margin-left:3px;text-indent:1000px;overflow:hidden;margin-top:1px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%} #company_culture .activity .photoshow .tab ul li.on{background-color:#FFF;border:2px solid #DA251C;height:10px;width:10px} #goTop { overflow: hidden; display: block; text-indent: -9em; width: 54px; height: 54px; cursor: pointer; bottom: 45px; right: 25px; position: fixed; background: url(goTop.png) 100% 0% no-repeat; z-index:1000;} #goTop:hover { background: url(goTop.png) no-repeat;} /*浜у搧涓績*/ #proslistbox{height:auto;width:1200px;margin:0 auto;margin-bottom:60px;margin-top:30px; overflow:hidden} .prosright{ width: 1200px} .prosright ul{ } .prosright ul li{width: 260px;min-height:260px;border-bottom: 4px solid #eaeaea;float: left;margin:20px;} .prosright ul li:hover{border-bottom: 4px solid #ed7020;} .prosright ul li .title{background: #f7f7f7;} .prosright ul li .title p{line-height: 50px;text-align: center;font-size: 20px;} .prosright ul li img { width:275px; height:200px;} .Equright{ width: 1200px} .Equright ul{ } .Equright ul li{width: 260px;min-height:245px;border-bottom: 4px solid #eaeaea;float: left;margin:20px;} .Equright ul li:hover{border-bottom: 4px solid #ce3f3c;} .Equright ul li .title{background: #f7f7f7;} .Equright ul li .title p{line-height: 50px;text-align: center;font-size: 18px;} .Equright ul li img { width:260px; height:195px;} .show_proL { float:left; width:828px; line-height:24px; border: 1px solid #f0f0f0;background: #fff; padding:20px; font:100 14px/24px "寰蒋闆呴粦"; min-height:400px;} .show_proR { float:left; width: 278px;border: 1px solid #f0f0f0;background: #fff;min-height: 300px; padding:15px; margin-left:20px} .show_proR h2 {font-size: 18px;color:#666;height: 40px;line-height: 40px;font-weight: normal;} .show_pro_list li {text-align: center;margin-bottom: 20px;font-size: 14px;} .pro-list li{ display:inline-block; width: 129px;height: auto;float: left; margin:0 5px 15px 5px;} .pro-list li:nth-child(4n){margin-right: 0;} .pro-list li .pro-img{width: 127px;height: auto;border: 1px solid #c1c1c1;text-align: center; position: relative;overflow: hidden;} .pro-list li .pro-img img {width: 127px; height: auto;} .pro-list li .pro-img .p {margin-bottom: 0;} .pro-list li>a>p{line-height: 30px;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .pro-list li:hover>a>p{color:#6fc035;} .show_proL .ct{text-align: center;} .main-title{width: 100%; text-align: center; border-bottom: 1px dashed #ccc; height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; margin-bottom: 20px;} .show_news_list { padding-bottom:10px;} .show_news_list li { line-height:32px;} .show_news_list li a { background:url(../images/icon4.gif) no-repeat 5px center; padding-left:18px;} .sec_tpm_tL { float:left; width:360px;height:360px;} .sec_tpm_tL img { width:360px; height:360px;} .sec_tpm_tR { float:left; width:448px; padding-left:20px;} .sec_tpm_tR1 { font-size:16px; font-weight:bold; display:block; line-height:30px;} .sec_tpm_tR2 { font-size:14px; display:block;line-height:26px;} .sec_tpm_tR3{ height:130px; overflow:hidden;word-break: break-all; word-wrap:break-word;} .sectit { height:35px; margin-top:20px; background:#d7d7d7; padding-left:20px; margin-bottom:20px; } .sectit h5 { display:inline-block; font-weight: bold; cursor: pointer; height:30px; line-height:30px; margin-top:5px; text-align:center;background:#fff; padding-left:25px; padding-right:25px;overflow:hidden } .secbut { width:88px; height:32px; display:inline-block; font:14px "Microsoft YaHei"; color:#fff; line-height:32px; text-align:center; background:#40a428; -moz-border-radius: 5px;/* Gecko browsers */-webkit-border-radius: 5px; /* Webkit browsers */border-radius:5px; margin-right:10px; } .secbut a{ color:#fff;} .jqzoom{float:left;position:relative;cursor:pointer;} div.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;} div.jqZoomPup{z-index:10;visibility:hidden;position: absolute;top:0px;left:0px;width:150px;height:150px;border:1px solid #aaa;background: #fff;opacity:0.5;-moz-opacity: 0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);} /*瑙ｅ喅鏂规*/ #caselistbox{height:auto;width:1200px;margin:0 auto;margin-bottom:60px;margin-top:30px; overflow:hidden} .caseright{ width: 1200px} .caseright ul{ } .caseright ul li{ width:1200px;min-height: 188px;float: left;margin:20px;} .caseright ul li img { float:left; width:250px; height:188px;} .caseright ul li .title { float:left; width:910px; padding:20px;background: #f7f7f7; border-bottom: 4px solid #eaeaea;} .caseright ul li:hover .title{border-bottom: 4px solid #ce3f3c;} .caseright ul li .title p{ line-height: 36px;text-align: left;font-size: 20px;} .caseright ul li .title span { line-height:24px;} .servicefl { float:left;padding-left: 140px; width:400px;} .servicefr { float:left; padding-left: 140px; width:400px;} .servicecon h3{ font-size:30px; width: 360px;padding-bottom: 29px;border-bottom: 1px solid #dbdbdb;} .servicecon li{ margin-top: 25px;padding-left: 14px; height:30px; line-height:30px;} .servicecon li img{ float:left; display:inline-block; width:30px;} .servicecon li span{float:left; display:inline-block; padding-left: 16px;} .nav-list ul li{ height: 61px; line-height: 61px; border-bottom: 1px solid #eaeaea; background: #fff; width: 260px;float: left; } .nav-list ul li a{ display: block; padding-left: 39px; font-size: 16px; background: url(tb9.png) no-repeat 236px 25px; color: #7f7f7f; } .nav-list ul li:hover a{ background: url(tb10.png) no-repeat 236px 25px; } .nav-list ul li:hover{ background: #fff; } .nav-list ul li.hover a{ background: url(tb10.png) no-repeat 236px 25px;color: #DA251C; } .nav-list ul li a:hover{color: #DA251C;} .nav-list ul li.hover{ background: #fff;25px;color: #f00; } .nav-list ul li.msort{ height: 41px; line-height: 41px;border-bottom: 1px dotted #eaeaea;background: #fff;} .nav-list ul li.msort a{padding-left:50px;font-size:14px;background:none;} .nav_photo {background:url(../images/nav.png) center no-repeat;width:35px;height:35px;background-size:100% auto;position:fixed;top:10px;right:20px;z-index:10000;display:none;} .subbanner1 {background: url(../images/ban1.jpg) no-repeat top center;height:310px;} .subbanner2 {background: url(../images/ban2.jpg) no-repeat top center;height:310px;} .subbanner3{background: url(../images/ban3.jpg) no-repeat top center;height:310px;} .subbanner4{background: url(../images/ban4.jpg) no-repeat top center;height:310px;} .subbanner5{background: url(../images/ban5.jpg) no-repeat top center;height:310px;} .subbanner6{background: url(../images/ban6.jpg) no-repeat top center;height:310px;} .nav-list>h3 { padding-left: 39px; font-size: 16px; background: url(tb9.png) no-repeat 236px 25px; color: #7f7f7f; font-weight:normal; height: 61px; line-height: 61px; border-bottom: 1px solid #eaeaea; } .menu_a { display:none; padding:15px; font-size:20px; border-bottom:1px solid #ddd; } #nav77{display:none;} @media (max-width:780px) { .Header-wrapper, .Container-wrapper, .Footer-wrapper, .container, .banner-container, .index-container {min-width:100%;} .container-Htop .tit,.container-Htop .phone,.Hlang,.Hsrch {display:none;} .container-header .logo {float:none;} .container-header .nav {float:none;background:#044f9f;display:none;} .nav>li,.nav>li>a {float:none;width:100%;margin:0; color: #fff; border-bottom: 1px solid #fff;} .contain,#proslistbox,#contactus,#submenu ul {width: 100%;padding-left:15px;padding-right:15px;box-sizing:border-box;position: relative;} .Header-wrapper .container-header{height:55px;/*box-shadow:0px 0px 10px #022852;*/background-color:#fff;} .container-header .logo{ font-size:0px; height:55px; line-height:55px; } .container-header .logo img{ width:220px; height:auto; display: inline-block ;vertical-align:middle;} .Header-wrapper.cur .container-header .logo img{width:220px;height:auto;vertical-align:middle;} #nav77{display:block;} .prosleft,.prosright,.Equright {width:100%;float:none;padding:0;margin:0;} #footer .bottommenu,#footer .copybottom .copyright,#newslistbox,#index_news .box ,#index_about .box {width:100%;box-sizing:border-box;padding-left:15px;padding-right:15px; padding-bottom: 15px;} #footer .bottommenu .sidebar {width:100%;float:none;} #subbanner .classname {width:100%;} .prosright ul li,.Equright ul li {width:48%;margin:10px 1%;min-height:auto;} .prosright ul li img,.Equright ul li img {width:100%;height:auto;} .prosright ul li .title p,.Equright ul li .title p {line-height:36px;font-size:14px;} .show_proL { float:none; width:100%; line-height:24px; border:none; padding:0px; font:100 14px/24px "寰蒋闆呴粦"; min-height:400px;} .show_proL .sec_tpm_t img{ max-width: 100%; height: auto !important;} .show_proR { display:none;} .sec_tpm_tL { float:none; width:100%;} .sec_tpm_tL img { width:100%; height:auto;} .sec_tpm_tR { float:none; width:100%; padding:0px; } .sec_tpm_tR1 { font-size:16px; font-weight:bold; display:block; line-height:30px; padding-top:5px;} .sec_tpm_tR2 { font-size:14px; display:block;line-height:26px;} .sec_tpm_tR3{ height:130px; overflow:hidden;word-break: break-all; word-wrap:break-word;} .sectit { height:35px; margin-top:20px; background:#d7d7d7; padding-left:20px; margin-bottom:20px; } .sectit h5 { display:inline-block; font-weight: bold; cursor: pointer; height:30px; line-height:30px; margin-top:5px; text-align:center;background:#fff; padding-left:25px; padding-right:25px;overflow:hidden } .secbut { width:88px; height:32px; display:inline-block; font:14px "Microsoft YaHei"; color:#fff; line-height:32px; text-align:center; background:#40a428; -moz-border-radius: 5px;/* Gecko browsers */-webkit-border-radius: 5px; /* Webkit browsers */border-radius:5px; margin-right:10px; } .secbut a{ color:#fff;} .jqzoom{float:left;position:relative;cursor:pointer;} div.zoomdiv{ display:none; } div.jqZoomPup{display:none;} #art_content { width:100%;} #art_content img { width:100%;} .servicefl { float:none; padding: 0px; width:100%; padding-bottom:30px; } .servicefr { float:none; padding: 0px;width:100%;} .servicecon h3{ font-size:20px; width: 100%;padding-bottom:9px;border-bottom: 1px solid #dbdbdb;} .servicecon li{ margin-top: 25px; padding-left: 14px; height:30px; line-height:30px;} .servicecon li img{ float:left; display:inline-block; width:30px;} .servicecon li span{float:left; display:inline-block; padding-left: 16px;} .nav-list ul li {float:none;width:100%;} .nav-list ul li a {background: url(tb9.png) no-repeat 90% 25px;} #footer .bottommenu .sidebar dl { float:left; width:50%; padding-bottom:30px;} #footer .bottommenu .sidebar dl dt { padding-bottom:5px; } #footer .bottommenu .we {width:100%;float:none;} .container-Htop span {line-height:50px;height:50px;} #footer .copybottom .copyright .link { float:none;} #footer .copybottom .copyright p { float:none;} #footer .bottommenu .social{ width: 100%; text-align: center; padding-bottom: 25px; margin-bottom: 15px; border-bottom: 1px solid #777; } #footer .bottommenu .sidebar{ width: 100%; border:none; overflow: hidden; padding: 0;} #footer .bottommenu .sidebar li:first-child{ display: none;} #footer .bottommenu .sidebar li:nth-child(2){ display: none;} #footer .bottommenu .sidebar ul li {width: 33%; padding: 0; text-align: center;} #footer .bottommenu .we { display: none;} .nav_photo {display:block;} #newslistbox ul,#newslistbox ul li .pic,#newslistbox ul li .pic img {width:100%;} #newslistbox ul li {width:100%; overflow: hidden; margin: 20px 0;} #submenu ul li {padding:0 10px;} #contactus .feedback dl dt,#contactus .contact .con,#contactus .contact .map,#contactus .contact .map #allmap,#contactus .feedback dl dt .input {width:100%;} #submenu {height:auto; overflow: hidden;} #aboutbox .company,#aboutbox .service,#aboutbox .service_advantage .box {width:100%;box-sizing:border-box;padding-left:15px;padding-right:15px; padding-top:15px;} #aboutbox .company .zzjg { width:100%;height:auto;} .qywh { width:100%; margin-top:0px;} .qywh li{ width:48%;margin:10px 1%; height:auto; min-height:auto;} .qywh li img {float:none; width:100%; height:auto; display:block;} .qywh li p { width:100%; line-height:22px; height:auto; padding-left:0px; } .qywh li p span { font-size: 20px;line-height:36px;} #aboutbox .company .data ul li {display:block;border:0;} #aboutbox .company .advantage a {display:block;text-align:left;line-height:36px;} #aboutbox .service .itemshow .list .con {height:800px;} #aboutbox .service .itemshow .list .con .tempWrap,#aboutbox .service .itemshow .tab {display:none;} #aboutbox .service .itemshow .list .con ul li {width:100%; float:none;} #aboutbox .service .itemshow .list .con ul li:nth-child(5) {top:420px;} #aboutbox .service .itemshow .list .con ul li:nth-child(6){ top:530px;} #aboutbox .service .itemshow .list .con ul li:nth-child(7){ top:630px;} #aboutbox .service .itemshow .list .con ul li:nth-child(8){top:730px;} #aboutbox .service_advantage .box .tab {width:100%;height:auto;} #aboutbox .service_advantage .box .tab ul li { width:50%; box-sizing:border-box; height:110px; float:left; border-right:1px solid #fff; border-top:1px solid #ddd; } #aboutbox .service_advantage .box .tab ul li.on {width:50%;} #aboutbox .service_advantage .box .tab ul li:nth-child(1) {height:110px;} #aboutbox .service_advantage .box .list,#aboutbox .service_advantage .box .list .text {width:100%;} #aboutbox .service_advantage .box .list .text {margin-top:10px;} #aboutbox .service_advantage .box .list .text img {width:100%;float:none;margin:0;height:auto;} #aboutbox .service_advantage .box .list {box-sizing:border-box;padding:10px;} #aboutbox #index_partner {height:auto;} #index_partner .box {width:100%;} #index_partner .box .picList li,#index_partner .box .picList li span img { width:50%;box-sizing:border-box;height:auto; } #aboutbox #index_partner .tab {bottom:60px;} /*--indexabout--*/ #index_about .box{ margin-top: 20px; overflow: hidden;} .abouttop{ } .aboutimg{ width:100%; height:auto; background:none;} .aboutimg img {width:100%; height:auto;} .aboutright{ width:100%; height:auto;} .aboutright .abouttitle{ font-size:20px; line-height:30px; padding-top:10px;} .aboutcon{ font-size:14px; line-height:24px; color:#707070; overflow:hidden; margin-top:0px; } .aboutright .abouta{ margin-top:15px;} .aboutright a{ margin:0 auto; width:150px; height:40px; border:1px solid #a8b3ba; border-radius:35px; text-align:center; line-height:40px; display:block; font-size:14px; } .aboutright a:hover{ background:#ff9f2d; border-color:#ff9f2d; color:#fff;} /*--indexabout--*/ #index_news .box ul,#index_news .box ul li {height:auto;width:100%;} #index_news .box {height:auto;} .index-con .con-chenge1 {display:none;} #index_news .box ul li .pic img,#index_news .box ul li .pic {width:100%;height:auto;} #index_news .box ul li {margin-bottom:15px;} .con-chenge2 {display:block;background:#f5f5f5;} .index-con .con-chenge .bd {width:100%;box-sizing:border-box;} .index-con .con-chenge .bd ul li {width:48%;margin:5px 1%;height:auto;} .w1160 {width:100%;box-sizing:border-box;padding-left:5px;padding-right:5px;} .index-con .con-chenge .bd ul li img {width:100%;height:auto;} .index-con .con-chenge .bd ul li .title{ padding-top: 20px;height:auto; padding-bottom:10px;} .index-con .con-chenge .bd ul li .title .top{ padding-top: 15px;} .index-con .con-chenge .bd ul li .title .top p {font-size:14px;font-weight:normal;} #index_news .box ul li .text {height:auto;padding:40px 15px 15px 15px;} #index_news .box ul li .text strong {line-height:24px;} .nav>li:hover .n2nd {display:none;} .banner ul li,.banner {height:200px;} .b1 {background:url(../images/banner1.jpg ) no-repeat top center;background-size:auto 100%;} .b2 {background:url(../images/banner2.jpg ) no-repeat top center;background-size:auto 100%;} .b3 {background:url(../images/banner3.jpg ) no-repeat top center;background-size:auto 100%; } .banner .prev,.banner .next { top:50px;} .subbanner1 {background: url(../images/webban1.jpg) center no-repeat;background-size:auto 100%;height:150px;} .subbanner2 {background: url(../images/webban2.jpg) center no-repeat;background-size:auto 100%;height:150px;} .subbanner3 {background: url(../images/webban3.jpg) center no-repeat;background-size:auto 100%;height:150px;} .subbanner4 {background: url(../images/webban4.jpg) center no-repeat;background-size:auto 100%;height:150px;} .subbanner5 {background: url(../images/webban5.jpg) center no-repeat;background-size:auto 100%;height:150px;} .subbanner6 {background: url(../images/webban6.jpg) center no-repeat;background-size:auto 100%;height:150px;} #subsidiary{width:100%;box-sizing:border-box;padding:40px 20px 0 20px;} #subsidiary img{width:80%;height:auto;} .cprns img{width:100%;} #newsshowbox{width:100%;box-sizing:border-box;padding:40px 20px 0 20px;} #submenu ul li { box-sizing:border-box;font-size:10px;} #video-layer .vdl-box {width:90%;left:5%;right:5%;top:30%;} #video-layer a.vdl-colse {top:50px;right:20px;} .menu_a {display:block;} .nav-list {display:none;} }