/****************************** *同创模板网-专业提供企业网站源码程序模板* * www.cnfusu.com * * www.cnboco.com * * 微信：cnboco * * QQ:289229516 * ******************************/ @charset "utf-8"; html{background:#fff;overflow:auto;} body{min-width:1200px; font-size:14px; line-height: 26px; font-family: "Microsoft YaHei"; color:#333; -webkit-font-smoothing: antialiased; } li{ list-style-type:none;transition:all 0.4s linear 0s;} a{color:#333; text-decoration:none; cursor:pointer; outline: 0 none;transition:all 0.4s linear 0s;} a:hover{ text-decoration:none;color:#ff4f20;} a:focus{-moz-outline-style:none; border:0px;blr:expression(this.onFocus=this.blur());} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0;} header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{display:block} ol,li,ul,dl,dt,dd{list-style:none;} fieldset,img {border:0} button,submit,input,select { vertical-align:middle;} button,submit { cursor:pointer;} h1,h2,h3,h4,h5,h6{ font-weight: normal;} table{border-collapse:collapse; border-spacing:0;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} select,button{font-family:inherit; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0pt; padding: 0; margin: 0;} b,em,i{display:inline-block; font-weight:normal; font-style:normal;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{ zoom:1;} .container { width:1200px; position:relative; margin:0 auto;} .fl{float:left;} .fr{float:right;} /*top*/ #top{ height: 147px;} .top{ overflow: hidden; padding-top: 40px;} .phone{ width: 320px;} .phone img{ display: block; float: left; padding-top:5px;} .phone h5{ display: block; float: left; font-size: 15px; line-height: 35px; color: #363636; padding-left:25px;} .phone h6{ display: block; float: left; font-size: 30px; color: #363636; line-height: 35px; padding-left: 25px;} #nav{ width: 100%; height: 55px; background:#183182;} .xs_ul { width:1200px; font-size:0; line-height:0; } .xs_ul li { width: 150px; float: left; font-size:14px; line-height:55px; } .xs_ul li a { display:block; width:149px; height: 54px; float: left; text-align:center; line-height: 54px; color: #FFF; } .xs_ul li:hover { background:#df1129;} .line{ width: 1px; height: 54px; float: left; background: url("../images/line.jpg") no-repeat;} .banner{ width:100%; height:460px; white-space:nowrap; margin:0 auto; overflow:hidden; position:relative; z-index:1; } .slideBox{ overflow:hidden; position:relative; } .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:20px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:10px; width:15px; height:15px; border-radius: 50%; line-height:14px; text-align:center; background:#0294df; cursor:pointer; opacity:0.2;} .slideBox .hd ul li.on{ background:#0294df; color:#0294df;opacity:1;} .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ display:block; width: 100%;margin-left: auto; margin-right: auto; } .key h5{ float: left; font-size: 14px; color: #FFF; width: 125px; line-height: 55px; text-align: center; font-weight: bold;} .key a{ font-size: 14px; color: #666666; line-height: 55px; padding: 0 15px;} .key a:hover{ color: #ff7f24;} .serach{ width:395px;} .c_search{width:395px; float:left;} .c_search .searchborder{float:left;width:395px;height:55px; background: #F86903;} .c_search .search_s{float:left;width:146px; height:55px; background:none;cursor:pointer;} .c_search input[type="text"] {border: none;outline: none;background: none;font-size:14px; color:#fff;width:335px;-webkit-apperance:none;margin:0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;} .c_search input[type="text"]:focus{width:335px;} .c_search input[type="submit"] { border: none; text-indent: -9999px; outline: none; cursor: pointer; background: url("../images/search1.png") no-repeat; width:26px; height:26px; margin-top: 14px;} .c_search input[type="submit"]:active {position:relative;} /*index*/ #cont1{ width: 100%; height: auto; overflow: hidden; padding-top: 60px; padding-bottom: 80px; background:#f3f3f3} .cont1-left{ width: 280px;} .prolist{ width: 280px; height: auto; background: #FFF; } .prolist_title{ width: 280px; height: 85px; background:url("../images/pro.png") no-repeat center;text-align: center; position: relative; } .prolist_title h5{ font-size: 26px; color: #FFF; font-weight: bold; padding-top: 15px;} .prolist_title h6{ font-size: 14px; color: #6A89CE; text-transform: uppercase; } .prolist_con{ width: 220px; margin: 0 auto;} .prolist_con li{ width: 100%; height: 64px; padding-top:6px;} .prolist_con li a{ width: 100%; height: 48px; display: block; border-bottom: 1px dashed #ABABAB; font-size: 16px; color: #343434; line-height: 41px; background: url("../images/prolistli.png") no-repeat right center; } .prolist_con li a:hover{ color: #024FBB; background: url("../images/prolistliHv.png") no-repeat right center;} .cont1-contact{ width: 100%; height: 140px; background: #2b4dbb; text-align: center;} .search_bg{ width:235px; height:40px; background:#fff; border-radius:20px; margin:0 auto; margin-top:50px;} .search_i{float:left; border:0;width:235px; height:40px; background-color: transparent; color:#b7b7b7; font-size:14px; text-align:left; padding-left:15px;} .search_bg input[type="submit"] { border: none; outline: none; cursor: pointer; background: url("../images/sea.png") no-repeat; width:26px; height:26px; margin-top: -30px; float:right; margin-right:15px;} .product{ width: 860px;} .product_title{ width: 100%; height: 55px; border-bottom: 1px solid #BFBFBF;} .product_title h5{ font-size: 34px; color: #2b2b2b; font-weight: bold; float: left;} .product_title h6{ font-size: 14px; color: #2b2b2b; float: left; padding-left: 12px; padding-top: 10px; text-transform: uppercase; } .product_title a{ float: right; font-size: 14px; color: #2b2b2b; line-height: 55px;} .product_title a:hover{ color: #F86903;} .proDetail{width:100%; padding-top: 28px;} .proDetail ul{ width: 110%;} .proDetail li{ width:275px; float:left; margin:0 21px 30px 0; height:265px; overflow:hidden;} .proDetail li a{ width:275px; display:block; position:relative;} .proIntro{ width:100%; height:45px; background:#8B8B8B; margin:0px 0 0 0; line-height:45px; text-align:left; font-size: 16px; color:#fff; text-indent:30px;} .proIntro p{ float:right; width:20px; height:20px; margin-right:15px; background:url("../images/jia.png") no-repeat; margin-top:13px;} .proHover{filter:alpha(opacity:80);opacity:0.8; background:#000; padding:0px 0 0; text-align:center; height:220px; width:100%; position:absolute; top:-282px;} .proHover img{ padding-top:50px;} .proDetail li a:hover .proHover{top:0px;} .proDetail li a:hover .proIntro{ background:#f08301; color:#fff;} .proHover,.proIntro{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .proDetail2{width:100%; padding-top: 28px;} .proDetail2 ul{ width: 110%;} .proDetail2 li{ width:267px; float:left; margin:0 21px 37px 0; height:260px; overflow:hidden;} .proDetail2 li a{ width:267px; display:block; position:relative;} .proIntro2{ width:100%; height:40px; background:#8B8B8B; margin:7px 0 0 0; line-height:33px; text-align:center; font-size: 20px; color:#fff;} .proHover2{filter:alpha(opacity:80);opacity:0.8; background:#000; padding:45px 0 0; text-align:center; height:148px; width:100%; position:absolute; top:-193px;} .proDetail2 li a:hover .proHover2{top:0px;} .proDetail2 li a:hover .proIntro2{ background:#175FC5; color:#fff;} .proHover2,.proIntro2{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #cont2{ width: 100%; height: 674px; background: url("../images/com.png") no-repeat center; margin-top: 65px;} .cont2-title{ width:1200px; height:115px; background: url("../images/lin.png") no-repeat center; margin:0 auto; text-align:center; padding-top:70px;} .cont2-title h1{ color:#fff; font-size:32px; font-weight:bold; margin-top:-20px;} .cont2-title h2{ color:#a0a0a0; font-size:14px; margin-top:10px;} .cont2-title p{ color:#a0a0a0; font-size:14px; margin-top:20px;} .cont2-left{ width:560px; height:340px; float:left; margin-top:40px;} .cont2-right{ width:558px; height:auto; float:right; margin-top:40px;} .cont2-right h3{ color:#fff; font-size:28px; } .cont2-right img{ float:right; width:20px; height:20px; margin-right:15px; margin-top:10px;} .cont2-right h4{ font-size:14px; color:#fff; line-height:30px; margin-top:40px;} .cont2-right h5{ width:120px; height:40px; background:#f08301; color:#fff; text-align:center; line-height:40px; font-size:14px; margin-top:50px;} .cont2-right h5:hover{ background:#2b4dbb;} .cont2-right h5 img{ display:block; width:15px; height:15px; margin-top:13px;} .companyCon{ width: 333px; height: 544px; background: #00378E; position: relative; margin-top: -55px; padding: 40px 40px 0 40px;} .companyCon h3{ font-size: 28px; color: #f2f2f2; line-height: 42px;} .companyCon h4{ font-size: 16px; color: #8896BB;} .companyCon h5{ font-size: 18px; color: #f2f2f2; line-height: 40px; padding-top: 22px;} .companyCon h6{ font-size: 20px; color: #f58a3e; font-weight: bold;} .companyCon p{ font-size: 14px; color: #f2f2f2; line-height: 30px; padding-top: 60px;} .companyCon ul{ width: 110%; padding-top: 35px;} .companyCon ul li{ width: 151px; height: 48px; float: left;margin-right: 19px;} .companyCon ul li a{ width: 151px; height: 48px; display: block; float: left; font-size: 14px; color: #f2f2f2; line-height: 48px; text-indent: 62px; border-radius: 5px; } .companyCon ul li:nth-child(1) a{ background: url("../images/a1.png") no-repeat 30px center #4F9AFF;} .companyCon ul li:nth-child(2) a{ background: url("../images/a2.png") no-repeat 30px center #F97319;} .companyCon ul li a:hover{ text-decoration: underline;} #cont5{ width: 100%; height: 298px; background: url("../images/cont5_bg.png") no-repeat center; margin-top:-70px;} .cont5{ overflow: hidden;} .cont5 a{ width: 129px; height: 37px; display: block; font-size: 16px; color: #FFF; text-align: center; background: #115BC4; line-height: 37px; border-radius: 10px; margin-left: 404px; margin-top: 180px;} .cont5 a:hover{ background: #F97319;} #cont6{ width: 100%; overflow: hidden; padding-top: 55px; padding-bottom: 70px;} /* TAB选项 */ .tempWrap{ width:1200px;} .slideTxtBox2{width:1198px;height:auto;margin:0 auto; border: 1px solid #DCDCDC; background: #F2F2F2; padding-bottom: 60px;} .slideTxtBox2 .hd{height:86px;width:100%; margin:0 auto;} .slideTxtBox2 .hd ul{float:left;height:86px; width: 110%;} .slideTxtBox2 .hd ul li{float:left;width:400px;height:86px; display:block;} .slideTxtBox2 .hd ul li a{width:400px;height:86px; display:block; float:left; font-size:22px; font-family:Microsoft YaHei; color:#FFF; text-align:center; line-height:86px; } .slideTxtBox2 .hd ul li:nth-of-type(odd) a{background:url("../images/third.png") no-repeat;}/*奇数行*/ .slideTxtBox2 .hd ul li:nth-of-type(even) a{ background: url("../images/second.png") no-repeat;}/*偶数行*/ .slideTxtBox2 .hd ul li a:hover{ background: url("../images/hoverList.png") no-repeat;} .slideTxtBox2 .hd ul li.on a{color:#fff;background:url("../images/hoverList.png") no-repeat;} .slideTxtBox2 .bd{width:1050px;height:251px;margin:0 auto; overflow:hidden; padding-top:50px;} .slideTxtBox2 .bd .hceg{width:328px;height:251px; float:left; margin-right:35px;} .slideTxtBox2 .bd .bdr li img { width:328px; height:246px; border: 2px solid #115BC4;} .slideTxtBox2 .bd .hceg a:hover{ color:#048ee5;} .slideTxtBox2 .bd .hceg a{ width:100%; height:100%;} .slideTxtBox2 .bd .bdr li:hover img{ border:2px solid #FF6409;} #cont7{ width: 100%; } .cont7_title{ text-align: center;} .cont7_con{ padding-top: 55px;} .cont7_up{ width: 100%; position: relative; height: 485px;} .youshi li{ width: 555px; height: 180px;} .youshi li .no{ float:left; width: 110px; height: 80px;} .youshi li .no img{ width: 110px; height: 80px; display:block; } .youshi li .txt{ width: 425px; float: left; padding-left: 15px;} .youshi li .txt h5{ font-size: 26px; color: #2c2c2c; font-weight: bold;} .youshi li .txt h5 span{ color: #ee5901;} .youshi li .txt h6{ font-size: 16px; color: #2c2c2c; padding-top: 20px;} .cont7_dn{ width: 100%; height:515px; position: relative; margin-top: -113px;} .cont7_dn img{ display: block; position: absolute;} #cont8{ width: 100%; height: 262px; position: relative; background: url("../images/cont8_bg.png") no-repeat center;} .cont8{ padding-top: 122px; overflow: hidden;} .cont8 h5{ font-size: 14px; color: #FFF; padding-left: 845px;} .cont8 h6{ font-size: 16px; color: #FFF; padding-left: 845px; line-height: 30px;} .cont8 a{ width: 129px; height: 37px; display: block; font-size: 16px; color: #FFF; text-align: center; background: #115BC4; line-height: 37px; border-radius: 10px; margin-left: 800px; margin-top: 20px;} .cont8 a:hover{ background: #F97319;} #cont9{ width: 100%; height: auto; overflow: hidden; padding-top: 95px; } .news{ width: 670px;} #tab { width:670px; height:605px; position:relative;} html > body #tab { width:670px;} #tab div { position:absolute; top:78px; left:0; width:670px; height:525px; z-index: 2;} #tab div { display:none;} #tab .block { display:block;} #tab h3 { float:left; width:335px; height:86px; line-height:86px; font-size:22px; cursor:pointer; position: relative; z-index: 9; background:url("../images/newsTit.png") no-repeat; text-align:center; color:#fff; font-family:Microsoft YaHei;font-weight:normal;} #tab .up { background: url("../images/newsTit-on.png") no-repeat;} /*#tab ul { list-style:none; height:186px;}*/ /*#tab li { margin-left:10px; margin-right:10px; border-bottom:1px dotted #c6c6c6; height:22px; padding-top:23px; overflow:hidden; font-size:12px;}*/ .news01{ width: 100%; overflow: hidden; padding: 15px 0;} .news01 h5{ font-size: 16px; color: #323232;} .news01 h6{ font-size: 14px; color: #a5a5a5; padding-top: 6px;} .news02{ width: 100%;} .news02 li{ height: 90px; border-bottom: 1px solid #E0E0E0; padding-top: 16px;} .dat{ width: 76px; height: 76px; display: block; float: left; background: #EFEFEF; text-align: center; margin-right: 20px;} .dat h5{ font-size: 30px; color: #383838; line-height: 45px;} .dat h6{ font-size: 14px; color: #383838;} .news_txt h5{ font-size: 14px; color: #323232; line-height:35px; } .news_txt h6{ font-size: 14px; color: #a5a5a5;} #tab a:hover h5{ color: #FF6409;} .message{ width: 468px; height: 575px; background:url("../images/message_pic.png") no-repeat center top; border:1px solid#999;} .message_title{ width: 100%; overflow: hidden; padding: 15px 0;} .message_title img{ width: 44px; height: 38px; display: block; float: left; margin-left: 56px; margin-right: 10px; margin-top: 5px;} .message_title h5{ font-size: 20px; color: #115bc4; font-weight: bold;} .message_title h6{ font-size: 16px; color: #bababa;} .message_pic{ position: relative; margin-left: -1px;} .message_con{ width: 375px; margin: 0 auto; padding-top: 165px;} .mes_ipt1{ width: 100%; height: 39px; margin-bottom: 9px;} .mes_ipt1 span{ color: #F00;} .mes_ipt1 img{ width: 41px; height: 39px; display: block; float: left; margin-right: 9px;} .mes_ipt3{ position: relative;} #captcha{ width: 100px; margin-top: 9px;} #submitInt{ width: 86%; height: 39px; display: block; background: #115BC4; text-align: center; color: #FFF; line-height: 39px; border: none; margin-left:0px; margin-top: 9px; } #submitInt:hover{ background: #FF6409;} /*left*/ .allleft{ width:273px; height:100%; float:left; padding-bottom:100px;} /*.prolist_con li{ width: 100%; height: 64px; padding-top: 16px;}*/ /*.prolist_con li a{ width: 100%; height: 48px; display: block; border-bottom: 1px dashed #ABABAB; font-size: 16px; color: #343434; line-height: 41px; background: url("../images/prolistli.png") no-repeat right center; }*/ /*.prolist_con li a:hover{ color: #024FBB; background: url("../images/prolistliHv.png") no-repeat right center;}*/ .prolist_conL{ width: 220px; margin: 0 auto; } /* expmenu */ ul.expmenu{width:100%;border-radius:10px; padding-top: 16px;} ul.expmenu li div.header{ width:100%; height:50px; text-indent: 10px; font-size:16px; font-family:"微软雅黑"; color:#494949; line-height:36px; border-bottom: 1px dashed #ABABAB;} ul.expmenu li:last-child div.header{border-bottom:none;} ul.expmenu li ul li { height:28px; line-height:28px; text-indent:17px; margin-bottom:10px; color:#434343; border-bottom:1px solid #D8D8D8;} ul.expmenu li ul li:last-child{border-bottom:1px solid #D8D8D8;} ul.expmenu li ul li.selected{background-color:#f4f4f4;} /*ul.expmenu div.header{color:#203f61;text-shadow:0px 1px 0px rgba(255, 255, 255, 0.2);background:#A79D7A;} ul.expmenu li div.header .label{background:no-repeat; color:#FFF;} ul.expmenu li div.header .label a{color: #fff; font-weight:bold; font-size:14px;}*/ ul.expmenu li div.header .arrow{display:block;width:25px;height:25px;float:right; margin-right:25px;} ul.expmenu li div.header .arrow.up{background:url(../images/arrow_d.png) no-repeat 0px 8px;} ul.expmenu li div.header .arrow.down{background:url(../images/arrow_u.png) no-repeat 0px 8px} ul.expmenu li .menu{display:none;} ul.expmenu li .menu li a{ color:#434343;} ul.expmenu li .menu li a:hover{ color:#F00;} /* Mouse Events */ ul.expmenu div.header:hover{cursor:pointer;} ul.expmenu li ul li:not(.selected):hover{ border-bottom:1px solid #0073bb; cursor:pointer;} .arrow:hover{ cursor:pointer;} .prolist_con a:hover, .prolist_con li a.current{ } /*footer*/ .footer_w{ width: 100%; height: 245px;background:url("../images/foot.png") no-repeat center; margin:0 auto; overflow:hidden; } .footer_cn{ width: 1200px; height: 180px; margin: auto; line-height: 30px; border-bottom:1px solid#6c6c6c} .footer1 { width: 600px; float: left; margin-right: 20px; color: #c1c1c1; font-size:14px; color:#7886a5; line-height:40px; height:180px; } .footer2{ width: 380px; float: left; margin-right: 20px; color: #c1c1c1; font-size:14px; color:#7886a5; line-height:40px; background:url("../images/line.png") no-repeat center right; height:180px;} .footer_cn h2{ height: 75px; line-height: 75px; font-size:20px; margin-bottom: 10px; color:#fff; font-weight:bold; margin-top:50px; letter-spacing:5px;} .footer2 img{ margin-right:10px; float:left; padding-top:6px;} .footer_cn small{ font-size:10px; color:#6c6c6c; display:block; margin-top:-30px; font-weight:normal; letter-spacing:-1px;} .footer1 ul{ width:600px; margin-top:30px; margin-left:25px;} .footer1 li{ width: 200px; float: left; text-align:left; color:#fff;} .footer1 li span{ display:block;; text-align:left; color:#6c6c6c; font-size:12px; line-height:15px;} .footer1 img{ margin-left:80px; margin-top:20px; float:left;} .footer1 p{ float:left;} .footer1 p img{margin-left:80px; margin-top:20px; float:left} .footer1 p span{ display:none;} .footer1 p:hover span{ display:block; margin-left:-30px;} .footer_code{ width: 127px; height: 127px; float: right; text-align: center; padding: 25px 0; color: #999999; padding-top:33px;} .footer_icp{ width: 100%; height:55px; } .footer_icp>div{ width: 1200px; margin: auto; color: #6c6c6c; line-height:55px; padding-top:185px;} .footer_icp a{ float: right; color: #6c6c6c;} /*public*/ .main{width:1200px; height:100%; margin:0 auto; padding-top:50px; } .allcon{width:1200px; height:100%; } .concompany{ width:870px;height:100%; float:right;} .concompanylogo{ width:100%; height:50px; line-height: 50px; border-bottom: 1px solid #BFBFBF;} .honorlogo1{ float:left; font-size:25px; font-family:"微软雅黑"; color:#043573; font-weight:bold;} .honorlogo2{ float:right; padding-right:10px; color:#939393;} .honorlogo2 a{color:#939393;} .concompanycon{ width:100%; height:100%; padding-top:15px; overflow:hidden; margin:0 auto; padding-bottom:50px;} /*NEWS*/ .mynews{ width: 100%; height: auto; overflow: hidden;} .mynews ul li{ width: 84%; height: 160px; background: #F9F9F9; margin-bottom: 15px; padding: 25px 110px 0 30px; position: relative;} .mynews ul li span{ width: 45px; height: 185px; display: block; position: absolute; right: 0; top: 0; background: #CBCBCB; text-align: center; color: #FFF; font-size: 15px; line-height: 185px;} .mynews ul li h4{ font-size: 16px; line-height: 40px; color: #3C3C3C; font-weight: 600;} .mynews ul li h5{ font-size: 12px; color: #A2A2A2;} .mynews ul li h6{ font-size: 14px; color: #9C9C9C;} .mynews ul li:hover{ background: #00378E;} .mynews ul li:hover span{ background: #F86903;} .mynews ul li:hover h4,.mynews ul li:hover h5,.mynews ul li:hover h6{ color: #FFF;} .rnewys{ width:100%; height:120px; border-bottom:#d9d9d9 solid 1px; padding-top:10px;} .newconleft{ width:75px; height:120px; float:left; color:#676767;} .newsconright{ width:85%; height:120px; float:right;} .newsconright a{ width:100%; height:120px; display:block; color:#676767;} .newsconright a:hover{ color:#2b8b03; text-decoration:none;} .newsconright1{ color:#333; font-weight:bold; padding-bottom:10px;} /*news_info*/ .news_tit_u{text-align: center;font-size: 18px;color: #656565;line-height: 1.84; font-weight:700; } .news_t_d{ width: 100%; text-align: center; line-height: 40px; border-bottom: 1px dashed #CCCCCC; position: relative; } .news_t_d span{ display:inline-block; vertical-align:middle; color: #999; line-height: 1.8; text-indent: 25px; margin-right:10px;} .news_user{ background: url("../images/news_u.png") no-repeat left;} .show_t{ background: url("../images/time.png") no-repeat left;} .to_look{ background: url("../images/look.png") no-repeat left;} .back{ float: right; background: url("../images/back.png") no-repeat left;color: #999; line-height: 1.8; text-indent: 25px; margin-top: 11px; } /************常州贷款*****************/ .newsdivys{ width:100%; height:190px; border-bottom:#353535 double 5px; padding-top:10px;} .newsdivysimg{ width:245px; height:175px; float:left; border:1px solid #8CCE2E; padding:3px; } .newsdivyscon{ width:665px; height:120px; float:right; font-size:14px;} .newsdivyscon a{width:100%; height:190px; display:block; color:#999999;} .newsdivyscon a:hover{ text-decoration:none; color:#E61403;} .newsdivyscon1{font-family:Microsoft YaHei,SimSun; font-size:18px; color:#333; line-height:30px; width:75px; border-bottom:5px solid #8CCE2E;} .newsdivyscon2{ padding-top:6px;} .news_nei li{width:100%;height:39px;border-bottom:1px dashed #2C6793;line-height:39px; background:url(../images/newslibg.jpg) no-repeat left center; font-family:"微软雅黑"; font-size:17px; color:#333;} .news_nei li a{ color:#333;} .news_nei li a:hover{color:#79B0CD;} .a_left{width:100px; height:300px; position:absolute; margin-left:10px; z-index:9999;margin-top:40px;} .a_right{width:100px; height:300px; position:absolute; margin-left:600px;z-index:9999; margin-top:40px;} .a_left a{width:100px; height:300px; float:left; display:block; position:relative; z-index:999;background:url('../images/btn-prev.png') no-repeat left center;} .a_right a{width:100px; height:300px; float:right;display:block; position:relative; z-index:999;background:url('../images/btn-next.png') no-repeat right center;} .a_left a:hover{width:100px; height:300px; float:left;background:url('../images/btn-prev-cur.png') no-repeat left center;} .a_right a:hover{width:100px; height:300px; float:right;z-index:999;background:url('../images/btn-next-cur.png') no-repeat right center;} #indexNews{ padding-bottom:15px;} #indexNews li{ width:658px; height:30px; line-height:30px; border-bottom:#7f7f7f dashed 1px; padding-left:22px;background:url(../images/newsli.gif) no-repeat left;} #indexNews li a{ float:left;} #topnews{ height:125px; overflow:hidden} #topnews li{border-bottom:1px dashed #dedede; height:120px;} #topnews li a{ font-weight:800; font-size:14px; font-family:Microsoft YaHei,SimSun;} .introImg{ float:left; margin-right:10px;} .info_date{ float:right; padding-right:5px;} #indexPro{width:745px; height:430px; overflow:hidden; margin:0 auto; float:right} #indexPro li,.produc li{float:left; margin:0 9px 13px 9px; _margin:0 7px 10px 7px; width:238px; height:206px; _height:203px; text-align:center;} .shuiyin{ font-size:16px; color:#2b4dbb; opacity:0.6; position:absolute; padding-top:112px; font-weight:bold; width:100%; text-align:center; font-family:"微软雅黑";} .food_info_main{} .info_img{ width:100%; height:auto; padding-bottom:10px;} .info_img li{ width:215px; height:208px;text-align:center;} .info_img li a{ width:215px; height:208px; display:block; background-color:#f2f2f2;border:#e8e8e8 solid 1px; line-height:45px;} .info_img li a:hover{ background-color:#0691d2; text-decoration:none; color:#FFF;} .info_img li img{ width:197px; height:140px; padding-top:8px;} @keyframes aniBlink120{from{margin-left:-60px}to{margin-left:230px}} @-webkit-keyframes aniBlink120{from{margin-left:-60px}to{margin-left:230px}} /*.mod_imgLight{position:relative;width:215px;height:208px;overflow:hidden;margin:0 auto;border-radius:10px;box-shadow: 0 0 10px #3C90DF;} .mod_imgLight a{display:inline-block} .mod_imgLight a:before{content:'';position:absolute;width:60px;height:208px;margin-top:0px;margin-left:-120px;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)} .mod_imgLight:hover a:before{ -webkit-animation:aniBlink120 .3s ease-out forwards; -moz-animation:aniBlink120 .3s ease-out forwards; -o-animation:aniBlink120 .3s ease-out forwards; animation:aniBlink120 .3s ease-out forwards } */ .food_info_tit_bg{margin:30px 0;width:100%;height:30px;background:#ececec; float:left;} .food_info_tit{display:inline-block;padding-left:10px; padding-right:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;font-family:Microsoft YaHei; font-size:14px;} /************新闻*****************/ .news_tit_d{text-align: center;padding: 5px 0px;font-size: 12px;font-weight: 100;background: #f7f7f7;border: 1px solid #e8e8e8;color: #303030;width: 98%;margin: 10px auto;height: 20px;line-height: 20px;} .news_tit_img{ margin:9px auto; text-align:center} .news_main{ padding-top: 15px; font-size: 16px; line-height: 32px; color: #656565;} #prev_next{ width: 100%; margin: 20px 0; overflow: hidden; border-top: 2px solid #F86903} #prev_next li span{ float: right; color: #656565; padding-right: 10px;} #prev_next li{ width: 100%; border-bottom: 1px solid #CCCCCC; line-height: 40px; text-indent: 23px;} #prev_next li a{ color: #656565;} #prev_next li:first-child{ background: url("../images/up.png") no-repeat left center;}/*第一个li*/ #prev_next li:last-child{ background: url("../images/down.png") no-repeat left center;}/*第一个li*/ /************产品*****************/ .produc{ width:100%; margin:0 auto; overflow:hidden; padding-top:15px;} .info_img_detail{ text-align:center;} .info_img_detail img{ padding:3px; border:#CCC solid 1px;} .food_name{ text-align:center; line-height:40px;} /************留言*****************/ /* === Remove input autofocus webkit === */ *:focus{outline: none;} .contact_form h2, .contact_form label{font-family:Georgia, Times, "Times New Roman", serif;} .form_hint, .required_notification{font-size: 11px;} .contact_form ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;} .contact_form li{padding:12px;border-bottom:1px solid #eee;position:relative;} .contact_form li:first-child, .contact_form li:last-child{border-bottom:1px solid #777;} .contact_form h2{margin:0;display: inline;} .required_notification{color:#d45252;margin:5px 0 0 0;display:inline;float:right;} .contact_form label{width:150px;margin-top: 3px;display:inline-block;float:left;padding:3px;} .contact_form input{height:26px;width:220px;padding:5px 8px;} .contact_form textarea{padding:8px; width:272px; height: 60px;} .contact_form button{margin-left:156px;} .contact_form input, .contact_form textarea{border:1px solid #aaa;box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;border-radius:2px;padding-right:30px;-moz-transition: padding .25s;-webkit-transition: padding .25s;-o-transition: padding .25s;transition: padding .25s;}.contact_form input:focus, .contact_form textarea:focus{background: #fff;border:1px solid #555;box-shadow: 0 0 3px #aaa;padding-right:70px;} .contact_form input:required, .contact_form textarea:required{background: #fff url(../images/red_asterisk.png) no-repeat 98% center;} .contact_form input:required:valid, .contact_form textarea:required:valid{background: #fff url(../images/valid.png) no-repeat 98% center;box-shadow: 0 0 5px #5cd053;border-color: #28921f;} .contact_form input:focus:invalid, .contact_form textarea:focus:invalid{background: #fff url(../images/invalid.png) no-repeat 98% center;box-shadow: 0 0 5px #d45252;border-color: #b03535} .form_hint{background: #d45252;border-radius: 3px 3px 3px 3px;color: white;margin-left:8px;padding: 1px 6px;z-index: 999; /* hints stay above all other elements */position: absolute; /* allows proper formatting if hint is two lines */display: none;} .form_hint::before{content: "\25C0";color:#d45252;position: absolute;top:1px;left:-6px;} .contact_form input:focus + .form_hint{display: inline;} .contact_form input:required:valid + .form_hint{background: #28921f;} .contact_form input:required:valid + .form_hint::before{color:#28921f;} button.submit{background-color: #68b12f;background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));background: -webkit-linear-gradient(top, #68b12f, #50911e);background: -moz-linear-gradient(top, #68b12f, #50911e);background: -ms-linear-gradient(top, #68b12f, #50911e);background: -o-linear-gradient(top, #68b12f, #50911e);background: linear-gradient(top, #68b12f, #50911e);border: 1px solid #509111;border-bottom: 1px solid #5b992b;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;box-shadow: inset 0 1px 0 0 #9fd574;-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;-moz-box-shadow: 0 1px 0 0 #9fd574 inset;-ms-box-shadow: 0 1px 0 0 #9fd574 inset;-o-box-shadow: 0 1px 0 0 #9fd574 inset;color: white;font-weight: bold;padding: 6px 20px;text-align: center;text-shadow: 0 -1px 0 #396715;} button.submit:hover{opacity:.85;cursor: pointer;} button.submit:active{border: 1px solid #20911e;box-shadow: 0 0 10px 5px #356b0b inset;-webkit-box-shadow:0 0 10px 5px #356b0b inset ;-moz-box-shadow: 0 0 10px 5px #356b0b inset;-ms-box-shadow: 0 0 10px 5px #356b0b inset;-o-box-shadow: 0 0 10px 5px #356b0b inset;} .concompanycon table{margin-left:2px;} .concompanycon table th{color:#444444;font-weight:normal;font-size:14px;font-family:'Microsoft YaHei',arial;text-align:right;vertical-align: top;padding-top: 9px;} .concompanycon table td select{font-family: 'Microsoft YaHei',arial;font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px; background: #FFF;*+margin-left:-3px;} .concompanycon table td ul{list-style:none;position:absolute;} .concompanycon table td ul li{ font-family:'Microsoft YaHei',arial;font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px;height:28px;border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;} .concompanycon table td ul li a{display:block;text-decoration:none;color:#444444;} .concompanycon table td ul li a:hover{color:#fe7d0c;} .concompanycon table td ul li:last-child{border-bottom:1px solid #d2d4d6;} .concompanycon table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;} .concompanycon table td .yanzheng{width:101px;} .concompanycon table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;} .concompanycon table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;} .concompanycon table td .but{width:74px;height:31px;line-height:27px;background:#149939;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:'Microsoft YaHei',SimHei,sans-serif;color:#FFF;} /************招聘*****************/ .jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;} .jobs a{position:relative;top:-90px;background:url(../images/button.jpg) no-repeat top left;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;} .jobs strong{color:#da020d;} .jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;} /***************jobs***************/ .pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;} .pro_name{display:block;color:#da020d;text-align:left;} .info_title{margin:30px 0 0 0px;width:760px;height:30px;background:#ececec; float:left;} .info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;} .info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;} /********goods_info&jobs_info*******/ .order{margin:40px 0 120px 46px;line-height:40px;} .order img{vertical-align:-5px;cursor:pointer;} #submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;border-radius:5px; background:#F00;} /*固定的悬浮窗*/ #kefu1{position:fixed;right:0px;top:80px;z-index:10008;width:132px;padding:10px;background:#fff;border:1px solid #ddd;box-shadow:1px 1px 1px #d4d4d4;font-size:12px;} .cs_tel{height:25px;background:url('../images/img.gif') no-repeat 0px 0px;} .cs_tel_ct{color:#666;line-height:150%;} .cs_tel_num{color:#c00;font-size:18px;font-family:Arial,Verdana;font-style:italic;font-weight:bold;display:block;padding:5px 0px;} .cs_online{height:30px;background:url('../images/img.gif') no-repeat 0px -50px;} .cs_online_qq{height:25px;} .cs_online_qq a:link, .cs_online_qq a:active, .cs_online_qq a:visited, .cs_online_qq a:hover{text-decoration:none;color:#666;} .cs_qcode{padding:10px 0px 0px 0px;} .cs_free{height:32px;background:url('../images/img.gif') no-repeat 0px -100px;} .cs_free a{display:block;height:32px;} .cs_free a span{display:none;} .cs_baidu{height:32px;background:url('../images/img.gif') no-repeat 0px -200px;} .cs_baidu a{display:block;height:32px;} .cs_baidu a span{display:none;} .cs_spr{border-bottom:1px dashed #c0c0c0;margin:8px 0px;} .cs_space{clear:both;overflow:hidden;height:8px;} .cs_close{position:absolute;right:5px;top:5px;width:12px;height:12px;background:url('../images/img.gif') no-repeat 0px -150px;} .cs_close a{display:block;height:10px;} .cs_close a span{display:none;} /*左侧漂浮*/ #index_qy{ position: fixed; left: 3px; bottom: 0; width: 240px; z-index: 999999;} #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"]{font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif;} #contact{background:#EDEDED;padding:10px;margin:5px 0; border-radius: 10px 10px 0 0;} #contact h3{color: #F86903;display: block;font-size: 30px;font-weight: 400; line-height: 50px;} #contact h4{margin:5px 0 15px;display:block;font-size:13px; line-height: 20px;} fieldset{border: medium none !important;margin: 0 0 5px;min-width: 100%;padding: 0;width: 100%;} #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea{width:96%;border:1px solid #CCC;background:#FFF;padding:3px;} #contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover{-webkit-transition:border-color 0.3s ease-in-out;-moz-transition:border-color 0.3s ease-in-out;transition:border-color 0.3s ease-in-out;border:1px solid #AAA;} #contact textarea{height:100px;max-width:100%; resize:none;} #contact button[type="submit"]{cursor:pointer;width:100%;border:none;background:#115BC4;color:#FFF;margin:0 0 5px;padding:10px;font-size:15px;} #contact button[type="submit"]:hover{background:#09C;-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;} #contact button[type="submit"]:active{box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);} #contact input:focus, #contact textarea:focus{outline:0;border:1px solid #999;} ::-webkit-input-placeholder{color:#888;} :-moz-placeholder{color:#888;} ::-moz-placeholder{color:#888;} :-ms-input-placeholder{color:#888;} #captcha3{ width: 50%; float: left; position: relative;} #captcha3 img{ display: block; position: absolute; right: 0; }