锘?{padding:0px;margin:0px;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;} html,body{font-size:14px;background:#fff;width:100%;margin:0px;padding:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"寰蒋闆呴粦","瀹嬩綋","榛戜綋";} body{/*overflow: hidden;*/overflow-x:hidden;} img{border:0px;max-width:100%;} ul,li,p{margin:0px;padding:0px;} a{text-decoration: none;} ul,li{list-style-type:none;} input,button,select,textarea{ outline:none;} textarea{resize:none;} input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;} a { color: inherit; text-decoration: inherit; cursor: inherit; color: #999; cursor: pointer; } a:active, a:focus { outline: none; } a, div { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .container{position:relative;width:1400px;margin:0px auto;} .container:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;} .yja{border-radius: 6px; /* 鎵€鏈夎閮戒娇鐢ㄥ崐寰勪负5px鐨勫渾瑙掞紝姝ゅ睘鎬т负CSS3鏍囧噯灞炴€ */ -moz-border-radius: 6px; /* Mozilla娴忚鍣ㄧ殑绉佹湁灞炴€ */ -webkit-border-radius: 6px; /* Webkit娴忚鍣ㄧ殑绉佹湁灞炴€ */ } .yjb{border-radius: 26px; /* 鎵€鏈夎閮戒娇鐢ㄥ崐寰勪负5px鐨勫渾瑙掞紝姝ゅ睘鎬т负CSS3鏍囧噯灞炴€ */ -moz-border-radius: 26px; /* Mozilla娴忚鍣ㄧ殑绉佹湁灞炴€ */ -webkit-border-radius: 26px; /* Webkit娴忚鍣ㄧ殑绉佹湁灞炴€ */ } .f_red{ color:#c8161e;} .f20{ font-size:20px;} .mainTitle{color:#434343;font-size:72px;line-height:72px;font-family: "Microsoft JhengHei", "Microsoft YaHei", tahoma; font-weight:bold ;font-stretch:ultra-condensed;width:100%;text-align:center; } .mainSub{width:37px;height:2px;background:#c8161e;margin:30px auto;} .mainInfo{padding:10px 0px;text-align:center;font-size:30px;color:#434343;} .cover { background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; }.service { padding: 70px 0; position: relative; }.service .container { position: relative; z-index: 2; }.service .h1 { color: #fff; font-size:36px;line-height:40px; }.border::before { background-color: #db2103; border: 0 ridge #fff; content: ""; height: 4px; left: 50%; margin-left: -40px; position: absolute; top: 0; width: 80px; } .border { border-top: 0 solid #fff; height: 1px; margin: 15px auto 0; position: relative; } .section-bgwrap { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .service .service-info { color: #fff; font-size: 18px; }.top-30 { margin-top: 30px; }.service .more { background: #f3b40e none repeat scroll 0 0; border-radius: 3px; color: #fff9dc; font-size: 22px; line-height: 25px; margin: 60px auto 20px; padding: 30px 0; width: 350px; } .banner-nav { width: 100%; } .banner-nav-abs {bottom: 0;left: 0;/* position: absolute;*/margin-bottom:40px; } .banner-inner { height: 200px; margin: 0 auto; }.banner-nav ul { height: 165px; margin: 0 auto; width: 100%; }.banner-nav li { cursor: pointer; display: inline; float: left; height: 165px; /* margin: 0 1px;*/ /* padding: 0 18px;*/ position: relative; width:150px; }.banner-nav li div { background: #f2f2f2 none repeat scroll 0 0; height: 165px; left: 0; opacity: 0.2; /* padding: 0 35px;*/ position: absolute; top: 0; width: 150px; z-index: 5; }.banner-nav li a.brand { background-position: 0 0; }.banner-nav li a { background-image: url("../images/tb1.jpg"); background-repeat: no-repeat; color: #747474; display: inline; float: left; font-size: 14px; height: 165px; left: 0; /* padding: 0 25px;*/ position: absolute; text-align: center; top: 0; width:150px; z-index: 6; }.banner-nav li a span { display: block; margin: 0 auto; padding-top: 110px; } .banner-nav li a.pano { background-position: -310px 0; } .banner-nav li a.mobile { background-position: -450px 0; }.banner-nav li a.zhyx { background-position: -600px 0; }.banner-nav li a.cms { background-position: -740px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.school { background-position: -150px 0; } .banner-nav li.current { cursor: default; } .banner-nav li a:Hover{ background-image: url("../images/tb2.jpg"); color: #747474; cursor:pointer; } .banner-nav li a.school1 { background-position: -1050px 0; } .case_e{width:1200px;margin:auto;overflow:hidden;} .case_e .more { clear: both; float: left; padding-top: 37px; position: relative; } .case_e .more ul { float: left; position: relative; } .case_e .more li { float: left; padding-right: 10px; }.case_e .more a { background:url(../images/index_05_1.png) no-repeat scroll 0 0; color: #a1a1a1; display: block; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; width: 125px; }.c3_tst1 { transition: all 0.5s ease 0s; } .case_e .more a:hover, .case_e .more a:active { background:url(../images/index_05_1.png) no-repeat scroll 0 -40px; color: #f4f4f4; } .nare_home .ctg { padding-top: 25px;overflow: hidden; } .nare_home .ctg .box { float: left; left: 50%; position: relative; } .nare_home .ctg ul { float: left; left: -50%; position: relative; } .nare_home .ctg li { float: left; height: 40px; padding-right: 29px; width: 168px; }.nare_home .ctg li a { background: url(../images/index_05.png) no-repeat scroll 0 0; color: #f4f4f4; display: block; height: 40px; line-height: 40px; text-align: center; width: 168px; } .nare_home .ctg li a:hover, .nare_home .ctg li a:active { background:url(../images/index_05.png) no-repeat scroll 0 -40px; } .in_news { padding-top: 55px; } .in_news { clear: both; padding: 50px 0 0;padding-bottom:50px; width: 100%; }.in_news ul { overflow: hidden; } .in_news li { background: #fff none repeat scroll 0 0; float: left; height: 187px; position: relative; width: 50%; z-index: 2; } .in_news li .box { margin-bottom: 30px; } .in_news li .box { border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; display: -moz-box; height: 186px; position: relative; width: 100%; z-index: 10; } .in_news li .lt { margin: 18px 0 0 22px; width: 198px;float:left; } .in_news li .lt .bd { /* border: 1px solid #dcdcdc;*/ height: 149px; overflow: hidden; width: 196px; } .c3_tst1 { transition: all 0.5s ease 0s; }.in_news li .rt { -moz-box-flex: 1;width:62%;float:left; } .in_news li .rt .cont { line-height: 25px; padding: 0 50px 0 30px; text-align: left; } .in_news li .rt .tit { color: #222222; font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; padding-top: 25px; }.in_news li .rt .tit a { color: #222222; } .in_news li .rt .info { color: #878787; font-size: 13px; height: 75px; line-height: 25px; overflow: hidden; padding: 10px 0 5px; } .in_news li .rt .tm { background: url(../images/index_12.png) no-repeat scroll 0 -60px; color: #878787; display: block; font-size: 13px; line-height: 18px; margin-top: 5px; padding: 0 0 0 25px; } .in_news li:hover { background: #ed7020 none repeat scroll 0 0; } .in_news li:hover a { color:#FFF; } .in_news li:hover .info{ color:#FFF; } .web_about { width: 100%; /* background: url(../images/index_bg2.jpg) no-repeat center top; */ height: 335px; position: relative; }.web_about_wrapper { width: 1200px; margin: 0px auto; position: relative; padding-top: 70px; }.col_fourth { width: 23.5%;position: relative; display: inline; display: inline-block; float: left; margin-right: 2%; margin-bottom: 20px; }.counter { background-color: #cc0000; padding: 30px 0 45px 0; border-radius: 8px; } .col_fourth:nth-child(4n){margin-right:0px;} .count-title { font-weight: bold; color: #FFF; margin-top: 10px; margin-bottom: 0; text-align: center; font-size: 80px; } .col_fourth p { font-size: 16px; font-weight: bold; color: #FFF; text-align: center; } .linkBtn{background-image:url(../images/rightIcon.png); background-repeat:no-repeat; background-size:36px auto; background-position:254px center;width:308px;height:58px;line-height:58px;text-align:left;border:2px solid #c8161e;color:#c8161e;font-size:22px;} .linkBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .linkBtn span{margin-left:25px;} .linkBtn:hover{color:#fff;background-color:#c8161e;background-image:url(../images/rightIconOn.png);background-position:190px center;} .header{position:fixed;top:0px;width:100%;height:120px;background:#c7000b;z-index:99;/*border-bottom:1px solid #949494;*/} .header .logo1{position: absolute;top: 18px;left: 34px;height: 82px;} .header .nav{display:block !important;position:relative;width:826px;height:120px;line-height:120px;text-align:center;margin:0px auto;} .header .nav li{color:#434343;font-size:22px;float:left;padding:0px;} .header .nav li a{color:#fff; font-family:"Microsoft YaHei";} .header .nav li.on a{} .header .nav li a:hover{color:#c8161e;} .header .navBtn{position:absolute;top:50%;right:34px;width:44px;height:37px;margin-top:-19px;cursor:pointer;z-index:1;} .header .navBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .list{position:fixed;top:-800px;left:0px;width:100%;height:654px;background:#fff;z-index:99999;border-bottom:1px solid #ddd;} .list .container{width:1161px;padding-top:65px;} .list .left{width:580px;float:left;} .list .left .redTitle{padding:5px 0px;height:80px;line-height:80px;border-bottom:2px solid #c8161e;color:#c8161e;font-size:64px; } .list .left .title{color:#444;line-height:68px;padding:14px 0 6px 0;margin-bottom:8px;font-family: "novecento_widelight", "STHeiti", "Microsoft JhengHei", "Microsoft YaHei", tahoma;font-weight:100;font-size:55px;border-bottom:1px solid #d3d3d3;} .list .left .footTitle{heihgt:40px;line-height:40px;font-size:26px;color:#444;margin:24px 0 6px 0;} .list .left .footTitle span{vertical-align:middle;} .list .left .footTitle .titleB{font-family: "novecento_widelight", "STHeiti", "Microsoft JhengHei", "Microsoft YaHei", tahoma;font-size:34px;margin-right:5px;} .list .left .info{font-size:18px;color:#444;line-height:30px;} .list .right{width:520px;float:right;} .list .right .title{font-size:30px;color:#444;padding-bottom:8px;} .list .right .line{padding:3px 0;} .list .right .line .inputText{color:#8D8D8D;font-size:18px;border:0px;background:#f3f3f3;padding:0 18px;width:480px;height:53px;line-height:53px;margin:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"寰蒋闆呴粦","瀹嬩綋","榛戜綋";} .list .right .line .textArea{color:#8D8D8D;font-size:18px;border:0px;background:#f3f3f3;padding:18px;width:480px;height:145px;margin:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"寰蒋闆呴粦","瀹嬩綋","榛戜綋";} .list .right .line .inputBtn{width:515px;cursor:pointer;height:50px;background:#fff;color:#c8161e;font-size:22px;border:2px solid #c8161e;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"寰蒋闆呴粦","瀹嬩綋","榛戜綋";} .list .right .line .inputBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .list .right .line .inputBtn:hover{background:#c8161e;color:#fff;} .list #listCloseBtn{position:absolute;top:34px;right:34px;cursor:pointer;} .contact{position:relative;padding:80px 0px;border-bottom:1px solid #949494;text-align:center;} .contact .mainTitle{letter-spacing:0em;} .contact .title{font-size:48px;line-height:48px;color:#444;} .contact .mainSub{width:85px;height:2px;} .contact .info{font-size:22px;color:#444;line-height:35px;} .footerNav{position:relative;padding:30px 0;background-image: url(../images/index_bkg_03.jpg); background-repeat:no-repeat} .footerNav .container{} .footerNav .left{float:left;width:770px;min-height:300px;border-right:1px solid #666;padding-top:20px;text-align:center;} .footerNav .left:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;} .footerNav .left ul{display:inline-block;*display:inline;*zoom:1;float:left;margin-right:30px;*margin-right:20px;vertical-align:top;} .footerNav .left li{font-size:14px;color:#ccc;line-height:32px;} .footerNav .left li{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; text-align:left; } .footerNav .left li:hover{color:#e70719;} .footerNav .left .title{height:63px;line-height:63px;font-size:16px;color:#fff;border-bottom:2px solid #c8161e;margin-bottom:18px; text-align:center;} .footerNav .right{float:right;padding:30px 0 0 30px;width:340px;} .footerNav .right .title{font-size:39px;color:#fff;} .footerNav .right .title span{color:#c8161e;} .footerNav .right .info{font-size:14px;color:#ccc;line-height:25px;} .footerNav .right .callTitle{font-size:18px;color:#ccc;margin-top:16px;} .footerNav .right .callMun{font-family: "novecento_widenormal", "STHeiti", "Microsoft JhengHei", "Microsoft YaHei", tahoma;font-size:18px;line-height:35px;color:#ccc;font-stretch:condensed;} .footer{background:#d82f05;height:180px;color:#fff;} .footer .container{} .footer .left{float:left;width:980px; color:#fff;} .info span a{color:#CCC;} .footer .left .title{font-size:18px;padding-top:30px;} .footer .left .title .titleB{font-size:24px;font-weight:bold;margin-right:10px;} .footer .left .title span{ vertical-align:middle;} .footer .left .titleEn{font-size:14px;padding-bottom:20px;} .footer .left .info{font-size:14px;line-height:25px;} .footer .left .info a{color:#fff;} .footer .right{float:right;width:70px;padding-top:35px;} .footer .right .title{font-size:18px; } .footer .right .child{cursor:pointer;position:relative;width:57px;float:left;margin:14px 38px 0 0;} .footer .right .child.no{margin:14px 0 0 0;} .footer .right .child img{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .footer .right .child img{width:100%;} .footer .right .child .childCode{display:none;background:url("images/footCodeBg.png") no-repeat left top;background-size:151px 166px;position:absolute;left:50%;bottom:68px;width:151px;height:166px;margin-left:-75px;text-align:center;} .footer .right .child .childCode img{position:absolute;top:0px;left:0px;width:142px;height:142px;} .fixed{position:fixed;bottom:0px;right:0px;width:70px; display:none;} .fixed .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:70px;height:60px;background:#cc0000;line-height: 60px;margin-top:1px;} .fixed .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .fixed .child:hover{width:240px;background: #000;} .fixed .child img{position:absolute;top:0px;left:0px;} .fixed .child p{position: absolute;left:70px;color:#fff; font-size:25px} .fixed .fixedQQ{bottom:186px;} .fixed .fixedQQ2{bottom:124px;} .fixed .fixedCall{bottom:124px;} .fixed .fixedTop{position:absolute;right:0px;bottom:248px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:70px;height:60px;line-height: 60px;font-size: 16px;font-family: "MICROSOFT YAHEI","Arial Narrow";} .fixed .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:30px;} .fixed .fixedCode{bottom:60px;cursor:pointer;width:70px;height:60px;background:#cc0000;line-height: 60px;margin-top:2px;} .fixed .fixedtext{bottom:0px;cursor:pointer;width:70px;height:50px;background:#cc0000;line-height: 25px;margin-top:2px; font-size:17px; padding:5px 10px; color:#fff;} .fixed .fixedtext a{color:#fff;} .fixedCodeInfo{display:none;position:fixed;bottom:0px;right:70px;padding:0 3px;border:1px solid #ccc;background:#fff;} .fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:88px;} .table_boder table { margin: 0 auto; } .tableabout { border-left: 1px solid #ccc; border-top: 1px solid #ccc; line-height: 18px; } .tableabout td { border-bottom: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; padding: 4px; } .bold_blue { color:#C00; font-weight: bold; } .blank10 { clear: both; height: 10px; line-height: 10px; overflow: hidden; } .table_boder table { margin: 0 auto; }.tableabout4 th { background-color: #f2f2f2; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; color: #ffffff; line-height: 30px; } .tableabout4 td { border-bottom: 1px solid #f2f2f2; padding: 4px; } .table_boder table { margin: 0 auto;line-height:25px; } .heezuo{width:100%;float:left;margin-top:5%;} .heezuo_a{padding:2%;} .heezuo ul li{float:left;width:20%;margin-bottom:2%;} .heezuo ul li span{float:left;} .heezuo ul li span img{max-width:100%;} .heezuo ul li p{ font-size:14px;float:left;width:100%; color:#ccc; text-align:center; background-color:#555;height:40px;line-height:40px;} @media (max-width: 1000px) { .heezuo ul li{float:left;width:25%;margin-bottom:2%;} } @media (max-width: 900px) { .heezuo ul li{float:left;width:33.333%;margin-bottom:2%;} .heezuo ul li span{width:100%;} .heezuo ul li span img{width:100%;} } @media (max-width: 640px) { .heezuo ul li{float:left;width:50%;margin-bottom:2%;} .heezuo ul li span{width:100%;} .heezuo ul li span img{width:100%;} } @media (max-width: 800px) { .header .nav li a { color: #000; font-size: 20px; } .banner-nav { width: 100%; } .banner-nav-abs {bottom: 0;left: 0;/* position: absolute;*/margin-bottom:40px; } .banner-inner { height: auto; margin: 0 auto; }.banner-nav ul { height: auto; margin: 0 auto; width: 100%; }.banner-nav li { cursor: pointer; display: inline; float: left; height: 165px; /* margin: 0 5px;*/ /* padding: 0 18px;*/ position: relative; width:33.333%; }.banner-nav li div { background: #f2f2f2 none repeat scroll 0 0; height: 165px; left: 0; opacity: 0.2; /* padding: 0 35px;*/ position: absolute; top: 0; width: 100%; z-index: 5; }.banner-nav li a.brand { background-position: 0 0; }.banner-nav li a { background-image: url("../images/tb1.jpg"); background-repeat: no-repeat; color: #747474; display: inline; float: left; font-size: 14px; height: 165px; left: 0; /* padding: 0 25px;*/ position: absolute; text-align: center; top: 0; width:100%; z-index: 6; }.banner-nav li a span { display: block; margin: 0 auto; padding-top: 110px; } .banner-nav li a.pano { background-position: -310px 0; } .banner-nav li a.mobile { background-position: -450px 0; }.banner-nav li a.zhyx { background-position: -600px 0; }.banner-nav li a.cms { background-position: -740px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.school { background-position: -150px 0; } .banner-nav li.current { cursor: default; } .banner-nav li a:Hover{ background-image: url("../images/tb2.jpg"); color: #747474; cursor:pointer; } .case_e{width:100%;margin:auto;overflow:hidden;} .case_e .more { clear: both; float: left; padding-top: 37px; position: relative; } .case_e .more ul { float: left; position: relative;display:none; } .case_e .more li { float: left;width:100%; padding-right: 0px; }.case_e .more a { /* background:url(../images/index_05_2.png) no-repeat scroll 0 0;*/ color: #a1a1a1; background-image:none; display: block; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; width: 100%; }.c3_tst1 { transition: all 0.5s ease 0s; } .case_e .more a:hover, .case_e .more a:active { /* background:url(../images/index_05_2.png) no-repeat scroll 0 -40px;*/ color: #f4f4f4; background-image:none; } .banner-nav li a.school1 { background-position: -1050px 0; } .nare_home .ctg { padding-top: 25px;overflow: hidden; } .nare_home .ctg .box { float: left; position: relative; } .nare_home .ctg ul { float: left;display:none; position: relative; } .nare_home .ctg li { float: left; height: 40px; padding-right: 23px; width: 168px; }.nare_home .ctg li a { background: url(../images/index_05.png) no-repeat scroll 0 0; color: #f4f4f4; display: block; height: 40px; line-height: 40px; text-align: center; width: 168px; } .nare_home .ctg li a:hover, .nare_home .ctg li a:active { background:url(../images/index_05.png) no-repeat scroll 0 -40px; } .in_news { padding-top: 55px; } .in_news { clear: both; padding: 10px 0 0;padding-bottom:50px; width: 100%; }.in_news ul { overflow: hidden; } .in_news li { background: #fff none repeat scroll 0 0; float: left; height: 187px; position: relative; width: 100%; z-index: 2; } .in_news li .box { margin-bottom: 30px; } .in_news li .box { border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; display: -moz-box; height: 186px; position: relative; width: 100%; z-index: 10; } .in_news li .lt { MARGIN: 18px 0 0 0px; width: 100%; } .in_news li .lt .bd { border: 1px solid #dcdcdc; height: 149px; overflow: hidden; width: 100%; } .service .more{width:100%;} .in_news li .lt .bd a img{width:100%;} .c3_tst1 { transition: all 0.5s ease 0s; }.in_news li .rt { -moz-box-flex: 1;DISPLAY:NONE; } .in_news li .rt .cont { line-height: 25px; padding: 0 50px 0 30px; text-align: left; } .in_news li .rt .tit { color: #222222; font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; padding-top: 25px; }.in_news li .rt .tit a { color: #222222; } .in_news li .rt .info { color: #878787; font-size: 13px; height: 75px; line-height: 25px; overflow: hidden; padding: 10px 0 5px; } .in_news li .rt .tm { background: url(../images/index_12.png) no-repeat scroll 0 -60px; color: #878787; display: block; font-size: 13px; line-height: 18px; margin-top: 5px; padding: 0 0 0 25px; } .in_news li:hover { background: #ed7020 none repeat scroll 0 0; } .in_news li:hover a { color:#FFF; } .in_news li:hover .info{ color:#FFF; } .container{width:93.75%;} .mainTitle{font-size:30px;line-height:30px;} .mainSub{width:20px;height:2px;margin:8px auto;} .mainInfo{padding:4px 0px;font-size:16px;} .linkBtn{background-size:14px auto; background-position:100px center;width:130px;height:22px;line-height:22px;font-size:12px;} .linkBtn span{margin-left:10px;} .linkBtn:hover{color:#fff;background-color:#c8161e;background-image:url(../images/rightIconOn.png);background-position:110px center;} .header{height:74px;} .header .container{width:100%;} .header .logo1{top: 17px; left: 17px; height: 35px;} .header .nav{background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:75px;right:-125px;width:124px;height:auto;line-height:normal;} .header .nav li{border-bottom:1px solid #ddd;font-size:14px;margin:0px;width:124px;height:44px;line-height:44px;float:none;} .header .nav li.on{color:#c8161e;} .header .nav li a { color: #000; font-size: 16px; } .header .nav li:hover{color:#c8161e;background:#ddd;} .header .navBtn{right:17px;width:30px;height:auto;margin-top:-13px;} #op{display:none;} .list{display:none !important;} .contact{padding:20px 0;} .contact .title{font-size:26px;} .contact .mainSub{width:43px;height:1px;} .contact .info{font-size:12px;line-height:23px;} .footerNav{padding:0px;display:none;} .footerNav .container{width:100%;} .footerNav .left{float:none;width:100%;min-height:inherit;border-right:0px;border-top:1px solid #949494;padding:20px 0;margin:0px auto;} .footerNav .left ul{display:inline-block;*display:inline;*zoom:1;float:none;margin:0px 18px 20px 18px;} .footerNav .left li{font-size:12px;line-height:26px;} .footerNav .left .title{height:40px;line-height:40px;font-size:24px;border-bottom:2px solid #c8161e;margin-bottom:8px;} .footerNav .right{float:none;padding:20px 0 20px 0;width:100%;text-align:center;} .footerNav .right .title{font-size:24px;margin-bottom:10px;} .footerNav .right .info{font-size:14px;line-height:23px;width:80%;margin:0px auto;} .footerNav .right .callTitle{font-size:14px;margin-top:20px;} .footerNav .right .callMun{font-size:30px;} .footer{height:auto;padding:20px 0;} .footer .container{width:100%;} .footer .left{float:none;width:80%;margin:0px auto;text-align:center;} .footer .left .title{font-size:14px;padding-top:0px;} .footer .left .title .titleB{font-size:18px;margin-right:6px;} .footer .left .titleEn{font-size:12px;padding-bottom:20px;} .footer .left .info{font-size:12px;line-height:16px;display:none;} .footer .left .info span{display:block;} .footer .right{float:none;width:250px;padding-top:20px;margin:0px auto;text-align:center;} .footer .right .title{font-size:16px;padding-bottom:0px;display:none;} .footer .right .child{width:46px;float:none;margin:5px 7px 0 0;display:inline-block;*display:inline;*zoom:1;} .fixed{display:none !important;} } @media (min-width: 640px) and (max-width:1023px ) { .header .nav li a { color: #000; font-size: 20px; } .banner-nav { width: 100%; } .banner-nav-abs {bottom: 0;left: 0;/* position: absolute;*/margin-bottom:40px; } .banner-inner { height: 300px; margin: 0 auto; }.banner-nav ul { height: 265px; margin: 0 auto; width: 100%; }.banner-nav li { cursor: pointer; display: inline; float: left; height: 165px; /* margin: 0 1px;*/ /* padding: 0 18px;*/ position: relative; width:110px; }.banner-nav li div { background: #f2f2f2 none repeat scroll 0 0; height: 165px; left: 0; opacity: 0.2; /* padding: 0 35px;*/ position: absolute; top: 0; width: 110px; z-index: 5; }.banner-nav li a.brand { background-position: 0 0; }.banner-nav li a { background-image: url("../images/tb1.jpg"); background-repeat: no-repeat; color: #747474; display: inline; float: left; font-size: 14px; height: 165px; left: 0; /* padding: 0 25px;*/ position: absolute; text-align: center; top: 0; width:110px; z-index: 6; }.banner-nav li a span { display: block; margin: 0 auto; padding-top: 110px; } .banner-nav li a.pano { background-position: -310px 0; } .banner-nav li a.mobile { background-position: -450px 0; }.banner-nav li a.zhyx { background-position: -600px 0; }.banner-nav li a.cms { background-position: -740px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.school { background-position: -150px 0; } .banner-nav li.current { cursor: default; } .banner-nav li a:Hover{ background-image: url("../images/tb2.jpg"); color: #747474; cursor:pointer; } .banner-nav li a.school1 { background-position: -1050px 0; } .case_e{width:700px;margin:auto;overflow:hidden;} .case_e .more { clear: both; float: left; padding-top: 37px; position: relative; } .case_e .more ul { float: left; position: relative; } .case_e .more li { float: left; padding-right: 10px; }.case_e .more a { background:url(../images/index_05_2.png) no-repeat scroll 0 0; color: #a1a1a1; display: block; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; width: 165px; }.c3_tst1 { transition: all 0.5s ease 0s; } .case_e .more a:hover, .case_e .more a:active { background:url(../images/index_05_2.png) no-repeat scroll 0 -40px; color: #f4f4f4; } .nare_home .ctg { padding-top: 25px;overflow: hidden; } .nare_home .ctg .box { float: left; left: 50%; position: relative; } .nare_home .ctg ul { float: left; left: -50%; position: relative; } .nare_home .ctg li { float: left; height: 40px; padding-right: 9px; width: 168px; }.nare_home .ctg li a { background: url(../images/index_05.png) no-repeat scroll 0 0; color: #f4f4f4; display: block; height: 40px; line-height: 40px; text-align: center; width: 168px; } .nare_home .ctg li a:hover, .nare_home .ctg li a:active { background:url(../images/index_05.png) no-repeat scroll 0 -40px; } .in_news { padding-top: 55px; } .in_news { clear: both; padding: 50px 0 0;padding-bottom:50px; width: 100%; }.in_news ul { overflow: hidden; } .in_news li { background: #fff none repeat scroll 0 0; float: left; height: 187px; position: relative; width: 50%; z-index: 2; } .in_news li .box { margin-bottom: 30px; } .in_news li .box { border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; display: -moz-box; height: 186px; position: relative; width: 100%; z-index: 10; } .in_news li .lt { margin: 18px 0 0 22px; width: 198px; } .in_news li .lt .bd { /* border: 1px solid #dcdcdc;*/ height: auto; overflow: hidden; width: 196px; } .c3_tst1 { transition: all 0.5s ease 0s; }.in_news li .rt { -moz-box-flex: 1; } .in_news li .rt .cont { line-height: 25px; padding: 0 50px 0 30px; text-align: left; } .in_news li .rt .tit { color: #222222; font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; padding-top: 25px; }.in_news li .rt .tit a { color: #222222; } .in_news li .rt .info { color: #878787; font-size: 13px; height: 75px; line-height: 25px; overflow: hidden; padding: 10px 0 5px; } .in_news li .rt .tm { background: url(../images/index_12.png) no-repeat scroll 0 -60px; color: #878787; display: block; font-size: 13px; line-height: 18px; margin-top: 5px; padding: 0 0 0 25px; } .in_news li:hover { background: #ed7020 none repeat scroll 0 0; } .in_news li:hover a { color:#FFF; } .in_news li:hover .info{ color:#FFF; } .container{width:93.75%;} .mainTitle{font-size:30px;line-height:30px;} .mainSub{width:20px;height:1px;margin:8px auto;} .mainInfo{padding:4px 0px;font-size:16px;} .linkBtn{background-size:14px auto; background-position:128px center;width:158px;height:30px;line-height:30px;font-size:12px;border:1px solid #c8161e;} .linkBtn span{margin-left:20px;} .linkBtn:hover{color:#fff;background-color:#c8161e;background-image:url(../images/rightIconOn.png);background-position:128px center;} .header{height:74px;} .header .container{width:100%;} .header .logo1{top:12px;left:17px;height:52px;} .header .nav{background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:75px;right:-125px;width:124px;height:auto;line-height:normal;} .header .nav li{border-bottom:1px solid #ddd;font-size:14px;margin:0px;width:124px;height:50px;line-height:50px;float:none;} .header .nav li.on{color:#c8161e;} .header .nav li:hover{color:#c8161e;background:#ddd;} .header .navBtn{right:17px;width:30px;height:auto;margin-top:-13px;} .list{display:none !important;} .contact{padding:20px 0;} .contact .title{font-size:26px;} .contact .mainSub{width:43px;height:1px;} .contact .info{font-size:12px;line-height:23px;} .footerNav{padding:0px;display:none;} .footerNav .container{width:100%;} .footerNav .left{float:none;width:100%;min-height:inherit;border-right:0px;border-top:1px solid #949494;padding:20px 0;margin:0px auto;} .footerNav .left ul{display:inline-block;*display:inline;*zoom:1;float:none;margin:0px 18px 20px 18px;} .footerNav .left li{font-size:12px;line-height:26px;} .footerNav .left .title{height:40px;line-height:40px;font-size:24px;border-bottom:2px solid #c8161e;margin-bottom:8px;} .footerNav .right{float:none;padding:20px 0 20px 0;width:100%;text-align:center;} .footerNav .right .title{font-size:24px;margin-bottom:10px;} .footerNav .right .info{font-size:14px;line-height:23px;width:80%;margin:0px auto;} .footerNav .right .callTitle{font-size:14px;margin-top:20px;} .footerNav .right .callMun{font-size:30px;} .footer{height:auto;padding:20px 0;} .footer .container{width:100%;} .footer .left{float:none;width:80%;margin:0px auto;text-align:center;} .footer .left .title{font-size:14px;padding-top:0px;} .footer .left .title .titleB{font-size:18px;margin-right:6px;} .footer .left .titleEn{font-size:12px;padding-bottom:0px;} .footer .left .info{font-size:12px;line-height:16px;display:none;} .footer .left .info span{display:block;} .footer .right{float:none;width:250px;padding-top:0px;margin:0px auto;text-align:center;} .footer .right .title{font-size:16px;padding-bottom:0px;display:none;} .footer .right .child{width:46px;float:none;margin:5px 7px 0 0;display:inline-block;*display:inline;*zoom:1;} .fixed{display:none !important;} } @media (min-width: 480px) and (max-width: 639px) { .main_1{display:none;} .banner-nav { width: 100%; } .header .nav li a { color: #000; font-size: 20px; } .banner-nav-abs {bottom: 0;left: 0;/* position: absolute;*/margin-bottom:40px; } .banner-inner { height: 300px; margin: 0 auto; }.banner-nav ul { height: 265px; margin: 0 auto; width: 100%; }.banner-nav li { cursor: pointer; display: inline; float: left; height: 165px; /* margin: 0 5px;*/ /* padding: 0 18px;*/ position: relative; width:25%; }.banner-nav li div { background: #f2f2f2 none repeat scroll 0 0; height: 165px; left: 0; opacity: 0.2; /* padding: 0 35px;*/ position: absolute; top: 0; width: 100%; z-index: 5; }.banner-nav li a.brand { background-position: 0 0; }.banner-nav li a { background-image: url("../images/tb1.jpg"); background-repeat: no-repeat; color: #747474; display: inline; float: left; font-size: 14px; height: 165px; left: 0; /* padding: 0 25px;*/ position: absolute; text-align: center; top: 0; width:100%; z-index: 6; }.banner-nav li a span { display: block; margin: 0 auto; padding-top: 110px; } .banner-nav li a.pano { background-position: -310px 0; } .banner-nav li a.mobile { background-position: -450px 0; }.banner-nav li a.zhyx { background-position: -600px 0; }.banner-nav li a.cms { background-position: -740px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.school { background-position: -150px 0; } .banner-nav li.current { cursor: default; } .banner-nav li a:Hover{ background-image: url("../images/tb2.jpg"); color: #747474; cursor:pointer; } .case_e{width:100%;margin:auto;overflow:hidden;} .case_e .more { clear: both; float: left; padding-top: 37px; position: relative; } .case_e .more ul { float: left; position: relative; } .case_e .more li { float: left; padding-right: 10px;margin-bottom:10px; }.case_e .more a { background:url(../images/index_05_2.png) no-repeat scroll 0 0; color: #a1a1a1; display: block; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; width: 166px; }.c3_tst1 { transition: all 0.5s ease 0s; } .case_e .more a:hover, .case_e .more a:active { background:url(../images/index_05_2.png) no-repeat scroll 0 -40px; color: #f4f4f4; } .banner-nav li a.school1 { background-position: -1050px 0; } .nare_home .ctg { padding-top: 25px;overflow: hidden; } .nare_home .ctg .box { float: left; position: relative; } .nare_home .ctg ul { float: left; position: relative; } .nare_home .ctg li { float: left; height: 40px; padding-right: 23px; width: 168px; }.nare_home .ctg li a { background: url(../images/index_05.png) no-repeat scroll 0 0; color: #f4f4f4; display: block; height: 40px; line-height: 40px; text-align: center; width: 168px; } .nare_home .ctg li a:hover, .nare_home .ctg li a:active { background:url(../images/index_05.png) no-repeat scroll 0 -40px; } .in_news { padding-top: 55px; } .in_news { clear: both; padding: 50px 0 0;padding-bottom:50px; width: 100%; }.in_news ul { overflow: hidden; } .in_news li { background: #fff none repeat scroll 0 0; float: left; height: 187px; position: relative; width: 100%; z-index: 2; } .in_news li .box { margin-bottom: 30px; } .in_news li .box { border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; display: -moz-box; height: 186px; position: relative; width: 100%; z-index: 10; } .in_news li .lt { margin: 18px 0 0 22px; width: 198px;float:left; } .in_news li .lt .bd { /* border: 1px solid #dcdcdc;*/ height: auto; overflow: hidden; width: 196px; } .c3_tst1 { transition: all 0.5s ease 0s; }.in_news li .rt { -moz-box-flex: 1;width:50%;float:left; } .in_news li .rt .cont { line-height: 25px; padding: 0 50px 0 30px; text-align: left; } .in_news li .rt .tit { color: #222222; font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; padding-top: 25px; }.in_news li .rt .tit a { color: #222222; } .in_news li .rt .info { color: #878787; font-size: 13px; height: 75px; line-height: 25px; overflow: hidden; padding: 10px 0 5px; } .in_news li .rt .tm { background: url(../images/index_12.png) no-repeat scroll 0 -60px; color: #878787; display: block; font-size: 13px; line-height: 18px; margin-top: 5px; padding: 0 0 0 25px; } .in_news li:hover { background: #ed7020 none repeat scroll 0 0; } .in_news li:hover a { color:#FFF; } .in_news li:hover .info{ color:#FFF; } #op{display:none;} .container{width:93.75%;} .mainTitle{font-size:30px;line-height:30px;} .mainSub{width:20px;height:2px;margin:8px auto;} .mainInfo{padding:4px 0px;font-size:20px;} .linkBtn{background-size:14px auto; background-position:100px center;width:130px;height:22px;line-height:22px;font-size:12px;} .linkBtn span{margin-left:10px;} .linkBtn:hover{color:#fff;background-color:#c8161e;background-image:url(../images/rightIconOn.png);background-position:110px center;} .header{height:74px;} .header .container{width:100%;} .header .logo1{top:12px;left:17px;height:52px;} .header .nav{background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:75px;right:-125px;width:124px;height:auto;line-height:normal;} .header .nav li{border-bottom:1px solid #ddd;font-size:14px;margin:0px;width:124px;height:74px;line-height:74px;float:none;} .header .nav li.on{color:#c8161e;} .header .nav li:hover{color:#c8161e;background:#ddd;} .header .navBtn{right:17px;width:30px;height:auto;margin-top:-13px;} .list{display:none !important;} .contact{padding:20px 0;} .contact .title{font-size:26px;} .contact .mainSub{width:43px;height:1px;} .contact .info{font-size:12px;line-height:23px;} .footerNav{padding:0px;display:none;} .footerNav .container{width:100%;} .footerNav .left{float:none;width:100%;min-height:inherit;border-right:0px;border-top:1px solid #949494;padding:20px 0;margin:0px auto;} .footerNav .left ul{display:inline-block;*display:inline;*zoom:1;float:none;margin:0px 18px 20px 18px;} .footerNav .left li{font-size:12px;line-height:26px;} .footerNav .left .title{height:40px;line-height:40px;font-size:24px;border-bottom:2px solid #c8161e;margin-bottom:8px;} .footerNav .right{float:none;padding:20px 0 20px 0;width:100%;text-align:center;} .footerNav .right .title{font-size:24px;margin-bottom:10px;} .footerNav .right .info{font-size:14px;line-height:23px;width:80%;margin:0px auto;} .footerNav .right .callTitle{font-size:14px;margin-top:20px;} .footerNav .right .callMun{font-size:30px;} .footer{height:auto;padding:20px 0;} .footer .container{width:100%;} .footer .left{float:none;width:80%;margin:0px auto;text-align:center;} .footer .left .title{font-size:14px;padding-top:0px;} .footer .left .title .titleB{font-size:18px;margin-right:6px;} .footer .left .titleEn{font-size:12px;padding-bottom:20px;} .footer .left .info{font-size:12px;line-height:16px;display:none;} .footer .left .info span{display:block;} .footer .right{float:none;width:250px;padding-top:20px;margin:0px auto;text-align:center;} .footer .right .title{font-size:16px;padding-bottom:0px;display:none;} .footer .right .child{width:46px;float:none;margin:5px 7px 0 0;display:inline-block;*display:inline;*zoom:1;} .fixed{display:none !important;} } @media (min-width: 640px) and (max-width:1023px ) { .main_1{display:none;} .banner-nav { width: 100%; } .banner-nav-abs {bottom: 0;left: 0;/* position: absolute;*/margin-bottom:40px; } .banner-inner { height: 300px; margin: 0 auto; }.banner-nav ul { height: 265px; margin: 0 auto; width: 100%; }.banner-nav li { cursor: pointer; display: inline; float: left; height: 165px; /* margin: 0 1px;*/ /* padding: 0 18px;*/ position: relative; width:110px; }.banner-nav li div { background: #f2f2f2 none repeat scroll 0 0; height: 165px; left: 0; opacity: 0.2; /* padding: 0 35px;*/ position: absolute; top: 0; width: 110px; z-index: 5; }.banner-nav li a.brand { background-position: 0 0; }.banner-nav li a { background-image: url("../images/tb1.jpg"); background-repeat: no-repeat; color: #747474; display: inline; float: left; font-size: 14px; height: 165px; left: 0; /* padding: 0 25px;*/ position: absolute; text-align: center; top: 0; width:110px; z-index: 6; }.banner-nav li a span { display: block; margin: 0 auto; padding-top: 110px; } .banner-nav li a.pano { background-position: -310px 0; } .banner-nav li a.mobile { background-position: -450px 0; }.banner-nav li a.zhyx { background-position: -600px 0; }.banner-nav li a.cms { background-position: -740px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.school { background-position: -150px 0; } .banner-nav li.current { cursor: default; } .banner-nav li a:Hover{ background-image: url("../images/tb2.jpg"); color: #747474; cursor:pointer; } .banner-nav li a.school1 { background-position: -1050px 0; } .case_e{width:700px;margin:auto;overflow:hidden;} .case_e .more { clear: both; float: left; padding-top: 37px; position: relative; } .case_e .more ul { float: left; position: relative; } .case_e .more li { float: left; padding-right: 1px;margin-bottom:10px; }.case_e .more a { background:url(../images/index_05_2.png) no-repeat scroll 0 0; color: #a1a1a1; display: block; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; width: 166px; }.c3_tst1 { transition: all 0.5s ease 0s; } .case_e .more a:hover, .case_e .more a:active { background:url(../images/index_05_2.png) no-repeat scroll 0 -40px; color: #f4f4f4; } .nare_home .ctg { padding-top: 25px;overflow: hidden; } .nare_home .ctg .box { float: left; left: 50%; position: relative; } .nare_home .ctg ul { float: left; left: -50%; position: relative; } .nare_home .ctg li { float: left; height: 40px; padding-right: 29px; width: 168px; }.nare_home .ctg li a { background: url(../images/index_05.png) no-repeat scroll 0 0; color: #f4f4f4; display: block; height: 40px; line-height: 40px; text-align: center; width: 168px; } .nare_home .ctg li a:hover, .nare_home .ctg li a:active { background:url(../images/index_05.png) no-repeat scroll 0 -40px; } .in_news { padding-top: 55px; } .in_news { clear: both; padding: 50px 0 0;padding-bottom:50px; width: 100%; }.in_news ul { overflow: hidden; } .in_news li { background: #fff none repeat scroll 0 0; float: left; height: 187px; position: relative; width: 100%; z-index: 2; } .in_news li .box { margin-bottom: 30px; } .in_news li .box { border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; display: -moz-box; height: 186px; position: relative; width: 100%; z-index: 10; } .in_news li .lt { margin: 18px 0 0 22px; width: 198px;float:left; } .in_news li .lt .bd { /* border: 1px solid #dcdcdc;*/ height: auto; overflow: hidden; width: 196px; } .c3_tst1 { transition: all 0.5s ease 0s; }.in_news li .rt { -moz-box-flex: 1;width:62%;float:left; } .in_news li .rt .cont { line-height: 25px; padding: 0 50px 0 30px; text-align: left; } .in_news li .rt .tit { color: #222222; font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; padding-top: 25px; }.in_news li .rt .tit a { color: #222222; } .in_news li .rt .info { color: #878787; font-size: 13px; height: 75px; line-height: 25px; overflow: hidden; padding: 10px 0 5px; } .in_news li .rt .tm { background: url(../images/index_12.png) no-repeat scroll 0 -60px; color: #878787; display: block; font-size: 13px; line-height: 18px; margin-top: 5px; padding: 0 0 0 25px; } .in_news li:hover { background: #ed7020 none repeat scroll 0 0; } .in_news li:hover a { color:#FFF; } .in_news li:hover .info{ color:#FFF; } #op{display:none;} .container{width:93.75%;} .mainTitle{} .mainSub{width:37px;height:2px;margin:24px auto;} .mainInfo{padding:10px 0px;font-size:24px;} .linkBtn{background-size:27px auto; background-position:185px center;width:230px;height:44px;line-height:44px;font-size:16px;} .linkBtn span{margin-left:25px;} .linkBtn:hover{color:#fff;background-color:#c8161e;background-image:url(../images/rightIconOn.png);background-position:190px center;} .header{height:74px;} .header .container{width:100%;} .header .logo1{top:12px;left:17px;height:52px;} .header .nav{background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:75px;right:-125px;width:124px;height:auto;line-height:normal;} .header .nav li{border-bottom:1px solid #ddd;font-size:14px;margin:0px;width:124px;height:74px;line-height:74px;float:none;} .header .nav li.on{color:#c8161e;} .header .nav li:hover{color:#c8161e;background:#ddd;} .header .navBtn{right:17px;width:30px;height:auto;margin-top:-13px;} .list{display:none !important;} .contact{padding:30px 0px;} .contact .title{font-size:36px;line-height:36px;} .contact .mainSub{width:85px;height:2px;} .contact .info{font-size:18px;line-height:28px;} .footerNav{padding:0;display:none;} .footerNav .container{width:100%;} .footerNav .left{float:none;width:100%;min-height:inherit;border-right:0px;border-top:1px solid #949494;padding:20px 0;margin:0px auto;} .footerNav .left ul{display:inline-block;*display:inline;*zoom:1;float:none;margin:0px 18px;} .footerNav .left li{font-size:14px;line-height:26px;} .footerNav .left .title{height:50px;line-height:50px;font-size:22px;border-bottom:2px solid #c8161e;margin-bottom:10px;} .footerNav .right{float:none;padding:20px 0;width:100%;text-align:center;} .footerNav .right .title{font-size:39px;} .footerNav .right .info{font-size:16px;line-height:25px;width:540px;margin:0px auto;} .footerNav .right .callTitle{font-size:18px;margin-top:36px;} .footerNav .right .callMun{font-size:44px;} .footer{height:auto;} .footer .container{width:100%;padding:30px 0;} .footer .left{float:none;width:480px;margin:0px auto;text-align:center;} .footer .left .title{font-size:14px;padding-top:0px;} .footer .left .title .titleB{font-size:18px;margin-right:10px;} .footer .left .titleEn{font-size:16px;padding-bottom:4px;} .footer .left .info{font-size:14px;line-height:20px;display:none;} .footer .left .info span{display:block;} .footer .right{float:none;width:250px;padding-top:0px;margin:0px auto;text-align:center;} .footer .right .title{font-size:16px;padding-bottom:10px;display:none;} .footer .right .child{float:none;display:inline-block;*display:inline;*zoom:1;width:57px;float:none;margin:5px 7px 0 0;} .fixed{display:none !important;} } @media (min-width: 1024px) and (max-width:1199px ) { .banner-nav { width: 100%; } .banner-nav-abs {bottom: 0;left: 0;/* position: absolute;*/margin-bottom:40px; } .banner-inner { height: 165px; margin: 0 auto; }.banner-nav ul { height: 165px; margin: 0 auto; width: 1000px; }.banner-nav li { cursor: pointer; display: inline; float: left; height: 165px; margin: 0 1px; /* padding: 0 18px;*/ position: relative; width:120px; }.banner-nav li div { background: #f2f2f2 none repeat scroll 0 0; height: 165px; left: 0; opacity: 0.2; /* padding: 0 35px;*/ position: absolute; top: 0; width: 120px; z-index: 5; }.banner-nav li a.brand { background-position: 0 0; }.banner-nav li a { background-image: url("../images/tb1.jpg"); background-repeat: no-repeat; color: #747474; display: inline; float: left; font-size: 14px; height: 165px; left: 0; /* padding: 0 25px;*/ position: absolute; text-align: center; top: 0; width:120px; z-index: 6; }.banner-nav li a span { display: block; margin: 0 auto; padding-top: 110px; } .banner-nav li a.pano { background-position: -310px 0; } .banner-nav li a.mobile { background-position: -450px 0; }.banner-nav li a.zhyx { background-position: -600px 0; }.banner-nav li a.cms { background-position: -740px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.school { background-position: -150px 0; } .banner-nav li.current { cursor: default; } .banner-nav li a:Hover{ background-image: url("../images/tb2.jpg"); color: #747474; cursor:pointer; } .banner-nav li a.school1 { background-position: -1050px 0; } .case_e{width:700px;margin:auto;overflow:hidden;} .case_e .more { clear: both; float: left; padding-top: 37px; position: relative; } .case_e .more ul { float: left; position: relative; } .case_e .more li { float: left; padding-right: 20px;margin-bottom:5px; }.case_e .more a { background:url(../images/index_05_1.png) no-repeat scroll 0 0; color: #a1a1a1; display: block; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; width: 120px; }.c3_tst1 { transition: all 0.5s ease 0s; } .case_e .more a:hover, .case_e .more a:active { background:url(../images/index_05_1.png) no-repeat scroll 0 -40px; color: #f4f4f4; } .nare_home .ctg { padding-top: 25px;overflow: hidden; } .nare_home .ctg .box { float: left; left: 50%; position: relative; } .nare_home .ctg ul { float: left; left: -50%; position: relative; } .nare_home .ctg li { float: left; height: 40px; padding-right: 29px; width: 168px; }.nare_home .ctg li a { background: url(../images/index_05.png) no-repeat scroll 0 0; color: #f4f4f4; display: block; height: 40px; line-height: 40px; text-align: center; width: 168px; } .nare_home .ctg li a:hover, .nare_home .ctg li a:active { background:url(../images/index_05.png) no-repeat scroll 0 -40px; } .in_news { padding-top: 55px; } .in_news { clear: both; padding: 50px 0 0;padding-bottom:50px; width: 100%; }.in_news ul { overflow: hidden; } .in_news li { background: #fff none repeat scroll 0 0; float: left; height: 187px; position: relative; width: 50%; z-index: 2; } .in_news li .box { margin-bottom: 30px; } .in_news li .box { border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; display: -moz-box; height: 186px; position: relative; width: 100%; z-index: 10; } .in_news li .lt { margin: 18px 0 0 22px; width: 198px;float:left; } .in_news li .lt .bd { /* border: 1px solid #dcdcdc;*/ height: auto; overflow: hidden; width: 196px; } .c3_tst1 { transition: all 0.5s ease 0s; }.in_news li .rt { -moz-box-flex: 1;width:52%;float:left; } .in_news li .rt .cont { line-height: 25px; padding: 0 50px 0 30px; text-align: left; } .in_news li .rt .tit { color: #222222; font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; padding-top: 25px; }.in_news li .rt .tit a { color: #222222; } .in_news li .rt .info { color: #878787; font-size: 13px; height: 75px; line-height: 25px; overflow: hidden; padding: 10px 0 5px; } .in_news li .rt .tm { background: url(../images/index_12.png) no-repeat scroll 0 -60px; color: #878787; display: block; font-size: 13px; line-height: 18px; margin-top: 5px; padding: 0 0 0 25px; } .in_news li:hover { background: #ed7020 none repeat scroll 0 0; } .in_news li:hover a { color:#FFF; } .in_news li:hover .info{ color:#FFF; } .mainTitle{font-size:50px;line-height:50px;} .mainSub{width:30px;height:2px;margin:20px auto;} .mainInfo{padding:8px 0px;font-size:20px;} .linkBtn{background-size:18px auto;border:1px solid #c8161e;background-position:125px center;width:158px;height:30px;line-height:30px;font-size:12px;} .linkBtn span{margin-left:20px;} .linkBtn:hover{color:#fff;background-color:#c8161e;background-image:url(../images/rightIconOn.png);background-position:130px center;} .container{width:1000px;} .tel{float:left; font-size:24px; color:#fff;padding-left:35px; position:absolute;top:20px;right:0px; background-image:url(../images/fx.png); background-repeat:no-repeat; background-position:left center;} .header{height:68px;} .header .logo1{transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;} .header .logo1{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;} .header .logo1{ top: 11px;left: 13px;height: 40px;} .header .nav li:hover #op{visibility: visible;} .header .nav{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;} .header .nav{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);} .header .nav li:hover #op{visibility: visible;} #op li a{ color:#000;} #op li:hover a{ color:#fff;} #op{visibility: hidden;background-color:#f3f2f2;} .header .nav{height:82px;line-height:82px;margin-left:80px; } .header .nav li {font-size:18px;padding:0 5px; position:relative;} .header .navBtn{transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;} .header .navBtn{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;} .header .navBtn{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);} .header .navBtn{width:33px;height:28px;margin-top:-14px;} .header .nav li:hover{ background-color:#C00;} .header .nav li:hover a{ color:#fff;} .nav_2 { position:absolute;/*background:url(../images/top_bg.png) repeat-x scroll 0 0;width:100%;*/float:left;height:auto;left:0px;top:82px;} .nav_2 ul{ text-align:center;margin:auto;} .nav_2 ul li{ font-size:12px;padding:0 5px;line-height:30px;float:left;width:130px; } .nav_2 ul li a{ font-size:14px;text-align:left;} .nav_2 ul li a:hover{ color:#C00;} .list .container{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;} .list .container{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);} .list{height:490px;} .list .container{width:960px;} .list .left{width:500px;} .list .left .redTitle{height:60px;line-height:60px;font-size:56px;} .list .left .title{line-height:54px;padding:14px 0 6px 0;margin-bottom:8px;font-size:44px;} .list .left .sub{width:100%;margin:18px 0 12px 0;} .list .left .footTitle{heihgt:30px;line-height:30px;font-size:20px;} .list .left .footTitle .titleB{font-size:26px;} .list .left .info{font-size:14px;} .list .left .listTitle{font-size:20px;line-height:28px;margin-top:36px;} .list .left .listInfo{line-height:22px;font-size:17px;margin-top:12px;} .list .left .listInfo span{margin:0 12px;} .list .right{width:400px;} .list .right .title{font-size:24px;} .list .right .line{padding:4px 0;} .list .right .line .inputText{width:364px;font-size:14px;line-height:46px;height:46px;} .list .right .line .textArea{width:364px;height:116px;font-size:14px;} .list .right .line .inputBtn{width:400px;font-size:17px;} #listCloseBtn{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;} #listCloseBtn{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);} .contact{padding:64px 0px;height:180px;} .contact .container{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;overflow: hidden;} .contact .container{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);} .contact .title{font-size:36px;line-height:36px;} .contact .mainSub{width:85px;height:2px;} .contact .info{font-size:18px;line-height:28px;} .footerNav .container{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;} .footerNav .container{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);} .footerNav{padding:24px 0;height:auto;overflow: hidden;} .footerNav .container{width:1150px;} .footerNav .left{width:740px;min-height:250px;padding-top:20px;} .footerNav .left ul{ margin-right: 8px;float:left;} .footerNav .left li{font-size:14px;line-height:26px;} .footerNav .left .title{height:50px;line-height:50px;font-size:22px;margin-bottom:10px;} .footerNav .right{float:right;padding:30px 0 0 40px;width:30%;} .footerNav .right .title{font-size:30px;line-height:40px;} .footerNav .right .info{font-size:12px;line-height:20px;} .footerNav .right .callTitle{font-size:14px;margin-top:0px;} .footerNav .right .callMun{font-size:18px;} .footer{height:160px;} .footer .container{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;} .footer .container{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);} .footer .container{} .footer .left{width:680px;} .footer .left .title{font-size:14px;padding-top:30px;} .footer .left .title .titleB{font-size:18px;margin-right:10px;} .footer .left .titleEn{font-size:14px;padding-bottom:20px;} .footer .left .info{} .footer .right{width:270px;padding-top:35px;float:right;} .footer .right .title{font-size:16px;} .footer .right .child{width:57px;margin:14px 38px 0 0;} .footer .right .child.no{margin:14px 0 0 0;} } @media (min-width: 1200px) and (max-width:1439px ) { .banner-nav { width: 100%; } .banner-nav-abs { bottom: 0; left: 0; /* position: absolute;*/ margin-bottom:40px; } .banner-inner { height: 165px; margin: 0 auto; }.banner-nav ul { height: 165px; margin: 0 auto; width: 1200px; }.banner-nav li { cursor: pointer; display: inline; float: left; height: 165px; margin: 0 1px; padding: 0 25px; position: relative; width: 95px; }.banner-nav li div { background: #f2f2f2 none repeat scroll 0 0; height: 165px; left: 0; opacity: 0.2; /* padding: 0 35px;*/ position: absolute; top: 0; width: 145px; z-index: 5; }.banner-nav li a.brand { background-position: 0 0; }.banner-nav li a { background-image: url("../images/tb1.jpg"); background-repeat: no-repeat; color: #747474; display: inline; float: left; font-size: 14px; height: 165px; left: 0; /* padding: 0 25px;*/ position: absolute; text-align: center; top: 0; width:145px; z-index: 6; }.banner-nav li a span { display: block; margin: 0 auto; padding-top: 110px; } .banner-nav li a.pano { background-position: -310px 0; } .banner-nav li a.mobile { background-position: -450px 0; }.banner-nav li a.zhyx { background-position: -600px 0; }.banner-nav li a.cms { background-position: -740px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.school { background-position: -150px 0; } .banner-nav li.current { cursor: default; } .banner-nav li a:Hover{ background-image: url("../images/tb2.jpg"); color: #747474; cursor:pointer; } .banner-nav li a.school1 { background-position: -1050px 0; } .case_e{width:700px;margin:auto;overflow:hidden;} .case_e .more { clear: both; float: left; padding-top: 37px; position: relative; } .case_e .more ul { float: left; position: relative; } .case_e .more li { float: left; padding-right: 20px; }.case_e .more a { background:url(../images/index_05_1.png) no-repeat scroll 0 0; color: #a1a1a1; display: block; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; width: 120px; }.c3_tst1 { transition: all 0.5s ease 0s; } .case_e .more a:hover, .case_e .more a:active { background:url(../images/index_05_1.png) no-repeat scroll 0 -40px; color: #f4f4f4; } .nare_home .ctg { padding-top: 25px;overflow: hidden; } .nare_home .ctg .box { float: left; left: 50%; position: relative; } .nare_home .ctg ul { float: left; left: -50%; position: relative; } .nare_home .ctg li { float: left; height: 40px; padding-right: 29px; width: 168px; }.nare_home .ctg li a { background: url(../images/index_05.png) no-repeat scroll 0 0; color: #f4f4f4; display: block; height: 40px; line-height: 40px; text-align: center; width: 168px; } .nare_home .ctg li a:hover, .nare_home .ctg li a:active { background:url(../images/index_05.png) no-repeat scroll 0 -40px; } .in_news { padding-top: 55px; } .in_news { clear: both; padding: 50px 0 0;padding-bottom:50px; width: 100%; }.in_news ul { overflow: hidden; } .in_news li { background: #fff none repeat scroll 0 0; float: left; height: 187px; position: relative; width: 50%; z-index: 2; } .in_news li .box { margin-bottom: 30px; } .in_news li .box { border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; display: -moz-box; height: 186px; position: relative; width: 100%; z-index: 10; } .in_news li .lt { margin: 18px 0 0 22px; width: 198px;float:left; } .in_news li .lt .bd { border: 1px solid #dcdcdc; height: 149px; overflow: hidden; width: 196px; } .c3_tst1 { transition: all 0.5s ease 0s; }.in_news li .rt { -moz-box-flex: 1;width:62%;float:left; } .in_news li .rt .cont { line-height: 25px; padding: 0 50px 0 30px; text-align: left; } .in_news li .rt .tit { color: #222222; font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; padding-top: 25px; }.in_news li .rt .tit a { color: #222222; } .in_news li .rt .info { color: #878787; font-size: 13px; height: 75px; line-height: 25px; overflow: hidden; padding: 10px 0 5px; } .in_news li .rt .tm { background: url(../images/index_12.png) no-repeat scroll 0 -60px; color: #878787; display: block; font-size: 13px; line-height: 18px; margin-top: 5px; padding: 0 0 0 25px; } .in_news li:hover { background: #ed7020 none repeat scroll 0 0; } .in_news li:hover a { color:#FFF; } .in_news li:hover .info{ color:#FFF; } .tel{float:left; font-size:24px; color:#fff; font-weight:bold;padding-left:35px; position:absolute;top:20px;right:70px; background-image:url(../images/fx.png); background-repeat:no-repeat; background-position:left center;} .header .nav li:hover{ background-color:#C00;} .header .nav li:hover a{ color:#fff;} .mainTitle{font-size:50px;line-height:50px;} .mainSub{width:30px;height:2px;margin:20px auto;} .mainInfo{padding:8px 0px;font-size:20px;} .linkBtn{background-size:18px auto;border:1px solid #c8161e;background-position:125px center;width:158px;height:30px;line-height:30px;font-size:12px;} .linkBtn span{margin-left:20px;} .linkBtn:hover{color:#fff;background-color:#c8161e;background-image:url(../images/rightIconOn.png);background-position:130px center;} .container{width:1200px;} .header{height:68px;} .header .logo1{transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;} .header .logo1{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;} /*.header .logo1{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}*/ .header .logo1{ top: 11px;left: 13px;height: 44px;} .header .nav{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;} .header .nav{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);} .header .nav{width:880px;height:82px;line-height:82px;margin-left:100px; } .header .nav li {font-size:18px;padding:0 10px; position:relative;} .header .navBtn{transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;} .header .navBtn{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;} .header .navBtn{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);} .header .navBtn{width:33px;height:28px;margin-top:-14px;} .header .nav li:hover #op{visibility: visible;} #op li a{ color:#000;} #op li:hover a{ color:#fff;} #op{visibility: hidden;background-color:#f3f2f2;} .nav_2 { position:absolute;/*background:url(../images/top_bg.png) repeat-x scroll 0 0;width:100%;*/float:left;height:auto;left:0px;top:82px;} .nav_2 ul{ text-align:center;/*width:1000px;*/margin:auto;} .nav_2 ul li{ font-size:12px;padding:0 5px;line-height:45px;float:left;width:130px; } .nav_2 ul li a{ font-size:14px;text-align:left;} .nav_2 ul li a:hover{ color:#C00;} .list{height:544px;overflow:hidden;} .list .container{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;} .list .container{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);} .list .container{width:960px;} .list .left{width:500px;} .list .left .redTitle{height:60px;line-height:60px;font-size:48px;} .list .left .title{line-height:54px;padding:14px 0 6px 0;margin-bottom:8px;font-size:44px;} .list .left .sub{width:100%;margin:18px 0 12px 0;} .list .left .footTitle{heihgt:30px;line-height:30px;font-size:20px;} .list .left .footTitle .titleB{font-size:26px;} .list .left .info{font-size:14px;} .list .left .listTitle{font-size:20px;line-height:28px;margin-top:36px;} .list .left .listInfo{line-height:22px;font-size:17px;margin-top:12px;} .list .left .listInfo span{margin:0 12px;} .list .right{width:400px;} .list .right .title{font-size:24px;} .list .right .line{padding:4px 0;} .list .right .line .inputText{width:364px;font-size:14px;height:46px;line-height:46px;} .list .right .line .textArea{width:364px;height:180px;font-size:14px;height:124px;} .list .right .line .inputBtn{width:400px;font-size:17px;} #listCloseBtn{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;} #listCloseBtn{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);} .contact{padding:64px 0px;height:180px;} .contact .container{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;overflow: hidden;} .contact .container{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);} .contact .title{font-size:36px;line-height:36px;} .contact .mainSub{width:85px;height:2px;} .contact .info{font-size:18px;line-height:28px;} .footerNav .container{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;} .footerNav .container{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);} .footerNav{padding:24px 0;height:auto;overflow: hidden;} .footerNav .container{width:1200px;} .footerNav .left{width:840px;min-height:250px;padding-top:20px;} .footerNav .left ul{ margin-right: 18px;float:left;} .footerNav .left li{font-size:14px;line-height:26px;} .footerNav .left .title{height:50px;line-height:50px;font-size:22px;margin-bottom:10px;} .footerNav .right{float:right;padding:30px 0 0 0px;width:270px;} .footerNav .right .title{font-size:30px;line-height:40px;} .footerNav .right .info{font-size:12px;line-height:20px;} .footerNav .right .callTitle{font-size:14px;margin-top:0px;} .footerNav .right .callMun{font-size:18px;} .footer{height:160px;} .footer .container{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;} .footer .container{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);} .footer .container{width:1250px;} .footer .left{width:680px;} .footer .left .title{font-size:14px;padding-top:30px;} .footer .left .title .titleB{font-size:18px;margin-right:10px;} .footer .left .titleEn{font-size:14px;padding-bottom:20px;} .footer .left .info{} .footer .right{width:270px;padding-top:35px;float:right;} .footer .right .title{font-size:16px;} .footer .right .child{width:57px;margin:14px 38px 0 0;} .footer .right .child.no{margin:14px 0 0 0;} } @media (min-width: 1440px) { .mainTitle{font-size:30px; color:#666;line-height:60px;} .mainSub{width:37px;height:2px;margin:24px auto;} .mainInfo{padding:10px 0px;font-size:45px;padding-left:10%;padding-right:10%;border:none; font-weight:bold;} .linkBtn{background-size:27px auto; background-position:180px center;width:230px;height:44px;line-height:44px;font-size:16px;} .linkBtn span{margin-left:25px;} .header{height:82px;} .header .logo1{ top: 10px;left: 26px;height: 55px;} .tel{float:left; font-size:20px; font-weight:bold; color:#fff;padding-left:35px; position:absolute;top:26px;right:0px; background-image:url(../images/fx.png); background-repeat:no-repeat; background-position:left center;} .header .nav{width:900px;height:82px;line-height:82px;} .header .nav li{font-size:16px;padding:0px 15px; position:relative;} .header .nav li:hover{ background-color:#C00;} .header .nav li:hover a{ color:#fff;} .header .navBtn{width:33px;height:28px;margin-top:-14px;} .header .nav li:hover #op{visibility: visible;} #op li:hover a{ color:#fff;} #op{visibility: hidden;background-color:#f3f2f2;} .nav_2 { position:absolute;/*background:url(../images/top_bg.png) repeat-x scroll 0 0;width:100%;*/float:left;height:45px;left:0px;top:82px;height:auto; } .nav_2 ul{ text-align:center;margin:auto;} #op a{color:#000;padding:0px;} .nav_2 ul li{ font-size:12px;padding:0 5px;line-height:35px;float:left; width:130px;} .nav_2 ul li a{ font-size:14px;text-align:left; animation-name: bounceIn;animation-duration: 1.5s; animation-fill-mode: both;padding-left:20px; color:#000;} .nav_2 ul li a:hover{ color:#fff;} .banner-nav { width: 100%; } .banner-nav-abs { bottom: 0; left: 0; /* position: absolute;*/ margin-bottom:40px; } .banner-inner { height: 165px; margin: 0 auto; }.banner-nav ul { height: 165px; margin: 0 auto; width: 1200px; }.banner-nav li { cursor: pointer; display: inline; float: left; height: 165px; margin: 0 1px; padding: 0 25px; position: relative;width: 119px; /*width: 95px;*/ }.banner-nav li div { background: #f2f2f2 none repeat scroll 0 0; height: 165px; left: 0; opacity: 0.2; /* padding: 0 35px;*/ position: absolute; top: 0; width: 145px; z-index: 5; }.banner-nav li a.brand { background-position: 0 0; }.banner-nav li a { background-image: url("../images/tb1.jpg"); background-repeat: no-repeat; color: #747474; display: inline; float: left; font-size: 14px; height: 165px; left: 0; /* padding: 0 25px;*/ position: absolute; text-align: center; top: 0; width:145px; z-index:6; }.banner-nav li a span { display: block; margin: 0 auto; padding-top: 110px; } .banner-nav li a.pano { background-position: -310px 0; } .banner-nav li a.mobile { background-position: -450px 0; }.banner-nav li a.zhyx { background-position: -600px 0; }.banner-nav li a.cms { background-position: -740px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.brand1 { background-position: -900px 0; } .banner-nav li a.school { background-position: -150px 0; } .banner-nav li.current { cursor: default; } .banner-nav li a:Hover{ background-image: url("../images/tb2.jpg"); color: #747474; cursor:pointer; } .banner-nav li a.school1 { background-position: -1050px 0; } .case_e{width:1200px;margin:auto;overflow:hidden;} .case_e .more { clear: both; float: left; padding-top: 37px; position: relative; } .case_e .more ul { float: left; position: relative; } .case_e .more li { float: left; padding-right: 20px; }.case_e .more a { font-size:12px; background:url(../images/index_05_1.png) no-repeat scroll 0 0; color: #a1a1a1; display: block; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; width: 120px; }.c3_tst1 { transition: all 0.5s ease 0s; } .case_e .more a:hover, .case_e .more a:active { background:url(../images/index_05_1.png) no-repeat scroll 0 -40px; color: #f4f4f4; } .nare_home .ctg { padding-top: 25px;overflow: hidden; } .nare_home .ctg .box { float: left; left: 50%; position: relative; } .nare_home .ctg ul { float: left; left: -50%; position: relative; } .nare_home .ctg li { float: left; height: 40px; padding-right: 29px; width: 168px; }.nare_home .ctg li a { background: url(../images/index_05.png) no-repeat scroll 0 0; color: #f4f4f4; display: block; height: 40px; line-height: 40px; text-align: center; width: 168px; } .nare_home .ctg li a:hover, .nare_home .ctg li a:active { background:url(../images/index_05.png) no-repeat scroll 0 -40px; } .in_news { padding-top: 55px; } .in_news { clear: both; padding: 50px 0 0;padding-bottom:50px; width: 100%; }.in_news ul { overflow: hidden; } .in_news li { background: #fff none repeat scroll 0 0; float: left; height: 187px; position: relative; width: 50%; z-index: 2; } .in_news li .box { margin-bottom: 30px; } .in_news li .box { border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; display: -moz-box; height: 186px; position: relative; width: 100%; z-index: 10; } .in_news li .lt { margin: 18px 0 0 22px; width: 198px;float:left; } .in_news li .lt .bd { /* border: 1px solid #dcdcdc;*/ height: auto; overflow: hidden; width: 196px; } .c3_tst1 { transition: all 0.5s ease 0s; }.in_news li .rt { -moz-box-flex: 1;width:62%;float:left; } .in_news li .rt .cont { line-height: 25px; padding: 0 50px 0 30px; text-align: left; } .in_news li .rt .tit { color: #222222; font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; padding-top: 25px; }.in_news li .rt .tit a { color: #222222; } .in_news li .rt .info { color: #878787; font-size: 13px; height: 75px; line-height: 25px; overflow: hidden; padding: 10px 0 5px; } .in_news li .rt .tm { background: url(../images/index_12.png) no-repeat scroll 0 -60px; color: #878787; display: block; font-size: 13px; line-height: 18px; margin-top: 5px; padding: 0 0 0 25px; } .in_news li:hover { background: #ed7020 none repeat scroll 0 0; } .in_news li:hover a { color:#FFF; } .in_news li:hover .info{ color:#FFF; } .cover { background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; }.service { padding: 70px 0; position: relative; }.service .container { position: relative; z-index: 2; }.service .h1 { color: #fff; font-size:36px;line-height:40px; }.border::before { background-color: #db2103; border: 0 ridge #fff; content: ""; height: 4px; left: 50%; margin-left: -40px; position: absolute; top: 0; width: 80px; } .border { border-top: 0 solid #fff; height: 1px; margin: 15px auto 0; position: relative; } .section-bgwrap { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .service .service-info { color: #fff; font-size: 18px; }.top-30 { margin-top: 30px; }.service .more { background: #f3b40e none repeat scroll 0 0; border-radius: 3px; color: #fff9dc; font-size: 22px; line-height: 25px; margin: 60px auto 20px; padding: 30px 0; width: 350px; } .list{height:595px;} .list .container{width:960px;} .list .left{width:500px;} .list .left .redTitle{height:60px;line-height:60px;font-size:48px;} .list .left .title{line-height:54px;padding:14px 0 6px 0;margin-bottom:8px;font-size:44px;} .list .left .sub{width:100%;margin:18px 0 12px 0;} .list .left .footTitle{heihgt:30px;line-height:30px;font-size:20px;} .list .left .footTitle .titleB{font-size:26px;} .list .left .info{font-size:14px;} .list .left .listTitle{font-size:20px;line-height:28px;margin-top:36px;} .list .left .listInfo{line-height:22px;font-size:17px;margin-top:12px;} .list .left .listInfo span{margin:0 12px;} .list .right{width:400px;} .list .right .title{font-size:24px;} .list .right .line{padding:4px 0;} .list .right .line .inputText{width:364px;font-size:14px;height:46px;line-height:46px;} .list .right .line .textArea{width:364px;height:124px;font-size:14px;} .list .right .line .inputBtn{width:400px;font-size:17px;} .contact{padding:80px 0px;} .contact .title{font-size:36px;line-height:36px;} .contact .mainSub{width:85px;height:2px;} .contact .info{font-size:18px;line-height:28px;} } .caret { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px dashed; display: inline-block; height: 0; margin-left: 5px; vertical-align: middle; width: 0; color:#fff; } /*video*/ .video{ position:fixed;z-index:999999;right:0px;top:40%;height:auto;width:200px; background-color:#F00;} .video ul li{float:left;width:100%; text-align:center;} .video ul li span a{ color:#fff;line-height:50px;} .video ul li span{ font-size:16px;} .page{ text-align:center;} .page table{text-align:center;margin:auto;} @media (max-width: 1200px) {.web_about_wrapper{width:100%;} .count-title{ font-size:2em;} } @media (max-width: 800px) {.web_about{height:300px;}} .M-what { margin: 0 auto; width: 100%;padding-top:4%; } .M-what a{float:left;width:20%;} .M-design { text-align: center; display: block; margin-right: 0px; position: relative; } .M-what .fl { float: left; display: inline;width:100%; } .M-design-ico { background: url(../images/design-ico.png) no-repeat; width: 122px; height: 122px; display: block; margin: 0 auto; margin-bottom: 0px; margin-bottom: 22px; +margin-left: 0px !important; } .M-design-bottom { height:65px; overflow: hidden; text-align: center; } .M-btn { background: url(../images/btn-ico.png) no-repeat; width: 120px; height: 31px; display: block; line-height: 31px; text-align: center; font-family: "寰蒋闆呴粦"; font-size: 14px; color: #ffffff; margin: 0 auto; margin-top: 0px; margin-top: 2px;overflow:hidden; } .Brand-ico{ background:url(../images/move-ico.png) no-repeat; background-position:center top; height:122px; display:block; margin:0 auto; margin-bottom:22px; +margin-left:0px !important; } .move-ico{ background:url(../images/brand-ico.png) no-repeat;background-position:center top; height:122px; display:block; margin:0 auto; margin-bottom:22px; +margin-left:0px !important; } .ui-ico{ background:url(../images/ui-ico.png) no-repeat;background-position:center top; height:122px; display:block; margin:0 auto; margin-bottom:22px; +margin-left:0px !important; } .t1-ico{ background:url(../images/tt1.png) no-repeat;background-position:center top; height:122px; display:block; margin:0 auto; margin-bottom:22px; +margin-left:0px !important; } .t2-ico{ background:url(../images/tt2.png) no-repeat;background-position:center top; height:122px; display:block; margin:0 auto; margin-bottom:22px; +margin-left:0px !important; } .t3-ico{ background:url(../images/tt3.png) no-repeat;background-position:center top; height:122px; display:block; margin:0 auto; margin-bottom:22px; +margin-left:0px !important; } .t4-ico{ background:url(../images/tt4.png) no-repeat;background-position:center top; height:122px; display:block; margin:0 auto; margin-bottom:22px; +margin-left:0px !important; } .t5-ico{ background:url(../images/tt5.png) no-repeat;background-position:center top; height:122px; display:block; margin:0 auto; margin-bottom:22px; +margin-left:0px !important; } .g1-ico{ background:url(../images/gg1.png) no-repeat;background-position:center top; height:122px; display:block; margin:0 auto; margin-bottom:22px; +margin-left:0px !important; } .g2-ico{ background:url(../images/gg2.png) no-repeat;background-position:center top; height:122px; display:block; margin:0 auto; margin-bottom:22px; +margin-left:0px !important; } .g3-ico{ background:url(../images/gg3.png) no-repeat;background-position:center top; height:122px; display:block; margin:0 auto; margin-bottom:22px; +margin-left:0px !important; } .g4-ico{ background:url(../images/gg4.png) no-repeat;background-position:center top; height:122px; display:block; margin:0 auto; margin-bottom:22px; +margin-left:0px !important; } .g5-ico{ background:url(../images/gg5.png) no-repeat;background-position:center top; height:122px; display:block; margin:0 auto; margin-bottom:22px; +margin-left:0px !important; } .ui2-ico{ background:url(../images/ui2-ico.png) no-repeat;background-position:center top; height:122px; display:block; margin:0 auto; margin-bottom:22px; +margin-left:0px !important; } .M-what-top{ text-align:center; margin:0 auto; height:98px; } .ui:hover em{ background:url(../images/ui-ico-hover.png) no-repeat;background-position:center top; } .t1:hover em{ background:url(../images/tt1-hover.png) no-repeat;background-position:center top; } .t2:hover em{ background:url(../images/tt2-hover.png) no-repeat;background-position:center top; } .t3:hover em{ background:url(../images/tt3-hover.png) no-repeat;background-position:center top; } .t4:hover em{ background:url(../images/tt4-hover.png) no-repeat;background-position:center top; } .t5:hover em{ background:url(../images/tt5-hover.png) no-repeat;background-position:center top; } .g1:hover em{ background:url(../images/gg1-hover.png) no-repeat;background-position:center top; } .g2:hover em{ background:url(../images/gg2-hover.png) no-repeat;background-position:center top; } .g3:hover em{ background:url(../images/gg3-hover.png) no-repeat;background-position:center top; } .g4:hover em{ background:url(../images/gg4-hover.png) no-repeat;background-position:center top; } .g5:hover em{ background:url(../images/gg5-hover.png) no-repeat;background-position:center top; } .ui2:hover em{ background:url(../images/ui2-ico-hover.png) no-repeat;background-position:center top; } .move:hover em{ background:url(../images/brand-ico-hover.png) no-repeat;background-position:center top; } .Brand:hover em{ background:url(../images/move-ico-hover.png) no-repeat;background-position:center top; } .M-design:hover em{ background:url(../images/design-ico-hover.png) no-repeat;background-position:center top; } .M-design-title{float:left;width:100%;} .M-design-title span{float:left;width:100%; color:#666; font-size:20px;} .M-design-title font{float:left;width:100%; color:#999; font-size:15px;margin-top:2%;margin-bottom:4%;} .cen{width:100%; height:370px; margin:0px auto; margin-top:40px; } .cen-list{margin:auto; width:90%; background:#f8f7f7; border:1px solid #f8f7f7; border-top:1px solid #f8f7f7; margin-right:0px; cursor:pointer;transition: all .5s; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s;} .cen-list .cen-img{ text-align:center; padding-top:20px; height:85px; margin-bottom:22px; margin-top:30px;} .cen-list .cen-tit{font-size:21px; text-align:center; color:#292929; width:222px; margin:0 auto; height:45px; overflow:hidden} .cen-list .cen-tit{ font-size:22px; text-align:center; color:#111111;font-weight:bold; } .cen-list .cen-des{font-size:16px; text-align:left; color:#868686; width:100%; margin:0 auto; line-height:30px; height:210px; margin-bottom:20px; overflow:hidden} .cen-list .cen-des a{width:100%;float:left; text-align:center; color:#666;} .cen-list .indexMore{ margin:0px auto;font-size:16px;text-align:center;width:100%;line-height:54px; background-color:#e60909;color:#fff;text-decoration:none;} .cen-list .indexMore a{color:#fff;} .cen-list:hover{ } .cen-list:hover .cen-img{ transform: rotateY(360deg); transition: all 0.5s ease-out; } .cen-list:hover .indexMore{ display:block; margin:0px auto; font-size:16px; text-align:center; width:90%; line-height:54px; background-color:#333; color:#ffffff; text-decoration:none; } .cen-list:hover .indexMore a{ color:#fff;} .cen-list:hover .cen-tit li{ font-size:22px; text-align:center; color:#088df3; font-weight:bold; text-decoration:none; } .cen li{width:20%;float:left;} .fov-foot{display:none;} @media (max-width: 1000px) { .tel{display: block; float: left; font-size: 16px; color: #fff; padding-left: 35px; position: absolute; top: 25px; right: 15%; background-image: url(../images/fx.png); background-repeat: no-repeat; background-position: left center; font-weight: bold;}} .pou{display:none;} @media (max-width: 800px) {.M-what a{width:33.333%;}.cen li{width:50%;margin-bottom:20px;}.cen-list{width:100%;} .fov-foot{display:block; position:fixed;z-index:999999;bottom:0;width:100%;float:left;height:38px;line-height:38px;} .fov-foot a{width:50%;float:left; text-align:center; font-size:14px; color:#fff;height:38px;line-height:38px; background-color:#F00;} .fov-foot a:nth-child(2){ background-color:#333;} #newBridge{display:none !important} .pou{display:block;}.caret{display:none;} } @media (max-width: 640px) { .M-what a{width:50%;} .col_fourth{width:48%;} .web_about{height:400px;} } .vidop{width:100%;float:left; text-align:center;} .vidop a{ cursor: pointer; font-size:20px;color:#fff; background-color:red;padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px; border-radius:30px;} .vidop a:hover{color:#fff;} .vibg{position: fixed;background-color: rgba(0,0,0,.6);width: 100%;height: 100%;left: 0;top: 0;z-index: 99999;} .vibg-close{position: fixed;color: #fff;z-index: 99;font-size: 40px;right: 10%;top: 10%;cursor: pointer;width: 50px;height: 50px; background-color: red;text-align: center;line-height: 50px;border-radius: 50%;} .vibg-video{position: fixed;top: 20%;left: auto;width: 100%;z-index: 99;right: auto;margin: auto;text-align: center;}