@charset "utf-8"; @import url("Common.css");@import url("bootstrap.css"); body{min-width:1200px; font-size: 12px;font-family: "Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif;color: #333;background:#f2f2f2;} li{ list-style: none;} a {color:#333;} a:hover{text-decoration: none;} ol, ul{padding:0} h1, h2, h3, h4, h5, h6, em, h6, b, p { font-weight: normal; font-style: normal; } .clear{clear:both;} /* header */ .m-top{width:100%;height:25px;background:#F8F8F8;border-bottom:1px solid #E3E9F1;line-height:25px;color:#666} .m-top .lf{float:left} .m-top .lf span{color:#231815} .m-top .rg{float:right} .m-top .rg li{float:left;margin:0 5px;text-transform:uppercase} .m-top .rg li span{padding-left:10px} .m-top .rg li.current a{color:#E39300} .m-top .rg li a{color:#000} .m-top .rg li a:hover{color:#E39300} .m-head{width:100%;height:90px;color:#787B7D;overflow:hidden;background:#fff} .m-head .logo{float:left;margin-top:10px} .m-head .word{float:left;margin:25px 0 0 25px; font-size:14px;} .m-head .word h5 {font-size:22px; margin:0; margin-bottom:3px; color:#e39300; font-family:"微软雅黑"; font-weight:bold;} .m-head .tell{float:right;margin:20px 0 0 0} .m-head .tell .ico{width:50px;height:51px;background:url(../images/ph.png) no-repeat;float:left} .m-head .tell .rf{float:left;margin-left:10px} .m-head .tell .rf p{line-height:16px;font-size:16px} .m-head .tell .rf p.blod{font-size:26px;font-weight:600;color:#E39300;padding-top:5px} .m-nav{width:100%;height:40px;background:#E39300} .m-nav .container{padding:0; width:1200px;} .m-nav li{float:left;position:relative} .m-nav li.active>a:hover{background:#683A1C} .m-nav li>a{display:block;width:130px;height:40px;text-align:center;line-height:40px;font-size:16px;color:#fff;letter-spacing:1px;position:relative;z-index:22;overflow:hidden} .m-nav li>a:hover{background:#683A1C} .m-nav li .shows{position:absolute;top:40px;left:0;width:100%;overflow:hidden;display:none;z-index:9999} .m-nav li:hover .shows{ display:block} .m-nav li .shows li{width:100%;overflow:hidden} .m-nav li .shows li a{display:block;width:100%;height:40px;text-align:center;line-height:40px;background:#E39300;color:#fff;font-size:16px} .m-nav li .shows li a:hover{background:#683a1c;} .m-nav li .m-small-title{width:200px;text-align:left} .m-nav li .m-small-title li a{font-size:12px;text-align:left;padding-left:20px} /*foot*/ .footSlideBox{overflow:hidden;} .foot{ width:100%;color:#fff;background:#000;filter:alpha(opacity=75);background:rgba(0,0,0,.75); line-height:2em; transition:all .4s;-webkit-transition:all .4s;} .footbox{ max-width:1415px; min-width:1000px; margin:0 auto;} .footbox ul{ overflow:hidden; padding-bottom:20px;} .footbox li{ float:left; border-right:1px solid rgba(255,255,255,0.1); padding-top:20px;} .footbox li.ercode{} .footbox li .p1{ margin-bottom:10px;font-size:22px; color:#e39300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .footbox li .p2{ margin:0; font-size:14px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:rgba(255,255,255,.1);} .footbox li .p3{ font-size:14px; color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-left:30px;} .footbox li .p2 a{color:rgba(255,255,255,.7);} .footbox li .p2 a:hover{color:#ff6501;} .footbox li .p3 a{color:rgba(255,255,255,.4)} .footbox li .p3 a:hover{color:#ff6501;} .foot .footBox1{ width:320px; padding-left:20px; float:right} .foot .footBox1 li .p2{ font-size:14px; color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#e8e8e8; text-align:left;} .foot .footBox1 li .p2 a{color:#e8e8e8;} .foot .footBox1 li .p2 a:hover{color:#ff6501;} .foot .footBox2{ width:100%; height:35px;line-height:35px;background:#e39300;} .foot .footBox3{ max-width:1415px; text-align:center; min-width:1000px; height:35px; margin:0 auto;} .foot a{ color:#fff;} .foot .footBox3 li{ width:49%; height:35px; float:left; list-style:none} .foot .footBox3 li a{color:#e8e8e8;} .foot .footBox3 li a:hover{color:#000;} .foot .footBox4{ width:200px; margin:0 auto; margin-top:-20px;} .foot .footBox4 li{ } .foot .footBox4 li .p1{ margin-bottom:10px;font-size:22px; color:#e39300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:-30px;} .foot .footBox4 li .p2{ font-size:14px; line-height:2em; color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#e8e8e8; text-align:left;} .foot .footBox4 li .p2 a{color:color:rgba(255,255,255,.7);} .foot .footBox4 li .p2 a:hover{color:#ff6501;} .footbox li .weixin img{width:100px; height:100px; margin-left:60px;} .m-footer_weixin{ width:50%; color:rgba(255, 255, 255, 0.7); text-align:center; float:left; padding:5%;} .m-footer_weixin .weixin2{ width:90%;} .m-footer_weixin .weixin2 img{ width:100%; height:auto;} .m-sss{ width:70%; margin:0 auto; color:rgba(255, 255, 255, 0.7); text-align:center;} .m-footer-company i{ margin-right:5px; width:14px; height:14px;} .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-map-marker{ background:url(../images/icon_wz.png) no-repeat left bottom;} .fa-phone{ background:url(../images/icon_dh.png) no-repeat left bottom;} .fa-envelope-o{ background:url(../images/icon_yx.png) no-repeat left bottom;} .m-content_navi_new{float: left;overflow: hidden;width: 191px; margin-left:23px;} .m-content_navi_new .bigtitle{border-bottom: 1px solid #ccc;color: #e39300;font-size: 24px;height: 35px;line-height: 35px;text-align: center; width: 100%;} .m-content_navi_new ul li{border-bottom: 1px solid #ccc;height: 35px; overflow:hidden; line-height:35px; width: 100%;} .footbox .footBox4 ul{ overflow:visible;} .m-flinks{ width:280px; margin-left:-30px; padding-top:30px;} .m-flinks a{ margin-bottom:8px; display:inline-block;} .m-flinks img{ margin-right:10px; width:80px; height:35px; border-radius:3px; overflow:hidden;} /* ��ҳ��ʽ inner style */ .g-main{} .m-innerbg{ width: 100%; height: 180px; background-position: center center; background-size: cover;} .m-model_title{ padding: 20px 0;} .m-model_title h1{ text-align: center; font-size: 30px; color: #002;} .m-model_title h2{ text-align: center; font-size: 20px; color: #e39300;} .m-model_title span{ color: #cacace; margin-right: 15px;} .m-inner-nav {text-align: center; padding: 10px 0;} .m-inner-nav ul{ padding: 0;} .m-inner-nav ul li {display: inline-block;margin: 0 18px;font-size: 16px;} .m-inner-nav ul li a { position: relative; padding-left: 14px;display: inline-block; color: #333;} .m-inner-nav ul li a .icoo{ display: none; position: absolute; left: 2px; top: 9px; width: 5px; height: 5px; background:#e39300; } /* �б�ҳ��ʽ */ .m-inner-nav ul li a:hover, .sub-nav ul li.on a {color: #e39300; } .m-inner-nav ul li a:hover .icoo, .sub-nav ul li.on a .icoo{display: inline-block;} .m-list{ width:1200px; padding: 20px 0; margin: 0 auto; } /* ������ʽ start */ .m-list-news ul{margin: 0; overflow: hidden;} .m-list-news ul li{float: left;width: 25%;margin-bottom: 30px;} .m-list-news ul li .pic a{ display:block; width: 260px; height: 176px; display: block;transform: perspective(800px) rotateY(0deg);transition: all 1s ease 0s;-moz-transform: perspective(800px) rotateY(0deg);-moz-transition: all 1s ease 0s;-webkit-transform: perspective(800px) rotateY(0deg);-webkit-transition: all 1s ease 0s;-o-transform: perspective(800px) rotateY(0deg);-o-transition: all 1s ease 0s;-ms-transform: perspective(800px) rotateY(0deg);-ms-transition: all 1s ease 0s;zoom:1; background-position:center center; background-size:cover; background-repeat:no-repeat;} .m-list-news ul li:hover .pic a{transform: perspective(800px) rotateY(-179.9deg);-moz-transform: perspective(800px) rotateY(-179.9deg);-webkit-transform: perspective(800px) rotateY(-179.9deg);-o-transform: perspective(800px) rotateY(-179.9deg);-ms-transform: perspective(800px) rotateY(-179.9deg);} .m-list-news ul li .pad{padding: 0 15px;} .m-list-news ul li .bor{border: 1px solid #e2e3e8;} .m-list-news ul li:hover .bor{border-bottom:1px solid #e39300;} .m-list-news ul li .txt{padding: 20px 14px;line-height: 20px;color: #666;} .m-list-news ul li .txt p{ height:120px;color:#666; overflow:hidden;} .m-list-news ul li .more{height: 42px;line-height: 42px;border-top: 1px dotted #e2e3e8;background-color: #f0f2f5;padding: 0 14px;display: none;} .m-list-news ul li .more a{color: #e39300;} .m-list-news ul li .more a:hover{text-decoration: underline;} .m-list-news ul li .title{height: 55px;margin-bottom: 20px;} .m-list-news ul li .title h3 a{ font-size: 14px; color: #333; display: block; height: 25px; line-height: 25px; } .m-list-news ul li .title span{float: left;border: 1px solid #e2e3e8;background-color: #f0f2f5;display: inline-block;text-align: center;padding: 6px 5px;margin-right: 15px;} .m-list-news ul li .title span em{display: block;font-size: 16px; font-style:normal;} .m-list-news ul li .title h3{border-bottom: 1px solid #e2e3e8;overflow: hidden;height: 54px;} /* ������ʽ end */ /* ��Ʒ��ʽ start */ .m-list-product .gallery{margin-top: -10px;} .m-list-product h3{position: relative;margin: 16px 0;} .m-list-product .sub-nav ul{margin-right: 10px;} .m-list-product .pic-box p{position: relative;line-height: 20px;padding: 20px;width: 100%;color: #000;background-color: #fff;box-sizing: border-box;transition: 0.4s;} .m-list-product .pic-box{position: relative;padding: 0;float: left;width: 278px;margin: 10px;overflow: hidden;} .m-list-product .pic-box img{width: 278px;height: 278px;} .m-list-product .pic-box .img{width: 278px;height: 278px; background-position:center center; background-size:cover; background-repeat:no-repeat;} .m-list-product .pic-box p{position: relative;line-height: 20px;padding: 10px;color: #000;margin: 0;text-align: center;background-color: #fff;box-sizing: border-box;transition: 0.4s;} .m-list-product .box-over{position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: #000;opacity: 0;filter: alpha(opacity=0);box-sizing: border-box;transition: 0.4s;} .m-list-product .pic-box:hover .box-over{opacity: 0.4;filter: alpha(opacity=40);} .m-list-product .pic-box:hover p{color: #fff;background-color: #e39300;} /* ��Ʒ��ʽ end */ /* �˲���Ƹ */ .m-list-job .right_chanpin{ width:780px; float:right; height:auto;} .m-list-job .ul-list_job{ overflow:hidden;} .m-list-job .cpjian{ width:740px; height:auto;padding-top:20px; padding-bottom:10px; margin:0 auto;border-bottom:1px solid #d5d5d5;} .m-list-job .cpjian p{ line-height:20px; color:#504f4f;} .m-list-job .chanpi_warp{ float:left; overflow:hidden; width:548px; height:175px; border-bottom:1px dotted #d5d5d5; margin:15px auto; margin:15px; } .m-list-job .cpjian p{ line-height:20px; color:#504f4f;} .m-list-job .chanpin_tuone{ width:180px; height:122px;overflow:hidden; float:left;}.m-list-job .chanpin_tuone a{ display:block; width:100%; height:100%; background-position:center center; background-size:contain; background-repeat:no-repeat;} .m-list-job .chanpi_warp .chan_jies{ width:350px; height:155px; overflow:hidden; float:left; margin-left:15px; } .m-list-job .chanpi_warp .chan_jies p{ color:#5c5b5b; height:87px; overflow:hidden; font-size:12px; text-indent:2em;} .m-list-job .chan_jies span{ display:block; line-height:24px; font-size:15px; font-weight:bold; color:#5c5b5b; clear:both;} .m-list-job .chan_jies a:hover span{color:#e39300 } .m-list-job .chan_jies p{ margin-top:10px; color:#5c5b5b; line-height:24x;} .m-list-job .chan_jies .more a{ color:#e39300; text-indent:0; display:block; font-size: 14px;height: 23px;line-height: 23px; padding: 0 0 0 15px; text-align: left;width: 105px;} .m-list-job .chan_jies .more a:hover{ text-decoration:underline;} /* ��Ƶ�����б� */ .m-list-video{ overflow:hidden} .m-list-video .item{ width:33%; padding:1%; float:left;} .m-list-video .item iframe{ width:100%!important; height:300px!important;} /* ����ר����ҳ start */ .m-home-topic .gallery{margin-top: -10px;} .m-home-topic h3{position: relative;margin: 16px 0;} .m-home-topic .sub-nav ul{margin-right: 10px;} .m-home-topic .pic-box p{position: relative;line-height: 20px;padding: 20px;width: 100%;color: #000;background-color: #fff;box-sizing: border-box;transition: 0.4s;} .m-home-topic .pic-box{position: relative;padding: 0;float: left;width: 278px;margin: 10px;overflow: hidden;} .m-home-topic .pic-box img{width: 278px;height: 278px;} .m-home-topic .pic-box .img{width: 278px;height: 278px; background-position:center center; background-size:contain; background-repeat:no-repeat;} .m-home-topic .pic-box p{position: relative;line-height: 20px;padding: 10px;color: #000;margin: 0;text-align: center;background-color: #fff;box-sizing: border-box;transition: 0.4s;} .m-home-topic .box-over{position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: #000;opacity: 0;filter: alpha(opacity=0);box-sizing: border-box;transition: 0.4s;} .m-home-topic .pic-box:hover .box-over{opacity: 0.4;filter: alpha(opacity=40);} .m-home-topic .pic-box:hover p{color: #fff;background-color: #e39300;} /* ����ר����ҳ end */ /* ����ר���б�ҳ start */ .m-list-topic ul{margin: 0; overflow: hidden;} .m-list-topic ul li{float: left;width: 25%;margin-bottom: 30px;} .m-list-topic ul li .pic a{ display:block; width: 260px; height: 176px; display: block;transform: perspective(800px) rotateY(0deg);transition: all 1s ease 0s;-moz-transform: perspective(800px) rotateY(0deg);-moz-transition: all 1s ease 0s;-webkit-transform: perspective(800px) rotateY(0deg);-webkit-transition: all 1s ease 0s;-o-transform: perspective(800px) rotateY(0deg);-o-transition: all 1s ease 0s;-ms-transform: perspective(800px) rotateY(0deg);-ms-transition: all 1s ease 0s;zoom:1; background-position:center center; background-size:cover; background-repeat:no-repeat;} .m-list-topic ul li:hover .pic a{transform: perspective(800px) rotateY(-179.9deg);-moz-transform: perspective(800px) rotateY(-179.9deg);-webkit-transform: perspective(800px) rotateY(-179.9deg);-o-transform: perspective(800px) rotateY(-179.9deg);-ms-transform: perspective(800px) rotateY(-179.9deg);} .m-list-topic ul li .pad{padding: 0 15px;} .m-list-topic ul li .bor{border: 1px solid #e2e3e8;} .m-list-topic ul li:hover .bor{border-bottom:1px solid #e39300;} .m-list-topic ul li .txt{padding: 20px 14px;line-height: 20px;color: #666;} .m-list-topic ul li .txt p{ height:120px;color:#666; overflow:hidden;} .m-list-topic ul li .more{height: 42px;line-height: 42px;border-top: 1px dotted #e2e3e8;background-color: #f0f2f5;padding: 0 14px;display: none;} .m-list-topic ul li .more a{color: #e39300;} .m-list-topic ul li .more a:hover{text-decoration: underline;} .m-list-topic ul li .title{height: 55px;margin-bottom: 20px;} .m-list-topic ul li .title h3 a{ font-size: 14px; color: #333; display: block; height: 25px; line-height: 25px; } .m-list-topic ul li .title span{float: left;border: 1px solid #e2e3e8;background-color: #f0f2f5;display: inline-block;text-align: center;padding: 6px 5px;margin-right: 15px;} .m-list-topic ul li .title span em{display: block;font-size: 16px; font-style:normal;} .m-list-topic ul li .title h3{border-bottom: 1px solid #e2e3e8;overflow: hidden;height: 54px;} /* ����ר���б�ҳ end */ /* ��ϵ��ʽ start */ .m-contact{width:1000px; height:auto; margin:0 auto;} /*����*/ .m-contact .title{width:100%; height:auto; padding-top:20px; text-align:center;} .m-contact .title h4{font-size:48px; font-weight:normal; color:#555; padding-bottom:10px;} .m-contact .title p{font-size:14px; color:#999; line-height:24px;} /*��ǰ�ۺ�绰*/ .m-contact .contactWay{width:100%; height:auto; padding:30px 0 50px;} .m-contact .contactWay li{width:400px; float:left; padding:0 50px; box-sizing:content-box;} .m-contact .contactWay li:after{content:" "; display:block; clear:both;} .m-contact .contactWay li .img{width:110px; font-size:65px; color:#e39300; border-radius:50%; text-align:center; border:3px solid #e39300; height:110px; line-height:110px; float:left; overflow:hidden; margin-right:40px;} .m-contact .contactWay li .img img{width:100%; height:auto;} .m-contact .contactWay li .Info{width:250px; height:70px; float:left; margin:20px 0;} .m-contact .contactWay li .Info span{font-size:18px; display:block; line-height:30px; color:#666;} .m-contact .contactWay li .Info p{font-size:24px; display:block; line-height:40px; color:#e39300;} /*��ϵ��ʽ*/ .m-contact .contactInfo{width:100%; height:auto;} .m-contact .contactInfo .map{width:500px; height:auto; float:left; margin-bottom:30px;} .m-contact .contactInfo .map img{width:100%; height:auto;} .m-contact .contactInfo .Info{width:400px; height:auto; padding:50px 0 0 80px; box-sizing:content-box; float:right; background:url(../images/contactBg.png) no-repeat;} .m-contact .contactInfo .Info h4{font-size:30px; color:#e39300; font-weight:normal; padding-bottom:15px;} .m-contact .contactInfo .Info p{width:100%; line-height:24px; padding-bottom:10px; font-size:14px; color:#666; box-sizing:content-box;} .m-contact .contactInfo .Info p:after{display:block; clear:both;} .m-contact .contactInfo .Info p b{width:15%; display:block; float:left;} .m-contact .contactInfo .Info p span{width:85%; display:block; float:left;} /*��ϵ��ʽ end */ /*��������*/ .m-message{width:1100px; height:auto; margin:20px auto; overflow:hidden; background:#fff;} /*����ͼƬ*/ .m-message .img{width:500px; height:auto; float:left;} .m-message .img img{width:500px; height:auto;} /*���Կ�*/ .m-message .messageCon{width:550px; height:auto; float:right; margin-right:20px;} .m-message .messageCon .title{width:100%; height:auto; padding-top:20px; margin-bottom:30px;} .m-message .messageCon .title h4{font-size:30px; font-family:"Times New Roman"; color:#e39300; font-weight:normal; padding-bottom:10px;} .m-message .messageCon .title h5{font-size:18px; color:#666; line-height:24px; font-weight:normal;} .m-message .messageCon .messageBox{width:100%; height:auto;} .m-message .messageCon .messageBox .text{width:550px; height:45px; box-sizing:border-box; border:1px dashed #e39300; background:rgba(0,139,214,.05); margin-bottom:10px;} .m-message .messageCon .messageBox .text i{display:block; float:left; width:59px; height:43px;} .m-message .messageCon .messageBox .text .i1{background:url(../images/messageIcon1.png) center no-repeat;} .m-message .messageCon .messageBox .text .i2{background:url(../images/messageIcon2.png) center no-repeat;} .m-message .messageCon .messageBox .text span{display:block; float:left; width:1px; height:20px; margin:12px 0; background:#ccc;} .m-message .messageCon .messageBox .text input{width:488px; height:20px; float:left; box-sizing:border-box; padding:0 15px; margin:12px 0; border:none; background:none;} .m-message .messageCon .messageBox .textarea{width:550px; height:120px; box-sizing:border-box; border:1px dashed #e39300; background:rgba(0,139,214,.05); margin-bottom:10px;} .m-message .messageCon .messageBox .textarea textarea{border:none; background:none; padding:10px 15px; line-height:25px;width: 550px;} .m-message .messageCon .messageBox .vCode{width:550px; height:45px; margin-bottom:20px;} .m-message .messageCon .messageBox .vCode input{border:1px dashed #e39300; background:rgba(0,139,214,.05); box-sizing:border-box; width:200px; height:45px; float:left; padding:12px 15px; line-height:25px;} .m-message .messageCon .messageBox .vCode p{width:80px; height:28px; float:left; margin:7px 20px;} .m-message .messageCon .messageBox .button{width:200px; height:45px;} .m-message .messageCon .messageBox .button input{width:200px; height:45px; background:#e39300; color:#fff; border:none; font-size:16px;} /* crumb ���м */ .m-crumb { width: 1150px; margin: 0 auto; padding:0; line-height: 25px;color: #666;} .m-crumb a {color: #666;} /* ����ҳ��ʽ */ .m-detail{ width: 1200px; margin: 0 auto; padding: 20px;} .m-article h1{font-size: 26px;color: #333;text-align: center;} .m-article img{ max-width: 100%; height: auto;} .m-article .time{line-height: 72px;border-bottom: 1px solid #999;text-align: center;margin-bottom: 25px;} .article-con{ line-height:2em;} /* kkpager ��ҳ��ʽ */ .m-pager{ width: 98%; margin: 0 auto;} #kkpager{clear:both;color:#999;padding:5px 0px 5px 0px;font-size:13px;} #kkpager a{float: left;border: 1px solid #ccc;display: inline;padding: 3px 10px 3px 10px;margin-right: 5px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;cursor: pointer;background: #fff;text-decoration:none;color:#999;} #kkpager span.disabled{float: left;display: inline;padding: 3px 10px 3px 10px;margin-right: 5px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border:1px solid #DFDFDF;background-color:#FFF;color:#DFDFDF;} #kkpager span.curr{float: left;border: 1px solid #e39300;display: inline;padding: 3px 10px 3px 10px;margin-right: 5px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background: #e39300;color: #fff;} #kkpager a:hover{border:1px solid #e39300;background-color:#e39300;color:#fff;} #kkpager span.normalsize{} #kkpager_gopage_wrap{position:relative;left:0px;top:0px;} #kkpager_btn_go{width:44px;height:18px;border:0px;overflow:hidden;line-height:140%;padding:0px;margin:0px;text-align:center;cursor:pointer;background-color:#e39300;color:#FFF;position:absolute;left:0px;top:-2px;-moz-border-radius: 3px;-webkit-border-radius: 3px;display:none;} #kkpager_btn_go_input{width:36px;height:18px;color:#999;text-align:center;margin-left:1px;margin-right:1px;border:1px solid #DFDFDF;position:relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;left:0px;top:0px;outline:none;} #kkpager_btn_go_input.focus{border-color:#e39300;} #kkpager .pageBtnWrap{float:left;} #kkpager .infoTextAndGoPageBtnWrap{float:right;} #kkpager .spanDot{float:left;margin-right:5px;} #kkpager .currPageNum{color:#FD7F4D;} #kkpager .infoTextAndGoPageBtnWrap{padding-top:5px;} /* ��վ��ҳ��ʽ */ .fullSlide{ width:100%; position:relative; height:340px; background:#ccc; } .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide .bd ul{ width:100% !important; } .fullSlide .bd li{ width:100% !important; height:480px; overflow:hidden; text-align:center; } .fullSlide .bd li a{ display:block; height:480px; } .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:18px; left:0; height:30px; line-height:30px; text-align:center; _background:#ccc; _filter:alpha(opacity=60); } .fullSlide .hd ul{ text-align:center; padding-top:5px; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:5px; background:#ff9600; border-radius: 50%; overflow:hidden; line-height:9999px; } .fullSlide .hd ul .on{ background:#fff; } .m-f{height: auto;overflow:hidden;margin:0 auto} .m-f .tits{min-height:100px;overflow:hidden;text-align:center;color:#787B7D;margin:45px 0 15px 0} .m-f .tits .font{color:#E39300} .m-f .tits .t1{font-size:28px;line-height:46px;padding:5px 0} .m-f .tits .t2{text-transform:uppercase;padding:0 0 5px;position:relative} .m-f .tits .t2:after{content:'';width:40px;height:1px;background:#E39300;position:absolute;bottom:0;left:50%;margin-left:-20px} .m-f .tits .t3{font-size:14px;padding:10px 0;margin-bottom:15px} .about_title_wrap{overflow:hidden} .m-f .about_title_wrap .tits{width:50%;float:left} .m-pdo{background:#fff url("../images/160722110414640216402259.jpg") no-repeat scroll center center / cover ;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .picScroll-left{overflow:hidden;position:relative} .picScroll-left .btns{position:absolute;top:50%;margin-top:-18px;z-index:999;width:20px;height:35px;background:#787B7D;color:#fff;text-align:center;line-height:35px;font-size:22px;-webkit-transition:ease-out .35s;-moz-transition:ease-out .35s;-o-transition:ease-out .35s;transition:ease-out .35s} .picScroll-left .btns:hover{background:#E39300} .picScroll-left .prev{left:0} .picScroll-left .next{right:0} .picScroll-left .bd{padding:10px 0 30px 0;} .picScroll-left .bd .tempWrap{margin:0 auto} .picScroll-left .bd ul{zoom:1} .picScroll-left .bd ul li{margin:0px 15px 15px 15px;float:left;overflow:hidden;width:260px;height:355px;background:#E7E7E7;position:relative} .picScroll-left .bd ul li:last-child {margin-right:0px;} .picScroll-left .bd ul li.ons .pic:after{width:100%;height:100%;left:0;top:0} .picScroll-left .bd ul li.ons .pic img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)} .picScroll-left .bd ul li.ons .ico{background-position:0 -48px} .picScroll-left .bd ul li.ons .name{color:#E39300} .picScroll-left .bd ul li.ons .more:after{border-width:0 165px 165px 0} .picScroll-left .bd ul li.ons .more:before{border-width:165px 0 0 165px} .picScroll-left .bd ul li .pic{width:250px;height:230px;margin:10px;overflow:hidden;position:relative} .picScroll-left .bd ul li .pic:after{content:'';width:0;height:0;position:absolute;top:50%;left:50%;background:rgba(0,0,0,.25);-webkit-transition:.45s;-moz-transition:.45s;-o-transition:.45s;transition:.45s} .picScroll-left .bd ul li .pic .img{width:100%;height:100%; background:no-repeat center center; background-size:cover; -webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;transition:.8s} .picScroll-left .bd ul li .name{padding:0 10px 10px;font-size:14px;line-height:45px;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s} .picScroll-left .bd ul li .more{display:block;width:90px;height:30px;text-align:center;line-height:30px;color:#fff;background:#787B7D;-moz-border-radius:6px;border-radius:6px;margin-left:10px;position:relative;overflow:hidden;z-index:22} .picScroll-left .bd ul li .more:after{content:'';width:0;height:0;position:absolute;z-index:-1;top:0;right:0;border-style:solid;border-width:0;border-color:transparent #E39300 transparent transparent;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s} .picScroll-left .bd ul li .more:before{content:'';width:0;height:0;position:absolute;z-index:-1;left:0;bottom:0;border-style:solid;border-width:0;border-color:transparent transparent transparent #E39300;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s} .picScroll-left .bd ul li .ico{width:40px;height:40px;overflow:hidden;background:url(../images/icon.png) no-repeat;background-position:0 0;position:absolute;top:0;right:0;z-index:999} .m-apla{height:660px; box-sizing:content-box; } .poster-main{width:1000px;height:350px;position:relative;margin:0 auto} .poster-main .poster-list{width:1000px;height:350px} .poster-main .poster-list .poster-item{width:255px;height:350px;padding:10px 0;background:#fff;position:absolute;left:0;top:0} .poster-main .poster-list li{} .poster-main .poster-list li.ons .box .ico1{background-position:0 -210px} .poster-main .poster-list li.ons .box .ico2{background-position:0 -412px} .poster-main .poster-list li.ons .box .ico3{background-position:0 -663px} .poster-main .poster-list li.ons .box .ico4{background-position:0 -930px} .poster-main .poster-list li.ons .box .ico5{background-position:0 -1211px} .poster-main .poster-list li.ons .box .ico6{background-position:0 -1479px} .poster-main .poster-list li.ons .box .ico7{background-position:0 -1726px} .poster-main .poster-list .poster-item .box{width:100%;height:90%!important;overflow:hidden;position:relative;-moz-box-shadow:0 3px 20px #BFBDBD;box-shadow:0 3px 20px #BFBDBD} .poster-main .poster-list .poster-item .name{line-height:38px;text-align:center;overflow:hidden;font-size:18px;padding-top:10px} .poster-main .poster-list .poster-item .box .ico{position:absolute;top:50%;left:50%;background:url(../images/icon.png) no-repeat;transition:.45s} .poster-main .poster-list .poster-item .box .ico1{width:70px;height:38px;margin-top:-19px;margin-left:-35px;background-position:0 -130px} .poster-main .poster-list .poster-item .box .ico2{width:80px;height:80px;margin-top:-40px;margin-left:-40px;background-position:0 -290px} .poster-main .poster-list .poster-item .box .ico3{width:80px;height:87px;margin-top:-43px;margin-left:-40px;background-position:0 -534px} .poster-main .poster-list .poster-item .box .ico4{width:101px;height:96px;margin-top:-49px;margin-left:-50px;background-position:0 -792px} .poster-main .poster-list .poster-item .box .ico5{width:79px;height:101px;margin-top:-50px;margin-left:-40px;background-position:0 -1068px} .poster-main .poster-list .poster-item .box .ico6{width:80px;height:83px;margin-top:-42px;margin-left:-40px;background-position:0 -1354px} .poster-main .poster-list .poster-item .box .ico7{width:56px;height:80px;margin-top:-40px;margin-left:-28px;background-position:0 -1604px} .poster-main .poster-btn{position:absolute;top:0;z-index:10;cursor:pointer} .poster-main .poster-prev-btn{left:0} .poster-main .poster-next-btn{right:0} .poster-main .poster-btn span{display:block;width:20px;height:35px;line-height:35px;text-align:center;background:#787B7D;color:#fff;font-size:18px;position:absolute;top:50%;margin-top:-18px;-webkit-transition:.35s;-moz-transition:.35s;-o-transition:.35s;transition:.35s} .poster-main .poster-btn span:hover{background:#E39300} .poster-main .poster-prev-btn span{left:-80px} .poster-main .poster-next-btn span{right:-80px} .m-content_navi{width:100%} .m-content_navi ul{padding:0 20px;padding-left:50px} .m-content_navi li{float:left;border-radius:3px;padding:3px 8px;border:1px solid #ccc;text-align:center;height:25px;line-height:25px;margin:0 20px 10px 0} .m-content_navi li a{color:#666} .m-content_navi li:hover a{color:#fff} .m-content_navi li:hover{background:#e39300} .m-yus{height:600px;-moz-background-size:cover;-o-background-size:cover;background-size:cover; background:rgba(0, 0, 0, 0) url("../images/160722110416343313433721.jpg") no-repeat scroll center center / cover ;} .m-yus .tits{color:#fff} .m-yus .container{padding:0; width:1200px;} .m-yus .cont{overflow:hidden;margin-top:10px} .m-yus .cont li{position:relative;width:215px;float:left;margin:0 12px} .m-yus .cont li span{position:absolute;width:1px;background:#888;height:212px;right:-7px;top:30px} .m-yus .cont li:last-child span{display:none} .m-yus .cont li .ico{width:150px;height:150px;overflow:hidden;text-align:center;line-height:150px;font-size:40px;color:#fff;background:url(../images/icon.png) no-repeat;background-position:0 -2040px;margin:0 auto 15px} .m-yus .cont li .ico_over{width:150px;height:150px;overflow:hidden;text-align:center;line-height:150px;font-size:40px;color:#fff;background:url(../images/icon.png) no-repeat;background-position:0 -1848px;margin:0 auto 15px} .m-yus .cont li:last-child .ico{font-size:40px} .m-yus .cont li .desc{margin-top:35px;text-align:center;line-height:26px;color:#fff;-webkit-transition:.35s;-moz-transition:.35s;-o-transition:.35s;transition:.35s} .m-yus .cont li.ons .ico{background-position:0 -2040px} .m-yus .cont li.ons .desc{color:#E39300} .m-about{height:630px} .m-about .container{padding:0; width:1200px;} .m-about .cont{overflow:hidden} .m-about .cont .video{width:455px;height:332px;background:url(../images/pwp.png) no-repeat;float:right;margin-top:10px;margin-left:30px} .m-about .cont .video .vb{width:410px;height:270px;margin-top:28px;margin-left:22px;overflow:hidden} .m-about .cont .int{width:670px;height:300px;overflow:hidden;margin-top:25px;float:left;font-size:16px;line-height:34px;color:#787B7D;float:left} .m-about .cont .int li{overflow:hidden;width:325px;margin-right:10px;margin-bottom:10px;background:#fff;float:left} .m-about .cont .int li:hover{background:#eee} .m-about .cont .int li .img{width:90px;height:90px;overflow:hidden;padding:5px;float:left} .m-about .cont .int li .img a{ display:block;width:100%;height:100%; background:no-repeat center center; background-size:cover;} .m-about .cont .int li .img img{width:90%;height:90%;} .m-about .cont .int li .rg{float:right;width:64%;margin-left:15px} .m-about .cont .int li .rg .name{line-height:40px;height:40px; width:95%; overflow:hidden;font-size:13px} .m-about .cont .int li .rg .desc{font-size:12px;line-height:22px; height:44px; overflow:hidden;} .Emenu{ width:100%; background:#FFFFFF; border-bottom:1px solid #ccc; height:55px;} .Emenu .bigbox{ width:auto;height:55px; margin:0 auto; text-align:center; line-height:55px;} .Emenu .bigbox ul{ text-align: center;} .Emenu .bigbox li{ position: relative;bottom: -1px;display: inline-block; padding:0 20px;} .Emenu .bigbox li a{display:inline-block;margin:0;padding:0 5px;height:53px;color:#555;line-height:53px;} .Emenu .bigbox li a:hover{background:#fff;color:#ff6501;border-bottom:2px solid #ff6501; height:53px;} .Emenu .bigbox li.True a{background:#fff;color:#ff6501;border-bottom:2px solid #ff6501; height:53px;} .navon{background:#fff;color:#ff6501;border-bottom:2px solid #ff6501;} .Emenutitle{ font-size:20px; border-right:1px solid #ccc;} /*= Global style =*/ .g-container{ width: 1200px; margin:0 auto; overflow: hidden; padding: 30px 0;} .g-detals { position:relative; min-height:300px; overflow:hidden; background:#fff; border:1px solid #ccc; border-top:0; padding:20px 0 0;} .g-detals .block-content { overflow:hidden; padding:0 20px 10px;line-height:24px;} .g-detals .block-content p{ margin-bottom:0.5em; line-height:2em; } /*.g-detals .block-content img{ max-width:100%; height:auto;}*/ #main3 .right_chanpin{ width:780px; float:right; height:auto;} #main3 .right_con_cp{ width:780px; height:auto; border:1px solid #dcdcdc; border-top:0px; margin:0 auto;} #main3 .right_con_cp ul { width:740px; margin:0 auto; padding-top:20px;} #main3 .right_con_cp ul li{ border-bottom:1px #dcdada dotted; line-height:38px; height:38px;} #main3 .cpjian{ width:740px; height:auto;padding-top:20px; padding-bottom:10px; margin:0 auto;border-bottom:1px solid #d5d5d5;} #main3 .right_con_cp ul li a{ color:#545353;} #main3 .cpjian p{ line-height:20px; color:#504f4f;} #main3 .right_con_cp ul li span{ float:right; color:#797878;} #main3 .chanpi_warp{ float:left; overflow:hidden; width:548px; height:175px; border-bottom:1px dotted #d5d5d5; margin:15px auto; margin:15px; position:relative; } #main3 .cpjian p{ line-height:20px; color:#504f4f;} #main3 .chanpin_tuone{ width:180px; height:122px; border:1px solid #e6e5e5; overflow:hidden; float:left;}#main3 .chanpin_tuone a{ display:block;width:180px; height:122px; background: no-repeat center center; background-size:cover;} #main3 .chanpi_warp .chan_jies{ width:350px; height:133px; overflow:hidden; float:left; margin-left:15px; } #main3 .chanpi_warp .chan_jies p{ color:#5c5b5b; font-size:12px; height:72px; overflow:hidden; text-indent:2em;} #main3 .chan_jies span{ display:block; height:24px; overflow:hidden; line-height:24px; font-size:15px; font-weight:bold; color:#5c5b5b; clear:both;} #main3 .chan_jies a:hover span{color:#e39300 } #main3 .chan_jies p{ margin-top:10px; color:#5c5b5b; line-height:24x;} #main3 .more_a{ width:100px; height:40px; position:absolute; left:196px; bottom:20px;} #main3 .more_a a{ color:#e39300; text-indent:0; display:block; background:url(../images/morebg.png) no-repeat; font-size: 14px;height: 23px;line-height: 23px; padding: 0 0 0 15px; text-align: left;width: 105px;} /* news detail */ .m-news_intro{ display:none; font-size:14px; line-height:2em; width:90%; margin:10px auto; background:#f5f5f5; border:1px solid #e5e5e5; text-indent:2em; padding:3px 10px;} .i-news_detail .m-news_intro{ display:none;} .article-content a{ text-decoration: none;} .m-news_meta{ margin:15px 0; font-size:12px; text-align:center;} .m-news_meta span{ display:inline-block; margin-left:10px;} .article-head{ text-align:center;} .article-head h1{ font-size:36px} /* ��ҳ���� */ .g-leftbar{ width:220px; float:left;} .g-main_content{ width:930px; padding:0 15px 10px; float:right;} .article-head h1{ font-size:24px;} /* ��ҳ������ */ /* ��ҳ���� ��ʽ */ .m-left_column01{ overflow:hidden; width:191px; margin-left:23px; z-index:999999999999999;} .m-left_column01 .left_column_top{ display:none; height:6px; background: url(../images/topSb_nav.jpg) no-repeat top center;} .m-left_column01 .title{ border-bottom: 1px solid #ccc; color: #e39300; font-size: 24px; height: 35px; line-height: 35px; text-align: left; width: 100%;} /*.m-left_column01 .title:after{content: '';width: 100%;height: 50px;position: absolute;top: 0;left: 0;background: url(../images/tts-bg.png) no-repeat top center;z-index: -1;} .m-left_column01 .title:before{content: '';width: 100%;height: 50px;background: url(../images/sb.jpg) repeat-y top center;position: absolute;top: 0;left: 0;z-index: -1;}*/ .m-left_column01 .title span{ font-size:14px;} .m-left_column01 .left_column_bd{} .m-left_column01 .left_column_bottom{width:100%; margin-top:20px; min-height:20px; overflow:hidden;} .m-left_column01 .left_column_bottom .tit{ border-bottom: 1px solid #ccc; color: #e39300; font-size: 24px; height: 35px; line-height: 35px; text-align: center; width: 100%;} .m-left_column01 .left_column_bottom p{line-height:22px; font-size:12px; overflow:hidden; padding:4px 0px; margin:0;} .m-left_column01 .left_column_bottom p i{ width:18px; text-align:center;} .m-left_column01 .left_column_bottom .fmk{ display:none; height:28px; overflow:hidden; background:url(../images/sb_nav.jpg) no-repeat top center;} /* m-menu-list-simple */ .m-left_column01 .m-menu-list-simple{ padding:5px 0 5px 0px;} .m-left_column01 .m-menu-list-simple li{ border-bottom: 1px solid #ccc; height: 35px; line-height: 35px; width: 100%;} .m-left_column01 .m-menu-list-simple li a{ } .m-left_column01 .m-menu-list-simple li a:hover{} .m-left_column01 .m-menu-list-simple .True a{ color: #e39300;} .m-left_column01 .m-menu-list-simple a.cur{ color: #e39300;} /* .m-left_column01 .m-menu-list-simple .True a{ background:#E39300 url(../images/ico_nowchannel.png) center right no-repeat;}*/ /* ���м */ .m-scrub{ overflow:hidden; color:#787878; height:35px; line-height:35px;padding-left:35px; background: #f4f4f4; border:1px solid #ccc;} .m-scrub a{ color:#787878;} .m-scrub .links{ float:left; width:70%;} .m-scrub .tohome{ width:70px; float:right; border-left:1px solid #e3e3e3; text-align:center;} /* thumb_show ��������ͼ */ .thumb_show{ display:none; width:100%;} .thumb_show img{ width:100%; height:auto;} /* news_list base */ .m-list-table{ overflow:hidden;} .m-list-table li{ padding-left:20px; background:url(../images/ico_news_list01.png) center left no-repeat; border-bottom:1px dashed #c6c6c6; margin-bottom:12px; line-height:26px;} .m-list-table li span{ text-align:left; display: inline-block;} .m-list-table li .category{ width:90px;} .m-list-table li .date{float:right; font-size:12px; color:#999;} .m-list-table li .category a{ color:#683a1c;} /* news detail */ .m-news_intro{ font-size:14px; line-height:2em; width:90%; margin:10px auto; background:#f5f5f5; border:1px solid #e5e5e5; text-indent:2em; padding:3px 10px;} .i-news_detail .m-news_intro{ display:none;} .m-news_meta{ margin:15px 0; font-size:12px; text-align:right;} .m-news_meta span{ display:inline-block; margin-left:10px;} m-news_meta .article-content{ padding:20px;} .pro_list .pro_li{ float:left; width:380px; border-bottom:dashed 1px #c9c9c9; padding-bottom:25px; margin-top:25px;} .fle{ float:left;} .pro_list .pro_li img{ border:solid 1px #e1e1e1; margin:0px 12px 0px 12px;} .pro_list .pro_li h3 a{ text-decoration:none;} .pro_list .pro_li h3 a:hover{ color:#e39300; text-decoration:none;} .pro_list .pro_li span{ line-height:22px; display:inline-block; margin-top:5px; width:183px; height:110px; overflow:hidden;} .g-main_content .main_content_bottom{ display:none;/* height:90px; overflow:hidden; background:url(../images/eembg.jpg) no-repeat top center;*/} #main2 .chanpi_warp{ width:740px; height:175px; border-bottom:1px dotted #d5d5d5; margin:15px auto; } #main2 .cpjian p{ line-height:20px; color:#504f4f;} #main2 .chanpin_tuone{ width:205px; height:156px; border:1px solid #e6e5e5; overflow:hidden; float:left;}#main2 .chanpin_tuone a{ display:block; width:100%; height:100%; background:no-repeat center center; background-size:cover} #main2 .chanpi_warp .chan_jies{ width:500px; height:146px; float:left; margin-left:15px; padding-top:10px;} #main2 .chanpi_warp .chan_jies p{ color:#5c5b5b; text-indent:2em;} #main2 .chan_jies span{ display:block; line-height:24px; font-size:15px; font-weight:bold; color:#5c5b5b; clear:both;} #main2 .chan_jies a:hover span{color:#e39300 } #main2 .chan_jies p{ margin-top:10px; color:#5c5b5b; line-height:24x;} #main2 .chan_jies p a{ color:#e39300; background: rgba(0, 0, 0, 0) url("../images/morebg.png") no-repeat scroll 0 0; color: #e39300;display: block;font-size: 14px;height: 23px;line-height: 23px;padding: 0 0 0 15px;text-align: left;text-indent: 0;width: 105px;} #main2 .gnmd{ padding-left:10px; line-height:40px; overflow:hidden; border-bottom:1px dashed #ccc;} #main2 .gnmd i{font-size:16px; margin-right:12px;color:#E39300;width:11px; height:16px;} .fa-thumb-tack{ background:url(../images/icon_xz.png) no-repeat left bottom;height:15px;} #main2 .gnmd:hover{ background:#ddd;} .gradientLine { background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #fff, #ddd, #ccc, #ddd, #fff) repeat scroll 0 0;height: 1px;margin: 0 auto 25px;min-width: 30px;} /*= product list 01 =*/ .m-list-product01{ height:auto; overflow:hidden;} .m-list-product01 li{ width:283px; padding:4px; height:auto; float:left; overflow:hidden; margin-right:9px;_margin-right:6px; margin-bottom:20px;_margin-top:10px; border:1px solid #ccc;} .m-list-product01 li:hover{ border:1px solid #E39300;} .m-list-product01 li .thumb{overflow:hidden; position:relative;} .m-list-product01 li .thumb .img{ width:273px; height:228px; background:no-repeat center center; background-size:contain;} .m-list-product01 li .ercode_img{ display:none; position:absolute; right:2px; bottom:0; width:80px; height:80px;opacity: 0.9; text-align:center; color:#777; background:rgba(255,255,255,.5);} .m-list-product01 li:hover .ercode_img{ display:block;} .m-list-product01 li .ercode_img img{ width:80px; height:80px; border: 1px solid #ccc;border-radius: 6px;} .m-list-product01 li .des{ position:relative; padding:8px 0;} .m-list-product01 li .des p{ margin-bottom:0; height:24px; overflow:hidden} .m-list-product01 li .des p a{ border-bottom:1px solid #eee;} .m-list-product01 li .more{ display:block; background: rgba(0, 0, 0, 0) url("../images/morebg.png") no-repeat scroll center center;color: #333;font-size: 14px;height: 23px;line-height: 23px;padding: 0 0 0 19px;text-align: left;width: 120px; margin-top:4px;} .m-list-product01 .hover .more{ background:#f66003} .m-list-product01 .description{ display:none; font-size:12px; color:#aaa; line-height:20px;} .m-list-product01 .meta_product{ font-size:12px; color:#aaa; line-height:20px;} .m-list-product01 .price{ display:none; width:100px; position:absolute; left:10px; bottom:5px; font-size:18px; font-family:Verdana, Helvetica, sans-serif;} .m-f m-yus .container{ width:1200px; margin:0 auto;} .i-product_detail .m-new-intro{ overflow:hidden;} .i-product_detail .m-new-intro .mleft{ width:554px; float:left; } .i-product_detail .m-new-intro .mleft img{ border-radius:5px; overflow:hidden;} .i-product_detail .m-new-intro .mright{ width:278px; float:right; font-size:14px; text-align:left; line-height:2em; color:#444;} .i-product_detail .m-new-intro .mright h6 { font-size:16px; font-weight:bold; color:#000;} .i-product_detail .m-new-intro .mright h6 span { font-size:20px; color:#FF0000} .gradientLine{height:1px; min-width:30px;margin:0 auto; margin-bottom:25px;background:#fe5b56;background:linear-gradient(left,#fff,#ddd,#ccc,#ddd,#fff);background:-moz-linear-gradient(left,#fff,#ddd,#ccc,#ddd,#fff);background:-webkit-linear-gradient(left,#fff,#ddd,#ccc,#ddd,#fff);background:-o-linear-gradient(left,#fff,#ddd,#ccc,#ddd,#fff)} .i-product_detail .article-content{ padding:20px 0;} .i-product_detail .article-content strong{ background-color: rgb(255, 192, 0);} .mproductleft a{ display:inline-block} .mproductleft .img{ width:266px; height:186px; margin-right:16px; display:inline-block; background:no-repeat center center; background-size:contain;} hr{ background: rgba(0, 0, 0, 0) url("../images/hr.png") repeat-x scroll 0 0;clear: both;height: 7px;border:0; margin-bottom: 30px;margin-top: 30px;} .m-footbar{ width:600px; margin:15px auto; overflow:hidden;} .m-footbar li{ width:200px; float:left; text-align:center;} .m-footbar li i{ width:66px; height:66px; line-height:66px; color:#F60; font-size:35px; border:1px solid #bbb; border-radius:100%;} .m-footbar li a{ color:#787878;} .m-footbar li:hover i{ background:#F60; color:#fff; border:1px solid #f60;} .m-footbar li:hover a{color:#444;} /* Preload images */ body:after{display:none;content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);} .lightboxOverlay{display:none;position:absolute;top:0;left:0;z-index:9999;background-color:black; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80) ;opacity:0.8; } .lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:normal;line-height:0;text-align:center;} .lightbox .lb-image{display:block;max-width:inherit;height:auto;border-radius:3px;} .lightbox a img{border:none;} .lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:white; *zoom:1; } .lb-outerContainer:after{content:"";display:table;clear:both;} .lb-container{padding:4px;} .lb-loader{position:absolute;top:43%;width:100%;left:0;height:25%;line-height:0;text-align:center;} .lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat;} .lb-nav{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;} .lb-container > .nav{left:0;} .lb-nav a{background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');outline:none;} .lb-prev, .lb-next{display:block;height:100%;cursor:pointer;} .lb-nav a.lb-prev{left:0;float:left;width:34%;background:url(../images/prev.png) left 48% no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; -webkit-transition:opacity 0.6s; -moz-transition:opacity 0.6s; -o-transition:opacity 0.6s; transition:opacity 0.6s; } .lb-nav a.lb-prev:hover{ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; } .lb-nav a.lb-next{right:0;float:right;width:64%;background:url(../images/next.png) right 48% no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; -webkit-transition:opacity 0.6s; -moz-transition:opacity 0.6s; -o-transition:opacity 0.6s; transition:opacity 0.6s; } .lb-nav a.lb-next:hover{ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; } .lb-dataContainer{width:100%;margin:0 auto;padding-top:5px;border-bottom-left-radius:4px;border-bottom-right-radius:4px; *zoom:1; } .lb-dataContainer:after{content:"";display:table;clear:both;} .lb-data{padding:0 4px;color:#ccc;} .lb-data .lb-details{float:left;width:85%;line-height:1.1em;text-align:left;} .lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em;} .lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999;} .lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:none; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity:0.7; -webkit-transition:opacity 0.2s; -moz-transition:opacity 0.2s; -o-transition:opacity 0.2s; transition:opacity 0.2s; } .lb-data .lb-close:hover{cursor:pointer; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; } .prism-player .prism-big-play-btn{width:90px;height:90px;background:url(../images/TB1YuE3KFXXXXaAXFXXXXXXXXXX-256-512.png) -2px -2px no-repeat}.prism-player .prism-play-btn{width:27px;height:30px;background:url(../images/TB1YuE3KFXXXXaAXFXXXXXXXXXX-256-512.png) -2px -250px no-repeat}.prism-player .prism-live-display{width:56px;height:19px;background:url(../images/TB1YuE3KFXXXXaAXFXXXXXXXXXX-256-512.png) -186px -2px no-repeat}.prism-player .prism-play-btn.playing{width:27px;height:30px;background:url(../images/TB1YuE3KFXXXXaAXFXXXXXXXXXX-256-512.png) -208px -269px no-repeat}.prism-player .prism-fullscreen-btn{width:30px;height:30px;background:url(../images/TB1YuE3KFXXXXaAXFXXXXXXXXXX-256-512.png) -124px -190px no-repeat}.prism-player .prism-fullscreen-btn.fullscreen{width:30px;height:30px;background:url(../images/TB1YuE3KFXXXXaAXFXXXXXXXXXX-256-512.png) -161px -183px no-repeat}.prism-player .prism-volume{width:33px;height:30px;background:url(../images/TB1YuE3KFXXXXaAXFXXXXXXXXXX-256-512.png) -199px -119px no-repeat}.prism-player .prism-volume.mute{width:33px;height:30px;background:url(../images/TB1YuE3KFXXXXaAXFXXXXXXXXXX-256-512.png) -164px -151px no-repeat}.prism-player{background-color:#000;position:relative}.prism-player .prism-cover{width:100%;height:100%;background-color:#000;background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;top:0;left:0}.prism-player .prism-controlbar{width:100%;height:61px;position:relative;z-index:1}.prism-player .prism-controlbar .prism-controlbar-bg{background-color:#262626;width:100%;height:50px;position:absolute;bottom:0;left:0;z-index:-1}.prism-player .prism-time-display{height:33px;line-height:33px;color:#666}.prism-player .prism-time-display .current-time{color:#fff}.prism-player .prism-progress{width:100%;height:6px;margin-top:5px;background-color:#363636;position:relative}.prism-player .prism-progress .prism-progress-loaded{position:absolute;top:0;left:0;width:0;height:100%;background-color:#7e2c1f}.prism-player .prism-progress .prism-progress-played{position:absolute;top:0;left:0;width:0;height:100%;background-color:#ee2a10}.prism-player .prism-progress .prism-progress-cursor{position:absolute;width:8px;height:8px;top:-5px;left:0;margin-left:-8px;background-color:#5b5b5b;border:4px solid #fff;border-radius:8px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;overflow:hidden;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}:-webkit-full-screen{width:100%!important;height:100%!important}:-moz-full-screen{width:100%!important;height:100%!important}:-ms-full-screen{width:100%!important;height:100%!important}:-ms-fullscreen{width:100%!important;height:100%!important}:fullscreen{width:100%!important;height:100%!important}body.prism-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.prism-fullscreen{position:fixed;overflow:hidden;z-index:99999;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important} .custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;} .scrollsidebar{position:fixed; z-index:999; top:50%; margin-top:-47px;} .side_content{width:154px; height:auto; overflow:hidden; float:left; } .side_content .side_list {width:154px;overflow:hidden;} .show_btn{ display:none; width:28px; line-height:300px; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;} .show_btn span {} .close_btn{width:24px;height:24px;cursor:pointer;} .side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;} .side_title {height:46px;} .side_bottom { height:8px;} .side_center { padding:5px 12px; font-size:12px;} .close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;} .close_btn span { display:none;} .side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;} .other { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd} .other img{width:120px;height:120px;} .other p { padding:5px 0; _height:16px; margin:0;color: #666666;} /* blue skin as the default skin */ .side_title, .side_blue .side_title {background-position:-195px 0;} .side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;} .side_bottom, .side_blue .side_bottom {background-position:-195px -50px;} .close_btn, .side_blue .close_btn {background-position:-44px 0;} .close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;} .show_btn , .side_blue .show_btn {background-position:-119px 0;} .msgserver a, .side_blue .msgserver a {color:#06C;} /* green skin */ .side_green .side_title {background-position:-349px 0;} .side_green .side_center {background:url(../images/green_line.png) repeat-y center;} .side_green .side_bottom {background-position:-349px -50px;} .side_green .close_btn {background-position:-44px -23px;} .side_green .close_btn:hover {background-position:-66px -23px;} .side_green .show_btn {background-position:-147px 0;} .side_green .msgserver a {color:#76a20c;} /*===============��Ʒ����===============*/ .product li{width:256px;height:200px; float:left; overflow:hidden; text-align:center; margin-bottom:20px; margin-right:19px;} .product ul{padding-bottom:20px; overflow:hidden;} .product li.r{margin-right:0px;} .product li img{width:250px;height:170px;border:1px solid #ccc; padding:2px;} .product p{font-size:12px; color:#555555; margin-top:10px;} .product li:hover img{border:2px solid #e39300;} .product li:hover p{ color:#e39300;} /*===============��ҳ===============*/ .fenye.r{border:none; margin-top:15px;} .fenye{overflow:hidden; border-top:1px solid #dedede; margin-top:40px; padding-top:20px;} .fenye p{float:left; margin-right:20px; max-width:100px;line-height:30px;vertical-align:middle; font-size:12px; color:#666666;} .pagediv{height:30px; float:right;line-height:30px;vertical-align:middle;text-align:center;} .pagediv a{width:30px;height:30px;display:block;float:left;margin-left:8px;font-size:12px;color:#666666;background:#efefef;} .pagediv a:hover{background:#E39300;} .pagediv a:hover{color:#ffffff;} .pagediv .s,.pagediv .x{width:56px;} .pagediv .f,.pagediv .n{width:43px;} .pages { padding: 30px 0 30px; text-align: center } .pages li { display: inline; margin: 0 2px; font-size: 12px } .pages li.thisclass, .pages a:hover { padding: 3px 8px; border: 1px solid #E39300; background: #E39300; color: #fff; text-decoration: none } .pages a { padding: 3px 8px; border: 1px solid #CCC; background: #fff; color: #A4A4A4; line-height: 18px; font-size: 12px } .tiao{height:30px;border:1px dotted #dcdcdc;border-right:none;border-left:none;background:#fcfcfc;text-align:center;line-height: 33px;margin-top:1cm; margin-bottom:20px;} .tiao a{font-size:12px;color:#333333;} .tiao a:hover{ text-decoration:underline;} .tiao span.t{color:#666666;} .tiao span.t:hover{color:#016db7;} .products_bottom{overflow:hidden; padding-top:45px; clear:both;} .products_bottom h4{font-size:14px; color:#666666; padding-top:10px; font-weight:bold; border-bottom:1px solid #dcdcdc; padding-bottom:10px;} .fooot{width:100%; text-align:center;border-top: solid 1px #dedede; background:#f2f2f2;} .foootx{width:1200px;height:300px;margin:0px auto 10px auto; text-align:left; overflow:hidden;} .foootx h3{ border-bottom:1px solid #012971; padding-bottom:10px; color:#FFF;color:#333; font-size:15px;} .foootx h3 a{color:#333; line-height:26px;} .foootx h3 a:hover{color:#333;} .foootx h3 em{ float:right; font-size:12px;} .foootx ul{ margin:0px; padding:10px 0px 0px;color:#333;} .foootx ul li{ float:left} .foootx ul li.foootyw{ width:365px; overflow:hidden;} .foootx ul li.foootyw p{ width:320px; padding-top:25px; line-height:13px;} .foootx ul li.foootyw p span{ float:left; width:155px;} .foootx ul li.foootyw p a{color:#333; display:block; font-size:12px;} .foootx ul li.foootyw p a:hover{color:#000} .foootx ul li.foootys{ width:410px;overflow:hidden; padding-left:20px;} .foootx ul li.foootys p{ width:350px; padding-top:25px;; line-height:13px; } .foootx ul li.foootys p span{ float:left; width:200px;} .foootx ul li.foootys p a{color:#333; display:block; font-size:12px;} .foootx ul li.foootys p a:hover{color:#333} .foootx ul li.foootabout{ width:415px;overflow:hidden; padding-left:20px;} .foootx ul li.foootabout p{padding-top:25px;color:#333; font-size:12px; line-height:24px;} .foootx dl{ margin:0px; padding:0px; height:260px;} .foootx dl dd{ float:left; width:507px;} .foootx dl dd p{ margin:0px; padding:25px 0px 0px;} .foootx dl dd p span{ display:inline-block; height:31px; line-height:31px; font-size:14px; color:#333;} .foootx dl dd p span.ywdh{ background:url(../webimages/index_356.png) no-repeat; padding-left:40px;} .foootx dl dd p span.ywdh em{ font-family:Arial, Helvetica, sans-serif; padding:0px 40px 0px 10px; color:#dadada;} .foootx dl dd p span.ywdh em b{color:#e60012; font-size:22px;font-weight:normal;} .foootx dl dd p span.ywdh em i{ font-size:22px;} .foootx dl dd p span.ywqq{ background:url(../webimages/index_357.png) no-repeat; padding-left:40px; width:230px} .foootx dl dd p span.ywqq em{ padding-right:7px;} .foootx dl dd p span.czdh{ background:url(../webimages/index_358.png) no-repeat; padding-left:40px;} .foootx dl dd p span.czdh em{ padding-right:21px;} .foootx dl dd p span.yxdz{ background:url(../webimages/index_359.png) no-repeat; padding-left:40px; width:230px} .foootx dl dd p span.yxdz em{ padding-right:15px;} .foootx dl dd p span.shqq{ background:url(../webimages/index_357.png) no-repeat; padding-left:40px;} .foootx dl dd p span.shqq em{ padding-right:7px;} .foootx dl dd a{color:#333;} .foootx dl dd a:hover{ color:#000;} .foootx dl dt{ float:right; width:618px; line-height:22px;} .foootx dl dt p{ font-size:13px; color:#333; padding-top:12px;} /*===============主页第五部分===============*/ .zy_five{padding:25px 0px 45px 0px; overflow:hidden; background:#f8f8f8;} .five_left{width:820px; float:left;position:relative;} .five_left h2{overflow:hidden; padding-bottom:12px;} .five_left h2 em{font-size:20px; color:#333333; font-weight:bold; display:block; float:left;} .five_left h2 a{display:block; float:right; width:18px; height:18px; background:url(../images/jia.png) no-repeat center;-webkit-transition: all 0.5s ease-in-out;} .five_left h2 a:hover{background:url(../images/jia_h.png) no-repeat center;} .sorllMenus_ny{overflow:hidden; background:#ffffff; padding:35px 0px;} .sorllMenus{width:700px; margin:auto;overflow:hidden;position:relative;} .sorllMenus li{overflow:hidden;float:left; width:270px;} .five_left .btns{z-index:11;} .five_left .btns .btn_ls{width:32px;height:32px;position: absolute; top:185px;z-index: 2;left:0px;background:url(../images/btn_l.jpg) no-repeat;} .five_left .btns .btn_ls:hover{background:url(../images/btn_lh.jpg) no-repeat;} .five_left .btns .btn_rs{width:32px;height:32px;position: absolute; top:185px;right:0px;z-index: 1;background:url(../images/btn_r.jpg) no-repeat;} .five_left .btns .btn_rs:hover{background:url(../images/btn_rh.jpg) no-repeat;} .five_right{overflow:hidden; width:355px; float:right; position:relative;} .five_right h2{overflow:hidden; padding-bottom:12px;} .five_right h2 em{font-size:20px; color:#333333; font-weight:bold; display:block; float:left;} .five_right h2 a{display:block; float:right; width:18px; height:18px; background:url(../images/jia.png) no-repeat center;-webkit-transition: all 0.5s ease-in-out;} .five_right h2 a:hover{background:url(../images/jia_h.png) no-repeat center;} .sorllMenu_ny{overflow:hidden; background:#ffffff; padding:35px 0px;} .sorllMenu{width:250px; margin:auto;overflow:hidden;position:relative;} .sorllMenu li{overflow:hidden;float:left; width:250px; text-align:center} .five_right .btn{z-index:11;} .five_right .btn .btn_l{width:32px;height:32px;position: absolute; top:185px;z-index: 2;left:0px;background:url(../images/btn_l.jpg) no-repeat;} .five_right .btn .btn_l:hover{background:url(../images/btn_lh.jpg) no-repeat;} .five_right .btn .btn_r{width:32px;height:32px;position: absolute; top:185px;right:0px;z-index: 1;background:url(../images/btn_r.jpg) no-repeat;} .five_right .btn .btn_r:hover{background:url(../images/btn_rh.jpg) no-repeat;} .main{width:1200px;margin:auto;overflow:hidden;} /*===============banner第一部分===============*/ .banner1{height:130px; overflow:hidden; padding-top:50px; width:100%;} .banner1 h2{width:530px; text-align:left; float:left; overflow:hidden; font-size:32px; color:#fefefe;} .banner1 h2 span{display:block; font-size:20px; padding-bottom:8px;} .banner1_right{width:250px; float:right; margin-right:60px;} .banner1_right h3{font-size:12px; color:#ffffff; margin-bottom:12px;} .banner1_right h3 em{font-size:20px;} .banner1_right a{display:block; float:left; border-radius:5px; width:107px; height:34px; line-height:34px; margin-right:20px; vertical-align:middle; text-align:center; background:#272727; font-size:12px; color:#fff;-webkit-transition: all 0.5s ease-in-out;} .banner1_right a.r{margin-right:0px;} .banner1_right a:hover{background:#016db7;} /*===============banner===============*/ .flexslider{position:relative;overflow:hidden;*height:340px;} .flexslider .slides li a{display: block;} .flex-direction-nav a{position:absolute;top:50%;width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat; z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s ease;} .flex-direction-nav .flex-next{background-position:0 -90px;right:0;} .flex-direction-nav .flex-prev{left:0;} .flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);} .flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);} .flex-control-nav{position:absolute;bottom:25px; left:50%; margin-left:-50px;} .flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;} .flex-control-paging li a{width:20px;height:20px; vertical-align:middle; text-align:center;background:#3d3d3d;display:block;overflow:hidden;cursor:pointer; line-height:20px;font-size:12px;color:#fff;} .flex-control-paging li a.flex-active{background:#fff; color:#3d3d3d; line-height:20px} /*===============热搜词===============*/ .research{width:100%; height:58px; vertical-align:middle; text-align:center; line-height:58px; background:#ffffff; overflow:hidden; clear:both} .research h2{float:left; font-size:14px; color:#666666; font-weight:bold;} .research p{float:left; font-size:14x; color:#888888; padding:0px 10px 0px 5px;}