@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body {max-width:1920px;width:100%;color:#333;font-size:14px;margin:0 auto;font-family: Microsoft YaHei,PingFang-SC-Regular,PingFang SC Light,Helvetica Neue,Helvetica,Hiragino Sans GB,SimSun,sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var{ font-style:normal;}
a{color:#333;text-decoration:none;cursor: pointer;margin:0;padding:0;}
a:hover{cursor:pointer;text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());}
*:focus{outline:0;}
fieldset,img{border:none;max-width:100%;}
ol,ul,li{list-style:none;}
input, textarea, select, button {outline:none;}
table{border-collapse:collapse;border-spacing:0;}
textarea{resize:none;}
.clearfix {*zoom:1;clear:both;}
.title{width:1200px;height: 35px;line-height: 35px;text-align: center;font-size: 26px;font-weight: bold;}
#toup{width:50px;height: 50px;background-color: #edac07;border-radius: 5px;text-align: center;position: fixed;right: 15px;bottom:50px;cursor: pointer;opacity: 0.6;}
#toup img{width:21px;margin-top: 12px;}
.black80{position: fixed;z-index:99;top:0;left: 0;background-color: rgba(0,0,0,0.6);display: none;width:100%;height: 100%;}
.bannerimg{width:100%;}
.bannerimg img{width:100%;height: auto;display: block;}

/*header*/
.header{width:100%;height: 90px;position: fixed;top:0;left:0;box-shadow: 0 10px 15px 0 rgba(0,0,0,.07);background-color: #fff;z-index: 9999;}
.header .nav{width:1260px;height: 90px;margin:0 auto;position: relative;}
.header .logo{width:250px;height: 90px;margin-top:20px;float: left;margin-right: 10px;}
.header .logoimg{position: absolute;top:0;left: 0;}
.header .logo img{height: 50px;width:auto;display: block;}
.header .top_search{width:250px;height: 30px;border:1px solid #c01;border-radius: 10px;position: absolute;top:55px;left: 0;}
.header .top_search .top_stext{width:200px;height: 30px;border:none;outline: none;font-size: 14px;color:#333;float: left; margin: 0 10px;}
.header .top_sbuton{width:30px;height: 30px;outline: none;border: none;background:url('/skin/pc/images/search.png') center center no-repeat;float: left;cursor: pointer; }

.header .ulfir{width:1000px;height: 50px;margin-top:30px;float: left;}
.header .ulfir .lifir{width:100px;height: 50px;margin:0 5px;text-align: center;float: left;}
.header .ulfir li a{font-size: 15px;color:#575757;line-height: 50px;}
.header .active{background-color: #ffdc00;width:100px;height: 50px;margin:0 10px;text-align: center;float: left;font-weight: bold;}
.header .lifir:hover a{color:#edac07;}
.header .ulsec{display: none;}
.header .lisec{width:100px;text-align: center;background-color: #edac07;border-top: 1px solid #fff;}
.header .lisec a{line-height: 40px !important;color:#fff !important;font-weight:normal !important; }
.header .lisec:hover{background-color: red;}

/*banner*/
.banner{ width:100%;  height: 550px;position:relative;font-size:0;background:#CCC;overflow:hidden;}
.banner .b-img{ height:auto;  position:absolute; left:0; top:0;}
.banner .b-img a{ display:block; height:auto; float:left;}
.banner .b-img img{width:100%;height:auto;}
.banner .b-img li{height: 550px;background-position: center;background-repeat: no-repeat;}
.banner .b-list{ height:50px;  position:absolute; z-index:1;bottom:5px;left:50%;}
.banner .b-list span{ display:block;cursor:pointer; width:12px; height:12px; border-radius:50%; background-color: #fff; float:left; margin:0 5px; _margin:0 3px;}
.banner .b-list .spcss{background-color:#c00;}
.banner .bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; text-decoration: none;}
.banner .bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px;text-decoration: none; }
.banner .bar-left em{ display:block; width:50px; height:100px; margin:0 auto; top:50%;font-style: normal;font-size: 70px;color:#fff;font-weight: 200;transform: translate(-50%,-50%);position:relative;}
.banner .bar-right em{ display:block; width:50px; height:100px;  margin:0 auto; top:50%;font-size: 70px;color:#fff;font-weight: 200;font-style: normal;transform: translate(50%,-50%);position:relative;}
.banner .bar-left .emcss{ background-position:0px -100px;}
.banner .bar-right .emcss{ background-position:-50px -100px;}


/*footer*/
.liucheng{width:100%;height: 165px; background: #333 url(../images/liucheng-bg.jpg) no-repeat center center;margin:50px auto;position: relative;}
.liucheng .lc_title{width:140px;height: 40px;line-height: 40px;font-size: 15px;background-color: #edac07;color:#fff;text-align: center;margin:0 auto;position: absolute;left: 50%;top:-20px;margin-left: -70px;}
.liucheng ul{width:1200px;height: 65px;position: absolute;left: 50%;top:50px;margin-left: -600px;}
.liucheng ul li{width:269px;height: 65px;float: left;margin-right: 30px;}
.liucheng h2{font-size: 50px;color: #edac07;width: 60px;text-align: left;font-style: oblique;height: 65px;line-height: 65px;float: left;}
.liucheng dt{    font-size: 20px;color: #fff;margin: 8px 0 6px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.liucheng dd{color: #fff;margin: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}

.footer{width:100%;margin-top:80px;background-color: #333;}
.footer .foot_contact{width:1200px;margin:0 auto;}
.footer .foot_contact h2{line-height: 100px;font-size: 16px;color:#fff;float: left;width:33%;}
.footer .foot_contact p{line-height: 100px;font-size: 14px;color:#fff;float: left;width:33%;}
.footer .bottom{width:1200px;height:70px;border-top:1px solid #777; margin:0 auto;}
.footer .bottom p{font-size: 13px; margin-right: 100px;color:#999;float: left;line-height: 70px;}
.footer .bottom a{font-size: 13px; margin-right: 100px;color:#999;float: left;line-height: 70px;}

.footer_yue{margin:80px auto;width:1000px;}
.footer_yue .yue_left{float: left;width:500px;}
.footer_yue .yue_left h2{width:100%;font-size: 24px;text-align: center;line-height: 40px;color:red;}
.footer_yue .yue_left li{width:400px;margin:20px 50px;}
.footer_yue .yue_left span{font-size: 15px;font-weight: bold;color:#666;}
.footer_yue .yue_left input{width:200px;height: 20px;line-height: 20px;padding:0 10px;font-size: 14px;}
.footer_yue textarea{width:400px;height: 145px;line-height: 25px;padding:10px;font-size: 14px;margin-top:15px;}
.footer_yue .yue_left  button{font-size: 16px;color: #fff;background-color: #edac07;padding: 8px 70px;margin-left: 150px;border-radius: 10px;border: none;cursor: pointer;}


.footer_yue .yueimg{float: left;width:500px;text-align: center;}
.footer_yue .yueimg img{width:400px;height: 400px;}
.footer_yue .yueimg p{width:100%;line-height: 50px;text-align: center;font-size: 14px;}





/*首页*/
.index_fenlei{width:1200px;margin:50px auto;}
.index_fenlei li{width:220px;height: 255px;margin:20px 8px;float: left;border:1px solid #eee;}
.index_fenlei .flei_img{width:220px;height: 220px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.index_fenlei p{width:100%;height: 35px;line-height: 35px;overflow: hidden;text-align: center;background-color: #ffec6b;color:#333;font-size: 14px;font-weight: bold;}
.index_case{width:1200px;margin:50px auto;}
.index_case li{width:380px;height: 240px;float: left;margin:10px;}
.index_case li img{width:380px;height: 240px;}
.index_more{background-color:red;border-radius: 15px;width:150px;margin:40px auto;text-align: center;height: 40px;clear: both;}
.index_more a{color:#fff;font-size: 18px;font-weight: bold;line-height: 40px;}
.index_ftitle{width:1000px;text-align: center;font-size: 13px;color:#999;line-height: 25px;margin:8px auto;}

.index_evn{width:1200px;margin:80px auto;}
.index_evn li{width:380px;height: 310px;margin:10px;float: left;}
.index_evn img{width:100%;height: 260px;display: block;}
.index_evn h2{width:100%;height: 30px;font-size: 16px;text-align: center;line-height: 30px;background-color:#ffdc00;color:#333; }
.index_evn p{width:100%;height: 25px;font-size: 13px;text-align: center;line-height: 25px;background-color: #eee;color:#777;}

.index_about{width:1200px;margin:50px auto;}
.index_about .power,.team{height: 350px;}
.index_about .describe{width:600px;height: 350px;float: left;background-color: #eee;}
.index_about .aboutimg{width:600px;height: 300px;text-align: center;float: left;padding-top:50px;}
.index_about h2{width:100%;line-height: 100px;text-align: center;font-size: 20px;}
.index_about p{font-size: 14px;line-height: 35px;width:550px;height: 200px;padding:25px;}

.index_gy{width:1200px;margin:50px auto;}
.index_gy li{width:580px;margin:10px;float: left;}
.index_gy li img{width:100%;height: auto;}






/*产品列表*/

.product_list{width:1200px;margin:50px auto;}
.product_list li{width:220px;height: 290px;margin:20px 8px;float: left;border:1px solid #eee;}
.product_list .proimg{width:100%;height: 220px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.product_list .protitle{width:100%;height: 35px;line-height: 35px;overflow: hidden;text-align: center;background-color: #eee;}
.product_list li:hover .protitle{background-color: #c01;color:#fff;font-weight: bold;}
.product_list li:hover{transform:scale(1.05);
        -ms-transform:rotate(1.05); 	/* IE 9 */
        -moz-transform:rotate(1.05); 	/* Firefox */
        -webkit-transform:rotate(1.05); /* Safari 和 Chrome */
        -o-transform:rotate(1.05); 	/* Opera */
}
.product_list .promark{width:100%;height: 35px;}
.product_list .promark p{text-align: center;line-height: 35px;font-size: 14px;width:50%;float: left;color:#fff;}
.product_list .proleft{background-color: #edac07}
.product_list .proright{background-color: red;}

/*分类*/
.classif{width:900px;margin:50px auto;}
.classif h2{width:100%;line-height: 70px;font-size: 20px;text-align: center;}
.classif li{width:294px;padding:3px;float: left;}
.classif p{width:100%;text-align: center;font-size: 14px;padding: 5px 0;box-shadow: 0px 0px 10px #999;background-image: url(/skin/pc/images/butbg.jpg);height: 25px;line-height: 25px;}
.sonclass{width:1100px;margin:50px auto;border-bottom: 1px solid #edac07;padding-bottom: 20px;}
.sonclass .sontitle{width:200px;float: left;padding:0 40px;}
.sonclass .sontitle h2{color:#161616;font-size: 24px;}
.sonclass .sontitle a{font-size: 14px;color:#555;}

.sonclass  ul{float: left;max-width: 820px;}
.sonclass  ul li{float: left;text-align: center;}
.sonclass  ul li a{font-size: 15px;line-height: 55px;font-weight: bold;padding: 0 33px;display:block;}
.sonclass .on{background-color: #ffdc00;box-shadow: 0 6px 10px 0 rgba(255,234,146,.69);border-radius: 10px;}
.sonclass  ul li:hover{background-color: #ffdc00;box-shadow: 0 6px 10px 0 rgba(255,234,146,.69);border-radius: 10px;}

/*产品详情*/
.art_product{width:1100px;height: 600px;position: relative;margin:50px auto;background-color: #f4f4f4;}
.pro_left{width:502px;height: 600px;position: relative;margin:0 auto;background-color: #f4f4f4;float: left;}
.pro_left #gundong{ width:502px;  height: 502px;position:relative;font-size:0;overflow:hidden;}
.pro_left #gundong .b-img{ height:auto;  position:absolute; left:0; top:0;}
.pro_left #gundong .b-img li{height: 502px;background-position: center;background-repeat: no-repeat;background-size: cover;float: left;}
.pro_left .b-list{ height:100px; width:502px;overflow:hidden;}
.pro_left .b-list li{width:60px;margin:20px 10px;float: left;cursor: pointer;}
.pro_left .b-list li img{width:100%;}
.pro_left .b-list .spcss{border:1px solid red;}
.pro_left .bar-left{ position:absolute; z-index:1; display:block; width:100px; height:502px; left:0px; background:none; top:0px; text-decoration: none;}
.pro_left .bar-right{ position:absolute;z-index:1; display:block; width:100px; height:502px; right:0px; background:none; top:0px;text-decoration: none; }
.pro_left .bar-left em{ display:block;  width:35px; height:70px;line-height: 70px; margin:0 auto; top:50%;font-style: normal;font-size: 35px;color:#fff;font-weight: 200;transform: translate(-50%,-50%);position:relative;text-align: center;}
.pro_left .bar-right em{ display:block; width:35px; height:70px;line-height: 70px;  margin:0 auto; top:50%;font-size: 35px;color:#fff;font-weight: 200;font-style: normal;transform: translate(50%,-50%);position:relative;text-align: center;}
.pro_left .bar-left .emcss{ background-position:0px -100px;}
.pro_left .bar-right .emcss{ background-position:-50px -100px;}


.pro_right{width:550px;float: right;}
.pro_right h2{width:100%;font-size: 18px;line-height: 30px;margin-bottom: 40px;margin-top:30px;}
.pro_right h3{width:100%;font-size: 16px;color:red;line-height: 40px;}
.pro_right dt{font-size: 15px;line-height: 30px;font-weight: bold;color:#c01;float: left;clear: both;}
.pro_right dd{font-size: 14px;line-height: 30px;color:#333;float: left;}
.pro_right .pro_contact{clear:both;width:360px;margin-top:100px;}
.pro_right .pro_contact .pro_dz{width:150px;height: 40px;float: left;background-color: #ff5d5d;text-align: center;}
.pro_right .pro_contact .pro_dz a{font-size: 15px;color:#fff;line-height: 40px;}
.pro_right .pro_contact .pro_wx{width:150px;height: 40px;float: right;background-color: #5bb549;font-size: 15px;color:#fff;line-height: 40px;text-align: center;cursor: pointer;}

.modal-content{position: fixed;width:500px;height: 500px;top:100px;left: 50%;margin-left: -250px;background-color: #fff;z-index: 999;border-radius: 10px;display: none;}
.modal-content .modal-header{width:100%;height: 50px;border-bottom: 1px solid #666;}
.modal-content .modal-header h4{width:100%;text-align: center;line-height: 50px;font-size: 16px;color:#333;}
.modal-content .modal-header span{position: absolute;color:#333;font-size:16px;right:10px;top:15px;cursor:pointer;}
.modal-content .modal-body{width:100%;text-align: center;    margin-top: 15px;}
.modal-content .wechat{width:300px;margin:40px auto;}
.modal-content  .wechat img{width:100%;height: auto;}
.modal-content .btom_close{width:40px;height: 40px;position: absolute;bottom:10px;left: 50%;margin-left:-20px;cursor: pointer;}

.pro_content{width:1200px;margin:50px auto; }
.pro_content .content_h2{width:100%;border-bottom:1px solid #edac07; }
.pro_content .content_h2 h2{width:100px;font-size:20px;background-color: #edac07;color:#fff;padding:15px 30px;text-align: center;font-weight: normal;}
.pro_content img{max-width: 100%;height: auto;}

.pro_other{width:1100px;margin:30px auto;height: 30px;}
.pro_other p{width:40%;line-height: 30px;color:#333;height: 30px;overflow: hidden;}
.pro_other .pro{float: left;}
.pro_other .next{float: right;text-align: right;}
.pro_other a{font-weight: bold;}

/*about*/
.about{width:1100px;margin:30px auto;background-color: #f4f4f4;}
.about h1{width:100%;line-height: 50px;margin:50px;font-size:26px;text-align: center;}
.about .about_content{width:94%;margin:0 auto;padding:30px 3%;}
.about .about_content img{max-width: 100%;height: auto;}


/*pagelist*/
.pages {padding:10px 0px;overflow: hidden;text-align: center;clear: both;}
.pages code, .pages a {padding:7px 14px;background: #fff;color:#000;font-size: 14px;border: 1px solid #d5d5d5;font-family: "microsoft yahei";margin:0 1px;border-radius: 3px;}
.pages a i{padding-top: 2px;font-family: "arial";font-size: 18px;}
.pages a:hover {background: #eb0a28;color: #fff;}
.pages a.hover {background: #eb0a28;color: #fff;}
.pages a.cur {background: #eb0a28;color: #fff;border-radius: 5px;border: none;}
.pages input {vertical-align: middle;height: 20px;border: 1px solid #efefef;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.pages input.pageDetail {width: 30px;height:30px;line-height:30px;text-align: center;}
.pages input.page_bnt{border: none;width: 58px;height:30px;cursor:pointer;color:#383737;}


/*客服*/
.side-contact{position:fixed;right:10px;bottom:350px;display:none;width:70px;height:260px;z-index:200;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.3);background:#f2f2f2;text-align:center}
.side-contact span,.side-contact i{display:block}
.side-contact span{font-size:12px;color:#666}
.side-contact div:hover span{color:#17a1e6}
.side-contact i{width:35px;height:32px;margin:0 auto}
.side-contact p{position:absolute;left:0;top:0;display:none;background:#17a1e6;color:#FFF;font-size:14px}
.side-contact p strong{font-size:22px;font-weight:normal}
.side-contact .qq-item{width:100%;height:59px;padding-top:10px;border-bottom:1px solid #f2f2f2;border-radius:8px 8px 0 0;background:#FFF;cursor:pointer}
.side-contact .qq-item i{background:url(/skin/pc/images/icon_contact.png) no-repeat 0 0}
.side-contact .qq-item i{background:url(/skin/pc/images/icon_contact.png) no-repeat -32px 0}
.side-contact .qq-item p{left:-140px;top:0px;width:140px;padding:5px 0;border-radius:8px}
.side-contact .qq-item p em{top:30px}
.side-contact .qq-item p a{color:#fff;float:left;border-bottom:#3AABE4 solid 1px;margin:0 20px;width:90px;font-size:14px;padding:12px 0 0 20px;height:32px;text-align:left;background:url(/skin/pc/images/qq.png) no-repeat;background-position:0 10px;}
.side-contact .qq-item p a:hover{color:#F1F6F9;text-decoration:none;}
.side-contact .phone-item{width:100%;height:59px;padding-top:10px;border-bottom:1px solid #f2f2f2;background:#FFF;cursor:default}
.side-contact .phone-item i{background:url(/skin/pc/images/icon_contact.png) no-repeat 2px -32px}
.side-contact .phone-item i{background:url(/skin/pc/images/icon_contact.png) no-repeat -30px -32px}
.side-contact .phone-item p{left:-200px;top:70px;width:190px;height:54px;line-height:22px;padding-top:12px;border-radius:8px}
.side-contact .phone-item p em{top:30px}
.side-contact .weixin-item{width:100%;height:59px;padding-top:10px;background:#FFF;cursor:default}
.side-contact .weixin-item i{background:url(/skin/pc/images/icon_contact.png) no-repeat 2px -64px}
.side-contact .weixin-item i{background:url(/skin/pc/images/icon_contact.png) no-repeat -30px -64px}
.side-contact .weixin-item p{left:-130px;top:98px;width:120px;height:140px;line-height:22px;padding-top:11px;font-size:14px;border-radius:8px}
.side-contact .weixin-item p img{width:90px;height:90px;margin-top:10px}
.side-contact .weixin-item p em{top:72px}
.side-contact .gotop-item{width:100%;padding-top:10px;cursor:pointer}
.side-contact .gotop-item i{width:16px;height:16px}
.side-contact .gotop-item i{background:url(/skin/pc/images/icon_top_arrow.png) no-repeat 0 0}
.side-contact .gotop-item:hover i{background:url(/skin/pc/images/icon_top_arrow.png) no-repeat -18px 0}
.side-contact .gotop-item span{padding:3px 0 0 0;color:#999}