*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5;color:#3d3d3d;outline:0;font-family:'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif;font-style: normal;}
html,body{width:100%; position:relative;height:100%;}
.bodyw,.body_st{height:100%;}
body{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#3d3d3d;-webkit-transition:0.5s;transition:0.5s;}
a:hover{color:#1d2088;}

/** 重置图片元素 **/
.l{ float:left;}
.r{ float:right;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.w1650{ width:1400px;max-width: 95%; margin:auto;}
.w1400{ width:1400px;max-width: 95%; margin:auto;}
.w1200{ width:1200px;max-width: 95%; margin:auto;}

.top_bg{position: fixed;left: 0;top: 0;right: 0;z-index: 9;-webkit-transition: 0.5s;transition: 0.5s;border-bottom: 1px solid rgba(0, 0, 0, 0.1);height: 101px;}
.top_h{}
.top_h .logo{padding: 18px 0;}
.top_h .logo img{height:65px;}

.img1{display: block;}
.img2{display: none;}

.dh_tx{position: absolute;top:0;}
.dh_tx i{position: absolute;top: 0; height:101px;-webkit-transition:0.5s;transition:0.5s;}
.dh_tx i:after{content: "";position: absolute;left: 30px;bottom: 0;right: 30px; -webkit-transition:0.5s;transition:0.5s;border-bottom: 2px solid #0068bf;}
.dh{}
.dh ul li{float: left;position: relative;}
.dh ul li p a{display: block;line-height: 101px;font-size: 17px;position: relative;color: #333;padding: 0 30px;}
.dh ul li.on p a{color: #0068bf;}
.dh ul li .dh_fl{position: absolute;left: 50%;top: 101px;width:200px;display: none;margin-left: -101px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.dh ul li .dh_fl ul{background: #fff;}
.dh ul li .dh_fl ul li{float: none;padding: 0;border-bottom: 1px dotted #eee;}
.dh ul li .dh_fl ul li a{display: block; font-size: 15px;line-height: 44px;position: relative;color: #666; text-align:center;}
/*.dh ul li .dh_fl ul li a:after{float: right;font-size: 12px;content: "\e68b";font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/
.dh ul li .dh_fl ul li:hover a{color: #fff; background:#0068bf;}
.top_ss{margin-left: 20px;}
.top_ss span.button{ display:block; width:30px; height:101px;font-size: 18px;line-height: 101px;text-align: center;color: #333; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;}
.serach{position:absolute;left: 0; right:0px;background: #FFF; top:0px; width:100%;overflow:hidden; z-index:10;display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;padding: 30px 0;}
.serach form{position: relative;}
.serach form input[type='text']{font-size:16px; width:100%; height:40px; line-height:40px;padding:0 101px 0 50px; color:#333;background: none;}
.serach form a{position: absolute;left: 0;top:0px;width: 40px;height:40px;font-size: 20px;line-height: 40px;text-align: center;color: #666;}
.serach form span{position: absolute;right: 0;top:0px;width: 40px;height:40px;cursor: pointer;}
.serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #333;margin: -1px 0 0 -12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:after{content:""; position: absolute;left: 50%;top:50%;width: 2px;height:24px;background: #333;margin: -12px 0 0 -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:hover:before{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.serach form span:hover:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.top_yy{margin-top:35px;margin-left: 30px; text-align:center;color: #333;}
.top_yy a{font-size: 17px;line-height:32px; color: #333; }
.top_yy a:hover{ color:#0068bf;}

.top_bg.on{background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.top_bg.on .dh_tx i:after{border-bottom: 2px solid #0068bf;}
.top_bg.on .dh ul li p a{color: #333;}
.top_bg.on .dh ul li.on p a{color: #0068bf;}
.top_bg.on .dh ul li .dh_fl ul li:hover a{color: #fff; background:#0068bf;}
.top_bg.on .top_ss span.button{color: #333;}
.top_bg.on .top_ss:hover span.button{color: #0068bf;}
.top_bg.on .top_yy{ color:#333;}
.top_bg.on .top_yy a{ color:#333;}



.top_hbg{background:#fff;}
.top_hbg .img1{display: none;}
.top_hbg .img2{display: block;}
.top_hbg .dh ul li p a{color: #333}
.top_hbg .dh ul li.on p a{color: #0068bf;}
.top_hbg .top_yy a{color: #333}
.top_hbg .top_ss span.button{color: #0068bf;}

.banner{width:100%;overflow:hidden;}
.banner ul{ position:relative; width:10000%;}
.banner ul li{float:left;width:1%;overflow:hidden;position:relative;}
.banner ul li img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.banner ul li.on img{}
.bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:5;}
.bandd span{z-index:2;cursor:pointer;margin:0 5px;display:inline-block;width:50px;height:2px;zoom:1;position:relative;-webkit-transition:0.5s;transition:0.5s;background: #fff;}
.bandd span.on{background:#BD1B20;}
.banz,.bany{ position:absolute; top:50%; width:50px; height:50px; opacity:0;  -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 24px;line-height:50px;text-align: center;color: #333;background: rgba(255, 255, 255, 0.5);border-radius: 50%;}
.banz{ left:5%;}
.bany{ right:5%;}
.banz:before,.bany:before{position: absolute;top: 50%;left: 50%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%) ;}
.bany:before{-webkit-transform:translate(-50%, -50%) rotate(180deg);transform:translate(-50%, -50%) rotate(180deg);}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}

/*导航*/
.hTitle{font-size:1.1rem; line-height:2.8rem;color:#888; text-align:center;margin-bottom:2rem;}
.hTitle p{font-size:2.5rem;color:#222;}
.hTitle span{color:#0068bf; font-weight:bold;}
.hTitle i{display: block;width: 80px;height: 5px;margin:12px auto; position: relative;}
.hTitle i::after,.hTitle i::before{content: '';display: block;position: absolute;width:20px; height:2px;top: 0;left: 0; border-radius:10px;}
.hTitle i::after{right: 0px;left: inherit;background:#0068bf;animation:allTitleAfter 3s infinite linear;}
.hTitle i::before{background:#0068bf;animation:allTitleBefore 3s infinite linear;}
.hTitle t{width:30px;height:2px;background:#333;margin:0 auto;display:block;animation:allTitleI 3s infinite linear; border-radius:10px;}
@keyframes allTitleI{
0%{transform:translateX(0px);}
25%{transform:translateX(-25px);}
50%{transform:translateX(0px);}
75%{transform:translateX(25px);}
100%{transform:translateX(0px);}
}
@keyframes allTitleBefore{
0%{width:15px;}
25%{width:0px;}
50%{width:15px;}
75%{width:30px;}
100%{width:15px;}
}
@keyframes allTitleAfter{
0%{width:15px;}
25%{width:30px;}
50%{width:15px;}
75%{width:0px;}
100%{width:15px;}
}


/*  产品 */
.pord_bg{width:100%; background:linear-gradient(to bottom,#f5f5f5 0%,#eee 100%); padding: 2% 0; box-sizing: border-box;}
.pro_tabMenu{text-align:center; margin-bottom:40px;height:42px; line-height:42px;}
.pro_tabMenu a{position:relative; z-index:2; margin:0 2%; font-size:1vw;}
.pro_tabMenu a:after{content:""; position:absolute; left:-15px; width:100%; height:42px;background:#0068bf; padding:0 15px;z-index:-1;transform: scale(0,1);transform-origin:right;transition: transform .5s;}
.pro_tabMenu .on:after{transform: scale(1);transform-origin:left;}
.pro_tabMenu .on{color:#fff;}
.proMain{margin-bottom:30px;}
.proMain li .divproduct_new_div:after{ content:""; display:block; clear:both; height:0; overflow:hidden;}
.proMain li .divproduct_new_div_item{ width:24%; min-height:300px; float:left; background:#fff; margin-right:1.33%; position:relative; overflow: hidden; margin-bottom:20px;}
.proMain li .divproduct_new_div_item:nth-of-type(4),.proMain li .divproduct_new_div_item:nth-of-type(8),.proMain li .divproduct_new_div_item:nth-of-type(12){ margin-right:0; float:right;}
.proMain li .product_div_item_pic{max-height:233px; border:1px solid #fff; overflow:hidden;}
.proMain li .product_div_item_pic img{ width:100%; position:relative; z-index:1;}
.proMain li .product_div_item_pic,.proMain li .product_div_item_pic img{transition: 0.5s; position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%;}
.proMain li .product_div_item_pic{overflow:hidden;}
.proMain li .product_div_item_pic a{display:block;}
.divproduct_new_div_item:hover .product_div_item_pic img{transform:scale(1.1);transition:0.5s;}

.proMain li .divproduct_new_div_item_title{ position:absolute; left:20px;  line-height:30px; bottom:6%; width:90%;}
.proMain li .divproduct_new_div_item_title:before{ content:"+"; display:block; z-index: 0; position:absolute; right:0; top:0; color:#bbb; font-size:20px;}
.proMain li .divproduct_new_div_item:hover .divproduct_new_div_item_title:before{color:#fff;}
.proMain li .divproduct_new_div_item_title a{font-size:16px;position: relative; display:block;z-index: 1}
.proMain li .divproduct_new_div_item_body{ position:absolute; left:20px; bottom:14px; font-size:15px; line-height:24px; width:217px; height:50px; z-index:1;}

.proMain li .divproduct_new_div_item:before{ content:""; display:block; width:0; height:300px; position:absolute; top:0; left:0; background:#0068bf;transition: all 0.5s; z-index:0;}
.proMain li .divproduct_new_div_item:hover:before{ width:100%;}
.proMain li .divproduct_new_div_item:hover a{ color:#fff;}
.proMain li .divproduct_new_div_item:hover .divproduct_new_div_item_body{ color:#fff;}

.pMore{display:block;width:240px;height:40px; border:solid rgba(50,50,50,.1) 1px; margin:0 auto;line-height:40px;text-align:center; margin-left:-120px;margin:0 auto;transition:0.5s;}
.pMore a{color:#666; display:block;}
.pMore i{font-style:normal;margin-left:15px;}
.pMore:hover{width:360px; border:solid #0068bf 1px; transition: all 0.5s;}
.pMore a:hover{color:#0068bf;}
/*  产品 */

.home_product{background: #eee; padding: 3% 0; overflow:hidden;}

.home_pro_box{margin-top: 4%;}
.home_pro_lt{width: 23%; float: left;}
.home_pro_lt dt{height: auto; background: url(../images/hpro_titbg.jpg) no-repeat; text-align: center; color: #fff;background-size: cover; padding: 6% 0}
.home_pro_lt dt .inpbt{line-height: 36px; /*font-family: "STZhongsong";*/ font-size: 26px; font-weight: normal;}
.home_pro_lt dt p{line-height: 24px; font-size: 12px; text-transform: uppercase;}
.home_pro_lt dt p span{display: inline-block; *display: inline; *zoom: 1; position: relative; padding: 0 14px;}
.home_pro_lt dt p span i{display: block; width: 20px; height: 1px; background: #6b6b6b; background: rgb(107,107,107,.3); position: absolute; top: 50%;}
.home_pro_lt dt p span i.ipro_l{left: -20px;}
.home_pro_lt dt p span i.ipro_r{right: -20px;}
.home_pro_lt dd{}
.home_pro_lt dd ul > li{font-size: 16px; border-bottom: 1px solid #ddd;}
.home_pro_lt dd ul > li > a{display: block; height: 53px; line-height: 53px; background: #fff; padding-left: 46px; padding-right: 64px; position: relative;}
.home_pro_lt dd ul > li > a i{display: block; width: 27px; height: 27px; background: url(../images/arrow_btn.png) no-repeat -45px 0; position: absolute; right: 36px; top: 13px;}
.home_pro_lt dd ul > li.active > a,.home_pro_lt dd ul > li:hover > a{background: #0068bf; color: #fff !important;}
.home_pro_lt dd ul > li.active > a i,.home_pro_lt dd ul > li:hover > a i{background-position: -72px 0;}
.home_pro_child{padding: 10px 0;}
.home_pro_child li a{height: 32px; line-height: 32px; font-size: 14px; padding-left: 62px;}
.home_pro_tel{padding: 6.4% 0; border-top: 4px solid #0068bf; margin-top: 6%; background: #fff}
.home_pro_teltit{height: 30px; line-height: 30px; text-align: center; font-size: 22px; color: #0068bf;}
.home_pro_telbox{height: 40px; padding-left: 96px; position: relative; margin-top: 10px;}
.home_pro_telbox i{display: block; width: 38px; height: 38px; background: url(../images/arrow_btn.png) no-repeat 0 -45px; position: absolute; left: 52px; top: 2px;}
.home_pro_telbox p.p1{height: 18px; line-height: 18px; color: #999;}
.home_pro_telbox p.p2{height: 20px; line-height: 20px; font-size: 16px; margin-top: 2px;}
.wz{font-size: 16px; line-height: 28px; padding:8% 8% 0; box-sizing: border-box;}
.home_pro_rt{width: 74%; float: right;}
.home_pro_rt ul{margin-right: -2%; margin-bottom: -3%;}
.home_pro_rt li{width: 31%; float: left; margin-right: 2%; margin-bottom: 3%; border: 1px solid #ddd;}
.home_pro_rt li a{display: block;}
.home_pro_pic{width: 100%; height: auto; background: #fff; overflow: hidden;}
.home_pro_pic img{display: block; width: 100%; height: auto; transition: all .5s;}
.home_pro_name{background: #fff; padding:6.6% 3%; font-size: 16px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .4s; color: #333;}
.home_pro_rt li a:hover .home_pro_pic img{/*transform: scale(1.05);*/}
.home_pro_rt li a:hover .home_pro_name{background: #0068bf; color: #fff;}


.s_tt{ width:100%; margin:0 auto; margin-bottom:20px;padding-top:0px; }
.s_tt div{ font-size:50px; color:#fff; font-weight:600;}
.s_tt p{ font-size:15px; color:#a8a7a7; text-transform:uppercase; margin-top:10px; font-family:arial;}

.prelblt{width: 100%;padding:3% 0; overflow: hidden; box-sizing: border-box; background: #f5f5f5}
.prelblt ul{margin-left: -1%;display: flex;flex-wrap: wrap;display: -ms-flex;-ms-flex-wrap: wrap; margin-top: -1%}
.prelblt li{width:32.333%;margin-left: 1%;margin-top: 1%;float: left;}
.prelblt li a{display: block;width: 100%;position: relative;overflow: hidden; font-size: 0}
.prelblt li a img{width: 100%;object-fit: cover;transition: all .4s linear; overflow: hidden;}
.prelblt-wd{position: absolute;width: 100%;padding: 0 5%;bottom: 5%;color: #fff;left: 0;z-index: 2;}
.prelblt-wd .cbt{font-size: 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.prelblt-wd p{font-size: 15px;margin-top: 18px; line-height:25px; display: -webkit-box;   -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}
.prelblt li a:before{content: "";position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: url('../images/prelbic1.png') repeat-y;background-size: contain;transition: all .6s ease;}
.prelblt li a:hover img{transform: scale(1.06);  overflow: hidden;}
.prelblt li a:hover:before{opacity: 0;}
.prelbbz{width: 100%;overflow: hidden;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;padding: 92px 0;}
.prelbbz-wd{width: 100%;text-align: center;color: #fff;}
.prelbbz-wd h6{font-size: 36px;}
.prelbbz-wd p{font-size: 16px;line-height: 1.4em;margin: 28px 0 36px;}
.prelbbz-wd a{display: inline-block;width: 160px;height: 50px;line-height: 50px;border-radius: 25px;font-size: 16px;color: #fff;background: #2d67d6;}
.prelblt li:nth-child(4),.prelblt li:nth-child(5){width: 49%}



.inabout{width: 100%; height: auto; background: url(../images/bg_about.jpg) no-repeat center; padding: 3% 0; box-sizing: border-box; overflow: hidden;}
.in_about_text{font-size:16px; line-height:32px; font-weight: normal; color: #444;/* float: left; width: 45%*/}
.in_video{}
.video_pic{text-align: center; /* float: right; width:50%*/}
.video_pic img{max-width: 100%; display: block; clear: both; margin:auto; border-radius: 20px}
.video_pic iframe{width: 100%; height: 500px}
.home_abt_more{display: block; width: 180px;line-height: 42px; background: #0068bf; text-align: center; font-size: 15px; color: #fff; border-radius: 21px; margin: 3% auto;}
.home_abt_more:hover{color: #fff !important; margin-left: 14px;}
.video_picimg{width:100%;}
/**/
.index-news-bj{padding:3% 0;position: relative;}
.index-news-bj:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;line-height: 0;}
.index-news-hz{overflow: hidden;}
.index-news-right{float:right;width:52%;}

.index-news-right-top-nr{float:left;overflow:hidden;}
.index-news-right-top-nr-rq li{float:left;margin-right:5px;font-size:14px;color:#999;}
.index-news-right-top-nr-rq li img{vertical-align: middle;}
.index-news-right-top-nr-title {margin-bottom:10px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index-news-right-top-nr-title a{font-size:20px;}
.index-news-right-top-nr-title a:hover{text-decoration:underline;}
.index-news-right-top-nr-content{text-indent:30px;margin:14px 0;float:left; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#666; font-size: 14px; line-height: 25px}


.index-news-right-bottom{margin-top:0px;}
.index-news-right-bottom li{font-size:14px;box-sizing: border-box; background:url(../images/dian.png)no-repeat left;padding-left:20px;border-bottom:1px dashed #dbdbdb;float:left;line-height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;width:100%;}
.index-news-pic{width:46%; float:left; display:block; overflow:hidden;}
.index-news-pic img{width: 100%}
.index-news-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-news-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
/**/


.link_bg{background-color:#eee; padding:1.2% 0;}
.link_dht{line-height:40px; font-size:18px;}
.link_dht i{display: inline-block; color:#999; font-size:1vw; width:30px; height:30px; line-height:30px; border:solid #ddd 1px; border-radius:50%; text-align:center; font-weight:400; margin-right:10px; transition:all .4s;position: relative;top:6px;}
.link_nr{ margin-left:20px;}
.linkTagcs{height:auto;}
.linkTagcs ul{margin:0px;padding:0px;list-style-type:none;}
.linkTagcs li{list-style:none;margin:0px;padding-right:11px;line-height:40px;float:left;}
.linkTagcs li a{color:#666;word-break:break-all; font-size: 14px;}
.linkTagcs li img{border:0px;}


.footer .di_nr{background: #424242;padding:2% 0; overflow: hidden;}
.footer .di_nr ul li{text-align: center;}
.footer .di_nr ul li .fdbt{font-size: 16px;color: #ffffff;line-height: 57px;}
.footer .di_nr ul li p a{font-size: 14px;color: rgba(255, 255, 255, .5);line-height: 35px;}
.footer .di_nr_y .fbt{font-size: 18px;color: #ffffff;line-height: 57px;}
.footer .di_nr_y p{font-size: 14px;color: #fff;margin-top: 10px;}
.footer .di_nr_y em{margin-right: 10px;margin-top: 0;float: left;}
.footer .di_nr_y p span{float: left;}
.di_youd{width: 83%;}
.lx_lx{width: 100%;border-right: #585858 1px solid;}
.di_youd strong{font-size: 20px;color: #ea5413;}
.footer .di_nr_y p:nth-child(1){margin-top: 0px;}
.footer .di_nr_y .wx{width: 100%;position: relative;}
.footer .di_nr_y .wx::after{width: 1px;height: 287px;background-color: #393939;content: "";position: absolute;left: -262%;top: -35%;}
.footer .di_nr_y h6{font-size: 12px;color: rgba(255, 255, 255, .3);line-height: 65px;}
.footer .di_nr_y img{max-width: 100%;vertical-align: middle;}
.footer .wx_gz{text-align: center;}
.wx_gz .wxwz{font-size: 12px;color: #e7e7e7;line-height: 53px;}
.wx_gz .wx{width: 60%; margin: 0 auto;}
.wx_gz .wx img{width: 100%}
.footer_bq{background: #3b3c3b;text-align: center;font-size: 14px;color: rgba(255, 255, 255, .7);padding: 22px 0;}
.di_z ul li{width: 25%;text-align: center; float: left;}
.footer .di_nr_y{width: 19%; float: left;}
.footer .di_z{width: 80%;  float: right}
@media (min-width: 1200px){.footer .w1650{/* width: 1400px;*/max-width: 1500px;}
.footer .w1650 .row .di_z ul li{padding-left: 0;padding-right: 0;}}
@media only screen and (max-width:1200px){.footer .wx_gz{padding-left: 0;}
.di_youd{width: 86%;}
.footer .di_nr_y .wx::after{width: 1px;height: 287px;background-color: #393939;content: "";position: absolute;left: -239%;top: -35%;}}
@media only screen and (max-width:1024px){.footer .di_nr_y .wx::after{display: none;}
.lx_lx{border-right: none;}
.di_z li{display: none;}
.di_z li:nth-last-child(1){display: inline-block;width: 25%;}
.di_z li:nth-child(1){display: inline-block;width: 25%;}
.di_z li:nth-child(2){display: inline-block;width: 25%;}
.di_z li:nth-child(3){display: inline-block;width: 25%;}
.footer .di_nr_y{width: 30%;}
.footer .di_z{width: 70%;}}
@media only screen and (max-width:992px){.footer .di_nr_y .wx::after{display: none;}
.footer .di_nr_y{/* width: 50%;*/flex: 1;}
.lx_lx{border-right: none;}
.di_z li{display: none;}
.di_z li:nth-last-child(1){display: inline-block;width: 100%;}
.footer .di_nr ul li{text-align: right;}
.footer .di_z{/* width: 50%;*/flex: 1;}
.di_z li:nth-child(1){display: none;}
.di_z li:nth-child(2){display: none;}
.di_z li:nth-child(3){display: none;}}
@media only screen and (max-width:640px){.footer_bq{padding: 12px 0;}
.footer .di_nr{padding: 15px 0;}
.footer .di_nr_y .fdbt{font-size: 16px;color: #ffffff;line-height: 36px;text-align: center;}
.footer .di_nr_y .wx{width: 36%;margin: auto;}
.footer .di_nr_y h6{line-height: 36px;}
.di_youd{width: 86%;}
.footer .di_nr_y{flex: none;width: 100%;}}

.listBanner{ width:100%; height:auto; overflow: hidden;}
.listBanner img{width:100%; font-size: 0;vertical-align: middle;}


.flexBox{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: space-between;}
.tab{background-color: #f5f5f5; overflow: hidden;}
.tab_left{float: left; width: 70%;}

.tab ul{}
.about_item{height: auto; line-height: 60px; float: left; margin: 0 5%; cursor: pointer;}
.tab a{display:block;height:auto;float:left;margin-right:0px;border-radius:4px;text-align:center;line-height:60px;font-size:16px;color:#333;}
.tab a:hover{color:#0068bf;}
.tab li.this a{color:#0068bf; font-weight: 600}
.tab ul{height:auto;}
.tab li{position: relative; margin: 0 2%; float: left; line-height: 60px}
.tab li s{display: block; height: 1px; width: 0; background-color: #f5f5f5; position: absolute; left: 0; bottom: -1px;}
.about li.this s{display: block; width: 100%; height: 3px; background-color: #0068bf; position: absolute; left: 50%; bottom: -1px; margin-left: -50%;}

.tab_right{float: right; font-size: 14px;}
.locate{padding-left:28px;line-height:60px;color:#666666;background:url(../images/map1.png) no-repeat left center;float:left; font-size: 16px;}
.locate a{color: #444; float: none!important; font-size: 16px; display:inline-block; margin-right: 0px;}
.locate span{display:inline-block;margin:0 7px;}

.nyaboutbox{width: 100%; height: auto; overflow: hidden; padding:3% 0; box-sizing: border-box;}
.ny-about{font-size:16px;color:#222;line-height:30px; overflow: hidden; margin-top:3%}
.ny-about video {text-align: center}
.ny-about img{max-width: 100%; height: auto; display: block; margin:auto; clear:both;}
.ny-about_left{}
.ny-video-pc{margin:0 auto;text-align:center; display: block; clear: both;}
.ny-video-pc img{border-radius: 20px 0 20px 0; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; overflow: hidden; width: 100%}
.ny-video-pc:hover img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);}
.AutoTitle{ text-align:center; padding:0px; }
.btitle{ font-size:32px; line-height:45px; color:#333333; font-weight:bold; text-transform: uppercase;}
.btitle span{color:#0068bf; }
.btitle::after{ content:""; display:block; height:2px; width:40px; background:#0068bf; margin:4px auto 0; }

.ym364.about1{ overflow: hidden; background: #f5f5f5; padding:3% 0; box-sizing: border-box;}
.ym364.iserve{margin: 4% 0 0;}
.ym364.iserve dl{width: 100%;min-height: 330px;float: left;position: relative;padding: 2%;margin-bottom: 3%;margin-right: 2%;box-shadow: 0 3px 10px 3px rgb(0 0 0 / 10%); box-sizing: border-box;}
.ym364.iserve dl:before{content: "";width: 1px;height: 100%;position: absolute;top: 0;right: 0;background: #eee;}
.ym364.iserve .no:after{content: "";width: 1px;height: 100%;position: absolute;top: 0;left: 0;background: #eee;}
.ym364.iserve .iserve01{width: 88px;height: 88px;position: absolute;top: 6px;left: 6px;}
.ym364.iserve .iserve01 img{max-width: 100%}
.ym364.iserve dl dt{width: 100px;height: 100px;border: #e5e5e5 1px solid;border-radius: 50%;margin: 0 auto;position: relative;background: #fff;}
.ym364.iserve dt u{display: block;position: absolute;width: 100px;height: 100px;border: #efeff2 1px solid;border-radius: 50%;z-index: 20;box-sizing: border-box;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}
.ym364.iserve .no2 dt u{border: #efeff2 1px solid;}
.ym364.iserve .no3 dt u{border: #efeff2 1px solid;}
.ym364.iserve dd{text-align: center;padding: 1% 0 0;}
.ym364.iserve dd .clbt{font-size: 28px;color: #333;line-height: 58px;position: relative;overflow: hidden;}
.ym364.iserve dd .clbt:before{content: "";width: 36px;height: 1px;position: absolute;bottom: 0;left: 50%;background: #404040;margin-left: -18px;}
.ym364.iserve dd p{font-size: 16px;color: #333;line-height: 30px;padding:5% 0;margin-top: 5px;}
.ym364.iserve dd i{display: block;}
.ym364.iserve dl:hover, .ym364.iserve dl.cur{box-shadow: 0 3px 1% 3px rgba(0, 0, 0, 0.1);background: rgb(246 246 246 / 55%);}
.ym364.iserve dl:nth-child(3){margin-right: 0;}
.ym364.iserve dl:nth-child(6){margin-right: 0;}


.nyproduct{width:100%;margin-top:0%; overflow: hidden;}
.nyproduct ul{ margin-right: -2%}
.nyproduct li{ width:23%; float: left;margin:0 2% 2% 0%;overflow: hidden; position: relative;}   
    
.nyproduct_photo{position: relative; overflow: hidden; border:1px solid #dedcdc;}
.nyproduct_photo img{width:100%; transition: transform .9s; }
.nyproduct li:hover .nyproduct_photo img{transform: translateY(-20px);}

.nyproduct-content{ height:60px; position: absolute;  left: 0;right: 0; bottom:-100%;  padding:0 6%; text-align: center; background-color: #fff;transition: height .8s; }
.nyproduct li:hover .nyproduct-content{background-color: #2e55a3;height:auto; padding: 4% 6%; bottom:0;}

.nyproduct-title{width:100%; padding:4% 0; font-size: 16px; color: #666; line-height: 24px;transition: top .5s , color .8s; z-index: 2; text-align: center; box-sizing: border-box;}
.nyproduct li:hover .nyproduct-title{color: #fff;}
    
.nyproduct-text{width: 100%;color: #fff; line-height: 24px; transition: top .8s .4s;z-index: 2; opacity: .5; position: relative;}
.nyproduct-text:not(:hover){ transition-delay: 0s;}
.nyproduct li:hover .nyproduct-text{top:-10px;}
    
.nyproduct-more{width: 40px;height: 40px;margin:0 auto;border-radius: 100%; position: absolute;bottom:72%;left: 0;right: 0;background: #2e55a3;box-shadow: 0px 1px 20px 0px rgba(27, 100, 213, 0.4), inset 0px -1px 0px 0px #3980ef; transform: scale(1.5) translateY(-21px);opacity: 0;transition: transform .5s , opacity .8s;z-index: 2}
.nyproduct-more:before,.nyproduct-more:after{content: '';width:30%;height:0;margin:0 auto; position: absolute;left: 0;right: 0;top: 18px;border-bottom:1px solid #fff;z-index:3;}
.nyproduct-more:after{transform: rotate(90deg);}
.nyproduct li:hover .nyproduct-more{opacity:1; transform: scale(1) translateY(0);}


.pro_right{width: 100%; height: auto; overflow: hidden;}
.productss{width:100%; float:left;}
.promore_l{width:45%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:51px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:57px;height:44px;}
.spec-scroll .items ul li img:hover{border:2px solid #0068bf; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:1px dashed #e6e6e6;}
.pros_right_top .pbt{overflow:hidden; display:inline-block; font-size:24px; color:#333; padding-bottom:10px;}
.proleft{width:100%;font-size:14px; line-height:30px; margin-top:20px;}
.proleft p{font-size:14px; line-height:25px; }


.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%; overflow:hidden; margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right; margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left:10%;background: url(../images/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545; float:left; line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px; font-size: 18px}


.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:150px; float:left; margin-right:10px;}
.proleft_btn li a{width:150px; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; display:block; color: #333722}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333; color:#fff;}

.tabs-basic{width:100%; margin-top:5%; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#eee;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#333; border:1px solid transparent; padding:10px 40px; color: #fff}
.tabs-basic .tab-active{border-bottom:2px solid #0068bf; color:#fff; background:#0068bf;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%; margin:auto; display: block; clear: both;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:5%;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#333; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}

.scrollleft2{width:100%; float:left; margin-top:20px; margin-bottom: 30px;}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:99%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #0068bf;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}


.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0; text-align:center;background:#0068bf;font-size:14px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:14px;font-weight:100;text-decoration:underline;}


.PreveNext {border-top:1px #DEDEDE solid; margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden; font-size:14px;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}


.dwtwo{ width:100%; overflow: hidden;}
.dwtwo li{ float:left; position:relative; overflow:hidden; width:31.33%; margin:0 1% 2% 1%; box-shadow:0px 0px 10px #eee; text-align:center;}
.dw_titl a{ display:block; line-height:60px; font-size:16px;}
.dwtwo li .dw_pic img{ width:100%;}
.dw_pic >a:after{background: url(../images/cymdwtwo_1.png) no-repeat center;transform: scale(0); top: 0;left: 0;}
.dw_pic >a:before{background: rgba(0,0,0,0.3);transform-origin: 0 100%;transform: rotate(-90deg);bottom: 0;left: -100%;}
.dw_pic >a:before,.dw_pic >a:after{content: ''; width: 100%;height: 100%;position: absolute;transition: 0.6s; z-index:333;}
.dwtwo li:hover .dw_pic>a:before{transform: rotate(0deg);transition: 0.6s; left:0px;}
.dwtwo li:hover .dw_pic>a:after{transform: scale(1);transition: 0.6s;}
.dw_pic,.dw_pic img{width:100%;overflow:hidden;transition:0.6s;}
.dwtwo li:hover .dw_pic img{transform:scale(1.1);transition:0.6s;}


.NewsDetailed{overflow: hidden;margin-top:2%; }
.NewsDetailed .xqbt{line-height:32px;margin-bottom:15px;text-align:center;font-size:22px;font-weight:400;color:#252525;}
.NewsShowHits{padding-bottom:15px;text-align:center;border-bottom:1px #DEDEDE solid;color:#777;font-size:13px;}
.NewsDetailed-content{line-height:35px;padding-top:15px;padding-bottom:10px;margin-bottom:10px;font-size:14px;text-align:left; color: #444;}
.NewsDetailed-content img {max-width:100%;margin:10px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}



/*新闻列表*/
.cx-news-02{overflow: hidden; box-sizing: border-box; margin-bottom: -3% }
.cx-news-02 .list{}
.cx-news-02 .list .items{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 0 3% 0;overflow:hidden;background:#fff;border-bottom:#f0f0f0 solid 1px; margin-bottom: 3%}
.cx-news-02 .list .pic{width:25%;overflow:hidden;border:#f0f0f0 solid 1px;}
.cx-news-02 .list .pic img{display:block;width:100%;transition:all 1s;}
.cx-news-02 .list .pic:hover img{transform:scale(1.1);}
.cx-news-02 .list .text{position:relative;width:calc(100% - 28%);overflow:hidden;}
.cx-news-02 .list .hd{line-height:30px;overflow:hidden;}
.cx-news-02 .list .hd .nbt{line-height:30px;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cx-news-02 .list .hd .nbt a{color:#000;}
.cx-news-02 .list .hd .nbt a:hover{color:#0068bf;}
.cx-news-02 .list .hd em{display:block;float:right;font-size:14px;font-family:"DIN Medium";color:#999;}
.cx-news-02 .list .bd{padding-top:2%;overflow:hidden;}
.cx-news-02 .list .bd p{height:80px;line-height:25px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.cx-news-02 .list .tags{position:absolute;left:0;bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cx-news-02 .list .tags a{display:inline-block;margin-right:10px;padding:3px 25px;line-height:30px;text-align:center;font-size:14px;color:#fff;background:#0068bf;transition:all .5s;}
.cx-news-02 .list .tags a:hover{color:#fff;background:#0068bf ;border-color:#0068bf ;}


/*新闻详情*/
.xqny{width:100%; height: auto; overflow: hidden; padding:3% 0; }
.xinwenxiangqing{background: #fff; overflow: hidden; box-sizing: border-box;}
.xinwenxiangqing .nd_head{text-align: center;margin:2% 0;border-bottom: 1px dashed #d6d6d6; padding-bottom: 2%}
.xinwenxiangqing .nd_head p{color: #1f62ba;font-size: 28px;height: auto;}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:14px;line-height:30px;  padding: 15px 0;}
.xinwenxiangqing .nd_text .big{font-size: 16px; line-height: 35px; font-weight: 600; color:#1f62ba }
.xinwenxiangqing .nd_text img{ max-width: 100%; display: block; margin: 10px auto;}
.xinwenxiangqing .nd_text .baimg{width: 40%; float: right; margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%; clear: both; display: block; margin: auto}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad; color:#333;}
.new_s2{width:100%;float:left; margin-top:5%;}
.hot_pro2{width:100%;float:left; margin-top:5%;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#1f62ba; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}
.related-product {overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#1f62ba;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}

.relatedNews{margin:5% 0; overflow:hidden }
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px; color: #666}
.relatedNews_font ul li a:hover{color: #1f62ba}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}


.contact{width: 100%; height: auto; overflow: hidden; padding:3% 0}
.contact_lx{ float: left; width:52%;font-size: 16px; line-height: 35px;}
.contact_lx p:first-child{font-size: 19px; }

.lists{}
.lists li{ width:50%; float:left; }
.lists li:last-child{ width:100%;}
.lists li dd{ float:left; width:50%;}
.lists li .zi{ font-size:24px; color:#0068bf; padding-bottom:3%;}
.lists li .txt{ position:relative; line-height:30px; margin-bottom:2%;}
.lists li .txt p{ font-size:16px; padding-left:40px;}
.lists li .txt em{ position:absolute; left:0; top:0;}
.lists li h3{ padding-bottom:2%; font-size:18px; color:#232425;}

.tactfrms{width:45%;float:right; }
.tactfrms .fbt{font-size: 25px;color:#333;font-weight: normal; margin-bottom: 2%}
.tactfrms ul{overflow: hidden; margin-right: -5%}
.tactfrms li{width:45%;float:left;;margin:0 5% 12px 0;position:relative;}
.tactfrms li input{width:98%;padding:15px;border:solid 1px #ddd;border-radius: 3px;box-sizing: border-box}
.tactfrms li.area{height:auto;width:100%;}
.tactfrms li textarea{padding:15px;width:94%;height:120px;border:solid 1px #ddd;border-radius: 3px; font-family: Arial, "sans-serif";box-sizing: border-box}
.tactfrms li:nth-child(2n){margin-right:0;}
.tactfrms .btn{text-align: center;margin-top:0;overflow: hidden;}
.tactfrms .btn input{height:40px;width:120px;font-size:16px;color:#fff;background:#0068bf;border-radius: 5px; border: none;}
.redxing{position:absolute;top:11px;left:57px;color:#0068bf;}

.contact_map{ width:100%;  padding-top: 30px;}
.contact_tu{width:43%;float:right;  margin-top: 25px;}
#map_container{height: 450px; margin: 25px 0;}


.downloads{  overflow: hidden; }
.downloads ul{margin-right: -2%}
.downloads ul li{ width:47.5%; height: 65px; border: 1px solid #e5e5e5; margin-bottom: 20px; overflow: hidden; margin-right: 2%; float: left;}
.downloads ul li:nth-child(2n){ background: #f7f7f7; }
.downloads ul li i{ width: 5%; min-width: 60px; line-height: 64px; text-align: center; font-size: 30px; color: #a2a2a2; float: left; display: block; }
.downloads ul li i img{max-width: 30px; vertical-align: middle;}
.downloads ul li p{ width: 50%; height: 64px; line-height: 64px; font-family: 'helveticaneuecyr-medium'; font-size: 16px; color: #4d4d4d; float: left; display: block; margin-bottom: 0;}
.downloads ul li h5{ width: 40%; height: 64px; line-height: 64px; font-family: 'Arial'; font-size: 20px; color: #a2a2a2; float: left; display: block; }
.downloads ul li a{ width: 5%; min-width: 60px; height: 64px; float: right; display: block; }
.downloads ul li a i{ font-size: 24px; }
.downloads ul li a:hover i{ color: #f00; }

.i_guanggao{width: 100%; height: auto; overflow: hidden;}
.i_guanggao img{width: 100%; margin:auto; display: block; clear: both;}


@media(max-width: 1200px){

.footer{ padding:10px 0 0px;}
.ft-menu{ display:none;}
.ft-infos{ float:left; width:60%; margin-right:20px;}
.ft-infos .con{margin-top:10px;}
.ft-QRcode{ float:none; margin-top:20px;}
.ft-QRcode .tel em{ font-size:18px;}

.flinks { padding:20px 0; }
.flinks dd a{ padding-left:0; margin-right:10px; padding-right:10px;}

}

@media(max-width: 980px){
.ft-QRcode .QRcode-list .item{width:110px;}
.ft-QRcode .QRcode-list .item i {width: 100px;}
.ft-QRcode .QRcode-list .item:nth-of-type(2){ display:none;}
}
@media(max-width: 320px){
.ft-infos{ width:55%;margin-right:10px;}
.ft-QRcode .QRcode-list .item{width:100px;}
.ft-QRcode .QRcode-list .item i {width: 90px;}
.ft-QRcode .QRcode-list .item:nth-of-type(2){ display:none;}

.ft-infos .con p{ padding: 6px 0; font-size: 13px;}
}