*{margin:0px; padding:0px; font-size:14px;font-family:Microsoft YaHei; color:#616161;} img{border:0px; display:inline-block; font-size:0px; position:relative;} a{text-decoration:none;} body { margin:0px; padding:0px; } @font-face {font-family: "iconfont"; src: url('/css/iconfont/iconfont.eot'); /* IE9*/ src: url('/css/iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/iconfont/iconfont.woff') format('woff'), /* chrome, firefox */ url('/css/iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('/css/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } table{border-collapse:collapse; border-spacing:0;} .pager_box{clear:both; text-align:center; line-height:40px; margin:20px auto;font-size:14px; color:#dd4a52;} .pager{font-size:14px; padding:0 10px; color:#ffffff; line-height:25px; display:inline-block;background-color:#000249; margin:0px 5px;} .pager_hover,.pager:hover{font-size:14px; background-color:#f61302; padding:0 10px; line-height:25px; display:inline-block; margin:0px 5px; color:#ffffff; } .first_pager,.prev_pager,.next_pager,.last_pager{ line-height:25px; color:#dd4a52; display:inline-block; margin:0px 5px; font-size:14px; } .clear{ clear:both;} h1,h2,h3,h4,h5{ font-weight:normal;} #top{background-color:#ffffff;} #top_box{margin:0 auto; text-align:center; overflow:hidden; width:1190px;} .border{border:1px #cecece dashed; margin:10px auto; clear:both;} #logo{ float:left; margin-top:0px;} #top_right{ float:right;} #top_right span{ color:#996633; line-height:26px;} .page_left{ width:235px; float:left;} .page_right{width:935px; float:right; border:1px #dedede solid;} .left_a{background-image:url(http://pic17_1.qiyeku.com/qiyeku_pic/2017/4/19/zssjch/news/news_pic/image/2017_04_22/20170422023516186.png);background-repeat:no-repeat; background-position:15px center; margin-top:3px; height:35px; line-height:35px; display: block; border-bottom:1px #f4f4f4 solid; text-indent:40px; color:#616161;} .left_a:hover{ background-image:url(http://pic17_3.qiyeku.com/qiyeku_pic/2017/11/1/ytgy/product/product_pic/image/2017_11_18/20171118100845452.png); border-bottom:1px #f61302 solid; color:#f61302 ; } #weizhi{ float:right; height:43px; line-height:43px; color:#333333; margin-right:20px;} #weizhi a{ color:#333333;} #weizhi .icon{ font-size:18px; color:#cc0033; display:inline-block; width: 12px; height:43px; margin-right:5px;} .weixin:hover{cursor: pointer;} IMG{border:0px;}.cur{text-decoration: none; background-color: #f61302 ; color: #fff } #navigation{ background-color:#000249; height:42px; border-top: 4px #f61302 solid; } #navigation_box{ margin:0 auto; width:1190px; height:42px; text-align:left; } .navigation_a{ width:145px; height:42px; color:#fff;; font-size:14px; line-height:42px; text-align:center; display:inline-block; } .navigation_a:hover{ color:#ffffff;} .nav_li{ width:145px; text-align:center; display:inline-block; list-style:none;float:left; } .nav_li:hover>.navigation_a{color:#ffffff; background-color:#b60202;} .nav_li ul{ display:none; position:absolute;margin: 0; padding: 0; z-index:99999;} .nav_li ul li{ list-style:none;} .nav_li ul li:hover{color:#ffffff;} .navigation2_a { background-color: rgba(117, 117, 117, 0.8); width:145px; color:#f1f0f0; font-size:14px; line-height:25px; padding:5px 0px; text-align:center; display:inline-block; } .navigation2_a:hover{color:#ffffff; background-color: rgba(135, 135, 135, 0.8);} .topWrap{background: url(http://pic17_1.qiyeku.com/qiyeku_pic/2017/7/4/zsanjule/news/news_pic/image/2017_07_07/20170707085318364.jpg) repeat-x center top; overflow: hidden; height:5px;}#kinMaxShow{visibility:hidden;height:480px;overflow:hidden; } #page_banner{}.case { padding: 50px 0; overflow: hidden;} .grWidth {width: 1200px; margin: 0 auto;} .case .homeTitle { background: url(http://pic17_3.qiyeku.com/qiyeku_pic/2017/11/1/ytgy/product/product_pic/image/2017_11_15/20171115052652318.png) no-repeat left 11px; color: #333;} .homeTitle { font-size: 24px; color: #fff; text-align: center; background: url(http://pic17_3.qiyeku.com/qiyeku_pic/2017/11/1/ytgy/product/product_pic/image/2017_11_15/20171115052652318.png) no-repeat center 15px; text-transform: uppercase; margin-bottom: 25px; line-height: 26px;} .case .homeTitle span { font-size: 14px; font-family: "微软雅黑";} .homeTitle span { display: block; font-size: 12px font-family: Arial; font-weight: normal; opacity: 0.7; filter: alpha(opacity=70);} .righttab { width: 1200px; height: 70px; font-size: 16px; text-align: center; background-image: url(../img/proabg.jpg); background-repeat: no-repeat; background-position: center top; color: #fff; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #e7e7e7; } .righttab #tab_t1 { width: 185px; height: 40px; line-height: 40px; padding-left: 80px; } .righttab .active { color: #fff; } .righttab li { float: left; color: #fff; width: 185px; height: 40px; line-height: 40px; padding-top: 5px; } li { list-style-type: none; } .righttab li h4 { font-size: 16px; font-weight: normal; } .righttab li h4 a { color: #666; float: left; width: 185px; border: 1px solid #c4c4c4; height: 43px; line-height: 43px; text-align: center; font-size: 14px; } .righttab li h4 a.more{ background: #4e4e4e; color: #fff; font-weight: normal; margin-right: 0; } .righttab #tab_t2 { margin-left: 20px; } .righttab #tab_t3 { width: 185px; margin-left: 20px; } .righttab #tab_t4 { margin-left: 20px; } .prolistbox { width: 275px; height: 275px; float: left; margin: 20px 0px 15px 25px; display: inline; } .prolistbox .proimg { width: 235px; height: 235px; } .proimg a { color: #333333; text-decoration: none; display: block; width: 229px; height: 268px; border: 1px solid #dfdfdf; padding: 2px; display: block; } .prolistbox .proimg img { vertical-align: middle; border: 0px solid; } .prolistbox img { text-align: center; width: 229px; height: 229px; } .prolistbox h3 { width: 235px; background-repeat: no-repeat; height: 32px; float: left; font-size: 14px; line-height: 32px; text-align: center; overflow: hidden; } .righttab li h4 a:hover { background-color: #f61302; color: #fff; } .proimg a:hover { border: 1px solid #f61302; } .prolistbox h3:hover { background: #f61302; color: #fff; } #left_content{ width:235px;} .left_content_p{width:205px; margin:0 auto;} .left_content_p p{ line-height:28px; color:#666666;}.client { background: #db1924; padding: 20px 0; overflow: hidden;} .grWidth { width: 1200px; margin: 0 auto;} .client .homeTitle { background: url('../images/h_tie3.png') no-repeat left 11px;} .homeTitle span { display: block; font-size: 12px; font-family: Arial;font-weight: normal; opacity: 0.7; filter: alpha(opacity=70);} .clientMain { height: ; overflow: hidden;} .clientMain ul { width: 1240px;} .clientMain li { float: left;width: 565px; height: 230px; background: #fff; overflow: hidden; margin-right: 30px; padding-right: 20px; } .clientMain li .fl { width: 255px; height: 230px; margin-right: 20px; overflow: hidden; float: left; } .clientMain li img { width: 255px; height: 230px; transition: all 0.5s; vertical-align: middle; } .clientMain li h4 { padding-top: 20px; height: 30px; font-size: 14px; background: url(http://pic17_3.qiyeku.com/qiyeku_pic/2017/11/1/ytgy/product/product_pic/image/2017_11_16/20171116023834250.jpg) no-repeat left bottom; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; } .clientMain li h4 a { color: #333;font-size: 14px;} .clientMain li p { height: 120px;line-height: 24px;overflow: hidden;} .clientMain li .more { font-size: 12px; line-height: 20px; height: 20px; font-size: 12px; color: #fff; background: #000054; transition: all 0.3s; padding: 0 10px; display: inline-block;} .homeTitle { font-size: 24px; color: #fff; text-align: center;text-transform: uppercase;line-height: 26px;} .caseMain li:hover img, .clientMain li:hover img { transition: all 0.5s; transform: scale(1.1, 1.1); } .about{padding:50px 0;background:#ebebeb;overflow:hidden;} .aboutTop{height:236px;overflow:hidden;position: relative;} .aboutTop .font{position: absolute;height:56px;background:#000054;line-height:56px;bottom:0;color:#fff;overflow:hidden;left:50%;margin-left:-310px;} .aboutTop .font h3{float:left;font-size:22px;padding:0 20px; font-weight: bold; color:#fff;} .aboutTop .font p{float:left;background:#f71800;padding:0 25px;color:#fff; text-align:right;line-height:20px;padding-top:6px;height:50px;} .aboutTop .font p span{font-size:24px;display:block;font-family:Arial; color: #fff; padding: 13px 10px;} .aboutFont{margin:30px 0;text-align:center;overflow:hidden;} .aboutFont .more{color:#e20013;text-decoration:underline;} .aboutFont .more:hover{color:#b4000a;} .aboutNum{height:158px;overflow:hidden;} .aboutNum li{float:left;text-align:center;width:240px;height:100px;padding-top:58px;font-size:14px;color:#333;position: relative;} .aboutNum li i{width:158px;height:158px;position: absolute;background: url(http://pic17_3.qiyeku.com/qiyeku_pic/2017/11/1/ytgy/product/product_pic/image/2017_11_16/20171116054047757.png) no-repeat;top:0;left:50%;margin-left:-78px;z-index:1;transition:all 0.6s;} .aboutNum li div{position: relative;z-index:5;} .aboutNum li span{font-size:24px;color:#db1924;} .aboutNum li span b{font-weight:normal; font-size: 24px;color: #db1924;} .aboutNum li:hover i{background:url(http://pic17_3.qiyeku.com/qiyeku_pic/2017/11/1/ytgy/product/product_pic/image/2017_11_16/20171116054102635.png) no-repeat; transition:all 0.6s;transform: rotate(180deg);} .aboutNum li:hover div,.aboutNum li:hover span{color:#fff; transition:all 0.3s;} .aboutNum li:hover div,.aboutNum li:hover p{color:#fff; transition:all 0.3s;} .aboutNum li:hover div,.aboutNum li:hover b{color:#fff; transition:all 0.3s;} .i_more { text-align: center; margin-top: 36px; } .i_more a { display: inline-block; width: 180px; height: 40px; line-height: 40px; color: #747474; border-radius: 30px; border: 1px solid #747474; }/*焦点图*/ .focus{ position:relative; width: 485px; height: 365px;background-color: #fff; float:left; } .focus img{ width: 485px; height: 335px;} .focus .shadow .title{width: 220px; height: 30px;padding-left: 30px;} .focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; } .focus .btn{ position:absolute; bottom:34px; overflow:hidden; zoom:1;} .focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focus .btn a:hover,.focus .btn a.current{ cursor:pointer;background:#fc114a;} .focus .fPic{ position:absolute; left:0px; top:0px; } .focus .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; } .focus .shadow{ width:100%; position:absolute; left:0px; z-index:10; height:30px;text-align:center; line-height: 30px;color:#fff; background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display:block; } .focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; } .focus .fcon{ position:relative; width:100%; float:left; display:none; background:#fff } .focus .fcon img{ display:block; } .focus .fbg{bottom:29px; right:100px; position:absolute; height:21px; text-align:center; z-index: 200; } .focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px} .focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;} .focus .D1fBt img{display:none} .focus .D1fBt i{display:none; font-style:normal; } .focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;} .focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; } .focus .next{top: 50%;margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;} .focus .prev:hover{ background-position:0 0; } .focus .next:hover{ background-position:-40px 0;} .fr{float: right;} .news{padding:50px 0; overflow:hidden;} .newsMenu{height:45px;line-height:45px;background:#fff;border:1px solid #d5d5d5;margin-bottom:20px;} .newsMenu a{float:left;width:398px;border-right:1px solid #d5d5d5;color:#333;font-size:16px;text-align:center;text-transform:uppercase;} .newsMenu a.on,.newsMenu a:hover{color:#fff;background:#db1924;} .newsMenu a.more{border-right:none;width:400px;} .newsMain,.newsBox{height:365px;overflow:hidden;} .newsLeft { width: 485px; height: 365px; overflow: hidden; position: relative; float: left;} .News-owl { overflow: hidden; } .News-owl .Item { position: relative; } .News-owl .Item h3 { position: absolute; left: 0; bottom: 0; background-image: url('http://pic17_3.qiyeku.com/qiyeku_pic/2017/11/1/ytgy/product/product_pic/image/2017_11_17/20171117114703071.png'); padding: 10px 20px; font-size: 14px; color: #fff; line-height: 20px; font-weight: 500; width: 100%; } .News-owl .Item .date { font-size: 12px; color: #c1c1c1; line-height: 20px; display: block; } .News-owl .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; border: 1px solid #e9e9e9; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } .News-owl .owl-theme .owl-controls .owl-nav .owl-prev { left: -50px; background: #fff url('http://pic17_3.qiyeku.com/qiyeku_pic/2017/11/1/ytgy/product/product_pic/image/2017_11_17/20171117114203395.png') no-repeat center center; } .News-owl .owl-theme .owl-controls .owl-nav .owl-next { right: -50px; background: #fff url('http://pic17_3.qiyeku.com/qiyeku_pic/2017/11/1/ytgy/product/product_pic/image/2017_11_17/20171117114227350.png') no-repeat center center; } .News-owl .owl-theme .owl-dots { position: absolute; right: 20px; bottom: 15px; } .News-owl .owl-theme .owl-dots .owl-dot span { margin: 3px; background: none; border: 1px solid #fff; } .News-owl .owl-theme .owl-dots .active span { background: #fff; } .newsRight{width:680px;overflow:hidden;} .newsRight li{height:110px;line-height:20px;overflow:hidden;margin-bottom:11px;border:2px solid #fff;background:#eee;padding-right:15px;} .newsRight li .date{float:left;width:110px;text-align:center;height:85px;padding-top:25px; font-family:Arial;font-size:18px;margin-right:15px;background:#999999;color:#fff;line-height:28px;} .newsRight li .date strong{font-size: 30px;display: block;line-height: 40px;color: #fff;width: 72px;height: 45px;overflow: hidden;margin-left: 18px;} .newsRight li .date p{ width:82px; height: 20px;overflow: hidden;color: #fff;margin-left: 14px;} .newsRight li h3{font-size:16px;height:30px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:normal;margin-top:10px;color:#454545;} .newsRight li p{color:#8a8a8a;} .newsRight li:hover{border:2px solid #db1924;}.link_jieshao{width:1190px; margin:0 auto; border:2px #b60202 solid;} .lj_title{ height:40px; line-height:40px; background-color:#b60202; } .lj_titlespan{ color:#ffffff; padding:0 20px; height:40px;line-height:40px; display:inline-block; text-align:center; background-color:#5a0505; cursor: pointer;} .lj_titlespanhover{background-color:#ffffff; color:#5a0505;} .lj_box_main{display:none; line-height:28px;} .lj_box_mainhover{display:block;} .lj_box_main a{display: inline-block; padding:0 10px; line-height:30px;} .lj_box{padding:15px 0px; width:1160px; margin:0 auto;} #p_bottom{ width:1190px; margin:0 auto; clear:both; } .p_bottom_list{ height:180px; width:250px; float:left; border-right:1px #d7cec8 solid; margin:15px auto;} .p_bottom_list_title{ text-indent:80px; font-size:16px; line-height:40px; color:#333333;} .p_bottom_list_title_a{ line-height:25px; font-size:14px; color:#666666;} .p_bottom_list_c{margin-left:80px; overflow:hidden; height:130px;} .p_bottom_list_c div{line-height:25px;} #bottom{ background-color:#f61302;} #bottom_box{width:1200px; margin:0 auto; color:#fff; line-height:40px;} #bottom_box *{color:#fff; }#keft_div{ width:173px; height:280px; position:fixed; right:-132px; top:160px;z-index: 999;} .keft_ico{ background-color:#ffffff; color:#996633; writing-mode:tb-rl; width:40px; height:120px; float:right; border:1px #d0d8e2 solid; border-right:0px; cursor: pointer; line-height: 40px; text-align: center; font-size: 16px;} .keft_box{ background-color:#f0f1f3; border:1px #d0d8e2 solid; width:130px; height:280px; float:right; overflow:hidden; text-align:center; font-size:14px; color:#013984;}