@charset "UTF-8";
/*公共样式*/
*{margin:0; padding:0; border:0;}
*:focus{outline:none;}
html{ overflow-x:hidden;}
body {margin:0; padding:0; border:0; font-size:12px;background: url(../images/bodybg.png);}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}   
table,td,tr,th{ font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { font-size:12px;}
a {text-decoration:none;}
em,i{font-style:normal;}
.clear{ clear:both;}
input[type="submit"],input[type="button"]{ cursor:pointer;} 
.header{height: 108px;width: 1020px;margin: 0 auto;background: white;margin-top: 10px;position: relative;z-index:9;background:white url(../images/headtou.png) repeat-x;}
.header .logo{float: left;position: absolute;top: -5px;left: 0;}
.header .top{padding-top: 15px;padding-left: 300px;}
.header .top a {float: left;color: red;padding-left: 5px;font: 12px/12px "微软雅黑";padding-right: 25px;padding-top: 5px;}
.header .top img{float: left;padding-left: 300px;padding-top: 5px;}
.header .top form{width: 162px;height: 19px; border: 1px solid #c9c9c9;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:15px;float: left;padding-top: 3px;padding-left: 6px;}
.header .top form .kuan input{width: 126px;height: 17px;float: left;border: 0 solid red;}
.header .top form .an input{width: 14px;height: 14px;float: left;background: url(../images/so.png);border: 0 solid red;margin-left: 5px;}
#topbottom{font: 12px/30px "Arial";height: 30px;width: 350px;border-bottom: 2px solid #e60012;}
#topbottom a{ color:black;}
.header .bggray{height: 8px;width: 1020px;background: gray;float: left;position: absolute;top: 101px;z-index: -1;}
.nav{float: right;margin-top: 20px;margin-right: 20px;}
.nav li{ float: left;  position: relative; background: url(../images/navbg.png) repeat-x;}
.nav li a{ display: block; height: 42px; line-height: 42px; color: #FFF;font:12px/42px "Arial"; text-align: center; background: url(../images/01.png) right center no-repeat;}
.nav li:hover a{background: url(../images/01.png) right center no-repeat #e30214;}
.nav .cur { background: url(../images/01.png) right center no-repeat #e30214;}
.nav li .sub{ display: none;}
.nav li .sub a{font:10px/36px "Arial";}
.nav li:hover .sub{  background: url(../images/00.png); border: #FFF 1px solid; border-top: 0; position: absolute; top:40px; left: -1px; display: block;}
.nav li:hover .sub a{  background: url(../images/libg.png) bottom center no-repeat; padding: 0; text-align: center;}
.nav li:hover .sub a:hover { color:yellow;    }
.nav .tou{width: 67px;height: 42px;background: url(../images/navleftcur.png) no-repeat;}
.nav .tou:hover{width: 67px;height: 41px;background: url(../images/navleft.png);}
.nav .homecur{width: 67px;height: 41px;background: url(../images/navleft.png);}
.nav .wei{width:28px;height: 41px;background: url(../images/navright.png);}
/*这里开始是轮播的CSS*/
.banner{width: 1002px;background: white;margin: 0 auto;padding: 0 9px;}
#lunbo{width: 990px;height: 452px;border: 5px solid #231815;position: relative;overflow: hidden;}
#lunbo ul{list-style: none;}
#lunbo ul img{ max-width: 100%; }
#lunbo .xiaoyuandian{z-index: 2;position: absolute;bottom: 0;left: 10px;height: 25px;padding-left: 20px;}
#lunbo .xiaoyuandian ul{list-style: none;}
#lunbo .xiaoyuandian ul li{float: left;width: 10px;height: 10px;background: url(../images/dian1.png);margin-right: 3px;cursor: pointer;color: white;font:12px/16px "宋体";text-align:center;}
#lunbo .xiaoyuandian ul li.cur{background: url(../images/diancur.png);}
#lunbo #zhezhao{width: 990px;height: 452px;position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;background: black;_filter:alpha(opacity=0);}
#lunbo #zhezhao a{display: block;width: 990px;height: 452px;}
/*这里是滚动的CSS*/
.gundong{background: white;width: 1020px;margin: 0 auto;padding-bottom: 10px;}
.picScroll-left{width:990px;  overflow:hidden; position:relative; padding-top: 8px;margin: 0 auto;}
.picScroll-left .hd{overflow:hidden; height:30px; width:990px; }
.picScroll-left .hd .btn { float:right; width:200px;}
.picScroll-left .hd .btn .prev{ display:block;  width:34px; height:19px; float:right; margin-top:10px;  overflow:hidden;cursor:pointer; }
.picScroll-left .hd .btn .next{ background-position:0 -50px;display:block;  width:34px; height:19px; float:right; margin-top:10px;  overflow:hidden;cursor:pointer; }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .bd{ padding:20px 0 0 5px;   background: #2f2f2f;margin-top: 10px;}
.picScroll-left .bd .tempWrap{width: 969px;height: 195px;}
.picScroll-left .bd ul li{list-style: none;margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center;  position: relative;}
.picScroll-left .bd ul li .pic{ text-align:center; width:186px; height:160px; line-height: 160px; }
.picScroll-left .bd ul li .pic img{ 
    max-height:100%; max-width: 100%;
    object-fit: contain;
    vertical-align: middle; 
    /* display:block;   */
    /* padding:2px; */
    /* margin-bottom: 10px;*/
}
.picScroll-left .bd ul li .title{ line-height:24px;   }
.picScroll-left .bd ul li p{ display: none;}
.picScroll-left .bd ul li .pic{border: 1px solid #000;margin-bottom: 10px;}
.picScroll-left .bd ul li .pic:hover{border: 1px solid #bc0917;}
.picScroll-left .bd ul li .pic:hover p{ display: block;height: 37px;width: 171px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;position: absolute;bottom: 11px;left: 1px;background: url(../images/youjiantou.png) repeat-x 0 0;color: white;font: 14px/37px "Arial";text-align: left;padding-left: 15px;}
.indexfooter {width: 100%;height: 139px;background: url(../images/footbg.png);text-align: center;}
.indexfooter p{color: white;font: 12px/25px "微软雅黑";}
.indexfooter .indexfooter_c { padding-top:52px;    }
.indexfooter .indexfooter_c a { color:white;    }
/*下面开始是产品详情页的CSS。*/
.xqyinner .bd1{background: white;width: 1011px;padding-left: 9px;padding-top: 18px;overflow: hidden;_zoom:1;margin: 0 auto; min-height:670px;}
.xqyinner .ft1{background:url(../images/yuanjiaoft.png) no-repeat; width: 1020px;height: 10px;margin: 0 auto;}
.xqyinner .left{float: left;width: 187px;background:white;}
.xqyinner .left .top{padding-bottom: 16px;}
.menu_list .menu_head{ width: 152px;background: url(../images/xxkbg.png) no-repeat;font:12px/29px "Arial";}
.menu_list .cur{background: white url(../images/xuanxiangka.png) center left no-repeat;color: white;}
.menu_list a {color:#000; display:block;}
.menu_list a:hover {color:red;}
.menu_list .on { color:red; }
.menu_list .cur a {color:#fff;}
.menu_list .hover{background: white url(../images/xuanxiangka.png) center left no-repeat; }
.menu_head{padding: 9px 0 9px 27px;cursor: pointer;position: relative;font-weight:bold;background: white;font: 12px/27px  "Arial" ;color: #6d6d6d;}
.menu_head:hover { color:red;}
.menu_list .cur:hover { color:white;}
.menu_body{ display:none;width:135px;padding-left: 25px;background: #eeeeee;}
.menu_body a{display:block; color:#6d6d6d; background:#EFEFEF; padding-left:13px; font-weight:bold; text-decoration:none;font:12px/30px "Arial";}
.right{float: left;}
.xqyinner .right .top{font: 12px/30px "Arial";height: 30px;width: 430px;border-bottom: 2px solid #e60012;}
.xqyinner .right .top a { color:black;}
.right .down{background:#2f2f2f;width: 770px;margin-top: 2px;padding-left: 20px;color: #fefefe;padding-right: 10px;overflow: hidden;zoom:1;}
.xqyinner .right .xtop{font: 12px/30px "Arial";height: 30px;width: 350px;border-bottom: 2px solid #e60012;} 
/*这里是详情页商品图片展播的css*/
.picFocus{ width:461px; padding:30px 0 0 0 ;  position:relative;  overflow:hidden;  _zoom:1;   }
.picFocus  ul{list-style: none;}
.picFocus .hd{ width:461px; height: 150px;/*padding-top:5px;*/padding-top:15px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:144px; height:126px; border:1px solid black; cursor:pointer; margin-right:8px;   }
.picFocus .hd ul li.on img{ border-color:red;  }
.picFocus .bd li{ vertical-align:middle; float: left;}
.picFocus .bd img{ width:456px; height: 407px; display:block; }
.right .down .d_left{float: left;width: 456px;}
.right .down .d_right{float: left;width: 309px;padding: 30px 5px 30px 15px;}
.right .down .d_right ul{list-style: none;}
.right .down .d_right h4{font: 24px/48px "Arial";}
.right .down .d_right h5{font: 18px/24px "Arial";padding-top:25px;padding-bottom: 15px;}
.right .down .d_right ul{font: 12px/20px "Arial";}
.right .down .d_right .d_ul li{float: left;padding: 0 10px 40px 0;}
/*产品中心css开始*/
.right .down{list-style: none;padding-left: 15px;padding-bottom:20px;width: 785px; min-height:930px;}
.right .down .content ul {font-size: 0;}
.right .down .content ul li{list-style: none;padding: 20px 0 0 23px;/* float: left; */width: 231px;display: inline-block;font-size: 12px;vertical-align: bottom;}
.right .down .content ul li img{border:1px solid #2f2f2f;/* width:229px; *//* height:202px; *//* object-fit: contain; */max-width: 100%;max-height: 202px;}
.right .down .content ul li img:hover{ border:1px solid #e60012;position: relative;top:-5px;}
.right .teshu { min-height:800px;}
/*技术css开始*/
.right .down .contact p{font: 12px/24px "Arial";margin: 3px 0;padding-right: 10px;}
.right .down h3{font:bold 16px/30px "Arial";padding-top: 16px;padding-bottom: 25px;}
.right .down .fu{padding-left: 15px;}
.right .down .fu h4{font: 15px/35px "Arial";}
.right .down .fu p{font:13px/40px "Arial";height: 40px;}
.right .down .fu p img{padding-right: 16px;margin-top:11px;}
.right .down .email{font: 13px/24px "Arial";padding-left: 10px;}
.right .down .email h4{font: 16px/35px "Arial";display: block;width: 750px;border-bottom: 3px solid #fefefe;height: 35px;padding-top: 25px;}
.right .down .email input{width: 370px;height: 30px;margin-top: 10px; line-height:30px;padding-left:10px;}
.right .down .email p{padding-top: 15px;}
.right .down .email textarea{width: 735px;height: 165px;margin-top:5px; padding-left:10px;padding-top:5px; }
.right .down .email .but{width: 105px;height: 40px;margin-top: 20px;margin-right: 15px;background: url(../images/butbg.png) no-repeat;float: right;border: 0;cursor: pointer;font-size:18px; color:white;}
.right .down .twz p{padding: 16px 0;}
.right .down .twz h4{font:bold 14px/24px "Arial";color: white;padding-top: 15px;}
/*关于我们CSS开始*/
.right .down .d_top img{border: 3px solid white;margin-top: 15px;margin-bottom: 15px;}
.right .down  p{font: 12px/24px "Arial";padding:0;}
.right .down .d_down .d_down1 img{margin-top: 10px;border: 2px solid white;float: left;}
.right .down .d_down p{font: 12px/26px "Arial";float: right;width: 510px;padding-top: 0px;padding-right: 25px;}
.right .down .d_down .xp{padding-top: 10px;}
.right .down .wz p{padding:15px 0 15px 35px;width: 740px;}
.right .down .tupian{width: 220px;float: left;padding-left: 35px;}
.right .down .tupian img{margin-top: 10px;border: 2px solid white;float: left;}
.right .down .wenzhang{float: left;width: 505px;padding-right: 20px;}
.right .down .wenzhang p{width:478px;float:right;padding:4px 0 !important;}
/*客户支持开始*/
#down{width: 770px;padding-left: 25px;}
#down h4{font:bold 16px/38px "Arial";}
#down h3{font: 14px/38px "Arial";height: 23px;border-bottom: 1px solid white;border-top: 1px solid white;}
#down .big .bd1{background: black; min-height:20px;}
#down .big .ft1{width: 758px;height: 35px; background:url(../images/yuanjiao.png);}
#down div p{display: block;width: 650px;font: 12px/24px "Arial";padding: 0 0 0 35px;color: #fefefe;padding-top: 20px;}
#down .sideMen{ width:758px; }
#down .sideMen h3{ height:38px;  background:url(../images/left1.png)no-repeat #2f2f2f 0 11px;font: 14px/32px "Arial";padding: 0 0 0 0px;color: #fefefe;position: relative;cursor: pointer;padding-left: 30px;}
#down .sideMen h3.cur{ height:38px;  font: 14px/32px "Arial";padding: 0 0 0 0px;color: #fefefe;}
#down .sideMen h3.on{background:url(../images/down1.png) no-repeat 0px 15px #e60012; padding-left: 40px;}
#down .sideMen ul{ padding:8px 25px;color:#999; }
#down .sideMen .big { width:758px; overflow:hidden; display:none;}
#down .page{text-align: center;background: #2f2f2f;padding-top: 23px;}
#down .page a:visited,#down .page a:link{padding: 0  5px;cursor:pointer;color:#fefefe;text-decoration: none;}
#down .page a:hover,#down .page a.on{background: #e60012;}
.menu_body a{background: url(../images/sanjiao.png) no-repeat 0 center}
.teshu .page{text-align: center;background: #2f2f2f;padding-top: 23px;}
.teshu .page a:visited,.teshu .page a:link{padding: 0  5px;cursor:pointer;color:#fefefe;text-decoration: none;}
.teshu .page a:hover,.teshu .page a.on{background: #e60012;}
.cpb { background-color:red;}
.tips { padding-top:10px;}
.aboutimg img { padding-right:40px;}
.proname{ text-align:center; padding-top:10px;}
.proname a { color:white;    }
.red { color:red; padding-right:5px;}

/*相关产品*/
.relatedPro { width:785px; margin-top:35px; border-top: solid 1px black;}
.relatedPro .title { color:white; font-size:16px; font-weight:bold; padding-top:30px; padding-bottom:20px;}
.relatedPro .con{ list-style:none;}
.relatedPro .con ul li{list-style: none;padding: 20px 8px 0 2px;float: left;}
.relatedPro .con ul li img{ 
    /* width:120px; height:105px; */
    width: 120px;
    max-height: 105px;
    object-fit: contain;
}


.box{margin-top: 29px;}
.box .bigimg{margin-bottom: 10px;}
.box .bigimg img{
    /* width:461px;height: 407px; */
    display: block;
    max-width: 100%;
}
.box .smallimg{width:466px;}
.box .smallimg ul{list-style: none;}
.box .smallimg ul li{float: left;margin-left: 6px;margin-right:1px;height: 130px; line-height: 130px; border: 1px solid #131313;}
.box .smallimg ul li img{
    /* width:144px; height:130px; */
    /* max-width: 100%; */
    width: 144px;
    max-height: 100%;
    object-fit: contain;
    vertical-align: middle;
}
.box .smallimg .prev{width: 23px;height: 19px;background: url(../images/xiugai_03.png) no-repeat;float: right;margin-left: 5px;cursor: pointer;margin-bottom: 10px;}
.box .smallimg .next{width: 23px;height:19px;background: url(../images/xiugai_05.png) no-repeat;float: right;cursor: pointer;padding-right: 10px;}
.box .smallimg ul{width: 99999px;height: 132px;position: absolute;top: 0;left: 0;}
.box .smallimg .img{width: 464px;height: 135px;float: left;overflow: hidden;position: relative;}

.relatedPro .title { width:200px; float:left;}
.relatedPro .prev{width: 23px;height: 19px;background: url(../images/xiugai_03.png) no-repeat;float: right;cursor: pointer;margin-top:30px; }
.relatedPro .next{width: 23px;height:19px;background: url(../images/xiugai_05.png) no-repeat;float: right;cursor: pointer;padding-right: 10px;margin-top:30px; }

.line { padding-top:10px; margin-left:23px; margin-right:23px; height:2px; border-bottom:2px solid #000;}