﻿@charset "UTF-8";
*{padding: 0;margin: 0;box-sizing: border-box;}
/*初始化样式*/
body{min-width: 320px; margin:0; padding:0; zoom:1;
    /*设置字体*/
    font-size:12px;
    line-height:24px;
    font-family:Microsoft YaHei,微软雅黑;
    color:#666;}

ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;list-style: none;}
.ul,.ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}

/*强制去除表单自带的样式*/
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/}

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;}
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
em{font-style: normal;}
img{ border:none; border:0; vertical-align:bottom; font-size: 0}
a{ color:#414446; text-decoration:none;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}
*{transition: color 0.2s,background 0.2s,opacity 0.2s,border 0.2s,border-radius 0.2s;-webkit-transition: color 0.2s,background 0.2s,opacity 0.2s,border 0.2s,border-radius 0.2s;-moz-transition: color 0.2s,background 0.2s,opacity 0.2s,border 0.2s,border-radius 0.2s;-ms-transition: color 0.2s,background 0.2s,opacity 0.2s,border 0.2s,border-radius 0.2s;}
/**{transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;}*/

/*页面框架结构*/
.Contain{width:100%;max-width: 1200px;margin: 0 auto;}
.SildeBar{}
.MainContent{}
.Content{width:100%;max-width: 1800px;margin: 0 auto;overflow:hidden;}
.box{padding: 10px;}
.SinglePage{ /*单片*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}
.SinglePage img{ max-width:1200px;}
.fl{float: left;}
.fr{float: right;}
.clearfix{*zoom: 1}
.clearfix:after,.clearfix after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.por{position: relative;}



.scale:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}




.member {color: #fff;padding-left:15px;}
.header-top .member a {
    padding: 0 15px 0 0;
}

/*header*/
/*top*/
.menu-nav{ display: none;width: 32px;height: 32px;background: url("../images/menu-icon.png");background-repeat: no-repeat;background-size: 100% 100%;border: none;vertical-align: middle;margin-left: 10px;}
.header-top{background: #464952;height: 50px;line-height: 50px;}
.header-top ul li{height: 50px;}
.header-top a{color: #efefef;font-size: 14px;padding: 0 15px;border-right: 1px solid #efefef;}
.header-top ul li.last a{border: none;}
.header-top a:hover{opacity: 0.6;}
.mail a{padding-left: 20px;background: url("../images/mail.png");background-repeat: no-repeat;background-position: center left;}
.language{position: relative;padding-left: 10px;background-image: url("../images/china.jpg");background-repeat: no-repeat;background-position: left center;}
/* .language>a{padding-right: 20px;background: url("../images/xia.png");background-repeat: no-repeat;background-position: 49px;} */

/*header-center*/
.header-center{height: 88px;line-height: 86px;}
.header-center .logo{display: inline-block;}
.header-center .Menu{margin-left: 60px;}
.header-center .Menu li{margin: 0 23px;}
.menu-search{display: none;}
.menu-search{width: 32px;height: 32px;background: url("../images/search.png");background-repeat: no-repeat;background-size: 100% 100%;border: none;position: absolute;top: 50%;margin-top: -16px;right: 10px;}
.header-center .Menu li.mail a{padding-left: 0;}
.header-center .Menu li.mail,.header-center .Menu li.language,.header-center .Menu li.sign-top{display: none;}
.header-center .Menu li{position: relative;}
.header-center .Menu li>a,.header-center .Menu li>span{font-size: 16px;display: inline-block;cursor: pointer;}
.header-center .Menu li>dl{display: none;position: absolute;z-index: 999;background-color: #fff;width: 90px;left: 50%;margin-left: -45px;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;border-top: 2px solid #e60012;}
.header-center .Menu li>dl dd a{display: block;text-align: center;line-height: 40px;}
/*.header-center .Menu li:hover dl{display: block;}*/
.header-center .Menu li>dl dd a:hover{background-color: #e60012;color: #fff;}
.header-center .Menu li.on>a,.header-center .Menu li.on>span,.header-center .Menu li:hover>a,.header-center .Menu li:hover>span{color: #e60012;}
.header-search{vertical-align: middle;}
.header-search form{display: inline-block;border: 1px solid #999999;border-radius: 15px;height:30px;line-height: 30px;vertical-align: middle;}
.header-search form input{width: 180px;height: 30px;line-height: 30px;background: url("../images/search.png");background-repeat: no-repeat;background-position: left center;padding-left:32px;color: #666;background-position: left 10px center;float:left;}
.header-search form input[type="button"]{text-transform: uppercase;width: 80px;height:30px;line-height: 30px;text-align: center;background: #ea2f34;color: #fff;border: none;border-radius: 15px;margin: -1px -1px 0 0;padding-left:0;}


.language-txt{display: none;position: absolute;left: 0px;background: #464952;}
.language-txt a{ display: block;padding: 0px 18px;white-space: nowrap;color: #fff;}




/*banner*/
.flex-direction-nav a img{width: 100%;}
.flexslider{transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;}
.flexslider .slides{transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;}

/*.carousel-inner .item a{display: inline-block;vertical-align: bottom;}*/


/*productDescription*/
.productDescription{margin-top: 40px;}
.productDescription h2{text-transform: uppercase;font-weight: bold;margin-bottom: 20px;font-size: 30px;}
.list-tab{display: inline-block;}
.list-tab li{padding: 0 12px;height: 30px;line-height: 30px;border-radius: 15px;margin-right: 15px;font-size: 14px;text-transform: uppercase;font-weight: 600;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;}
.list-tab li a{color: #808080;}
.list-tab li:hover,.list-tab li.cur{background: #e60013;}
.list-tab li:hover a,.list-tab li.cur a{color: #fff;}
.product-list .more{text-transform: uppercase;font-size: 14px;font-weight: 600;color: #808080;}

.Pro-ImgBox{display: block;width: 100%;height: 256px;line-height: 253px;text-align: center;vertical-align: middle;}
.Pro-ImgBox img{max-width: 100%;max-height: 256px;vertical-align: middle;}
.pro-tab{margin-top: 20px;}
.pro-tab dd{height: 601px;display: none;}
.product-bgLeft{max-width: 432px;width: 36%;height: 600px;background: url("../images/pro-bgleft.jpg");background-repeat: no-repeat;background-size: 100% 100%; padding: 40px 20px;}

.product-bgLeft h2{font-size: 28px;height: 45px;font-weight: bold;color: #fff;background: url("../images/red-xian.jpg");background-repeat: no-repeat;background-position: left bottom;background-size: 35px;padding-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.product-bgLeft .p{color: #fff;font-size: 14px;margin-top: 45px;line-height: 22px;}

.product-bgLeft .more-pro{ display: inline-block;width: 200px;height: 45px;line-height: 35px;border-radius: 25px;background: #ea2f34;color: #fff;padding:5px;font-size: 14px;opacity: .8;margin: 20px 0 0px 0;}
.product-bgLeft .more-pro span{display: inline-block;width: 145px;text-align: center;}
.product-bgLeft .more-pro b{display: inline-block;font-size: 25px;width: 35px;height: 35px;border-radius: 20px;background: #fff;color: #444444;text-align: center;}
.product-bgLeft .more-pro:hover{opacity: 1}

/*product-right*/
.product-right{max-width: 767px;height: 601px;width: 64%;}
.product-right li{width: 50%;height: 50%;font-size: 16px;text-align: center;padding: 20px;border:1px solid #e5e5e5;}
.product-right li .span-Img{display: block;width: 100%;height: 200px;line-height: 200px;text-align: center;vertical-align: middle;}
.product-right li img{max-width: 100%;max-width: 100%;max-height: 200px;vertical-align: middle;}
.product-right .pro-num{display: block;text-align: left;margin-top: 10px;}
.product-right .pro-name{text-align: left;color: #989898;text-transform: uppercase;}
.product-right li:hover{box-shadow: 0 8px 30px -3px #989898;}
.product-right li:hover .pro-num{color: #ea2f34;}

/*main-bottom*/
.main-bottom{height: 660px;margin-top: 40px;margin-bottom: 10px;}
.main-bottom .main-botLeft{width: 50%;height: 100%;padding-right: 5px;background: url("../images/bg-pro_03.jpg");background-repeat: no-repeat;background-size: 100% 100%;}
.botLeft-list{width: 590px;height: 500px;background: url("../images/pro-hh.jpg");margin-top: 80px;padding: 65px 50px;border-radius: 10px;}
.botLeft-list-text{max-width: 285px;width: 60%;height: 100%;}
.botLeft-list-text img{max-width: 100%;}
.botLeft-list-text p{font-size: 14px;margin: 0;}
.botLeft-list-text a{display: inline-block;width: 145px;height: 35px;line-height: 35px;border-radius: 20px;border: 1px solid #e60012;text-align: center;font-size: 14px;color: #e60012;margin-top: 25px;}
.botLeft-list-text a:hover{background: #e60012;color: #fff;}
.botLeft-list-img{max-width: 185px;height: 100%;width: 35%;position: relative;overflow: hidden;}
.botLeft-list-img img{position: absolute;left: 50%;margin-left: -91px;top: 50%;margin-top: -180px;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;}
.botLeft-list-img:hover img{transform: scale(1.3,1.3);}


.main-bottom .main-botRight{width: 50%;height: 100%;padding-left: 5px;background: #464952;}
.botRight-list1{width: 590px;height: 208px;background: url("../images/bg-pro.jpg");background-size: 100% 100%;background-repeat: no-repeat;margin-top: 80px;padding: 35px 165px 25px 35px;border-radius: 10px;}
.botRight-list1 h3{text-transform: uppercase;color: #fff;font-weight: bold;margin-bottom: 20px;font-size: 24px;}
.botRight-list1 p{font-size: 14px;color: #fff;}
.botRight-list1 a{display: inline-block;font-size: 14px;color: #fff;width: 175px;height: 35px;line-height: 35px;text-align: center;background: #e60012;border-radius: 20px;text-transform: uppercase;margin-top: 20px;}
.botRight-list1 a:hover{background: #fff;color: #333;}


.botRight-list2{width: 590px;height: 285px;background: url("../images/pro-hh.jpg");margin-top: 7px;padding: 25px 50px 25px 30px;border-radius: 10px;color: #666;}
.botRight-list2 h2{font-size: 30px;font-weight: bold;margin-top: 0;margin-bottom: 10px;}
.botRight-list2 ul li{margin-top: 10px;font-size: 14px;}
.botRight-list2 ul li.fl{width: 67%;line-height: 30px;}
.botRight-list2 ul li.fr{width: 28%;line-height: 30px;}
.botRight-list2 ul li p{margin: 0;}
.botRight-list2 ul li.bottom-xian{padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;height: 101px;overflow-y: auto;}

/*footer*/
.footer{background: #1f2229;}
.footer-top{padding: 40px 0;}
.footer-top ul li{max-width: 135px;width: 12%;margin-left: 90px;}
.footer-top ul li dl dt a{padding-bottom: 15px;background: url("../images/red-xian.jpg");background-repeat: no-repeat;background-position: bottom left;font-size: 16px;color: #e8e8e8;display: inline-block;}
.footer-top ul li dl dd{margin-top: 10px;}
.footer-top ul li dl dd a{margin-right: 10px;color: #aaaaab;font-size: 14px;}
.footer-top ul li dl dd a:last-child{margin-right: 0;}
.footer-top ul li dl dd a:hover{color: #fff;}
.footer-top ul li dl dd.clearfix a:hover{opacity: 0.7;}

.footer-bottom{border-top: 1px solid #36393f;color: #b0b0b0;line-height: 60px;}


/*当宽度为1200px的时候的样式*/
@media only screen and (max-width:1200px) {
    .product-right .pro-num{margin-top: 0;}
    .footer-top ul li{margin: 0 3.9%;}
    .botLeft-list{width: 100%;}
    .botRight-list1{width: 100%;}
    .botRight-list2{width: 100%;}

}
/*当宽度为1100px的时候的样式*/
@media only screen and (max-width:1100px) {
    .header-center .Menu{margin-left: 0;}
}
/*当宽度为1024px的时候的样式*/
@media only screen and (max-width:1024px) {
    .header-center .Menu li{margin: 0 16px;}
}
/*当宽度为960px的时候的样式*/
@media only screen and (max-width:960px) {
    .header-center .Menu li{margin: 0 10px;}
    .botRight-list2{padding:25px 30px 25px 30px; }

    .header-center{position: relative;}
    .header-center .logo{position: absolute;left: 50%;margin-left: -95px;}
    .menu-nav{display: inline-block;}
    .header-center .Menu{display: none;}
    .header-top{display: none;}
    .header-center .Menu li.mail,.header-center .Menu li.language,.header-center .Menu li.sign-top{display: block;}
    .header-center .Menu{width: 100%;position: absolute;left: 0;z-index: 99;background: #fff;padding: 0 50px 50px;border-bottom: 1px solid #36393f;}
    .header-center .Menu li{width: 100%;float: none;border-bottom: 1px solid #b0b0b0;}
    .header-center .Menu li>a,.header-center .Menu li>span{display: inline-block;}
    .header-center .Menu li.on>a{border-bottom: 1px solid #b0b0b0;}
    .header-center .Menu li>dl{position: static;border-bottom: 1px solid #b0b0b0;margin-left: 0;}
    .header-center .Menu li>dl dd a{text-align: left;}

    .botRight-list1{padding: 5% 22% 4% 11%;}
    .menu-search{display: block;}
    .header-search{display: none;}
    .header-search{position: absolute;right: 0;z-index: 99;width: 100%;padding: 0 30px;background: #fff;}
    .header-search form{width: 100%}
    .header-search form input{width: 80%;}
    .header-search form input[type="button"]{width: 20%;float:right;}
}
/*当宽度为840px的时候的样式*/
@media only screen and (max-width:840px) {

    .main-bottom .main-botLeft,.main-bottom .main-botRight{width: 100%;padding: 0;}
    .botLeft-list,.botRight-list1,.botRight-list2{float: none;margin: auto;}
    .main-bottom{height: auto;}
    .botRight-list1{padding: 25px 125px 25px 70px}
    .botRight-list2{margin-top: 10px;}
    .flex-direction-nav a{width: 30px;height: auto;}
}
/*当宽度为720px的时候的样式*/
@media only screen and (max-width:720px) {

    .flex-direction-nav a{width: 20px;height: 20px;}
    .flex-control-paging li a{width: 35px;height: 14px;background-size: 100%;}
    .flex-control-paging li{height: 14px;}
    .flex-control-nav{height:14px;bottom: 10px;}
    .product-list .more{float: none;}
    .productDescription{padding: 0 20px;}
    .list-tab li{width: 100%;}
    .pro-tab dd{height: auto;}
    .product-bgLeft{width: 100%;float: none;margin: auto;}
    .product-right{width: 100%;}

    .footer-bottom span{display: block;float: none;width:100%;text-align: center;line-height: 20px;}
}
/*当宽度为480px的时候的样式*/
@media only screen and (max-width:480px) {
    .header-search{padding: 0 10px;}
    .header-search form input{width: 70%}
    .header-search form button{width: 30%}
    .header-center{height: 65px;line-height: 65px;}
    .menu-nav{width: 25px;height: 25px;}
    .menu-search{width: 25px;height: 25px;}
    .header-center .logo{height: 100%;margin-left: -73px;}
    .header-center .logo img{height: 100%;}
    .flex-direction-nav .flex-next{left: 20%;}
    .flex-direction-nav .flex-prev{left: 15%;}
    .product-right li{width: 100%;}
    .product-right{height: auto;}
    .botRight-list1{padding: 25px 70px;}
    .botLeft-list-text p{font-size: 12px;}
    .botLeft-list{ height: auto;padding: 45px 5px;}
    .botRight-list1,.botRight-list2{height: auto;}
    .botLeft-list-img{height: 400px;}
    .botRight-list2 ul li.fl,.botRight-list2 ul li.fr{width: 100%;max-width: 100%;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
    /*footer*/
    .footer-top ul li{width: 100%;max-width: 100%;float: none;margin-top: 15px;}
    .footer-top ul li dl dt,.footer-top ul li dl dd{float: left;margin-top: 0;margin-bottom: 0;}
    .footer-top ul li dl dt{width: 100%;padding: 0;}
    .footer-top ul li dl dd{margin-top: 5px;margin-right: 10px;}
    .footer-top ul li{margin: 0;padding: 0 20px;}
}
/*当宽度为410px的时候的样式*/
@media only screen and (max-width:410px) {
    .header-top{height: auto;line-height: 25px;}
    .header-top ul li{width: 40%;height: 25px;}
    .header-top ul li:first-child{width: 60%;}
    .header-top a{border: none;text-align: center;display: block;}
    .flex-direction-nav a{width: 15px;height: 15px;}
}




/*发送询盘*/
.bg-top{background: #fff;border-bottom: 1px solid #cccccc;}
.bg-top img{width: 100%;}
.bg-top .Contain{height: 50px;line-height: 50px;}
.bg-top .Contain a,.bg-top .Contain span{font-size: 16px;color: #666666;}
.bg-top .Contain a.home-one{padding-left: 20px;background: url("../images/home.png");background-repeat: no-repeat;background-position: left center;}
.catalogue-main{width: 100%;background: #f5f5f5;padding: 10px 0;}
.catalogue-main .Contain{background: #fff;padding: 25px 0 55px;}
.mainBox-left{max-width:330px;width: 27.5%;padding:10px 40px;}
.mainBox-left h2{font-size: 36px;font-weight: bold;text-transform: uppercase;color: #ea2f34;line-height: 60px;padding-top: 30px;background: url("../images/red-shangxian.png");background-repeat:no-repeat;background-position: left top;}
.mainBox-left ul li a{display: block;height: 50px;line-height: 50px;width: 100%;color: #666666;font-size: 24px;}
.mainBox-left ul li a:hover,.mainBox-left ul li.red a{color: #ea2f34}

.mainBox-right{max-width: 870px;width: 72.2%;border-left: 1px solid #e5e5e5;padding: 25px 50px;min-height: 500px;}
.mainBox-right input{border: 1px solid #c0bfbf;height: 40px;line-height: 40px;padding-left: 20px;font-size: 16px;}
.mainBox-right .inp-box{line-height: 40px;margin-top: 20px;}
.mainBox-right .inp-box2{line-height: 40px;}
.mainBox-right input:focus {outline:none;border: 1px solid #fdeff0;}
.mainBox-right textarea{border: 1px solid #c0bfbf;padding: 5px 20px;font-size: 16px;}
.mainBox-right .textarea-span{vertical-align: top;line-height: 20px;}
.inp-left{font-size: 18px;width: 104px;display: inline-block;text-align: right;}
.width-2{width: 48%;max-width: 325px;}
.width-1{float: right;width: 80%;max-width: 665px;}
.mainBox-right input.btn-send{width:190px;border-radius: 30px;height: 45px;line-height: 45px;text-align: center;color: #fff;background: #ea2f34;font-size: 16px;border: none;margin-top: 40px;padding-left:0;}
.btn-send:hover{background: #fff;border: 1px solid #ea2f34;color: #ea2f34;}
.width-3{width: 63.3%;}
.width-4{width: 38.5%;}
.width-6{width: 78%;margin-left: 2%;}
.width-7{width: 20%;}
.mal-57{margin-left: 50px;}
.inp-left i{color: #ea2f34;}
.mainBox-right input.input-red{border-color: #ea2f34;}
/*当宽度为1200px的时候的样式*/
@media only screen and (max-width:1200px) {
    .width-2{width: 100%;max-width: 100%;margin-top: 10px;}
    .mainBox-right .inp-box2{width: 100%;margin-top: 20px;max-width: 100%}
    .e-mail{float: right;}
    .width-4{width: 80%;max-width: 665px;}
    .width-3{width: 80%;max-width: 665px;}
    .mal-57{float: right;margin-left: 0;}
    .mainBox-left.XiaoHao h2{font-size: 18px;}
}
/*当宽度为990px的时候的样式*/
@media only screen and (max-width:990px) {
    .mainBox-left{width: 100%;max-width: 100%;}
    .mainBox-right{width: 100%;max-width: 100%;}
    .mainBox-left.XiaoHao h2{font-size: 36px;}
}
/*当宽度为580px的时候的样式*/
@media only screen and (max-width:580px) {
    .width-1{width: 60%;}
    .width-4{width: 60%;}
    .width-3{width: 60%;}
    .mainBox-left.XiaoHao h2{font-size: 25px;}
}

/*当宽度为350px的时候的样式*/
@media only screen and (max-width:350px) {
    .width-1{width: 100%;}
    .width-4{width: 100%;}
    .width-3{width: 100%;}
    .mainBox-left.XiaoHao h2{font-size: 22px;}
}



/*下载*/

/*.download-main ul li{width: 100%;height: 88px;line-height: 88px;border-bottom: 1px solid #e5e5e5;vertical-align: middle;}*/
/*.download-main ul li a{display: inline-block;height: 22px;vertical-align: middle;}*/
/*.download-main ul li a img{display: inline-block;vertical-align: middle;}*/
/*.download-main ul li .cata-download{float: right;font-size: 14px;vertical-align: middle;height: 88px;line-height: 88px;}*/
/*.download-main ul li .cata-download span{display: inline-block;width: 105px;height: 22px;border-radius: 20px;background: #ea2f34;line-height: 22px;text-align: center;color: #fff;}*/
/*.download-main ul li .cata-text{float: left;}*/
/*.download-main ul li .cata-text span{margin-left: 10px;font-size: 16px;}*/
/*.download-main ul li .cata-download span:hover{background: #fff;border: 1px solid #ea2f34;color: #ea2f34;}*/


/*.page{margin: 73px auto 0;text-align: center;}*/
/*.page dd{margin-right: 15px;float: none;display: inline-block;}*/
/*.page dd a{display: block;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #e9e9e9;color: #666666;}*/
/*.page dd a.a_cur,.page dd a:hover{background: #ea2f34;color: #fff;}*/


/*pages*/
.Pages{ padding:10px; line-height:18px; zoom:1; overflow:hidden;text-align: center;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px;padding: 3px 10px;border: 1px solid #ccc;border-radius: 3px;}
.Pages a:hover{background: #ea2f34;color: #fff;}
/*.Pages .p_cur{ float:left;}*/
.Pages .p_cur b{ color:#ea2f34;}
/*.Pages .p_count{ float:left;}*/
.Pages .p_count b{ color:#ea2f34;}
/*.Pages .p_total { float:left;}*/
.Pages .p_total b{ color:#ea2f34;}
/*.Pages .p_page{ float:right;}*/
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{ padding:3px 10px; border:solid 1px #e1e1e1; background:#f1f1f1;}
.Pages .p_page em a.a_cur{ color:#fff; border:solid 1px #ea2f34; background:#ea2f34;}
.Pages .p_page b{ font-weight:normal;}
.Pages input.i_text{ width:30px;padding: 0;border: 1px solid #ccc;border-radius: 3px; text-align:center; font-size:12px;  background:#fff;height:26px;line-height: 26px;margin: 0 3px;}
.Pages input.i_button { position:relative;width:32px; height:26px; cursor:pointer; background: #ccc;color: #fff;line-height: 24px;padding:0;border: 1px solid #ccc;border-radius: 3px;margin: 0 3px;font-size: 14px;}
/*pages end*/







/*当宽度为420px的时候的样式*/
@media only screen and (max-width:420px) {
    .download-main ul li .cata-text{width: 50%;line-height: 30px;}
    .download-main{padding: 25px;}
}


/*SendInquiry*/
.SendInquiry ul li{width: 22.5%;}
.SendInquiry ul li select{max-width: 172px;width: 100%;height: 30px;line-height: 30px;border: 1px solid #cccccc;padding-left: 20px;}
.SendInquiry ul li{margin-right: 3.333333%;}
.SendInquiry ul li.last{margin-right: 0;}
.SendInquiry table{margin-top: 30px;}
.SendInquiry table tr th{color: #fff;}
.SendInquiry table tr th,.SendInquiry table tr td{line-height: 40px;border: 1px solid #fff;}


/**/
.what-left span,.what-left ul li>a{display: inline-block;height: 50px;line-height: 50px;width: 100%;color: #666666;font-size: 24px;cursor:pointer;}

.what-left ul li dl{padding-left: 15px;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;}
.what-left ul li dl dd a{color: #666;font-size: 12px;text-transform: uppercase;height: 30px;line-height: 30px;}
.what-left ul li dl dd.red a{color: #ea2f34;}
.what-left ul li span.red,.what-left ul li>a.red{color: #ea2f34;}
.product-cont li{width: 33.3333%;max-width: 256px;text-align: center;display: block;padding: 0 26px;}
.product-cont li .product-img{width: 90%;height: 136px;line-height: 131px;border: 1px solid #e5e5e5;display: block;text-align: center;vertical-align: middle;margin: 0 auto;}
.product-cont li .product-img img{display: inline-block;max-width: 100%;max-height: 100%;vertical-align: middle;}
.product-cont li .pro-name{display: block;font-size: 14px;text-transform: uppercase;margin-top: 10px;margin-bottom: 20px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.product-cont li:hover .product-img{border-color: #ea2f34;}
.product-cont li:hover .pro-name{color: #ea2f34;}


/*当宽度为580px的时候的样式*/
@media only screen and (max-width:580px) {
    .product-cont li{width: 50%;padding: 0;}
    .mainBox-right{padding: 25px 10px;}
}


/*product-details*/
.Big-ImgBox{position: fixed;background: rgba(0,0,0,.8);top: 0;left: 0;width: 100%;height: 100%;text-align: center;display: none;z-index: 999;}
.Big-ImgBox img{display: inline-block;max-width: 100%;max-height: 80%;width: auto;margin-top: 4%;}
.Big-Close{display: block;width: 30px;height: 30px;background-image: url("../images/close-img.png");background-repeat: no-repeat;background-position: center;position: absolute;top: 15px;right: 15px;}

.details-main{padding: 10px 50px;}
.bag-img{width:33.3333%;height:330px;line-height:280px;vertical-align: middle;text-align: center;position: relative;}
.bag-img img{max-width: 100%;max-height: 210px;vertical-align: middle;}
.bag-img p{line-height: 24px;}
.product-parameter{width: 430px;}
.product-parameter h3{font-size: 24px;color: #ea2f34;line-height: 40px;}
.product-parameter ul{margin-top: 10px;}
.product-parameter ul li{font-size: 16px;line-height: 30px;}
.product-parameter ul li b{float: left;}
.product-parameter ul li span{float: left;}
.product-parameter ul li:nth-child(2n-1){float: left;max-width: 220px;width: 56%;}
.product-parameter ul li:nth-child(2n){float: right;max-width: 185px;width: 44%;}
.oem-no{margin-top: 15px;font-family: Times New Roman;}
.oem-no b{font-size: 16px;}
.oem-no dl{background: #f5f5f5;max-width: 345px;width: 80%;padding-left: 20px;}
.oem-no dl dd{float: left;width: 33.3333%;padding-left: 20px;height: 30px;line-height: 30px;font-size: 14px;}
.details-main table{margin-top: 30px;font-size: 14px;font-family: Times New Roman;}
.details-main table tr th{color: #fff;}
.details-main table tr th,.details-main table tr td{line-height: 35px;border: 1px solid #fff;}
.tem{display: block !important;width: 75% !important;text-align: left !important;background-color: #707070;color: white;padding-left: 20px;}
.temps{float: left !important; text-align: left !important;}


/*当宽度为1200px的时候的样式*/
@media only screen and (max-width:1200px) {
    .product-parameter{width: 50%;}
    .oem-no dl dd{padding-left: 5px;}
    .oem-no dl{width: 100%;max-width: 100%;}
    .product-parameter ul li:nth-child(2n-1),.product-parameter ul li:nth-child(2n){width: 100%;max-width: 100%;}

}
/*当宽度为650px的时候的样式*/
@media only screen and (max-width:650px) {
    .bag-img{width: 100%;height: 400px;line-height: 350px;}
    .bag-img img{max-height: 350px;}
    .product-parameter{width: 100%;}
}
/*当宽度为480px的时候的样式*/
@media only screen and (max-width:480px) {
    .details-main{padding: 10px;}
}
/*当宽度为410px的时候的样式*/
@media only screen and (max-width:410px) {
    .details-main{padding: 10px 0;}
}


/*地址*/
.dress-main{width: 100%;max-width: 990px;margin: 0 auto;}
.Dress-Tittle {font-size: 36px;font-weight: bold;text-transform: uppercase;color: #ea2f34;line-height: 60px;padding-top: 30px;background: url(../images/red-shangxian.png);background-repeat: no-repeat;background-position: left top;margin-bottom: 20px;}
.dress-button{padding-left: 60%;}
.dress-text{line-height: 30px;}
.dress-text h4{font-size: 16px;color: #ea2f34;}
.dress-text p{font-size: 14px;}
.mal5{margin-left: 15px;}
.dress-topImg{width: 56%;height: 425px;}

/*当宽度为640px的时候的样式*/
@media only screen and (max-width:640px) {
    .dress-topImg{width: 100%;float: none;}
    .dress-button{padding: 20px;}
    /*.dress-text{width: 60%;}*/
}
/*当宽度为400px的时候的样式*/
@media only screen and (max-width:400px) {
    .dress-text{width: 100%;margin-left: 0;margin-top: 20px;}
}


/*简介*/
.CompanyProfile h3,.CompanyHonor h3{display: inline-block;font-size: 24px;line-height: 20px;border-left: 30px solid #ea2f34;border-right: 2px solid #ea2f34;margin-top: 7px;padding: 0 5px;}
.CompanyHonor2 > h3{height: 50px;line-height: 50px;background-image: url("../images/company-bg.png");background-repeat: no-repeat;background-position: left center;border-bottom: 2px solid #ea2f34;font-size: 18px;color: #fff;padding-left: 70px;}


.CompanyProfile h3 span,.CompanyHonor h3 span{color: #ea2f34;}
.Company-cont{width: 100%;margin-top: 20px;}
.Profile-left{width: 100%;}
.Profile-right{width: 48%;margin-left:30px;}
.Profile-left p{line-height: 40px;font-size: 16px;color: #666;}
.Profile-right img{margin-bottom: 20px;width: 100%;}
.CompanyHonor{border-top: 1px solid #ea2f34;padding-top: 30px;margin-top: 35px;}
.CompanyHonor p{line-height: 40px;font-size: 16px;color: #666;}
.CompanyHonor h3{margin-bottom: 20px;}

/*当宽度为600px的时候的样式*/
@media only screen and (max-width:600px) {
    .Profile-left,.Profile-right{width: 100%;margin: 0;}
    .CompanyProfile h3, .CompanyHonor h3{font-size:22px;}
}





/*新闻*/
.news-main ul{width: 100%;}
.news-list{width: 100%;margin-bottom: 20px;border-bottom: 1px dashed #ccc;padding-bottom: 20px;}
.news-list>a{display: block;width: 100%;}
.news-list:hover{box-shadow: 5px 5px 20px 5px #f9f9f9}
.news-list .fr{max-width: 550px;padding-right: 10px;width: 72%;}
.news-list .fl{max-width: 184px;width: 24%;}
.news-list h4{font-size: 18px;line-height: 30px;margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-list p{font-size: 14px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}


/*当宽度为750px的时候的样式*/
@media only screen and (max-width:750px) {
    .news-list .fr{max-width: 550px;padding-right: 10px;width: 60%;}
    .news-list .fl{max-width: 184px;width: 35%;}
}
/*当宽度为470px的时候的样式*/
@media only screen and (max-width:470px) {
    .news-list .fr{max-width: 550px;width: 58%}
    .news-list .fl{max-width: 184px;width: 40%;}
}
/*当宽度为410px的时候的样式*/
@media only screen and (max-width:410px) {
    .news-list h4{font-size: 18px;line-height: 20px;margin-bottom: 0;}
    .news-list p{font-size: 12px;}
}




/*展会通知*/
.Fair-top{padding: 5px;background: #f6f6f6;}
/*.Fair-top span{display: block;padding:0 35px;background-image: url("../images/tongzhi.png");background-repeat: no-repeat;background-position: left center; font-size: 16px;}*/
.color-red{color: #ea2f34;}
.Fair-top > span{padding: 0 20px;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;margin: 18px 0;line-height: 30px;}

.FairNotice table td,.FairNotice table th{border: 1px solid #fff;text-align: center;line-height: 40px;font-size: 16px;}
.FairNotice table td{vertical-align: middle;}
.FairNotice table td img{vertical-align: middle;}
.FairNotice table th{color: #fff;font-weight: inherit;font-size: 18px;}


.fixd-ImgBox{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,.5);}
.fixd-ImgBox .fixd-ImgList{text-align: center;height: 500px;position: absolute;top: 50%;margin-top: -250px;width: 100%;}
.close-Img{position: absolute;left: 70%;top: -30px;}
.fixd-ImgBox .fixd-ImgList img{height: 100%;display: inline-block;}


.ZH-ImgBox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);overflow: scroll;text-align: center;display: none;}
.ZH-ImgBox img{max-width: 100%;display: inline-block;}
.ZH-Close{ display: block;width: 30px;height: 30px;background-image: url(../images/close-img.png);background-repeat: no-repeat;background-position: center;position: absolute;top: 15px;right: 15px;}



/*登录*/
.sign-height{height: 230px;}
.sign-logo{margin-bottom: 30px;}
.sign-logo img{margin: 0 auto;display: block;}
.signIn-box{position: fixed;left: 50%;top:26%;min-width: 560px;max-height: 520px;min-height: 400px;width:40%;height: 48%; border-radius: 10px;background: #fff;z-index: 19;margin-left: -20%;}
.signIn-cont{width: 290px;margin: 0 auto;padding: 8.7% 0;}
.sign-list .text-input{border: 1px solid #a9a9a9;line-height: 40px;height: 40px;font-size: 14px;color: #a9a9a9;width: 100%;border-radius: 3px;padding-left: 10px;}
.sign-list .text-input:focus {outline:none;border: 1px solid #f27f88;}
.Account-list{color: #cfcfcf;line-height: 21px;}
.Pccount-list{color: #ea2f34;display: none;}
.Account-number{line-height: 14px;margin: 15px 0; }
.Account-number label{margin-left: 5px;color: #000;}
.sign-but{width: 100%;height: 40px;line-height: 40px;background: #ea2f34;color: #fff;font-size: 14px;}
.sign-button{margin-top: 15px;width: 100%;}

/*当宽度为1400px的时候的样式*/
@media only screen and (max-width:1400px) {
    .signIn-box{width: 560px;height: 400px;top: 50%;margin-left: -280px;margin-top: -200px;}
}
/*当宽度为560px的时候的样式*/
@media only screen and (max-width:560px) {
    .signIn-box{position: static;margin: 0;width: 100%;min-width: 100%;}
    .sign-height{display: none;}
}


/*注册*/
.signUp-box{position: fixed;left: 50%;top:17.5%;min-width: 560px;max-height: 700px;min-height: 540px;width:40%;height: 65%; border-radius: 10px;background: #fff;z-index: 19;margin-left: -20%;}
.signUp-cont{width: 450px;margin: 0 auto;padding: 8.7% 0;}
.signUp-list{margin-bottom: 0px;}
.signUp-list span{text-align: right;width: 125px;font-size: 14px;display: inline-block;line-height: 45px;}
.signUp-list input{width: 315px;height: 45px;line-height: 45px;border: 1px solid #d8d8d8;padding-left: 15px;color: #a9a9a9;border-radius: 3px;}
.signUp-box .sign-but{width: 310px;margin: 0 auto;display: block;}

/*当宽度为1400px的时候的样式*/
@media only screen and (max-width:1400px) {
    .signUp-box{width: 560px;height: 540px;top: 50%;margin-left: -280px;margin-top: -270px;}
}
/*当宽度为560px的时候的样式*/
@media only screen and (max-width:560px) {
    .signUp-box{position: static;margin: 0;width: 100%;min-width: 100%;}
    .sign-height{display: none;}
}
/*当宽度为450px的时候的样式*/
@media only screen and (max-width:450px) {
    .signUp-cont{width: 100%;}
    .sign-list{padding: 0 10px;}
    .signUp-list input{width: 65%;}
}
/*当宽度为385px的时候的样式*/
@media only screen and (max-width:385px) {
    .signUp-list input{width: 58%;}
}


/*新闻详情*/
.NewsList{background: #f5f5f5;width: 100%;min-width: 320px;}
.writeBg{background: #fff;}
.w1000{max-width: 1000px;width: 100%;margin: 0 auto;}
.pad50{padding: 50px 0;}
.NewsH2{font-size: 24px;color: #444;text-align: center;line-height: 24px;font-weight: normal;text-transform: uppercase;}
.NewsListTop{margin-top: 30px;padding-bottom: 10px;border-bottom: 1px solid #cccccc;color: #666;}
.XW-FX{margin-right:20px;}
/*.NewsBox{padding-top: 45px;}*/
.NewsImgs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:center;-ms-flex-pack:justify;justify-content:center;}
.NewsImgs img{display: block;width: 49%;}
.NewsImgs img:nth-child(2){margin-left: 2%;}
.NewsTexts{padding-top: 40px;padding-bottom: 50px;}
.NewsTexts img{max-width:100%;}
.NewsTexts p{text-indent : 2em;font-size: 14px;color: #666;}
.NewsBot{display: block;font-size: 14px;color: #666;}
.NewsBot:hover{color: #ea2f34;}


/*产品列表2*/
.Pro-Navs{padding: 20px 0;border-bottom: 1px solid #e5e5e5;margin-bottom: 25px;background:#ccc;}
.Pro-Navs li{float:left;width:7.18%;background: #f5f5f5;margin: 10px 1.9% 0;}
.Pro-Navs li a{display:block;width:100%;height:100%;}
.Pro-Navs li img{width:100%;height:100%;}
.Pro-Navs li:hover,.Pro-Navs li.on{background: #ea2f34;}
.Pro-Navs li:hover a,.Pro-Navs li.on a{color: #fff;}

/*.Pro-Navs li {float: left;width: 10%;margin-right: 2.86%;background: #f5f5f5;margin-top: 10px;}*/







@media only screen and (max-width:1000px) {
    .w1000{padding-left: 10px;padding-right: 10px;}
}

@media only screen and (max-width:640px) {
    .Pro-Navs li{width: 12%;margin: 10px 2.3% 0;}
    
}



@media only screen and (max-width:600px) {
    .NewsImgs{display: block;}
    .NewsImgs img{width: 100%;}
    .NewsImgs img:nth-child(2){margin-left: 0;margin-top: 30px;}

}


.ImgZhanShi{padding: 20px;}
.ImgZhanShi li{width: 24%;margin-right: 1.333333%;float: left;margin-top: 20px;}
.ImgZhanShi li:nth-child(4n){margin-right: 0;}
.ImgZhanShi li img{width: 100%;}

@media only screen and (max-width:550px) {
    .ImgZhanShi li{width: 49%;margin-right: 2%;}
    .ImgZhanShi li:nth-child(2n){margin-right: 0;}
}






/*2018-07-12*/
.Mobile-station{position: relative;color: #efefef;font-size: 14px;padding: 0 15px;}
.Mobile-station img{display: none;position: absolute;right: 0;top: 50px;z-index: 99;width: 136px;}
.Mobile-station:hover img{display: block;}


/*下载*/
.download-main ul li .cata-download span{display: inline-block;width: 105px;height: 22px;border-radius: 20px;background: #ea2f34;line-height: 22px;text-align: center;color: #fff;}
.download-main ul li{width: 48%;margin-right: 4%;float: left;margin-bottom: 25px;}
.download-main ul li:nth-child(2n){margin-right: 0;}
.cata-Img{height: 112px;width: 84px;display: block;text-align: center;vertical-align: middle;float: left;}
.cata-Img img{max-height: 112px;max-width: 84px;vertical-align: middle;display: inline-block;}
.cata-Text{padding-left: 95px;}
.cata-download{display: block;margin-top: 20px;}
.cata-Text h4{font-size: 16px;color: #444444;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.cata-Text span{display: block;font-size: 14px;line-height: 35px;color: #777777;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

@media only screen and (max-width:600px) {
    .download-main ul li{width: 100%;margin-right: 0;}
}


.SendInquiry table tr td{height: 100px;vertical-align: middle;}
.SendInquiry table tr td img{vertical-align: middle;max-width: 96%;}

.what-left span{background: url("../images/jia_07.png")no-repeat right center;}
.what-left ul li span.red.how{background: url("../images/jian_07.png")no-repeat right center;}


.oem-no b{display: inline-block;width: 23%;text-align: right;}
.oem-no dl{width: 75%;}
.oem-no dl.width-11 dd{width: 100%;}

.FenXiang{line-height: 25px;text-align: center;position: absolute;bottom: 0;}
/*.FenXiang span{display: inline-block;}*/
.FenXiang span{display: inline-block;font-size: 14px;text-transform: uppercase;font-weight: bold;float: left;}
/*.FenXiang dd{text-align: center;background: #fff;display: inline-block;}*/
/*.FenXiang dd a{display: block;width: 30px;height: 20px;background-repeat: no-repeat;background-position: center;background-size: auto 100%;}*/
/*.bshare-facebook{background-image: url("../images/inp_03.png");}*/
/*.bshare-twitter{background-image: url("../images/inp_05.png");}*/
/*.bshare-weibo{background-image: url("../images/inp_07.png");}*/
/*.bshare-mail{background-image: url("../images/inp_09.png");}*/


.FenXiang dd a:hover{color: #ea2f34;}


.FairNotice h3{line-height: 50px;font-size: 18px;color: #444444;text-align: center;}
.down-Fair-top{width: 150px;height: 35px;border-radius: 20px;background: #ea2f34;color: #fff;font-size: 16px;text-align: center;display: block;line-height: 35px;margin: 0 auto;margin-bottom: 20px;}



.ZHMM-H3{text-align: center;font-size: 18px;color: #222;margin-bottom: 30px;}
.ZHMM-Box{width: 290px;margin: 0 auto;}
.ZHMM-Box .signUp-list input{width: 100%;}
.ZHMM-Box .signUp-list{margin-bottom: 20px;}
.signUp-box .ZHMM-Box .sign-but{width: 100%;}
.ZHMM-Box .signUp-list input.input-9{width: 160px;float: left;}
.Img-9{width: 100px;float: right;height:40px;}
.ZHMM-Box .signUp-list input.input-11{width: 145px;float: left;}
.signUp-list span.span-11{width: 118px;float: right;line-height: 20px;display: inline-block;text-align: center;background: #ffa6a8;color: #e60012;border: 1px solid #ea2f34;border-radius: 2px;}









































