@charset "utf-8"; /* css document */ body, html {width: 100%;min-width: 1200px;} body,html {margin:0;padding:0} body{position:relative;font-family: 微软雅黑,宋体,'sterling ssm a','sterling ssm b',serif;font-size:14px;} ul{list-style: outside none none;padding:0;margin: 0;} ul,dd,dt,dl,li,p,h2,h3,h4,h1,h5,h6,textarea,a{ list-style:none; text-decoration:none;margin:0px; padding:0px;} p{margin:0;} table {border-collapse: collapse;border-spacing: 0;} *, *:after, *:before {box-sizing: border-box;} a{cursor: pointer;text-decoration: none;color: #333;} a:hover {text-decoration:none;color: #333;} hr{border: none;margin: 0;} img{border:none; transition:all ease-in-out 0.5s !important;-moz-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;display: block;} input,button,textarea{border:none;font-family:"微软雅黑";} .icon-list{ background: no-repeat;} .inline{ display:inline-block; *display:inline;zoom:1;} .st{ font-family:"宋体"; font-size:12px;} .s18{ font-size:18px;} .s28{ font-size:28px;} .s36{ font-size:36px;} .c1{ color:#008c41;} .c2{ color:#d3000e} .c3{color: #5b5b5b;} .c4{color: #555555;} .fl{float: left;} .fr{float: right;} a{ color:#555555} a:hover{ color:#6e030b} .ln70{line-height: 70px;} .s45{ font-size:45px} .s36{ font-size:36px;} .s28{ font-size:28px;} .s24{ font-size:24px} .cf{ color:#fff;} .c40{color: #404040;} .pt50{ padding-top:50px;} .pt20{ padding-top:20px;} .pt10{ padding-top:10px;} .pt40{ padding-top:40px;} .mt10{margin-top: 10px;} .mt20{margin-top: 20px;} .mt25{margin-top: 25px;} .mt30{margin-top: 10px;} .mt40{margin-top: 40px;} .mt50{margin-top: 50px;} .mt55{margin-top: 55px;} .mt60{margin-top: 60px;} .mt70{margin-top: 70px;} .mr50{margin-right: 35px;} .mb5{margin-bottom: 5px;} .mb10{margin-bottom: 10px;} .content{ width:1200px; margin:0 auto; overflow:hidden;} .clear{clear: both;} .text-center{text-align: center;} /* top */ .topdh{ background-color:#e8e8e9; height:38px; line-height:38px;color:#363636;} .topdh a{ color:#333;} .topdh a:hover{ color:#131313;} .top{height: 130px;padding-top: 14px;background-color: #fff;} .top .fl>a{float: left;} .top .fl>img{position: relative;top: 18px;float: left;} .top i{font-style: normal;} .top i img{float: left;} .top .fs36 {font-family: 'impact';font-size: 30px;} .top .fs34{font-family: 'impact';font-size: 30px;} .top .fs22{font-size: 22px;} .top i .c1{position: relative;top: -20px;margin-left: 7px;} /* nav */ .nav{width: 100%;height: 58px;line-height: 58px;background: repeat-x;} .nav>ul{height: 100%;width: 1200px;margin: 0 auto;} .nav>ul>li{text-align: center;width: 12.5%;height: 100%;float:left;cursor: pointer;font-size: 16px;position: relative;background: no-repeat right center;} .nav>ul>li:last-child{background: none;} .nav li>a{display: block;color: #3d3d3d;line-height: 60px;height: 100%;} .nav>ul>li:hover>a{color: #006fd6;} .nav>ul>li.active>a{color: #006fd6;} .nav>ul>li:hover .sub_nav{display: block;} .nav .sub_nav{width: 100%;position: absolute;top: 58px;z-index: 1;display: none;padding: 10px 0;background-color:#f3f3f3;filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#e5083060,endcolorstr=#e5083060);} .nav .sub_nav li{width: 100%;height: 41px;} .nav .sub_nav li>a{color: #000;line-height: 41px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size: 16px;font-weight: normal;} .nav .sub_nav li>a:hover{background-color: #fff;color: #006fd6;} /* banner */ .banner{width: 100%;height: 590px;position: relative;} .banner ul a{display: none;width: 100%;} .banner ul a:hover{text-decoration: none;} .banner li{width: 100%;height: 590px;position: absolute;} .carousel_bg{height: 30px;position: absolute;bottom:10px;text-align: center;width: 100%;} .carousel {width: auto;height: 30px;display: inline-block;} .carousel > a {width: 13px;height: 13px;cursor: pointer;margin-right: 4px;display: inline-block;border-radius: 50%;background-color: #fff;} .carousel > a:last-child {margin-right: 0;} .carousel a.active {background-color: #fffb00;} /* about */ .title{text-align: center;} .title div{font-size: 22px;position: relative;top: -2px;} .title img{margin: 0 auto;} .title hr{width: 49px;height: 4px;margin: 3px auto 0;} .title p{line-height: 26px;margin-top: 15px;} .title .white{color: #222;} .title .gray{color: #696969;} .title .black{color: #222;} .title .red_bg{background-color: #ff0000;} .title .yellow_bg{background-color: #fffc00;} .about{height: 460px;} .about_info .fl{width: 660px;} .about_info .fl p{line-height: 29px;color: #3a3a3a;height: 204px;overflow: hidden;margin:30px auto 15px;} .about_info .fl a{display: block;color: #909090;border: 1px solid #adadad;width: 109px;height: 36px;line-height: 36px;text-align: center;} .about_info .fl a:hover{color: #333;border: 1px solid #666;} .about_info .fr{width: 516px;height: 320px;} /* products */ .products{background-color: #fff;position: relative;} .products>img{margin: 0 auto;position: relative;top: 57px;} .products .title div{color: #222;} .products_info{margin: 10px -10px 0;} .products_info:after{content: '';clear: both;display: table;} .products_info a{float: left;width: 33%;padding: 0px 10px ;position: relative;display: block;} .products_info a img{width: 385px;height: 378px; padding-top:10px;} .products_info div{width: 385px;height: 40px;line-height: 40px;color: #fff;font-size: 15px; text-align: center;background-color: rgba(0,140,65,0.6);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#c8ffffff,endcolorstr=#c8ffffff);position: absolute; bottom: 0px;overflow: hidden;white-space: nowrap; transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -webkit-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; } .products_info a:hover div{left: 10px;bottom: 89px;height: 107px;line-height: 107px;width: 385px;background-color: rgba(0,0,0,0.5);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);color: #fff;} .products_info2{margin: 0px -10px 0;height: 556px;} .products_info2:after{content: '';clear: both;display: table;} .products_info2 a{float: left;width: 33.3%;padding: 0px 10px ;position: relative;display: block;} .products_info2 a img{width: 285px;height: 278px; padding-top:10px; } .products_info2 div{width: 285px;height: 40px;line-height: 40px;color: #fff;font-size: 15px; text-align: center;background-color: rgba(0,140,65,0.6);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#c8ffffff,endcolorstr=#c8ffffff);position: absolute; bottom: 0px;overflow: hidden;white-space: nowrap; transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -webkit-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; } .products_info2 a:hover div{left: 10px;bottom: 89px;height: 107px;line-height: 107px;width: 285px;background-color: rgba(0,0,0,0.5);filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);color: #fff;} .products_info4{margin: 0px -10px 0;height: 556px;} .products_info4:after{content: '';clear: both;display: table;} .products_info4 a{float: left;width:25%;padding: 0px 10px ;position: relative;display: block;} .products_info4 a img{width: 170px;padding-top:10px; } /* news */ .news{} .news_info{margin-top: 30px;} .news_info:after{content: '';clear: both;display: table;} .news_info li{float: left;width: 400px;padding:10px 20px;} .news_info li:hover{background-color: #008c41;} .news_info li:hover div{color: #fff;} .news_info li:hover p{color: #fff;} .news_info li a{display: block;} .news_info li a>span{display: block;position: relative;} .news_info li a label{width: 62px;height: 57px;background-color: #ff0000;color: #fff;text-align: center;position: absolute;bottom: 0;right: 6px;} .news_info li a img{width: 347px;height: 144px;margin: 0 auto;} .news_info li a h1{font-size: 28px;font-weight: normal;} .news_info li a i{font-style: normal;font-size: 12px;} .news_info li a>div{text-align: center;font-size: 16px;color: #101010;margin: 25px auto 18px;} .news_info li a>hr{width: 13px;height: 1px;background-color: #edc901;} .news_info li a>p{line-height: 26px;color: #bdbdbd;font-size: 13px;height: 50px;overflow: hidden;width: 320px;margin: 15px auto 0;} /* safe */ .safe{height: 585px;background: no-repeat center;background-size: cover;} .safe .content{overflow: visible;} .safe_info_box{height: 446px;padding-top: 95px;position: relative;} .safe_info_box li{position: absolute;width: 1170px;left: 15px;display: none;} .safe_info_box li>span{width: 635px;height: 351px;float: left;position: relative;z-index: 2} .safe_info_box li img{position: absolute;bottom: 0;right: 0;width: 655px;height: 405px;} .safe_info_box li>div{width: 745px;height: 351px;background-color: #fff;position: absolute;right: 0;padding: 35px 40px 0 210px;} .safe_info_box li h1{font-size: 38px;color: #01114f;overflow: hidden;} .safe_info_box li p{font-size: 16px;color: #060001;line-height: 26px;margin-top: 15px;height: 182px;overflow: hidden;} .safe_info_box li a{width: 176px;height: 45px;line-height: 45px;background: no-repeat center;background-size: cover;text-align: center;color: #060001;padding-left: 45px;float: right;font-size: 16px;margin-top: 10px;} .safe hr{height: 1px;background-color: #58544b;margin-top: 55px;} .safe_nav{text-align: center;position: relative;top: -11px;} .safe_nav li{display: inline-block;padding-top: 30px;background: no-repeat center top;font-size: 16px;width: 100px;color: #fff;cursor: pointer;} .safe_nav li.active{background: no-repeat center top;} /* case */ .case{height: 502px;} .case_info{position: relative;} .case_title{margin-top: 20px;} .case_title:after{content: '';clear: both;display: table;} .case_title li{width: 33%;background-color: #008c41;color: #fff;height: 53px;line-height: 53px;text-align: center;font-size: 20px;float: left;cursor: pointer;} .case_title li.active{background-color: #f4a224;color: #fff;} .case_list{margin: 23px -10px 0;} .case_list:after{content: '';clear: both;display: table;} .case_list li{position: absolute;display: none;width: 100%;} .case_list li a{width: 25%;padding: 0 10px;float: left;} .case_list li a div{background-color: #f0f0f0;overflow: hidden;} .case_list li a img{width: 276px;height: 183px;margin: 3px auto 0;} .case_list li a span{text-align: center;line-height: 60px;display: block;} .case_list li a:hover div{background-color: #008c41;} .case_list li a:hover span{color: #fff;} /* support */ .support>img{float: left;} .support_info{margin: 0 -4px 60px;float: right;width: 1030px;height: 130px;} .support_info li{padding: 0 3px;width: 171px;float: left;margin-bottom: 7px;} .support_info li img{width: 165px;height: 61px;} .footer_dec{height: 27px;background-color: #008c41} .footer_dec img{margin: 0 auto;} /* footernav */ .footnav {background-color: #003371;height: 70px;line-height: 70px;text-align: center;} .footnav .content{overflow: visible;} .footnav .content:after{content: '';display: table;clear: both;} .footnav a{color: #fff;font-size: 16px;width: 10%;display: block;float: left;background: no-repeat center left;} .footnav a.footnavlisthome {color: #003371;background: none;position: relative;} .footnav a.footnavlisthome div{position: relative;z-index: 2} .footnav a.footnavlisthome:before{content: '';display: table;position: absolute;background: no-repeat center;bottom: 0;width: 117px;height: 89px;left: 0;z-index: 1;} .footnav a.footnavlisthome:after{content: '';display: table;position: absolute;background: no-repeat center;top: -19px;right: -15px;width: 18px;height: 19px;z-index: 0;} .footnav a:hover{color: #ffde00;} .footnav a.footnavlisthome:hover{color: #003371;} /* footer */ /*.footer{height: 362px;background: no-repeat center;background-size: cover;} .footer .ftop{position: relative;height: 362px;margin-bottom: 0px;} .footer .ftop:after{clear: both;content: '';display: table;} .footer .ftop>img{float: left;margin-top: 120px;margin-left: 20px;margin-right: 120px;} .footer .contacts {width: 490px;height: 260px;float: left;color: #fff;} .footer .contacts p{margin-bottom: 8px;font-size: 16px;} .footer .code{float: right;padding-top: 85px;margin-right: 35px;} .footer .code div{background-color: #fff;width: 190px;height: 190px;} .footer .code img{width: 190px;height: 190px;} */ .fixed-contact{height: 80px;background-color: #f37800;position: fixed;bottom: 0;width: 100%;z-index: 999;} .fixed-contact .content{overflow: visible;} .fixed-contact img.qq {margin-top: -42px;float: left;} .liuyan {float: left;text-align: center;margin-left: 35px;margin-right: 20px;margin-top: 18px;} .liuyan .in1 {float: left;margin: 7px 5px;} .liuyan .in1 input {height: 42px;line-height: 42px;padding-left: 3px;background: #fff;color: #333;width: 198px;font-size: 16px;font-family: 微软雅黑;} .liuyan .sure {font-size: 25px;background: #950202;height: 38px;padding: 0px 5px 0px 5px;color: #fff;border: none;width: 128px;height: 47px;position: relative;top: -2px;font-family: 微软雅黑;cursor: pointer;} .bottel {width: 425px;padding-top: 1px;font-size: 16px;font-weight: bold;color: #fff;} .bottel img {padding-right: 15px;padding-top: 3px;} .bottel font{font-size: 12px;font-weight: normal;font-family: arial, helvetica, sans-serif;position: relative;top: 1px;} .bottel .tel {font-size: 32px;font-family: "impact", times, serif;padding-left: 5px;line-height: 36px;margin-top: 6px;} /* page_main */ .page_main{width: 1200px;margin: 40px auto 75px;overflow: hidden;} .leftside{width: 317px;float: left;} .leftside:after{clear: both;content: '';display: table;} .leftside .left_title{color: #c6e0ff;text-align: center;width: 100%;height: 70px;background: no-repeat center;background-size: cover;padding-top: 20px;} .leftside .left_title h1{font-size: 22px;color: #fff;} .leftside .left_title hr{width: 133px;height: 2px;background: no-repeat center;margin: 6px auto 3px;} .leftside .left_title div{font-size: 16px;} .leftside .left_title img{margin: 0 auto;margin-top: 10px;} .leftside ul{width: 100%;padding: 0 5px;background-color: #f3f3f3;border: 1px solid #bebebe;border-top: none;} .leftside li{height: 66px;background: no-repeat center bottom;padding-top: 8px;} .leftside li:last-child{background: none;} .leftside li a{display: block;color: #454141;width: 255px;height: 49px;line-height: 49px;margin: 0 auto;font-size: 16px;text-align: center;} .leftside li a:hover{color: #083060;} .leftside li.active a{background-size: cover;color:#006fd6;font-size: 16px;} .left_contact{margin-top: 10px;} .left_contact_title{height: 73px;padding-left: 70px;background: #008d41 no-repeat 14px center;color: #fff;} .left_contact_title div{float: left;line-height: 73px;font-size: 22px;} .left_contact_title span{float: left;line-height: 73px;position: relative;top: 2px;margin-left: 8px;font-size: 17px;} .left_contact_info img{width: 100%;} .left_contact_info div{padding: 25px 35px;background-color: #f4f4f4;border: 1px solid #bebebe;border-top: none;} .left_contact_info div h1{font-size: 16px;color: #666666;margin-bottom: 5px;} .left_contact_info div p{color: #292929;font-size: 14px;line-height: 30px;} .left_contact_info div em{font-style: normal;color: #ff000c;font-size: 14px;} .rightside{width: 860px;float: right;} .right_title{border-bottom: 2px solid #008d41;height: 64px;background-color: #f7f7f7;margin-bottom: 5px;} .right_title h1{font-size: 22px;height: 62px;line-height: 62px;padding: 0 25px 0 72px;background: #008d41 no-repeat 20px center;float: left;color: #fff;} .right_title div{float: right;line-height: 62px;margin-right: 10px;color: #202020} .right_title div a{color: #202020;} .right_title div a:hover{color: #083060;text-decoration: underline;} .page_imgs_box{margin: 0 -5px;} .page_imgs_box:after{clear: both;content: '';display: table;} .page_imgs_box li{padding: 0 5px;float: left;} .page_imgs_box li a{width: 280px;height: 253px;border: 1px solid #b1b1b1;display: block;} .page_imgs_box li img{width: 266px;height: 241px;margin: 5px auto 0;} .page_imgs_box li a:hover{border: 1px solid #083060;} .page_imgs_box li div{color: #858585;height: 52px;line-height: 52px;text-align: center;} .page_news_box li{height: 204px;margin-bottom: 24px;} .page_news_box li a{display: block;background-color: #f6f6f6;height: 100%;padding: 18px 22px;position: relative;} .page_news_box li a img{width: 269px;height: 166px;float: left;border: none;} .page_news_box li a:hover{background: no-repeat center;background-size: cover;} .page_news_box li a:hover i{display: block;} .page_news_data{float: left;margin-left: 38px;margin-top: 52px;} .page_news_data div{font-size: 28px;color: #3d3d3d;} .page_news_data span{color: #969696;} .page_news_info{margin-left: 50px;float: left;margin-top: 40px;} .page_news_info div{color: #525252;font-size: 18px;margin-bottom: 15px;width: 360px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .page_news_info p{color: #b0b0b0;font-size: 13px;line-height: 24px;width: 318px;height: 50px;overflow: hidden;} #content_dy p{width:830px;line-height: 24px;} /*公告样式*/ .b_pic{overflow:hidden;} .b_pic img{ -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; } .b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);} .cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;} .clear_both{zoom:1;} .clear_both:after{content:""; display:block; clear:both;} .dis{ display:inline-block; *display:inline; zoom:1;} .fz10{ font-size:10px; color:#333;} .fz12{ font-size:12px; color:#333;} .fz14{ font-size:14px; color:#333;} .fz16{ font-size:16px; color:#333;} .fz18{ font-size:18px; color:#333;} .fz20{ font-size:20px; color:#333;} .fz22{ font-size:22px; color:#333;} .fz24{ font-size:24px; color:#333;} .fz26{ font-size:26px; color:#333;} .fz28{ font-size:28px; color:#333;} .fz30{ font-size:30px; color:#333;} .fz32{ font-size:32px; color:#333;} .fz34{ font-size:34px; color:#333;} .fz36{ font-size:36px; color:#333;} .fz38{ font-size:38px; color:#333;} .fz40{ font-size:40px; color:#333;} /*新站*/ #warp{width:100%; max-width:1920px; min-width:1200px; margin:0 auto;} .main{ width:1200px; margin:0 auto;} select{ -moz-appearance: none; -webkit-appearance:none; appearance:none; background: no-repeat 97% center;} /*首页样式*/ .index{ width:100%;} .index .title{ width:100%; text-align:center;} .index .title .fz30{ color:#555;} .index .title .xian{ width:20px; height:2px; background:#555; margin:10px 0 15px;} .index .title .fz12{ color:#888; font-family:"arial";} .index .title .fz12.lang2{ display:none;} .index .one{ padding:50px 0;} .index .one .last{ width:100%; margin-top:40px;} .index .one .last .hb{ width:100%;} .index .one .last .hb .list{ width:540px; background:#f3f3f3; border-radius:6px; padding:0 20px;} .index .one .last .hb .list .top{ width:100%; border-bottom:1px solid #e7e7e7; padding:20px 0;} .index .one .last .hb .list .top .img{ width:110px; height:110px; overflow:hidden;} .index .one .last .hb .list .top .img img{ width:100%;} .index .one .last .hb .list .top .nr{ width:410px;} .index .one .last .hb .list .top .nr .fz20{ color:#555; margin:5px 0;} .index .one .last .hb .list .top .nr .fz12{ height:70px; overflow:hidden; color:#888;} .index .one .last .hb .list .bot{ color:#888; position:relative; padding:20px 0 25px;} .index .one .last .hb .list .bot img{ width:15px; height:8px; display:none; position:absolute; left:50%; bottom:-8px; z-index:2; margin-left:-7.5px;} .index .one .last .hb .list.on{ background:#0293d2;} .index .one .last .hb .list.on .top{ border-bottom:1px solid #1c9ed7;} .index .one .last .hb .list.on .top .nr .fz20{ color:#fff;} .index .one .last .hb .list.on .top .nr .fz12{ color:#fff;} .index .one .last .hb .list.on .bot{ color:#fff;} .index .one .last .hb .list.on .bot img{ display:inline-block;} .index .one .last .db{ width:100%; position:relative; margin-top:30px;} .index .one .last .db .it{ width:100%; height:275px; overflow:hidden;} .index .one .last .db .it ul{ width:100%;} .index .one .last .db .it ul li{ width:222px; height:271px; text-align:center; overflow:hidden; border:1px solid #ddd; border-radius:5px; margin-right:20px;} .index .one .last .db .it ul li .img{ width:200px; height:200px; overflow:hidden; margin:10px 0;} .index .one .last .db .it ul li .img img{ width:100%;} .index .one .last .db .it ul li .name{ width:100%; height:48px; line-height:48px; border-top:1px solid #ddd;} .index .one .last .db .prev{ width:60px; height:60px; overflow:hidden; background: no-repeat center; position:absolute; left:-100px; top:100px; z-index:2;} .index .one .last .db .next{ width:60px; height:60px; overflow:hidden; background: no-repeat center; position:absolute; right:-100px; top:100px; z-index:2;} .index .two{ width:100%; background: no-repeat top; padding:50px 0 130px;} .index .two .main{ position:relative;} .index .two .title .fz30{ color:#fff;} .index .two .title .xian{ background:#fff;} .index .two .title .fz12{ color:#fff;} .index .two .jd{ width:100%; line-height:25px; text-align:center; font-size:14px; color:#fff; margin-top:15px;} .index .two .last{ width:100%; margin-top:40px;} .index .two .last .list{ width:160px; text-align:center; vertical-align:top; margin:0 35px;} .index .two .last .list .img{ width:100%; height:160px; background:#fff; border-radius:50%;} .index .two .last .list .img a{ width:160px; height:160px; display:table-cell; overflow:hidden; vertical-align:middle;} .index .two .last .list .fz14{ color:#fff; margin-top:15px;} .index .two .apply{ width:100%; background:#fff; position:absolute; left:0; bottom:-210px; z-index:2; padding:40px 0;} .index .two .apply .left{ margin-left:45px;} .index .two .apply .left.lang2{ width:185px; margin-left:30px;} .index .two .apply .left .fz30{ color:#555;} .index .two .apply .left .xian{ width:20px; height:2px; background:#555; margin:10px 0 15px;} .index .two .apply .left .fz12{ color:#888; font-family:"arial";} .index .two .apply .left .fz12.lang2{ display:none;} .index .two .apply .right{ border-left:1px solid #f0f0f0; padding-left:40px; margin-left:40px;} .index .two .apply .right.lang2{ padding-left:20px; margin-left:20;} .index .two .apply .right .fz14{ width:100%; color:#888;} .index .two .apply .right .form{ width:100%; margin-top:15px;} .index .two .apply .right .form .input{ height:44px; line-height:44px; text-indent:15px; cursor:text; border:1px solid #ddd; border-radius:6px; font-size:14px; color:#888; margin-right:15px;} .index .two .apply .right .form .input.n1{ width:158px;} .index .two .apply .right .form .input.n2{ width:218px;} .index .two .apply .right .form .input.n3{ width:352px;} .index .two .apply .right .form .sub{ width:120px; height:44px; line-height:44px; text-align:center; cursor:pointer; background:#0293d2; border-radius:6px; color:#fff; font-size:14px;} .index .thr{ width:100%; background:#f0f0f0; padding:130px 0 80px;} .index .thr .last{ width:1180px; background:#fff; padding:10px; margin-top:40px;} .index .thr .last .left{ width:670px; margin-left:30px;} .index .thr .last .left .nr{ line-height:25px; margin-top:25px;} .index .thr .last .left .more{ width:120px; height:36px; line-height:36px; text-align:center; background:#0293d2; color:#fff; font-size:12px; font-family:"arial"; border-radius:6px; margin-top:40px;} .index .thr .last .right{ width:430px; height:310px; overflow:hidden;} .index .thr .last .right img{ width:100%;} .index .thr .course{ width:100%; position:relative; margin-top:80px;} .index .thr .course .xian{ width:100%; height:1px; background:#e4e4e4; position:absolute; left:0; top:23px; z-index:1;} .index .thr .course .main{ position:relative; z-index:2;} .index .thr .course .main .list{ text-align:center; position:relative; margin-right:70px;} .index .thr .course .main .list .fz12{ height:18px; line-height:18px; cursor:pointer; color:#aaa; font-family:"arial";} .index .thr .course .main .list .dian{ width:7px; height:7px; cursor:pointer; background:#aaa; border-radius:50%; margin-top:2px;} .index .thr .course .main .list .fz14{ width:300px; display:none; text-align:left; border-radius:6px; color:#fff; background:#aaa; position:absolute; left:0; top:50px; z-index:2; padding:15px;} .index .thr .course .main .list .fz14 .img{ width:10px; height:9px; background: no-repeat center; position:absolute; left:12px; top:-9px; z-index:2;} .index .thr .course .main .list.in .fz12{ font-size:16px; font-weight:bold; color:#0293d2; margin-top:-5px;} .index .thr .course .main .list.in .dian{ width:11px; height:11px; background:#0293d2; margin-top:5px;} .index .thr .course .main .list.in .fz14{ background:#0293d2;} .index .thr .course .main .list.in .fz14 .img{ background: no-repeat center;} .index .thr .course .main .list:hover .fz14{ display:inline-block;} .index .thr .course .main .list.on .fz14{ left:-275px;} .index .thr .course .main .list.on .fz14 .img{ left:288px;} .index .four{ width:100%; /*background: no-repeat top;*/ background:#f0f0f0; padding:50px 0;} .index .four .last{ width:560px;} .index .four .last .top{ width:100%;} .index .four .last .top .fz30{ color:#555;} .index .four .last .top .xian{ width:20px; height:2px; background:#555; margin:10px 0 15px;} .index .four .last .top .fz12{ color:#888;} .index .four .last .top .fz12.lang2{ display:none;} .index .four .last .cont{ width:100%; margin:40px 0;} .index .four .last .cont .time{ width:100px; height:100px; text-align:center; background:#f8f8f8;} .index .four .last .cont .time .fz40{ color:#888; font-family:"arial"; margin-top:15px;} .index .four .last .cont .time .fz12{ color:#888; font-family:"arial";} .index .four .last .cont .nr{ width:445px;} .index .four .last .cont .nr .fz16{ width:100%; color:#0293d2;} .index .four .last .cont .nr .xian{ width:18px; height:1px; background:#0293d2; margin:15px 0;} .index .four .last .cont .nr .fz12{ height:40px; line-height:20px; overflow:hidden; color:#888;} .index .four .last .bot{ width:100%; border-top:1px dashed #b5cad4; padding-top:30px;} .index .four .last .bot .list{ width:100%; text-indent:15px; background: no-repeat left center; margin-bottom:15px;} .index .four .last .bot .list .fz12{ color:#888;} .index .four .last .more{ width:120px; height:36px; line-height:36px; text-align:center; border-radius:6px; color:#fff; font-family:"arial"; background:#0293d2; margin-top:15px;} .index .five{ width:100%; height:470px; text-align:center; background: no-repeat center top; padding-top:50px;} .index .five .cont{ width:553px; height:425px; background: no-repeat center top; padding-top:45px;} .index .five .cont .nr{ width:80%; line-height:30px; font-size:14px; margin-top:40px;} .index .six{ width:100%; background:#fff; padding:30px 0;} .index .six .last{ position:relative; margin:0px auto;} .index .six .last .ul{ width:100%;} .index .six .last .ul li{ width:220px; height:80px; text-align:center; overflow:hidden; border:1px solid #f0f0f0; margin-right:30px;} .index .six .last .ul li a{ width:220px; height:80px; display:table-cell; vertical-align:middle;} .index .six .last .ul li a img{ width:100%;} /*内页样式*/ .inside{ padding-bottom:90px;} .inside .left{ width:220px; position:relative; z-index:3; margin-top:-20px;} .inside .left .title{ width:100%; height:100px; text-align:center; background:#0293d2; border-radius:5px;} .inside .left .title .fz24{ width:100%; color:#fff; margin-top:25px;} .inside .left .title .fz12{ width:100%; color:#c3cfd4; margin-top:5px;} .inside .left .title .fz12.lang2{ display:none;} .inside .left .last{ width:100%; text-align:center;} .inside .left .last .list{ width:100%; height:50px; line-height:50px; border-radius:5px; background:#eee; color:#999; margin-top:1px;} .inside .left .last .list.on{ background:#0293d2; color:#fff; font-weight:bold;} .inside .left .last .list:hover{ background:#0293d2; color:#fff; font-weight:bold;} .inside .left .last .ul{ width:100%; text-align:left; background:#e8f0f4; padding:10px 0;} .inside .left .last .ul .imt{ width:100%; height:35px; line-height:35px; text-indent:20px; color:#555; background: no-repeat 90% center;} .inside .left .last .ul .imt.on{ text-decoration:underline; color:#0293d2; background: no-repeat 90% center;} .inside .left .last .ul .imt:hover{ text-decoration:underline; color:#0293d2; background: no-repeat 90% center;} .inside .left .itme.on .list{ background:#0293d2; color:#fff; font-weight:bold;} .inside .left .others{ width:100%; border-radius:5px; overflow:hidden; margin-top:20px;} .inside .left .others .tit{ width:100%; height:40px; line-height:40px; text-indent:25px; color:#fff; font-weight:bold; background:#0293d2;} .inside .left .others .item{ border:1px solid #0293d2; border-top:none; border-radius:0 0 5px 5px; padding:0 8px;} .inside .left .others .item .list{ width:100%; height:40px; line-height:40px; text-indent:12px; color:#333; background: no-repeat left center; border-bottom:1px dashed #b2b1b1;} .inside .left .others .item .list:hover{ color:#0293d2; background: no-repeat left center;} .inside .left .proxj{ width:100%; border-radius:5px; overflow:hidden; margin-top:20px;} .inside .left .proxj .tit{ width:100%; height:60px; line-height:60px; text-indent:25px; color:#fff; font-weight:bold; background:#0293d2;} .inside .left .cont{ width:100%; border-radius:5px; overflow:hidden; margin-top:20px;} .inside .left .cont .tit{ width:100%; height:40px; line-height:40px; text-indent:25px; color:#fff; font-weight:bold; background:#0293d2;} .inside .left .cont .imt{ border:1px solid #0293d2; border-top:none; border-radius:0 0 5px 5px; padding:20px 8px;} .inside .left .cont .imt .img{ width:100%;} .inside .left .cont .imt .img img{ width:100%;} .inside .left .cont .imt .phone{ background: no-repeat left center; padding:10px 0 10px 40px;} .inside .left .cont .imt .phone .zi1{ font-size:12px; color:#363636; font-weight:bold;} .inside .left .cont .imt .phone .zi2{ font-size:20px; color:#0662c3; font-weight:bold; margin:-3px 0;} .inside .left .cont .imt .nr{ width:100%; line-height:30px; color:#666;} .inside .right{ width:930px;} .inside .wz{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #e5e5e5;} .inside .wz .search{ font-size:16px; color:#555;} .inside .wz .search a{ font-size:16px; color:#555;} .inside .wz .news{ font-size:12px; color:#888;} .inside .wz .news span{ font-size:12px; color:#888;} .inside .wz .news a{ font-size:12px; color:#888;} .inside .title{ width:100%; text-align:center;} .inside .title .fz30{ width:100%; color:#0293d2;} .inside .title .xian{ width:20px; height:2px; background:#0293d2; margin:15px 0 20px;} .inside .title .fz14{ color:#555;} .inside .det{ width:100%; text-align:center; font-size:24px; color:#333; margin-top:30px;} .inside .nt{ width:100%; text-align:center; border-bottom:1px dashed #ccc; padding:10px 0; margin:20px 0;} .inside .nt .fz14{ color:#666; margin:0 30px;} .inside .nt .fz14 span{ color:#333;} .inside .page{ width:100%; margin:20px 0;} .inside .page .fz14{ color:#333;} .inside .page .fz14 a{ color:#0293d2;} .inside .page .fz14 a:hover{ text-decoration:underline;} /*底部样式*/ .footer{ width:100%; font-family:"微软雅黑";} .footer .top{ width:100%; height:50px; line-height:50px; background:#e8e8e8;} .footer .top span{ color:#333333;} .footer .top a{ height:16px; line-height:16px; color:#333333; border-right:1px solid #888; padding:0 20px;} .footer .bot{ width:100%; background-image:;} .footer .bot .one{ width:100%; padding:40px 0 15px;} .footer .bot .one .list{ width:105px; height:240px; overflow:hidden; border-right:0px solid #3e3e3e; margin-left:55px;} .footer .bot .one .list.in{ width:150px; border:none; margin:0;} .footer .bot .one .list .fz16{ width:100%; color:#3e3e3e;} .footer .bot .one .list .ul{ margin-top:15px;} .footer .bot .one .list .ul .fz12{ width:100%; display:inline-block; color:#3e3e3e; margin-bottom:10px;} .footer .bot .one .list .link{ width:100%; margin-top:20px;} .footer .bot .one .list .link a{ width:30px; height:30px; border-radius:50%; margin-right:10px;} .footer .bot .one .list .link a.n1{ background:#3e3e3e no-repeat center;} .footer .bot .one .list .link a.n2{ background:#3e3e3e no-repeat center;} .footer .bot .one .list .link a.n3{ background:#3e3e3e no-repeat center;} .footer .bot .one .list .link a.n1:hover{ background:#3e3e3e no-repeat center;} .footer .bot .one .list .link a.n2:hover{ background:#3e3e3e no-repeat center;} .footer .bot .one .list .link a.n3:hover{ background:#3e3e3e no-repeat center;} .footer .bot .one .list .ewn{ width:100%; background:#3e3e3e; padding:8px 0; margin-top:20px;} .footer .bot .one .list .ewn img{ width:65px; height:65px; float:left; margin-left:8px;} .footer .bot .one .list .ewn span{ line-height:65px; float:left; color:#3e3e3e; margin-left:8px;} .footer .bot .two{ height:72px; line-height:72px; text-align:center; border-top:1px solid #bdbdbd; color:#3e3e3e;} .footer .bot .two a{ color:#3e3e3e;} .warp{width:1000px; margin:0 auto;} .fl{float: left;} .fr{float: right;} .text-left{text-align: left;} .text-right{text-align: right;} .text-center{text-align: center;} .text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .over{overflow: hidden;} .relative{position: relative;z-index: 1;} .absolute{position: absolute;z-index: 1;} .fixed{position: fixed;z-index: 1;} .inline{display: inline;} .block{display: block;} .inline-block{display: inline-block;} .hide{display: none;} .max-w100{max-width: 100%;} .max-h100{max-height: 100%;} .middle{vertical-align: middle;} .trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;} .fen{ width:275px; border:3px solid #005198; overflow:hidden; margin:20px 0; background:#f9f9f9;} .fen h2{ height:78px; padding-top:20px; text-align:center; background:#005198; overflow:hidden; font:26px "microsoft yahei"; font-weight:bold;} .fen h2 a{ color:#fff;} .fen h2 em{ display:block; font:26px arial; text-transform:uppercase;} .fen h3{ width:215px; height:40px; margin:10px auto 7px; font:16px "microsoft yahei"; font-weight:normal; line-height:40px;} .fen h3 a{ display:block; color:#fff; background: no-repeat center top; font-weight:bold; padding-left:48px;} .fen h3 a:hover{ color:#fff; background: no-repeat center top;} .fen li{ font:14px "microsoft yahei"; line-height:28px; height:28px; overflow:hidden; background: no-repeat 64px center; padding-left:80px;} .fen li a{ color:#666; display:block;} .pro{ width:900px; overflow:hidden; margin-top:10px;} .pro1{ height:470px; background:#e9e9e9; overflow:hidden; position:relative;} .pro dl{ height:376px; margin-top:30px; overflow:hidden; padding:0 35px;} .pro dt{ width:474px; height:376px; float:left; overflow:hidden;} .pro dt img{ display:block;width:474px; height:376px;} .pro dd{ width:300px; float:right; overflow:hidden;} .pro dd h3 a{ display:block; height:85px; background: no-repeat left bottom; font:30px "microsoft yahei"; font-weight:bold; line-height:85px; color:#333; overflow:hidden;} .pro dd .pp{ font:16px "microsoft yahei"; line-height:28px; color:#666; height:168px; overflow:hidden; margin:30px 0 20px 0;} .pro dd span a{ display:block; width:120px; height:35px; background: no-repeat center top; font:14px "microsoft yahei"; text-align:center; line-height:35px; color:#fff; overflow:hidden;} .arr1 a{ display:block; font:60px "宋体"; color:#3272a9; font-weight:bold; position:absolute; top:190px; left:15px;cursor:pointer;} .arr2 a{ display:block; font:60px "宋体"; color:#3272a9; font-weight:bold; position:absolute; top:190px; right:15px;cursor:pointer;} .pro ul{ height:280px; margin-top:18px;} .pro li{ width:290px;float:left; margin-right:15px;} .pro li a{ display:block;} .pro li img{ display:block; width:288px; height:228px;border:1px solid #e6e6e6;} .pro li em{ display:block; height:50px; font:14px "microsoft yahei"; text-align:center; line-height:50px; color:#333; overflow:hidden; background:#e6e6e6;} .pro li a:hover em{ background:#0093dd; color:#fff;} .pro li a:hover img{ border:1px solid #0093dd;} .pro .nones{ margin-right:0;} .vam { vertical-align:middle;} .clear{ clear:both; height:0; line-height:0; font-size:0;} .clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;} .clearfix{*zoom:1} p{ word-spacing:-1.5px;} .tr { text-align:right;} .tl { text-align:left;} .center { text-align:center;} .fl { float:left;} .fr { float:right;} .pa{ position:absolute;} .pr{ position:relative} /* -- 购物车外部框架 -- */ .cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;} /* -- 页面整体布局 -- */ .content3 { width:1200px; margin:0 auto; } .h_nav li a:-webkit-any-link{ display:block;} .pro_detail { padding-top: 25px; padding-left: 5px; } .pro_detail h2 { font-size: 15px; background-image: ; background-repeat: no-repeat; color: #ffffff; line-height: 30px; padding-left: 30px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #0e67be; margin-bottom: 8px; } /*留言*/ /*feedback*/ .content_box { margin-top: 5px; } .content_box .messages_box { width: auto; padding: 10px 1% 60px 1%; } .content_box .messages_box ul { width: 100%; } .content_box .messages_box ul li { padding: 5px 28px 5px 5px; } .content_box .messages_box .text-input, .content_box .messages_box .summary-input, .content_box .messages_box .qq-input { width: 100%; height: 33px; padding: 0px 10px; line-height: 33px; background: none repeat scroll 0% 0% rgb(253, 253, 253); border-width: 1px; border-style: solid; border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important; font-size: 14px; } .content_box .messages_box .cont-input { width: 100%; height: 130px; padding: 10px; line-height: 20px; background: none repeat scroll 0% 0% rgb(253, 253, 253); border-width: 1px; border-style: solid; border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important; font-size: 14px; } .content_box .messages_box .code-input { width: 125px; vertical-align: middle; height: 33px; padding: 0px 10px; line-height: normal; background: none repeat scroll 0% 0% rgb(253, 253, 253); border-width: 1px; border-style: solid; border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important; } .content_box .messages_box .verify-pic { height: 35px; vertical-align: middle; } .content_box .messages_box .submitbtn { text-align: center; padding-top: 10px; } .content_box .messages_box .messages-button { width: 125px; height: 34px; line-height: 34px; font-size: 16px; color: #fff; text-align: center; background: none repeat scroll 0% 0% #e24a45; border: none; transition-duration: .3s; } .content_box .messages_box .messages-button:hover { background: none repeat scroll 0% 0% #74b956; transition-duration: .3s; cursor: pointer } /********************产品滚动样式**************************************/ #colee_left{ overflow:hidden; line-height:30px; margin-top:0px; margin-top:20px; font-size:12px; padding-top: 20px; padding-bottom:50px; border-top: 1px solid #e8e8e8; } #colee_left img{ border:1px solid #ebebeb; width:240px; } #colee_left img:hover{} #colee_left a:hover{color:#0372e5;} /*留言*/ /*feedback*/ .content_box { margin-top: 5px; } .content_box .messages_box { width: auto; padding: 10px 1% 60px 1%; } .content_box .messages_box ul { width: 100%; } .content_box .messages_box ul li { padding: 5px 28px 5px 5px; float:left; width: 100%; } .content_box .messages_box .text-input, .content_box .messages_box .summary-input, .content_box .messages_box .qq-input { float:left; width: 60%; height: 33px; padding: 0px 10px; line-height: 33px; background: none repeat scroll 0% 0% rgb(253, 253, 253); border-width: 1px; border-style: solid; border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important; font-size: 14px; } .content_box .messages_box .cont-input { float:left; width: 60%; height: 200px; padding: 10px; line-height: 20px; background: none repeat scroll 0% 0% rgb(253, 253, 253); border-width: 1px; border-style: solid; border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important; font-size: 14px; } .content_box .messages_box .code-input { width: 125px; vertical-align: middle; height: 33px; padding: 0px 10px; line-height: normal; background: none repeat scroll 0% 0% rgb(253, 253, 253); border-width: 1px; border-style: solid; border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important; } .content_box .messages_box .verify-pic { height: 35px; vertical-align: middle; } .content_box .messages_box .submitbtn { text-align: center; padding-top: 10px; } .content_box .messages_box .messages-button { width: 125px; height: 34px; line-height: 34px; font-size: 16px; color: #fff; text-align: center; background: none repeat scroll 0% 0% #e24a45; border: none; transition-duration: .3s; } .content_box .messages_box .messages-button:hover { background: none repeat scroll 0% 0% #74b956; transition-duration: .3s; cursor: pointer }