@charset "utf-8"; /* CSS Document */ /*全局样式 ---------------------------------------------*/ *{margin:0px;padding:0px; border:0px;} p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{list-style:none;} fieldset,img{ border:0; } a{text-decoration:none;} table{ border-collapse:collapse; border-spacing:0; } *html{ zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)} (this))} .clear{clear:both;font-size:0px;height:0px;_height:0px;overflow:hidden; } em, i { font-style: normal;} /* Clear Fix */ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;} /* Hide from IE Mac */ .clearfix {display:block;} .left{float:left; _display:inline;} .right{float:right; _display:inline;} .ovfl{ overflow:hidden;} .mar{ margin:0px auto;} .filter_bg{ filter: alpha(opacity=80); opacity: 0.8; } .ie6_bg{ background: url(../images/bg.png) no-repeat center; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '../images/bg.png', sizingMethod = 'scale');} /*网站样式 ---------------------------------------------*/ body{background:#fff; color:#333; font-family:'Microsoft YaHei',宋体,Arial,Helvetica,'方正兰亭粗黑简体'; font-size: 12px;} a{color:#333;text-decoration:none;cursor :pointer; outline: none;transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;} .transition1s{ transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; } .radius5{-moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */} /* CSS Header */ .top{ width: 1200px; height: 30px; line-height: 30px; color: #555555; font-size: 14px; } .top a{ color: #555555; } .top a:hover{ color: #3B9788; } #header{ height:82px; } .header{ width:1200px; height:135px; position: relative; } .logo{ top:32px; left:0px; position: absolute;} .tel{ top:27px; right:320px; position: absolute;} .header_sp1{ height: 22px; line-height: 22px; color: #A8A8A8; position: absolute; top: 27px; right: 0px; } .header_sp1 a{ color: #A8A8A8; } .header_sp1 a:hover{ color: #1f8e7d; } /* CSS nav */ .nav{ height:30px; position: absolute; top: 64px; right: 0px;} .nav ul{} .nav ul li{ float :left; } .nav ul li a{ width:80px; height:30px; line-height: 30px; float:left; display:inline; text-align:center; font-size:16px;color:#555555;} .nav ul li a:hover{ color:#1f8e7d; } .nav ul li.selectli a{ color:#1f8e7d; } .nav ul li.nav_line{ width:1px; height:52px; background-color:#E6E6E6;} .dnav{height:27px; margin-top:31px; position:relative; z-index:1; float:right;} .dnav .nLi{ float:left; position:relative; display:inline; } .dnav .nLi h3{ float:left; font-weight:normal; } .dnav .nLi h3 a{ width:60px; height:25px; display:block; text-align:center; margin:0px 26px; padding:3px 0px 0px 0px; font-size:15px; color:#323232; } .dnav .nLi h3 a:hover{ color:#3D74CA; border-bottom:solid 1px #105FC7;} .dnav .selectli{ float:left; position:relative; display:inline;} .dnav .selectli h3{ float:left; font-weight:normal; } .dnav .selectli h3 a{width:60px; height:25px; display:block; text-align:center; margin:0px 26px; padding:3px 0px 0px 0px; font-size:15px;transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; color:#3D74CA; border-bottom:solid 1px #105FC7;} .dnav .sub{ display:none; width: 120px; left:26px; top:29px; position:absolute; z-index:9999; padding:5px 0; background-color:#fff; transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);} .dnav .sub li{ zoom:1; border-bottom:solid 1px #f1f1f1; height:28px; line-height:28px;} .dnav .sub a{ display:block; padding:0 10px; font-size:13px; transition: padding 0.2s ease-in-out; -moz-transition: padding 0.2s ease-in-out; -webkit-transition: padding 0.2s ease-in-out; -o-transition: padding 0.2s ease-in-out;} .dnav .sub a:hover{ color:#fff; color:#3D74CA; } .dnav .on h3 a{ color:#3D74CA; border-bottom:solid 1px #105FC7;font-family:'方正兰亭粗黑简体'; } .sub li:hover > a { padding-left: 18px; } /* CSS banner */ .banner{height:100%; text-align:center; overflow:hidden; margin:0px auto;} .slideBox{ height:520px; position:relative; margin:0px auto; } .slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;} .slideBox .bd img{ height:520px; display:block; margin:0px auto;} .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } .slideBox .hd{ height:8px; overflow:hidden; position:absolute; right:50%; bottom:37px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-left:4px; width:8px; height:8px; text-align:center; cursor:pointer; text-indent:999em; } .slideBox .hd ul li.on{ } .page_banner{ height:250px; background:url(../images/page_banner.jpg) no-repeat center; background-size:cover; margin:0px auto;} /* CSS Main */ #wrap{ width:100%; height:100%; overflow:hidden; } .wrap{ width:1200px; height:100%; overflow:hidden; } .main{ width:1200px; height:100%; overflow:hidden; margin:0px auto; background-color:#fff; } /* CSS Home */ #chan1{ height: 50px; background: #2C8F85; } .chan1{ width: 1200px; height: 50px; background: #2C8F85; overflow: hidden; } .chan1sp1{ font-size: 14px; margin-top:15px; } .chan1sp1 a{ font-size: 14px; } .hsearch{ width: 260px; height: 35px; margin-top: 8px; } .hsearch_txt{ width: 189px; height: 25px; line-height: 25px; padding: 5px 10px; background: #fff; color: #888888; } .hsearch_txt1{width: 189px; height: 25px; line-height: 25px; padding: 5px 10px; background: #EEEEEE; color: #888888; } .hsearch_btn{ width: 51px; height: 35px; background: #D3D3D3 url(../images/search_btn.png) no-repeat center;} .hsearch_btn:hover{ background: #b6b6b6 url(../images/search_btn.png) no-repeat center; } .chan11{ width: 1200px; height: 50px; overflow: hidden; } .tpxw{ width:410px; height:363px; margin-top:30px; } .tpxw_p1{ width: 408px; height: 50px; background: url(../images/bg3.jpg) repeat-x; border-left: solid 1px #EEEEEE; border-right: solid 1px #EEEEEE; } .tpxw_a1{ margin-left:135px; } .txMovie{ width:410px; height:363px; } .txMovie .focus_pic{ width:408px; height:225px; border-left: solid 1px #EEEEEE; border-right: solid 1px #EEEEEE; } .txMovie .focus_pic li{ width:408px; height:225px; position: relative; float: left; } .focus_pic_p1{ width: 408px; height: 225px; } .focus_pic_p1 a img{ width: 408px; height: 225px; } .focus_pic_p1 a:hover{filter:alpha(opacity=80);opacity:0.8;} .focus_pic_p2{ width: 390px; height: 40px; padding: 0px 10px; line-height: 40px; background: rgba(0,0,0,0.8); position: absolute;bottom:0px; left: 0px; } .focus_pic_p2 a{ color: #fff; font-size: 14px; } .focus_nav{ width: 408px; height:70px; padding-top: 15px; position: relative; border:1px solid #EEEEEE;border-top:0px;} .focus_nav .navPrev, .focus_nav .navNext{ width: 8px; height: 12px; float:left; margin-top: 23px; text-indent: -999em; } .focus_nav .navPrev{ background: url(../images/left1.jpg) no-repeat; margin-left:4px; } .focus_nav .navNext{ float: right; background: url(../images/right1.jpg) no-repeat; margin-right:4px; } .focus_nav .smallImg{ float:left; } .focus_nav ul li{ width: 72px; height: 57px; float: left; margin: 0px 2px; display: inline; } .focus_nav ul li a{ width: 70px; height: 55px; border: solid 1px #EEEEEE; float: left; } .focus_nav ul li a:hover{ border: solid 1px #298D84; } .focus_nav ul li.on a{ border: solid 1px #298D84; } .focus_nav ul li a img{ width: 70px; height: 55px; } .news{ width:410px; height:363px; margin-top:30px; margin-left:30px;} .news_p1{ width: 408px; height:49px; overflow: hidden; background: url(../images/bg1.jpg) repeat-x; border:1px solid #EEEEEE;border-top:0px;} .news_a1{} .more_01{ margin-top:20px; margin-right:13px; color: #555555;} .more_01:hover{ color: #329487; } .news_a2{ float:right; margin-right:50px; color:#262626; margin-top:4px; display:inline;} .news_a2:hover{ color:#E43E29;} .news_p2{ height:94px; padding-top:15px;} .news_p2 a{ padding-left:16px;} .news_dl{ width:388px; height:83px; float:left; margin-left:10px; margin-top:19px; display:inline;} .news_dl dt{ width:388px; height:30px; line-height: 30px; } .news_dl dt a{ font-size: 16px; font-weight: bold; } .news_dl dt a:hover{ color:#329487; } .news_dl dd{ width:388px; height:50px; line-height:25px; color:#888888; margin-top:3px; } .news_ul{ width:408px; margin-top:13px; float:left;} .news_ul li{width:408px; height:33px; line-height:33px; float:left;} .news_ul li b{ width:4px; height:4px; background:url(../images/icon2.jpg) no-repeat; float:left; margin-top:15px; margin-right:5px; display: inline;} .news_ul li a{ float: left;color:#555555;font-size: 14px; } .news_ul li a:hover{ color:#329487;} .news_ul li span{ color: #888888; float: right; } .pnews_ul{ width:220px; margin-left:17px; float:left;} .pnews_ul li{width:220px; height:33px; line-height:33px; float:left;} .pnews_ul li b{ width:4px; height:4px; background:url(../images/icon2.jpg) no-repeat; float:left; margin-top:15px; margin-right:5px; display: inline;} .pnews_ul li a{ float: left;color:#555555;font-size: 14px; } .pnews_ul li a:hover{ color:#329487;} .tzgg{width:320px; height:363px; margin-top:30px; margin-left:30px;} .tzgg_p1{ height: 50px; overflow: hidden; } .tzgg_01{ width: 314px; height:310px; border:solid 3px #EEEEEE; border-top: 0px; } .tzgg_ul{ width:298px; margin-top:8px; margin-left: 10px; float:left; display: inline;} .tzgg_ul li{width:298px; height:33px; line-height:33px; float:left;} .tzgg_ul li b{ width:4px; height:4px; background:url(../images/icon2.jpg) no-repeat; float:left; margin-top:15px; margin-right:5px; display: inline;} .tzgg_ul li a{ float: left;color:#555555;font-size: 14px; } .tzgg_ul li a:hover{ color:#329487;} .tzgg_ul li span{ color: #888888; float: right; } .ad1{ width: 1200px; height: 200px; margin-top:30px; } .about{ width: 910px; height: 230px; margin-top: 30px; } .about_p1{ width: 908px; height:49px; overflow: hidden; background: url(../images/bg1.jpg) repeat-x; border:1px solid #EEEEEE;border-top:0px;} .about_dl{ width: 106px; margin-left: 80px; float: left; display: inline; margin-top: 15px; } .about_dl dt{ width: 74px; height: 24px; line-height: 24px; padding-left: 32px; } .about_dl dt a{ font-size: 18px; color: #1f8e7d; } .about_dl#about_dl1{ margin-left: 24px; } .about_dl#about_dl1 dt{ background: url(../images/icon11.jpg) no-repeat; } .about_dl#about_dl2 dt{ background: url(../images/icon12.jpg) no-repeat; } .about_dl#about_dl3 dt{ background: url(../images/icon13.jpg) no-repeat; } .about_dl#about_dl4 dt{ background: url(../images/icon14.jpg) no-repeat; } .about_dl#about_dl5 dt{ background: url(../images/icon15.jpg) no-repeat; } .about_dl dd{ margin-top: 10px; } .about_dl dd p{ height: 32px; line-height: 32px; } .about_dl dd p b{ width:4px; height:4px; background:url(../images/icon2.jpg) no-repeat; float:left; margin-top:15px; margin-right:5px; display: inline;} .about_dl dd p a{ float: left; font-size: 16px; color: #555; } .about_dl dd p a:hover{ color: #329487; } .spxw{ width:260px; height: 230px; margin-top: 30px; margin-left:30px;} .spxw_01{ width: 254px; height:177px; border:solid 3px #EEEEEE; border-top: 0px; } .chan2{ width:910px; height: 100%;} .chan3{ width:260px; height: 100%; margin-left: 30px; margin-top: 12px;} .chan3 a{ width: 260px; height: 90px; margin-top: 5px; } .fwzn{ width: 910px; height: 280px; margin-top: 17px; } .fwzn_p1{ width: 908px; height:49px; overflow: hidden; background: url(../images/bg1.jpg) repeat-x; border:1px solid #EEEEEE;border-top:0px;} .fwzn_p2{ height: 182px; margin-top: 30px; } .fwzn_p2 a{ width: 151px; height: 182px; float: left; margin-left: 1px; display: inline; } .fwzn_p2 a:hover{transform: rotateY(-180deg);} .zxfw{ width: 910px; height: 255px; margin-top: 30px; } .zxfw_p1{ height: 25px; } .zxfw_ul{ margin-top:16px; } .zxfw_ul li{ width: 226px; height: 255px; cursor: pointer; background: #E5E5E5; position: relative; float:left; margin-left: 1px; display: inline;} .zxfw_a1{ position: absolute; top: 50px; left: 50%; } .zxfw_a2{width: 226px; position: absolute; top: 133px; left: 0px; text-align: center; font-size: 20px; } .zxfw_ul li.zxfwli1 .zxfw_a1{ width: 60px; height: 51px; background: url(../images/icon51.png) no-repeat; margin-left: -30px; } .zxfw_ul li.zxfwli2 .zxfw_a1{ width: 52px; height: 51px; background: url(../images/icon52.png) no-repeat; margin-left: -26px; } .zxfw_ul li.zxfwli3 .zxfw_a1{ width: 49px; height: 60px; background: url(../images/icon53.png) no-repeat; margin-left: -24px; } .zxfw_ul li.zxfwli4 .zxfw_a1{ width: 49px; height: 49px; background: url(../images/icon54.png) no-repeat; margin-left: -24px; } .zxfw_ul li.zxfwli1 .zxfw_a2{ color: #e55a4a; } .zxfw_ul li.zxfwli2 .zxfw_a2{ color: #e1874b; } .zxfw_ul li.zxfwli3 .zxfw_a2{ color: #41ae6a; } .zxfw_ul li.zxfwli4 .zxfw_a2{ color: #2f84c7; } .zxfw_ul li.zxfwli1:hover{ background:#e55a4a; } .zxfw_ul li.zxfwli2:hover{ background:#e1874b; } .zxfw_ul li.zxfwli3:hover{ background:#41ae6a; } .zxfw_ul li.zxfwli4:hover{ background:#2f84c7; } .zxfw_ul li.zxfwli1:hover .zxfw_a1{ background: url(../images/icon511.png) no-repeat; } .zxfw_ul li.zxfwli2:hover .zxfw_a1{ background: url(../images/icon521.png) no-repeat; } .zxfw_ul li.zxfwli3:hover .zxfw_a1{ background: url(../images/icon531.png) no-repeat; } .zxfw_ul li.zxfwli4:hover .zxfw_a1{ background: url(../images/icon541.png) no-repeat; } .zxfw_ul li.zxfwli1:hover .zxfw_a2{ color: #fff; } .zxfw_ul li.zxfwli2:hover .zxfw_a2{ color: #fff; } .zxfw_ul li.zxfwli3:hover .zxfw_a2{ color: #fff; } .zxfw_ul li.zxfwli4:hover .zxfw_a2{ color: #fff; } .contact_us{ width:237px; height:174px; margin-top:20px;} .contact_p1{ height:76px;} .contact_p1 a{ width:237px; height:76px; display:block;} .contact_p2{ height:48px; line-height:23px; margin-top:50px; color:#333; padding-left:18px;} /* CSS Js */ .picMarquee-left{ margin-top:17px;} .picMarquee-left ul li{ width:131px; height:60px; float:left; margin:0px 0px 0px 17px;} .switch_Marquee_p1{ width:131px; height:60px; text-align:center;} .switch_Marquee_p1 a:hover{ filter:alpha(opacity=80);opacity:0.8;} .switch_Marquee_p1 img{ max-width:131px; height:60px;} .switch_Marquee_p2{ width:272px; height:51px; line-height:51px; text-align:center;} .switch_Marquee_p2 a{color:#343434; font-size:12px;} .switch_Marquee_p2 a:hover{ color:#343434;} .picScroll-left{ width:254px; height:177px; float:left; overflow:hidden; } .picScroll-left .hd{ width:855px; border:solid 1px #BDCAD1; background-color:#fff; height:45px; margin-top:9px; overflow:hidden;} .picScroll-left .hd .next,.picScroll-left .hd .prev{ width:15px; height:18px; float:left; margin-top:14px;} .picScroll-left .hd .next{ background:url(../images/left_btn1.png) no-repeat; margin-left:689px;} .picScroll-left .hd .prev{ background:url(../images/right_btn.png) no-repeat; margin-left:15px;} .picScroll-left .bd ul li{ width:254px; height:177px; float:left; overflow:hidden;} .switch_Scroll_p1{ width:254px; height:177px; text-align:center;} .switch_Scroll_p1 a{ width:254px; height:177px; background:#fff; float:left; position: relative;} .switch_Scroll_p1 a:hover{ filter:alpha(opacity=80);opacity:0.8;} .switch_Scroll_p1 img{ max-width:254px; height:177px;} .switch_Scroll_p1 a span{ width: 87px; height: 87px; background: url(../images/case_hover.png) no-repeat; position: absolute;top: 45px; left: 83px; display: none; } .switch_Scroll_p2{ height:34px; line-height:34px; text-align:center; padding-top:13px;} .switch_Scroll_p2 a{color:#3E4042; font-size:16px;} .switch_Scroll_p2 a:hover{ color:#3E4042;} #KinSlideshow{ width:287px; height:255px;} .slideTxtBox{} .slideTxtBox .hd{ height:37px; background:url(../images/bg2.png) repeat-x; } .slideTxtBox .hd ul{ float:right; height:37px; } .slideTxtBox .hd ul li{ float:left; height:37px; line-height:37px; padding:0 13px; cursor:pointer; background:url(../images/bg1.png) no-repeat right;color:#171817;} .slideTxtBox .hd ul li a{color:#171817; font-weight:600;} .slideTxtBox .hd ul li.on{ background:#0BA760; color:#fff;} .slideTxtBox .hd ul li.on a{ color:#fff;} .slideTxtBox .bd{ height:425px; margin-top:2px;} .slideTxtBox .bd ul{ float:left; width:978px;} .slideTxtBox .bd ul li{ width:238px; height:196px; margin:16px 3px 0px 3px; float:left; display:inline; overflow:hidden; } .slideTxt_Scroll_p1{ width:238px; height:168px; text-align:center;} .slideTxt_Scroll_p1 a{ width:236px; height:167px; background:#fff; float:left; border:solid 1px #E7E7E7; border-bottom:0px;} .slideTxt_Scroll_p1 a:hover{ filter:alpha(opacity=80);opacity:0.8;border:solid 1px #0BA760;border-bottom:0px;} .slideTxt_Scroll_p1 img{ max-width:236px; height:167px;} .slideTxt_Scroll_p2{ width:238px; height:28px; line-height:28px; text-align:center; } .slideTxt_Scroll_p2 a{width:238px; height:28px;color:#fff;background-color:#0BA760; display:block;} .slideTxt_Scroll_p2 a:hover{ background-color:#FF4A0A;} /*两排*/ .multipleColumn{ width:1002px;} .multipleColumn .bd{ padding-top:10px;} .multipleColumn .bd li{ width:235px; height:160px; float:left; margin:15px 7px 0px 7px; display:inline; overflow:hidden; background-color:#D9D9D9; } .multipleColumn_p1{ width:229px; height:128px; text-align:center; margin-left:3px; margin-top:3px;} .multipleColumn_p1 a{ width:229px; height:128px; float:left;} .multipleColumn_p1 a:hover{ filter:alpha(opacity=80);opacity:0.8;} .multipleColumn_p1 img{ max-width:229px; height:128px;} .multipleColumn_p2{ width:235px; height:29px; line-height:29px; text-align:center; } .multipleColumn_p2 a{color:#4C4C4C; font-size:13px; } .multipleColumn .bd li.selectli{ background-color:#006BC5; cursor:pointer;} .multipleColumn .bd li.selectli .multipleColumn_p2 a{ color:#fff;} /*切换滚动*/ .slideGroup{ width: 1200px; margin-top: 50px; background: #2476DB;} .slideGroup .parHd{ height:53px; background: #fff; } .slideGroup .parHd li{ width:275px; height: 53px; line-height: 53px; text-align: center; float: left; } .slideGroup .parHd li a{ font-size: 18px; color: #212121; } .slideGroup .parHd li.on{ background: #2476DB; } .slideGroup .parHd li.on a{ color: #fff; } .slideGroup .parBd{ width:1200px;height:295px; } .slideGroup .parBd ul{ margin-top: 35px; margin-left: 9px; } .slideGroup .parBd ul li{ width: 270px;height: 250px; float: left; margin:0px 11px; display: inline; } .slideGroup_p1{ width: 270px; height: 220px; background: url(../images/bg1.jpg) no-repeat bottom; } .slideGroup_p1 a img{ max-width: 270px; height: 204px; } .slideGroup_p1 a:hover{ filter:alpha(opacity=80);opacity:0.8; } .slideGroup_p2{ width: 270px; height: 24px; } .slideTxt_Scroll_p2a1{ width: 160px; height: 24px; line-height: 24px; margin-left: 7px; font-size: 14px; color: #fff; } .slideTxt_Scroll_p2a2{ width: 80px; text-align: center; color: #252525; height: 24px; line-height: 24px; background: url(../images/bg2.jpg) repeat-x; } .slideTxt_Scroll_p2a2:hover{color: #2476DB;} /* CSS Footer */ .link{ width: 1200px; margin-top: 25px; } .link_p1{ height: 35px; } .link_01{ width: 1198px; height: 95px; border:solid 1px #E7E7E7; border-top:0px; overflow: hidden; } #footer1{ height: 54px; border-bottom: solid 1px #DCDCDC; background: #EEEEEE; margin-top: 30px;} .footer1{ width: 1200px; height: 54px; line-height: 54px; font-size: 16px; } .footer1 a{ color: #555555; margin: 0px 42px; display: inline;} .footer1 a:hover{ text-decoration: underline; } .footer{width:1200px; height:150px; font-size: 14px; background:#EEEEEE; color:#555555; text-align:center; margin:0px auto;} .footer a{ color:#555555;} .footer a:hover{ text-decoration:underline;} #footer{ height:150px;background:#EEEEEE; color:#555555; overflow:hidden;} .footer_01{ width: 1000px; margin-top:20px; text-align:left;} .footer_p1{ line-height: 25px; } .footer_share{ margin-top: 10px; } .weixin{ margin-top:18px;} #sorollDiv{ width :100px; height :333px; background: url(../images/weixin.jpg) no-repeat; position: absolute; z-index: 999; right: 5px;} #sorollDiv a{ width: 100px; height: 49px; float: left; margin-top: 284px; } /*CSS Left_side*/ .left_side{ width:260px; float:right; display:inline;} .left_sidep1{ height: 50px; margin-top:6px;} #left_sidep2{ height: 50px; margin-top:16px;} .left_sidecon{ width: 254px; padding: 10px 0px; border:solid 3px #EEEEEE; border-top: 0px; overflow: hidden; } .left_sideul{ width:220px; margin-left:17px; } .left_sideul li{ height:42px; overflow:hidden;_float:left; margin-top:5px; } .left_sideul li a{ width:145px; height:42px; line-height:42px; background:#EEEEEE url(../images/icon2.jpg) no-repeat 57px center; color:#555555; float:left; text-align:left; font-size:18px; padding-left:75px; font-weight:500; } .left_sideul li a:hover{ background:#EEEEEE url(../images/icon21.jpg) no-repeat 57px center; color:#1f8e7d;} .left_sideul li.selectli a{ background:#EEEEEE url(../images/icon21.jpg) no-repeat 57px center; color:#1f8e7d;} .pcontact_us{ width:206px; height:250px; margin-top:40px;} .pcontact_p1{ height:138px;} .pcontact_usa1{ float:left; margin-top:12px; margin-left:1px;} .pcontact_us_01{ width:265px; height:105px; line-height:22px; margin-top:5px; color:#696868;} /*CSS Right_side*/ .right_side{ width:910px; height:100%; overflow:hidden; float:left; display:inline;} .right_title{ width: 908px; height:49px; overflow: hidden; background: url(../images/bg1.jpg) repeat-x; border:1px solid #EEEEEE;border-top:0px; margin-top: 5px; } .right_title_left{ float:left; } .right_title_right{ margin-top:18px; color:#555; float:right; margin-right:10px; display:inline;} .right_title_right a{ color:#555;} .right_title_right a:hover{ text-decoration:underline;} .right_title_right_sp1{ width:14px; height:13px; background:url(../images/page_icon.png) no-repeat; float:left; margin-top:1px; margin-right:5px;} .right_title_right_sp2{ float:left;} .right_content{width:910px; min-height:471px; _height:471px;padding:20px 0px 10px 0px; } /* CSS News */ #indexNews{ padding:5px; } #indexNews li{ height:30px; line-height:30px; border-bottom:#D9D9D9 1px dotted; padding:5px 10px 5px 10px; font-size:14px;} #indexNews li a{ padding-left:15px; background:url(../images/icon_simple.gif) no-repeat left center; float:left;} #indexNews li span{ float:right;} #indexNews li img{margin:13px 10px 0 0;} #indexNews li a:hover{color:#2C8F85; } #indexNews1 li{ width: 290px; cursor: pointer; border:solid 1px #F1F1F1; transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; margin:5px; float:left; display: inline;} .indexNews1_a1{ float:left; width:290px; height:190px; text-align: center;} .indexNews1_a1:hover{filter:alpha(opacity=80);opacity:0.8;} .indexNews1_a1 img{ max-width:290px; height:190px;} .indexNews1_div1{ width: 260px; height: 160px; float:left; padding: 0px 15px;} .indexNews1_h3{ height:33px; line-height:33px; margin-top: 10px;} .indexNews1_h3 a{ font-size:16px;} .indexNews1_h3 a:hover{ color:#2C8F85;} .indexNews1_p1{ line-height:23px; height: 95px; text-indent: 2em; color: #888888; font-size: 14px; margin-top: 5px; } #indexNews1 li:hover{ background: #E5E8FB; } /*Related*/ .related{ padding:15px; float: left; } .related p{ height:25px; font-weight:bold; border-bottom:solid 1px #F1F1F1; font-size:16px;} .related ul { width:100%; padding:10px 5px;float:left;} .related ul li{ width:50%; height:26px; line-height:26px; float:left;} .related ul li b{ float:left;} .related ul li a{ float:left; margin-left:5px; display:inline; font-size:14px;color:#666;} .related ul li a:hover{ color:#2C8F85;} /*上一条下一条*/ #prev_next{margin: 10px 0px;clear: both;overflow: hidden; font-size: 14px;} #prev_next li{margin: 10px 0;} #prev_next li i{ margin-right: 5px; } #prev_next li a:hover{ color: #2C8F85; } /* CSS Pic */ #picUL{ font-size:14px;} #picUL li{height:234px;width:292px;float:left;margin:5px 5px;text-align:center; display:inline;} #picUL li .pic_01{width:292px;height:192px; text-align: center;background: #ffffff;border:1px solid #dcdcdc;transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;} #picUL li .pic_01 a:hover{ filter:alpha(opacity=80);opacity:0.8;} #picUL li .pic_01:hover{ border:1px solid #2C8F85; cursor:pointer;} #picUL li .pic_01 img{ height:190px;max-width:290px; _width:290px; vertical-align:middle;} #picUL li .pic_02{width:292px;text-align: center;line-height:40px;} #picUL li .pic_02 a{color:#585858;} #picUL li .pic_02 a:hover{color:#2C8F85; } /* CSS Info */ #newTitle{ line-height:40px; font-size:25px; text-align:center;} #newTitle12{ line-height:60px; font-size:34px; text-align:center; font-family:'仿宋';} #productTitle{ height:30px;font-size:25px;text-align:center;} #newsInfo{ height:30px; line-height:30px; font-size:12px;text-align:center; border-bottom:solid 1px #f1f1f1; margin-top:10px;} .newsinfoleft {padding-left: 30px;} .xxsmys{ width:600px; height:30px; line-height:30px; background-color:#ececec;} .xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;} .pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;} .pageys:hover{color:#ff6c00} .pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;} .pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; } #infoImage{width:100%;text-align:center;margin:10px 0 10px 0;} #infoImage img{ max-width:100%; padding:3px; border:#dcdcdc solid 1px;} #newsContent{ margin:0 auto;line-height:26px; padding:15px;} #newsContent img{max-width:100%;} #newsContent div{ text-indent:2em;font-size:13px;} #newsContent div.newsContent12{ font-size:21px; line-height: 34px; font-family:'仿宋';} .contactus{ height:auto; padding-left:10px;; line-height:26px; text-align:left;} #company_main{ margin:0 auto; line-height:26px; padding:10px;text-indent:2em;} #company_main img{ max-width:100%;} #company_main .contactus{ text-indent:0em;} #newsContent div.alink{ padding:5px; line-height:25px; margin:0 auto; font-size:14px;text-indent:0em;} /*tlogin*/ .tlogin{ width: 385px; margin:10px auto 0px; } .tlogin_ul li{ margin-top:10px;float:left; height: 40px; line-height: 40px; } .tlogin_ul li span{ width: 100px; text-align: right; float:left; font-size: 15px;} .tlogin_input{ width:250px; height: 30px; border:solid 1px #eee; padding: 5px 15px; float:left; cursor: pointer; color: #666; } .tlogin_input:hover{ border:solid 1px #2C8F85; } .tlogin_btn{ width: 356px; height: 50px; line-height: 50px; cursor: pointer; background: #3276B1; text-align: center; color: #fff; font-size: 16px; } .tlogin_btn:hover{ background: #D4821F; } .logindiv{ width: 470px; margin:10px auto 0px; } .login_ul li{ margin-top:10px;float:left; height: 40px; line-height: 40px; } .login_ul li span{ width: 100px; text-align: right; float:left; font-size: 15px;} .login_input{ width:330px; height: 30px; border:solid 1px #eee; padding: 5px 15px; float:left; cursor: pointer; color: #666; } .login_input:hover{ border:solid 1px #2C8F85; } .login_btn{ width: 356px; height: 50px; line-height: 50px; cursor: pointer; background: #1F8E7E; text-align: center; color: #fff; font-size: 16px; } .login_btn:hover{ background: #D4821F; } #msgtips{ height: 35px; line-height: 35px; font-size: 14px; color: red; } /*会员中心*/ .head-inner{ position:relative; margin:20px 0 10px 0; padding:10px; border:1px solid #f6f6f6; background:#fff; } .head-inner h3{ margin-bottom:10px; padding-bottom:8px; color:#CE1A1B; font-size:16px; font-weight:normal; line-height:30px; border-bottom:1px solid #f0f0f0; } .head-inner dl{ display:block; float:left; width:50%; line-height:2.8em; font-size:13px; } .head-inner dl dt{ display:block; float:left; color:#666; } .head-inner dl dd{ color:#999; } .head-inner dl dd .red{ color: red; } .head-inner dl dd .red a{ color:red;} .user_centerdl{ width: 688px; height: 50px; line-height: 50px; font-size: 14px; } .user_centerdl dt{ width: 120px; text-align: right; float: left; } .user_centerdl dd{ width: 538px; float: left; padding-left: 30px; color: #191919; } .mpinput{ width:300px; height: 30px; line-height: 30px; padding:5px 10px; border: solid 1px #E2E3E5; } .btndiv{ height: 50px; margin: 10px 0px;} .add_submit{ width: 170px; height: 50px; line-height: 50px;transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; background: #2C8F85; font-size: 16px; cursor: pointer; margin-left: 200px; color: #fff;} .add_submit:hover{ background: #EB870D; } .right_01{ height: 50px; line-height: 50px; border-bottom: solid 1px #eee; } .right_01 span{ font-size: 14px; float:left; } .search_input{ width: 220px; height: 30px; line-height: 30px; cursor: pointer; margin-top:10px; padding:5px 8px; border: solid 1px #EEEEEE; float:left; } .search_submit{ width: 80px; color: #fff; cursor: pointer; height: 32px; line-height: 32px;margin-top:10px; margin-left: 5px; padding:0px 5px; background: #1F8E7D; float:left;transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ } .search_submit:hover{ background: #EB870D; } .tableMod{ padding: 10px 0px; margin: 0px 5px; font-size: 14px; } .tableMod table{ width:100%; line-height:1.5em; border:1px solid #e0e0e0; text-align: center; } .tableMod table th, .tableMod table td{ padding:8px 5px; border:1px solid #e0e0e0; } .tableMod table td a{ color: #EB870D; font-weight: bold; } .tableMod table th{ color:#333; background:#f1f1f1; } .tableMod table tr{ background-color:#FFF; } .tableMod table .hover{ background-color:#fffad8; } .tab_p1{ height: 25px;line-height: 25px; } .tab_p2{height: 25px;line-height: 25px; color: red; font-size: 13px;} .tab_p1 b{ color: red; } .search_p1{ height: 40px; line-height: 40px; font-size: 16px; } /*css digg style pagination*/ div.digg{ margin:10px;text-align:center; height: 42px; line-height: 42px; } div.digg a{ width: 42px; background: #EEEEEE; -moz-border-radius: 50%; /* Gecko browsers */ -webkit-border-radius: 50%; /* Webkit browsers */ border-radius:50%; /* W3C syntax */ color: #888888; margin: 0px 5px; font-size: 14px; height: 42px; line-height: 42px; float: left;} div.digg a:hover{background: #1F8E7D; color: #fff;} div.digg a:active{background: #1F8E7D; color: #fff;} div.digg span.current{ width: 42px; background: #1F8E7D; -moz-border-radius: 50%; /* Gecko browsers */ -webkit-border-radius: 50%; /* Webkit browsers */ border-radius:50%; /* W3C syntax */ color: #fff; font-size: 14px; height: 42px; line-height: 42px; float: left;} div.digg span.disabled{border:#eee 1px solid;padding:2px 5px;margin:2px;color:#ddd;} div.digg a.a1{ width: 92px; -moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; /* W3C syntax */} /*******************************message css start***************************************/ .message_ul{ margin:0px auto; font-size:14px; float:left; padding:10px 20px; } .message_ul li{ margin:5px 20px; float:left; width:100%; } .message_ul li label{ width:80px; float:left; text-align:right; margin-top:4px;} .message_ul li b{ margin-top: 5px; float: left; } .G_textarea{ width:450px; height:100px; border:1px solid #dedede; } .G_InputText{ width:250px; height:30px; line-height:27px; border:1px solid #dedede; padding:3px 5px; float:left; border-radius: 2px; } .yanzheng{ width:100px; height:23px; border:1px solid #dedede; padding:3px; } .But{ width:74px; height:31px; line-height:27px; background:#2C8F85; border-radius:2px; border:none; text-align:center; margin-top:14px; margin-left:5px; font-size:14px; color:#FFF; cursor:pointer; } .G_tips{ width:486px; line-height:20px; margin:30px 65px; border:1px solid #dedede; padding:3px 7px 7px 7px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0px 0px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1); } .red{ color:#ff0000; } .cpmcys{ height:28px; border:solid 1px #DEDEDE;} /*******************************message css end***************************************/ /******************************job css start***************************************/ .job_ul{ padding:10px 15px;} .job_ul li{ width:100%; border-bottom:dashed 1px #cfcfcf; float:left; padding:10px; line-height:24px; } .job_ul li .recruit_info{ font-size:14px; float:left; } .job_ul li .recruit_info .job_nam{ color:#000; font-weight:bold; } .job_ul li .but{ width:74px; height:31px; line-height:31px; background: #23429C; border-radius:2px; float:right; margin-top:10px; margin-right:22px; text-align:center; } .job_ul li .but a{ text-decoration:none; color:#FFF; display:block; } .recruit_info_tit_bg{ height:31px; background:#f8f8f8; border-radius:2px; margin:10px auto; padding:5px 15px; } .recruit_info_tit_bg .recruit_info_tit{ width:73px; height:31px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; background:#2C8F85; font-size:14px; color:#ffffff; line-height:31px; text-indent:8px; } .recruit_info_main{ margin:0px auto; margin-top:10px; margin-bottom:60px; padding:5px 20px; } .recruit_info_main p { text-align: justify; letter-spacing: 1px; font-size: 14px; line-height: 28px; color: #444444; } /*sitemap*/ .mesmore{margin-top:5px;} .mesmore:hover{color:#da020d;text-decoration:underline;} .sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;} .m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;} .m2{ margin-left:20px; margin-top:20px; line-height:25px;} .m2 span{ font-size:14px; font-weight:bold;} .m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;height: 73px;} .m2t ul{} .m2t ul li{ list-style-type:none; float:left; width:150px;} .m2t ul li a{color:black;} .m2t ul li a:hover{ color:red; text-decoration:underline;} .f{ float:right; margin-right:10px; _margin-top:7px;} .map{ float:right;margin-top: 20px;} .map a{color:black;} .pages{ padding:5px 15px; margin:10px 0px;} .pages li{ float:left; line-height:30px;} .pagesli1{ width:40%;} .pagesli2{ width:40%;} .pagesli3{ width:20%;} /*页面加载css*/ #loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 9999999999; } .spinner { position: absolute; width: 40px; height: 40px; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; -webkit-animation: rotatee 2.0s infinite linear; animation: rotatee 2.0s infinite linear; } .dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #0a9fd8; border-radius: 100%; -webkit-animation: bouncee 2.0s infinite ease-in-out; animation: bouncee 2.0s infinite ease-in-out; } .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes rotatee { 100% { -webkit-transform: rotate(360deg) }} @keyframes rotatee { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes bouncee { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes bouncee { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } #gg0{ background:url(../images/piao.jpg) no-repeat; z-index:9999;width:316px; height:200px; padding:20px 20px 20px 20px; line-height:24px; font-family:'方正兰亭粗黑简体','Microsoft YaHei'; font-size:16px; color:#d60000;}