@charset "utf-8";
/* CSS Document */
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#333;overflow-x:hidden;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#333;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#d30002;text-decoration:none;}
.clearfix{zoom:1;}
.clearfix:after{display:block;clear: both;visibility:hidden;height:0;overflow:hidden;content:".";}
.center{margin:auto;}
.sbj{margin-top:30px;}
.sbj1{margin-top:50px;}
.moddle{max-width:1400px;}	
.fl {float: left;}
.fr {float: right;}
.tbwz{height:34px;line-height:34px;color:#999999;border-bottom:1px solid #DEDEDE;font-size: 14px;}
.wr a{padding:0px 5px;color:#666666;font-size:14px;}
.wr a:hover{color:#d30002;}
.wr a:nth-child(1){color:#d30002;}
.header{height:72px;*zoom:1;position:relative;background-color:#fff;z-index:102;padding:21px 0px 22px 0px;}
.header:after,.header:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.logo{width: 279px;}
.logo dl{ line-height: 36px; font-size: 32px; font-weight: bold; color: #000;}
.logo dt{ line-height: 28px; font-size: 16px; text-transform: uppercase; color: #606060;}
.tel{ width: 230px;}
.tel dl{ line-height: 41px; font-size: 30px; font-weight: bold; color: #d30002; margin-bottom: 7px;}
.tel dt{ line-height: 30px; background: url(../images/tel.png) no-repeat center top;}
.tel dt a{ font-size: 16px; color: #fff; padding-left: 100px;}
.nav{float:left; padding-top: 2px;}
.nav li{float:left}
.nav li .v1{display:block;line-height:70px;width:102px;text-align:center;font-size:18px;color:#666666; font-weight: bold;position:relative;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.nav li .v1:after{content:'';position:absolute;right:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#bebebe}
.nav li.on .v1:after,.nav li:hover .v1:after{display:none}
.nav .sub{position:absolute;top:115px;left:0;right:0;text-align:center;height:300px;background:rgba(255,255,255,.9);font-size:0;display:none; width: 100%;}
.nav .sub a{display:inline-block;line-height:58px;font-size:15px;color:#272727;position:relative;padding:0 29px 0 25px}
.nav .sub a:after{content:'';position:absolute;right:0;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background-color:#535353}
.nav .sub a:hover{color:#1E7BDA}
.header .info1{float: right;height: 72px;}
.so-btn{float:right;width:75px;height:72px;position:relative;cursor:pointer;background:url(../images/i-05.png) center center no-repeat}
.so-btn:after{content:'';position:absolute;left:0;top:50%;width:1px;height:48px;margin-top:-24px;background:rgba(255,255,255,.3)}
.soBox{position:absolute;top:-35px;left:0;right:0;height:240px;display:none;background-color:rgba(255,255,255,1); width: 100%;}
.soBox form{display:block}
.soBox .con{overflow:hidden;position:relative; padding: 52px 0px 62px 0px;}
.soBox .cont{ text-align: center; line-height: 48px; color: #444444; font-size: 30px; font-weight: bold; letter-spacing: 2px; margin-bottom: 33px;}
.soBox .cont span{ color: #d30003;}
.soBox .inp{width:89%;display:block;height:43px;background-color:#fff;font-size:16px;padding:0 8% 0 2%; border: 1px solid #AAAAAA; border-radius: 2px;}
.soBox .btn{width:120px;height:43px;position:absolute;right:15px;top:134px;border:0; background: #fff; color: #d30003; font-size: 20px; letter-spacing: 2px;}
.soBox .close{ width: 26px; height: 31px; position: absolute; right: 0; top: 23px; border: 0px; background: #ffffff url(../images/X.png) no-repeat;}
.wp{ width: 100%; max-width: 1400px; margin: 0 auto;}
.dhnr{ width: 100%; padding: 33px 0px 34px 0px;}
.dhl{ width: 600px; text-align: left;}
.dht{ line-height: 49px; font-size: 34px; font-weight: bold; color: #444444; margin-bottom: 29px;}
.dhb{ line-height: 40px; font-size: 18px; color: #444444;}
.dhr{ width: 600px;}
.menu{ width:800px;height:113px;line-height: 113px;}
#nav{height: 113px; margin:auto;}
#nav li{position: relative; float: left;text-align: center;width:100px;height: 113px;line-height: 113px;}
#nav li a{color: #333333;font-size: 18px;}
#nav li a:hover{color: #a49283;}
#nav li dl{ margin: auto; width:150px; background:#cbbeb0;list-style-type:none;text-align:left;display: none; position:absolute;z-index:99999!important; margin-top: -2px;}
#nav li dl dt{width:100px;height:40px;line-height:40px;  padding-left: 30px;}
#nav li dl dt a{color:#333333;font-size:14px;line-height:40px; font-weight:100;width: 100px; display: block;}
#nav li dl dt a:hover{ background:none;font-size:14px;color: #fff;}
#nav li:hover dl{display: block;}
#nav .current{color: #a49283;}
input:focus,button:focus{ outline: none; }
.iproduct{ padding: 42px 0px;}
.prot{ height: 177px; line-height: 177px; background: #f1f1f1; font-size: 50px; color: #444444; font-weight: bold; text-align: center; letter-spacing: 5px;}
.prot span{ color: #d30003;}
.title{ text-align: center; letter-spacing: 5px; color: #666666; margin-bottom: 33px;}
.title dl{ font-size: 54px; font-weight: bold; letter-spacing: 5px; line-height: 73px;}
.title dt{ line-height: 34px; font-size: 20px;}
.title1{ text-align: center; letter-spacing: 5px; color: #fff; margin-bottom: 33px;}
.title1 dl{ font-size: 54px; font-weight: bold; letter-spacing: 5px; line-height: 73px;}
.title1 dt{ line-height: 34px; font-size: 20px;}
.prob{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.prob ul{ width: 24%; margin-bottom: 50px;}
.prob ul a ol{ width: 100%;overflow: hidden;}
.prob ul a ol img{ width: 100%; transition: all 0.6s;height: 250px;}
.prob ul:hover a ol img{transition: all 0.6s; transform: scale(1.2);}
.prob ul a p{ line-height: 48px; border-bottom: 1px solid #CCCCCC; font-size: 30px; color: #444444; font-weight: bold; letter-spacing: 2px; padding-bottom: 2px;margin: 0px 10px;}
.prob ul a dl{ line-height: 49px; font-size: 16px; color: #666666;margin: 0px 10px;}
.prob ul a dt{ width: 150px; line-height: 30px; background: #666666; border-radius: 5px; text-align: center;font-size: 16px; color: #fff;margin: 0px 10px;}
.prob ul a dd{background: #d30003; border-radius: 5px; text-align: center; line-height: 60px; font-size: 24px; color: #fff; font-weight: bold; letter-spacing: 5px;margin:27px 10px;}
.prob ul li{margin:-4px auto 0px auto;height: 7px;width: 200px;background: url(../images/cp.png) no-repeat center center;z-index: 1999;position: relative;}
.company{ padding: 40px 0px 0px 0px; background: url(../images/about-bg.jpg) no-repeat center top;}
.com_l{ padding: 55px 80px;  width: 440px; height: 400px; background: url(../images/com_l.jpg) no-repeat center top; text-align: center; margin-right: 15px;}
.com_l dl{ line-height: 92px; font-size: 40px; font-weight: bold; color: #fff; letter-spacing: 5px;}
.com_l dt{ font-size: 18px; color: #fff; letter-spacing: 2px;}
.com_c{ padding: 55px 30px; width: 176px; text-align: center; background: url(../images/com_r.jpg) no-repeat center top; height: 400px;}
.com_c dl{ margin: 18px auto;}
.com_c dt{ font-size: 18px; color: #fff;letter-spacing: 2px;}
.spzx{ padding: 20px 0px 60px 0px;}
.sp_l{ width: 50%; overflow: hidden; height: 400px;}
.sp_l ol{ position: relative; z-index: 999; margin-top: -75px; line-height: 58px; font-size: 40px; color: #fff; font-weight: bold; letter-spacing: 5px; margin-left: 480px;transition: all 0.6s;}
.sp_l a:hover ol{ margin-top: -150px; transition: all 0.6s;}
.sp_r{ width: 48%; overflow: hidden;}
.sp_r dl{ height: 187px; overflow: hidden; width: 100%;}
.sp_r dl:nth-child(1){ margin-bottom: 25px;}
.sp_r dl ol{ position: relative; z-index: 999; margin-top: -75px; line-height: 58px;font-size: 40px; color: #fff; font-weight: bold; letter-spacing: 5px; margin-left: 40px; transition: all 0.6s;}
.sp_r dl a:hover ol{ margin-top: -125px; transition: all 0.6s;}
.newsb{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsb li{ width: 24%; margin-bottom: 50px; background: #f1f1f1;}
.newsb li ol{ width: 100%;overflow: hidden;}
.newsb li ol img{ width: 100%; transition: all 0.6s;height: 220px;}
.newsb li:hover ol img{transition: all 0.6s; transform: scale(1.2);}
.newsb li ul{ padding: 11px 13px 16px 13px;}
.newsb li ul p{ line-height: 78px; border-bottom: 1px solid #CCCCCC; font-size: 60px; color: #d30003; font-weight: bold; letter-spacing: 5px; padding-bottom: 2px;}
.newsb li ul p span{ font-size: 34px; padding-top: 20px; line-height: 58px; padding-right: 10px;}
.newsb li ul dl{ line-height: 47px; font-size: 18px; color: #444444; padding-bottom: 5px; font-weight: normal;}
.newsb li ul dt{ line-height: 26px; font-size: 14px; color: #888888;  padding-bottom: 6px; max-height:52px; overflow: hidden;}
.newsb li ul dd{ width: 100px; height: 32px; background: #D30003; text-align: center; line-height: 32px;}
.newsb li ul dd a{ font-size: 14px; color: #fff;}
.newsb li:hover dl{color:#d30003;}
.newsb li:hover dt{color:#d30003;}
.newsb li:hover dd{background-color:#333;}
.contact{background: url(../images/lxwm.jpg) no-repeat center bottom; padding-bottom: 218px;}
.lx_l{ width: 32%;}
.lx_l ol{ padding-left:20px;}
.lx_l ol dl{ padding-top: 49px; line-height: 98px; font-size: 50px; font-weight: bold; color: #444444;}
.lx_l ol dt{ line-height: 53px; font-size: 18px; color: #444444;}
.lx_l ol dt img{ padding-right: 10px;}
.lx_l ol dd{ margin-top: 60px; width: 200px; line-height: 40px; background: #d30003; border-radius: 5px; text-align: center;}
.lx_l ol dd a{ font-size: 20px; color: #fff;}
.lx_r{ width: 57%; overflow: hidden;}
.hf{ background: url(../images/hf.jpg) no-repeat center top; height: 200px;}
.hf_l{ width: 50%;}
.hf_r{ width: 48%; padding-left: 2%;}
.hf dl{ padding-top: 34px; font-size: 40px; color: #fff; font-weight: bold; line-height: 62px;}
.hf dt{ line-height: 29px; font-size: 16px; color: #fff;}
.footer{ background: #333333; color: #aaaaaa; padding: 44px 0px 0px 0px;}
.footer a{ color: #aaa;}
.footl{ width: 20%; text-align: center;}
.footc{ width: 22%; background: url(../images/bot.png) no-repeat left 13px;}
.footc dt{ line-height: 41px; padding-left:10%;width:40%;float: left;}
.footc dt a{ color: #aaaaaa; font-size: 16px;}
.footc dt:hover a{color: #D30002;}
.footd{ width: 30%; background: url(../images/bot.png) no-repeat left 13px;}
.footd dt{ line-height: 41px; padding-left: 32px; font-size: 16px;}
.footd dt img{ padding-right: 10px;}
.footr{ width: 28%; background: url(../images/bot.png) no-repeat left 7px; padding-top: 5px;}
.footr dl{ padding-left: 50px;}
.footr dl:nth-child(1){ margin-bottom: 31px;}
.footr dl dt{height:33px;}
.footr dl dd{line-height:28px;font-size:14px;}
.footr dl dd a{font-size:14px;}
.footr dl dd:hover a{color:#D30002;}
.banquan{text-align: center;color: #aaaaaa;font-size: 14px;padding: 10px 0px;}
.banquan a{font-size: 14px;color: #aaaaaa;}
.banquan a:hover{color:#D30002;}
.yqlj{width:100%;line-height:32px;background:#333333;text-align:center;font-size:14px;color:#aaaaaa;}
.yqlj a{color:#aaaaaa;padding-right:6px;}
.yqlj a:hover{color:#D30002;}
/*内页样式*/
#left{ width:230px; float:left; margin-right:20px; margin-top:30px;margin-bottom: 20px;}
#right{width:950px; float:right; margin-top:30px;margin-bottom: 20px;}
.title3{text-align: center;font-size: 36px;font-weight: bold;border-bottom: 1px solid #ccc;color: #303030;padding-bottom: 10px;}
.title3 span{color: #222;}
.title3 li{width:80px;height: 3px;background-color: #D30002;margin:8px auto 0px auto;}
.mup1{height:26px; line-height:26px; border-bottom:#ccc 1px solid; margin-bottom:10px; background:url(../images/new_jt.jpg) no-repeat 10px center; padding-left:20px; font-size:14px; color:#000;margin-top: 10px;}
.mup{width: 100%;background-color: #EFEFEF;border-bottom: 1px solid #DFDEDE;height: 42px;line-height: 42px;font-size: 14px;}
.mup img{margin-right: 5px;}
.mup span{float: right;}
.mup span a{font-size: 16px;}
.hg{line-height:30px;}
.tittle{text-align: center;font-size:24px;font-weight: bold;margin-bottom: 10px;}
.lb{text-align: left;}
.lb a{ color:#333;}
.lb a:hover{color: #D30002;}
.nyxw2{width:48%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right:4%; background:url(../images/cion01.gif) no-repeat left center;color:#333;}
.nyxw2 a{ padding-left:20px; color:#333;}
.nyxw2 span{float: right;height:40px;line-height:40px}
.nyxw2:nth-child(2n){margin-right: 0px;}
.nyxw2 a:hover{color: #D30002;}
.page{text-align: center;margin: 10px auto 10px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #D30002;border: 1px solid #D30002;}
.page li:hover a{color: #fff;}
.current{background-color: #D30002!important;border: 1px solid #D30002!important;}
.current a{color: #fff!important;}
.inews ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.inews ul li{background:url(../images/cion01.gif) no-repeat left center;line-height: 32px;height: 32px;}
.inews ul li a{ padding-left:20px;font-size:16px;}
.inews ul li a:hover{color: #D30002;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#999;}
/*内页样式*/
.nr{line-height:36px;font-size:14px;margin-bottom:20px;}
.pubdate{text-align: center;font-size:16px;}
.nr a{font-size: 14px;}
.info{margin-bottom: 20px;}
.left{width:240px;float: left;margin-right: 20px;}
.right{float: left;}
.cpfl{width: 240px;float: left;margin-right:20px;background-color: #f3f3f3;}
.cpfl ul{color: #fff;font-size: 22px;text-align: center;background-color: #D30002;height: 50px;padding:20px 0px;}
.cpfl ul p{font-size: 15px;text-transform: uppercase;}
.cpfl li{height:50px;line-height:50px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:20px;}
.cpfl li a{font-size:15px;}
.cpfl li:hover{transition:all .2s ease; text-indent:30px;background-color:#333333;}
.cpfl li:hover a{color:#fff;}
.cpfl dl{background-color: #D30002;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;}
.cpfl dt{padding: 0px 5px;line-height: 36px;font-size: 14px;}
.nlx{ margin-top: 15px; }
.nlxt{ height: 42px; line-height: 42px; background: #D30002; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ padding:0px 0px 0px 5px; line-height:38px; font-size: 14px; border: 1px solid #CCCCCC;}
.info img{max-width:940px;height: auto;}
table{border-collapse: collapse;}
.cp_l{ width:420px; margin-right:30px;}
.cp_r dl{border-bottom:1px solid #EEEEEE;font-size: 22px;font-weight: bold;background-color: #FAFAFA;line-height: 40px;height: 40px;border-left: 2px solid #D30002;padding-left: 10px;}
.cp_r ul{background-color: #FDFDFD;padding: 10px;margin-bottom:5px;}
.cp_r ul li{color: #D30002;font-size: 16px;}
.cp_r ul ol img{float: left;width: 130px;margin-right: 10px;}
.cp_r ul ol p{line-height: 26px;font-size: 13px;text-indent: 2em;}
.cp_r dd{font-size: 14px;line-height: 26px;}
.cp_r dt{margin-top:10px;padding: 15px 20px;font-size: 14px;color: #666;background-color: #efefef;border-radius: 15px;overflow: hidden;line-height:31px;}
#preview{ float:none; margin:0px auto; text-align:center; width:420px;}
.jqzoom{width:410px;height:410px;position:relative; border: 1px solid #DDDDDD;display: table-cell; vertical-align: middle; padding: 4px;}
.zoomdiv{ left:859px; height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:420px;height:56px; padding-top:6px; overflow:hidden;}
#spec-left{width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{float:left; overflow:hidden; margin-left:5px;display:inline;position:relative; width:390px; margin-right:5px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:65px;}
#spec-list ul li img{padding:2px;border:1px solid #ccc; width:50px; height:50px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:430px;height:430px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{ margin-top:0;margin-left:0px; width: 100% !important;}
.nyxx{background: #fafafa;color: #444;line-height: 36px;font-weight: bold;font-size: 15px;border-radius: 5px;margin: 10px 0px;}
.nyxx i{background: #D30002;width: 2px;height: 20px;display: block;float: left;margin: 8px 10px 0px 0px;}
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:272px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:270px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:270px;height:270px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #D30002;}
.right{width:1140px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:276px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:274px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:274px;height:274px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #D30002;}
.cp_r{ width:690px;}
/*左侧工具条*/
#toolbar {position: fixed;z-index: 9999;right: 0px;bottom: 15%;}
#toolbar li {margin-bottom: 3px;font-size: 0;width: 57px;height: 57px;right: 0;position: relative;}
#toolbar li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 57px;height: 57px;overflow: hidden;background: #282828;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;}
#toolbar li .icon-font {display: inline-block;vertical-align: middle;width: 57px;height: 57px;background-color: #d30003;color: #fff;}
#toolbar li .icon-qq:after {background-position: 0 -150px;}
#toolbar li .icon-phone:after {background-position: 0 -90px;}
#toolbar li .icon-ewm:after {background-position: 0 -30px;}
#toolbar li .icon-message:after {background-position: 0 -120px;}
#toolbar li .icon-top:after {background-position: 0 -60px;}
#toolbar li .icon-wangwang:after {background-position: 0 0;}
#toolbar li .wz {display: inline-block;line-height: 57px;font-size: 18px;color: #fff;vertical-align: middle; padding-left: 10px;}
#toolbar li .wz1 {display: inline-block;line-height: 57px;font-size: 20px;font-family: impact;color: #fff;vertical-align: middle;padding-left: 0px;}
.icon-font {position: relative;}
.icon-font:after {content: "";width: 30px;height: 30px;background-image: url(../images/icon_spirit.png);background-repeat: no-repeat;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);}
#toolbar li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #282828;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;}
#toolbar li.ewm .ewm-box p {margin-bottom: 0;}
#toolbar li.ewm .ewm-box img {max-width: 100%;}
#toolbar li.ewm .ewm-box:after {content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #282828;border-right: none;}
#toolbar li.ewm:hover .icon {background-position: -57px -180px;}
#toolbar li.ewm:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li.backtop {cursor: pointer;}
#toolbar li.backtop .iconfont {color: #fff;background-color: #292e39;}
#toolbar li:hover a {width: 280px;}
#toolbar li:hover .icon-font {background-color: #282828;}
#toolbar li:hover .icon-qq:after {background-position: -30px -150px;}
#toolbar li:hover .icon-phone:after {background-position: -30px -90px;}
#toolbar li:hover .icon-ewm:after {background-position: -30px -30px;}
#toolbar li:hover .icon-message:after {background-position: -30px -120px;}
#toolbar li:hover .icon-wangwang:after {background-position: -30px 0;}
#toolbar li:hover .icon-top:after {background-position: -30px -60px;}
@media screen and (max-width: 1400px){
.moddle{width: 1200px;}
.prob ul a ol img{height: 220px;}

.right{width: 940px;}
.product dl{width: 225px}
.product dt{width: 100%;}
.product_img{width: 100%;height: 214px;}

.cp_r{width: 480px;}
}