/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:15px;font-family:''; color:#777;}
a{color:#222;}
a:hover{ color:#006EFD; text-decoration:none;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

.index_top{background: #fff;border-bottom: 1px solid #EEE;color: #777;font-size: 14PX;}
.index_top .list{display: flex;justify-content: space-between;align-items: center;height: 50px;}
.index_top .left{border-left: 1px solid #eee;height: 100%;border-right: 1px solid #eee;padding: 0 15px;line-height: 50px;}
.index_top .right ul{display: flex;}
.index_top .right ul li{border-left: 1px solid #eee;border-right: 1px solid #eee;}
.index_top .right ul li a{width: 50px;height: 50px;line-height: 50px;font-size: 16px;color: #d8d8d8;display: flex;justify-content: center;align-items: center;}
.index_top .right ul li a img{transition: 0.3s;}
.index_top .right ul li a .img2{display: none;}
.index_top .right ul li a:hover .img1{display: none;}
.index_top .right ul li a:hover .img2{display: block;}

.header {
    position: relative;
    width: 100%;
    height: 100px;
    transition: ease 0.3s;
    background: #0951a0;
}
.head_list{display: flex;justify-content: space-between;height: 100px;}
.head_list .logo{display: flex;justify-content: center;align-items: center;height: 100%;transition: ease 0.3s;}
.head_list .logo img{max-height: 100%;}


/*menu*/
.pc_menu{height: 100%;}
.menu{height:100px;line-height:100px;transition: ease 0.3s;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#fff;position:absolute; left:0px; top:100px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:25px 0;display:none;z-index: 9;min-width: 270px;border-bottom: 3px solid #006efd;}
.menu ul li dl dd{ line-height:40px;margin:0 10px; }
.menu ul li dl dd a{ font-size:15px; color:#999;display:block; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#006efd;}
.menu a{font-size: 15px;color: #fff;text-decoration:none;display:block;text-align:center;padding: 0 15px;}
.menu a:hover{color:#d93030;}
.menu_down span a{ display:block;/*background:url(../images/xsj10.png) right 0px center no-repeat;*/}
.menu_down span a.menu_hover{color:#d93030;background:url(../images/xsj11.png) right 0px center no-repeat;}
.menu ul li.active span a{color: #d93030;}


.head_list .RFQ{padding: 0 12px;display: flex;justify-content: center;align-items: center;transition: ease 0.3s;} 
.head_list .RFQ a {padding: 0 24px;height: 60px;line-height: 56px;border-radius: 5px;font-size: 15px; font-weight: 700;color: #fff;border:2px solid #d93030;background: #d93030;display: block;text-decoration: none;transition: 0.3s;}
.head_list .RFQ a:hover{color: #d93030;border-color: #d93030;background: rgba(0,0,0,0);}


.header.fixed {
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #0951a0;
    box-shadow: 0 8px 20px 0 rgb(0 0 0 / 10%);
    animation: .95s ease forwards;
}
.header.fixed .head_list{height: 70px;}
.header.fixed .menu{height: 70px;line-height: 70px;}
.header.fixed .RFQ{height: 70px;}
.header.fixed .RFQ a{height: 45px;line-height: 45px;}
.header.fixed .menu ul li dl{top:70px;}




.m_header{width: 100%;position: sticky;top: 0;left: 0;z-index: 999;box-shadow: 0 8px 20px 0 rgb(0 0 0 / 10%);}
.sp_header{height:70px;overflow:hidden;background:#fff;position:relative;z-index:10;width:100%;display: none;top: 0;padding: 0 35px;box-sizing: border-box;}
.sp_logo{float:left;height:70px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;max-height:60px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
.sp_nav span{display:block;background:#222;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.m_header .RFQ{padding: 0 12px;display: flex;justify-content: center;align-items: center;float: right;height: 70px;} 
.m_header .RFQ a {padding: 0 24px;height: 45px;line-height: 45px;border-radius: 5px;font-size: 15px; font-weight: 700;color: #fff;border:2px solid #d93030;background: #d93030;display: block;text-decoration: none;transition: 0.3s;}
.m_header .RFQ a:hover{color: #d93030;border-color: #d93030;background: rgba(0,0,0,0);}


.sjj_nav{position:fixed;z-index:9;background:#222;width:100%;height:calc(100% - 52px);font-size:14px;line-height:40px;top:70px;left:-100%;overflow:auto;overflow-x:hidden;transition:left ease 0.35s;display: none;}
.nav_show{left: 0;}
.sjj_nav ul li i{position:absolute;top:5px;right:5px;height:45px;padding:0px 10px;background: rgba(255,255,255,.1)}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #333 solid;position:relative;line-height:60px;font-size:18px}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:rgba(255,255,255,.7);width:100%;padding: 0 20px;display: block;}
.sjj_nav ul li a:hover{color: #fff;}
.sjj_nav ul li ul li a{color:rgba(255,255,255,.7);display:block;text-align:left;font-size: 15px;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border-top: none;}
.sjj_nav ul li ul li a{padding: 0 30px;}




/*swiper*/
.banner{width: 100%;}
.swiper {width: 100%;height: 100%;}
.swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}
.banner_swiper .swiper-button-next,.banner_swiper .swiper-button-prev{color: #fff;}
.banner_swiper .swiper-button-next:after,.banner_swiper .swiper-button-prev:after{font-size: 30px;}

/*com*/
.iComTit{width: 100%;margin-top: 75px;}
.iComTit h2{text-align: center;color: #222;font-size: 30px;}



.index1{width: 100%;}
.index1_list{width: 100%;margin-top: 30px;}
.index1_list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index1_list ul li{width: 23%;}	
.index1_list .part{height: 345px;position: relative;overflow: hidden;border-radius: 20px;}
.index1_list .part .img_show{width: 100%;height: 100%;transition: all 1s;position: absolute;top: 0;left: 0;opacity: 1;border-radius: 15px;overflow: hidden;}
.index1_list .part .img_show .img{width: 100%;font-size: 0;height: 100%;}
.index1_list .part .img_show .img img{width: 100%;height: 100%;object-fit: cover;}

.index1_list .part .img_show1{transform: rotateY(0deg);}
.index1_list .part .img_show2{transform: rotateY(180deg);opacity: 0;}
.index1_list .part .img_show2 .img_top{background: rgba(0,0,0,0.5);}
.index1_list .part .img_top{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content:  flex-start;align-items: center;background: rgba(0,0,0,0.3);}
.index1_list .part .desc{padding: 20px;width: 100%;box-sizing: border-box;font-size: 15px;color: #fff;}
.index1_list .part .desc h4{color: #fff;font-size: 20px;}
.index1_list .part .desc dd{font-size: 15px;color: #fff;padding: 5px 0;}
.index1_list .part .desc .more{font-weight: 600;font-size: 18px;height: 40px;display: block;line-height: 40px;border-radius: 40px;padding: 0 20px;text-decoration: none;background: #fff;transition: all .5s ease;margin-top: 15px;color: #000;margin: 0 auto;width: 60%;text-align: center;margin-top: 10px;}
.index1_list .part .desc .more:hover{font-size: 20px;padding: 0 25px;}
.index1_list .part:hover .img_show1{transform: rotateY(180deg);opacity: 0;}
.index1_list .part:hover .img_show2{transform: rotateY(0deg);opacity: 1;}


.i1Style2 ul li{width: 48%;margin-bottom: 1%;}	
.i1Style2 .part .img_show1{transform: rotateX(0deg);}
.i1Style2 .part .img_show2{transform: rotateX(180deg);opacity: 0;}
.i1Style2 .part .desc{font-size: 18px;}
.i1Style2 .part .desc dd{font-size: 18px;}
.i1Style2 .part .desc h4{text-align: center;}
.i1Style2 .part:hover .img_show1{transform: rotateX(180deg);opacity: 0;}
.i1Style2 .part:hover .img_show2{transform: rotateX(0deg);opacity: 1;}


.index_bottom{width: 100%;background: #fafafa;padding: 65px 0;}
.iBottom_list{width: 100%;text-align: center;}
.iBottom_list a{display: inline-block;margin: 0 10px;background: #006efd;color: #fff;line-height: 56px;font-size: 15px;font-weight: 700;text-decoration: none;border-radius: 5px;padding: 0 20px;font-size: 14px;border: 2px solid #fff;transition: 0.3s;}
.iBottom_list a .img{width:40px;height: 56px;display: flex;justify-content: center;align-items: center;float: right;}
.iBottom_list a img{margin-left: 10px;vertical-align: middle;}
.iBottom_list a .img2{display: none;}
.iBottom_list a:hover{background: #fff;border-color: #006efd;color: #006efd;}
.iBottom_list a:hover .img1{display: none;}
.iBottom_list a:hover .img2{display: block;}

.toTop{background: #006EFD url(../images/top.jpg) center no-repeat;cursor: pointer; height: 60px;width: 60px;position: absolute;float: right;right: 10px;bottom: 60px;z-index: 9999;position: fixed;border-radius: 50%;display: none;}
.toTop.fixed{display: block;}

.tongtu{width: 100%;overflow: hidden;position: relative;}
.tongtu .img{width: 100%;font-size: 0;height: 200px;}
.tongtu .img img{width: 100%;height: 100%;object-fit: cover;}
.tongtu .img_top{position: absolute;top: 35%;width: 100%;text-align: center;}
.tongtu .img_top h3{font-size: 42px;color: #fff;}


.about1{width: 100%;padding: 100px 0;}
.about1_list{width: 100%;display: flex;justify-content: space-between;}
.about1_list .left{width: 30%;margin-right: 3%;}
.about1_list .right{width: 66%;}
.about1_img{width: 100%;font-size: 0;}
.about1_img img{width: 100%;}
.about1_desc{width: 100%;font-weight: 500;letter-spacing: 0em;line-height: 1.66;font-size: 15px;}

.about2{width: 100%;padding: 100px 0;}
.about2_list{width: 100%;display: flex;justify-content: space-between;}
.about2_list .left{width: 49.5%;}
.about2_list .right{width: 49.5%;}
.about2_list .title{text-align: center;line-height: 1.23;color: #222;font-weight: 500;font-size: 26px;font-weight: bold;margin-bottom: 20px;}
.about2_list ul li{line-height: 35px;}
.about2_list ul li .icon img{vertical-align: middle;margin-right: 10px;}
.about2_list ul li a{font-size: 18px;display: inline-block;color: #222;font-weight: bold;text-decoration: none;cursor: pointer;}

.product{padding: 70px 0;}
.product_list{width: 100%;margin-top: 50px;}
.product_tab ul{border-radius: 5px 5px 0 0;overflow: hidden;display: table;width: 100%;box-sizing: border-box;}
.product_tab ul li{display: table-cell;text-align: center;width: 1%;padding-left: 15px;}
.product_tab ul li:first-child{padding-left: 0;}
.product_tab ul li a{padding: 14px 20px; display: block; box-sizing: border-box;border: solid transparent; position: relative;cursor: default;text-decoration: none; color: #9c9c9c;transition: background .2s ease-in-out,color .2s ease-in-out;font-size: 18px;font-weight: 700;background: #ededed;}
.product_tab ul li.on a,
.product_tab ul li a:hover{color: #FFF;background: #006efd;}

.product_panel{border: 0;border-radius: 0 0 5px 5px;background: #fff;box-shadow: 0 20px 40px rgb(0 0 0 / 8%);padding: 62px 40px 87px;}
.product_panel .part{width: 100%;display: flex;flex-wrap: wrap;}
.product_panel .part dl{float: left;width: 23%;margin: 1%;}
.product_panel .part .img_show{width: 100%;font-size: 0;overflow: hidden;}
    .product_panel .part .img_show img {
        width: 50%;
        /*height: 200px;*/ margin: 0 54px;
        max-height: 140px;
    }
.product_panel .part ul {padding-left: 20px;margin-top: 20px;}
.product_panel .part ul li{color: #777;font-size: 15px;list-style-type: disc;line-height: 28px;}

.product_title{width: 100%;text-align: center;color: #222;font-size: 26px;font-weight: bold;margin-bottom: 40px;}
.product_panel .tit1{margin-bottom: 40px;color: #222;font-size: 20px;font-weight: bold;}
.Pro_panel_list{display: flex;justify-content: space-between;width: 100%;}
.Pro_panel_list .left{color: #777;font-size: 15px;width: 48%;}

.Pro_panel_list .right{width: 50%;}
.Pro_panel_list .right img{width: 100%;}
.Pro_panel_desc{width: 100%;margin-top: 40px;}
.Pro_panel_desc img{width: auto;max-width: 100%;}


.mProduct{overflow: hidden;width: 100%;padding: 0 3%;box-sizing: border-box;display: none;margin-bottom: 40px;}
.mProduct .title{height: 50px;background: #eee;padding: 0 10px;box-sizing: border-box;line-height: 50px;border-radius: 5px 5px 0 0;}
.mProduct .title.on{background: #006EFD;}
.mProduct .title a{color: #777;font-size: 19px;font-weight: bold;text-decoration: none;cursor: pointer;}
.mProduct .title.on a{color: #fff;}

.mProduct .panel{width: 100%;background: #fff;box-shadow: 0 20px 40px rgb(0 0 0 / 8%);padding: 62px 40px 87px;box-sizing: border-box;}
.mProduct .panel .part{width: 100%;box-sizing: border-box;}
.mProduct .panel .part dl{width: 100%;margin-bottom: 20px;}
.mProduct .panel .part .img_show{width: 100%;font-size: 0;overflow: hidden;text-align: center;}
.mProduct .panel .part .img_show img{max-width: 100%;}
.mProduct .panel .part ul {padding-left: 20px;margin-top: 20px;}
.mProduct .panel .part ul li{color: #777;font-size: 15px;list-style-type: disc;line-height: 28px;}

.mProduct .Pro_panel_list{display: block;}
.mProduct .Pro_panel_list .left{width: 100%;}
.mProduct .Pro_panel_list .right{width: 100%;}
.mProduct .tit1{margin-bottom: 40px;color: #222;font-size: 20px;font-weight: bold;}

.inventory{width: 100%;padding: 100px 0;}
.inventory_title{color: #222;font-size: 30px;font-weight: bold;text-align: center;}
.inv_down{margin-top: 30px;text-align: center;}
.inv_down a{display: inline-block;margin: 0 10px;background: #006efd;color: #fff;line-height: 68px;font-size: 15px;font-weight: 700;text-decoration: none;border-radius: 5px;padding: 0 20px;font-size: 18px;border: 2px solid #fff;transition: 0.3s;}
.inv_down a:hover{background: #fff;border-color: #006efd;color: #006efd;}


.blogs{width: 100%;padding: 100px 0;}
.blogs_list{width: 100%;display: flex;justify-content: space-between;}
.blogs_list .left{width: calc(100% - 300px);}
.blogs_list .right{width: 265px;margin-left: 35px;}

.Pro_nav{width: 100%;color: #c0c0c0;font-size: 15px;font-weight: bold;margin-bottom: 14px;}
.Pro_nav a{color: #c0c0c0;font-size: 15px;display: inline-block;padding-left: 5px;font-weight: bold;}
.Pro_nav a.on{position: relative;color: #006EFD;padding-left: 10px;}
.Pro_nav a:before{content: ' '; position: absolute;top: 50%; left: 0;width: 6px;height: 6px; border-radius: 50%;background: #eee;transform: translate(0,-50%);}
.Pro_nav a:hover{color: #006EFD;text-decoration: none;}
.Pro_nav a.on:hover{color: #00d2dd;}

.blogs_new{width: 100%;}
.blogs_new ul li{margin-bottom: 40px;padding-bottom: 30px;border-bottom: 1px solid #eee;}

.post-title{margin-bottom: 10px;font-size: 24px;line-height: 1.5;color: #222;}
.post-title a {color: #222;}
.post-title a:hover{color: #006EFD;text-decoration: none;}

.blogs_desc{margin-bottom: 20px;color: #777;font-size: 15px;}
.post-read-more{color: #222;font-size: 15px;}
.post-read-more span{display: inline-block;margin-right: 10px;}
.post-read-more a{color: #222;font-size: 15px;font-weight: bold;}
.post-read-more a:hover{color: #006EFD;text-decoration: none;}
.blogs_img{width: 100%;font-size: 0;border-radius: 5px;overflow: hidden;margin-bottom: 30px;}
.blogs_img img{width: 100%;}

.blogs_right{background: #f2f2f3;padding: 62px 25px 70px;border-radius: 5px;width: 100%;box-sizing: border-box;}
.blogs_search{width: 100%;background: #fff; box-shadow: 0 20px 30px rgb(0 0 0 / 6%);border-color: transparent;height: 60px;position: relative;}
.blogs_search input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;padding: 0 40px 0 10px;box-sizing: border-box;}
.blogs_search input:focus{border: 1px solid #006EFD;outline: #006EFD;border-radius: 5px;}
.blogs_search button{position: absolute;top: 0;right: 0;width: 40px;height: 100%;border: none;background: none;}

.blogs_menu{margin-top: 70px;}
.blogs_menu .title{font-size: 24px;margin-bottom: 35px;color: #222;font-weight: bold;}
.blogs_menu ul li+li{margin-top: 40px;}
.blogs_menu ul li{padding: 12px 0;}
.blogs_menu ul li a{font-size: 18px;font-weight: 700;line-height: 1.44;display: block;color: #222;}
.blogs_menu ul li a:hover{color: #006EFD;text-decoration: none;}


.Prodetail{padding: 180px 0 100px 0;width: 100%;}
.ProdTit{margin-bottom: 85px;}
.ProdTit .tit{text-align: center;color: #222;font-size: 42px;font-weight: bold;margin-bottom: 30px;}
.post-meta{font-size: 15px;font-weight: 600;text-align: center;}
.post-meta ul li{display: inline-block;margin: 0 5px;}
.post-meta ul li .icon img{margin-right: 5px;vertical-align: middle;}
.post-meta ul li a:hover{color: #006EFD;text-decoration: none;}

.ProdDesc{font-size: 15px;color: #777;}
.ProdDesc h1{color: #000080;font-size: 56px;}
.ProdDesc img{max-width: 100%;}

.post-share{width: 100%;display: flex;align-items: center;justify-content: flex-end;}
.post-share .title{font-weight: 600;color: #222;font-size: 15px;margin-right: 30px;}
.post-share ul{display: flex;}
.post-share ul li{border: 1px solid #eee;}
.post-share ul li a{width: 50px;height: 50px;line-height: 50px;font-size: 16px;color: #d8d8d8;display: flex;justify-content: center;align-items: center;position: relative;}
.post-share ul li a img{transition: 0.3s;}
.post-share ul li a .img2{display: none;}
.post-share ul li a:hover .img1{display: none;}
.post-share ul li a:hover .img2{display: block;}


.hint--top:hover:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px);
}
.hint--bounce:before, .hint--bounce:after {
    -webkit-transition: opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);
    -moz-transition: opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);
    transition: opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24);
}
[class*=hint--]:after {
    text-shadow: 0 -1px 3px rgb(0 0 0 / 30%);
    box-shadow: 4px 4px 8px rgb(0 0 0 / 30%);
}
.hint--top:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}	
.hint--top:before, .hint--top:after {
    bottom: 100%;
    left: 50%;
}
[class*=hint--]:after {
    background: #000;
    color: #fff;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 16px;
    white-space: nowrap;
    border-radius: 5px;
}
[class*=hint--]:before, [class*=hint--]:after {
    position: absolute;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: bottom .3s ease;
    -moz-transition:bottom .3s ease;
    transition:bottom .3s ease;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
}
.hint--top:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px);
}
[class*=hint--]:hover:before, [class*=hint--]:hover:after {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
}
[class*=hint--]:hover:before, [class*=hint--]:hover:after {visibility: visible;opacity: 1;}
.hint--top:before {left: calc(50% - 7px);}
.hint--top:before, .hint--top:after {bottom: 100%; left: 50%;}
.hint--top:before {margin-bottom: -13px;}
.hint--top:before {border-top-color: #000 !important;}
[class*=hint--]:before {
    content: '';
    position: absolute;
    background: 0 0;
    border: 7px solid transparent;
    z-index: 1000001;}


[class*=hint--][aria-label]:after {content: attr(aria-label);}

.nav-links {margin-top: 95px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding-bottom: 77px;border-bottom: 1px solid #eee}
.nav-links .nav-item {width: 46%}
.nav-links .nav-previous {text-align: left}
.nav-links .nav-previous span {margin-right: 8px}
.nav-links .nav-next {text-align: right}
.nav-links .nav-next span {margin-left: 10px}
.nav-links a {display: block;font-size: 20px;line-height: 1.4;font-weight: 700}
.nav-links a div {color: #bbb;font-size: 15px;margin-bottom: 16px}
.nav-links .icon img{vertical-align: middle;}



.contact{width: 100%;padding: 100px 0;}
.contact_map{width: 100%;}
.map{width: 100%;height: 400px;overflow: hidden;}
.map img{width: 100%;}

.messages{width: 100%;margin-top: 50px;display: flex;justify-content: space-between;}
.messages .left{width: 400px;margin-right: 25px;}
.messages .left .mes_adr{padding: 10px;box-sizing: border-box;background: #f9f9f9;}
.messages .right{width: calc(100% - 425px);}
.messages .title{letter-spacing: 1px;color: #039;font-size: 14px;font-weight: 700;text-transform: uppercase; line-height: 1.26;margin-bottom: 20px}
.messages dl{color: #777;font-size: 15px;}
.messages dl dd{margin-bottom: 15px;}
.messages dl dd p{padding: 0;}

.mes_form{width: 100%;}
.mes_form .title{font-size: 30px;text-transform:none;color: #222;}
.mes_form .tit{font-size: 15px;color: #777;margin-bottom: 10px;}
.mes_form ul li{margin-bottom: 20px;}
.mes_form select{padding: 3px 20px; height: 60px; max-width: 100%;width: 100%;outline: none; border: 1px solid #eee;border-radius: 5px;font-weight: 500;color: #999;background: #f9f9f9 url(../images/xsjj.png) no-repeat center right 20px;-moz-appearance: none;-webkit-appearance: none;text-transform: none;font-size: 15px;box-sizing: border-box;}


.mes_form input{width: 100%; outline: none;border: 1px solid #eee;border-radius: 5px;color: #999;font-weight: 500;background: #f9f9f9;padding: 3px 20px;height: 60px;box-sizing: border-box;}
.mes_form textarea{width: 100%; outline: none;border: 1px solid #eee;border-radius: 5px;color: #999;font-weight: 500;background: #f9f9f9;padding:20px;height: 150px;box-sizing: border-box;}
.mes_form select:focus,
.mes_form input:focus,
.mes_form textarea:focus{outline: #006EFD;border: 1px solid #006EFD;box-shadow: 0 0 30px rgb(0 110 253 / 13%);color: #006EFD;}

.mes_form .mes_btn{color: #fff;border: 2px solid #006efd;background-color: #006efd;width: auto;font-size: 18px;font-weight: bold;padding: 0 40px;}
.mes_form .mes_btn:hover{color: #006EFD;border: 2px solid #006EFD;background: #fff;}

.mes_form .tips{outline: #777;font-size: 15px;font-weight: bold;}


.inside{width: 100%;padding: 100px 0;color: #777;}





@media only screen and (max-width: 1200px) {
.wapper{ width:98%;margin: 0 auto;}
.index_top{display: none;}
.header{ display:none}
.sp_header{ display:block;}
.sjj_nav{ display:block;}
.post-share{padding: 0 5%;box-sizing: border-box;}



 
}

@media only screen and (max-width: 980px) {
.wapper{ width:90%;}
.index1_list ul{display: block;}
.index1_list ul li{width: 90%;margin: 5%;}
.blogs_list{display: block;}
.blogs_list .left{width: 100%;}
.blogs_list .right{width: 100%;margin: 0;margin-top: 40px;}
.messages .left{width: 330px;}
.messages .right{width: calc(100% - 355px);}
}


@media only screen and (max-width: 740px) {
.wapper{ width:94%;}
.sp_header{padding: 0 10px;}
.m_header .RFQ{display: none;}

.iComTit h2{font-size: 21px;}

.about1_list{display: block;}
.about1_list .left{width: 100%;margin: 0;}
.about1_img img{width: auto;max-width: 100%;}
.about1_list .right{width: 100%;}

.about2{padding-top: 20px;}
.about2_list{display: block;}
.about2_list .left{width: 100%;}
.about2_list .right{width: 100%;margin-top: 20px;}
.about2_list .title{font-size: 20px;}

.tongtu .img_top{top: 45%;}
.tongtu .img_top h3{font-size: 28px;}

.product_list{display: none;}
.mProduct{display: block;}
.inventory_title{font-size: 24px;}
.post-share{justify-content:flex-start;}
.nav-links{display: block;}
.nav-links .nav-item{width: 100%;}
.nav-links .nav-next{text-align: left;margin-top: 20px;}

.messages{display: block;}
.messages .left{width: 100%;margin: 0;}
.messages .right{width: 100%;margin-top: 20px;}



}