﻿*{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-size: 14px;line-height: 24px;color:#666;outline:0;font-family: Arial,Arial,myanmar_font;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:#666;}
a:hover{color:#0091f3;}

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

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

.top_bg{position: fixed;left: 0;top: 0;right: 0;z-index: 9;-webkit-transition: 0.5s;transition: 0.5s;height: 100px;}
.top_h{}
.top_h .logo{}
.top_h .logo img{display: block;height:100px;padding: 20px 0;-webkit-transition:0.5s;transition:0.5s;display: none;}
.top_h .logo img.bs{display: block;}
.dh{}
.dh ul li{float: left;}
.dh ul li p a{display: block;line-height: 100px;font-size: 16px;position: relative;color: #fff;padding: 0 20px;-webkit-transition:0.5s;transition:0.5s;}
.dh ul li p a i{font-size: 12px;padding-left: 5px;}
.dh ul li:hover p a{color: #fff; font-weight: 600;}
.dh ul li.on p a{color: #fff; font-weight: 600;}
.dh ul li{position: relative;z-index: 8;}
.dh ul li .dh_fl{position: absolute;left: 0;top: 100px;padding-top: 5px;display: none;min-width: 160px;}
.dh ul li .dh_fl ul{background: #fff;border-radius: 5px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
.dh ul li .dh_fl ul li{float: none;position: relative;}
.dh ul li .dh_fl ul li a{padding: 0 20px;font-size: 14px;line-height: 44px;color: #666;white-space: nowrap;display: flex;justify-content: space-between;align-items: center;}
.dh ul li .dh_fl ul li a i{padding-left: 20px;font-size: 12px;}
.dh ul li .dh_fl ul li a:hover{color:#0091f3;}
.dh ul li .dh_fl ul li .dh_fl{left: 100%;padding-left: 5px;top: 0;}

.top_ss{margin-left: 0.2rem;}
.top_ss span.button{ display:block; width:30px; height:100px;font-size: 22px;line-height: 100px;text-align: center;color: #fff; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;}
.serach{position:fixed;left: 0; right:0px;top:0px;bottom: 0;z-index:10;display: none;}
.serach2{position:absolute;left: 0; right:0px;background:rgba(0, 0, 0, 0.7); top:0px;bottom: 0;overflow:hidden;z-index:10;display: flex;align-items: center;justify-content: center;}
.serach form{position: relative;width: 100px;max-width: 85%;border-bottom: 1px solid #fff;-webkit-transition:1s;transition:1s;}
.serach.on form{width: 1440px;}
.serach form input[type='text']{font-size:16px; width:100%; height:60px; line-height:60px;padding:0 40px 0 40px; color:#fff;background: none;}
.serach form input[type='text']::-webkit-input-placeholder {color:#fff;}
.serach form input[type='text']:-moz-placeholder{color:#fff;}
.serach form input[type='text']::-moz-placeholder{color:#fff;}
.serach form input[type='text']:-ms-input-placeholder{color:#fff;}
.serach form i{position: absolute;left: 0;top:0px;height:60px;font-size: 20px;line-height: 60px;text-align: center;color: #fff;}
.serach form a{position: absolute;right: 40px;top:0px;font-size: 16px;line-height: 60px;color: #fff;}
.serach form span{position: absolute;right: 0;top:0px;width: 24px;height:60px;cursor: pointer;}
.serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #fff;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: #fff;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{position: relative;z-index: 2;margin-left: 0.2rem;}
.top_yy span{padding: 0 10px;font-size: 16px;line-height: 100px;color: #fff;display: block;cursor: pointer;-webkit-transition:0.5s;transition:0.5s;}
.top_yy span:after{content: "";float: right;border-top: 6px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-left: 5px;margin-top: 47px;-webkit-transition:0.5s;transition:0.5s;}
.top_yy_xl{position: absolute;left:50%;top: 100px;background: #fff;display: none;padding: 10px 0;width: 100px;margin-left: -50px;border-radius: 0 0 5px 5px;border-top: 1px solid #eee;}
.top_yy_xl a{display: block;font-size: 14px;line-height: 30px;color: #666;text-align: center;}
.top_yy_xl a:hover{color: #0091f3;}

.top_bg.on{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.top_bg.on .top_h .logo img.bs{display: none;}
.top_bg.on .top_h .logo img.hs{display: block;}
.top_bg.on .dh ul li p a{color: #333;}
.top_bg.on .dh ul li:hover p a{color: #0091f3;}
.top_bg.on .top_ss span.button{color: #333;}
.top_bg.on .top_yy span{color: #333;}
.top_bg.on .top_yy span:after{border-top: 6px solid #333;}

.top_bg.on2{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.top_bg.on2 .top_h .logo img.bs{display: none;}
.top_bg.on2 .top_h .logo img.hs{display: block;}
.top_bg.on2 .dh ul li p a{color: #333;}
.top_bg.on2 .dh ul li:hover p a{color: #0091f3;}
.top_bg.on2 .top_ss span.button{color: #333;}
.top_bg.on2 .top_yy span{color: #333;}
.top_bg.on2 .top_yy span:after{border-top: 6px solid #333;}

.top_bg.on3{top:-100px;}

.sp_header,.sjj_nav{ display:none;}

.banner{ width:100%; overflow:hidden;position:relative;}
.banner ul li a{display: block;height: 100%;}
.banner ul li .img{overflow: hidden;height: 100%;}
.banner ul li .img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover; -webkit-transition: all 4s ease-out;
  transition: all 4s ease-out;}
.banner ul li .txt{position: absolute;left: 10%;bottom:45%;}
.banner ul li .txt .ml1{font-size: 52px;line-height: 50px;color: #fff;font-weight: bold;}
.banner ul li .txt .ml2{font-size: 38px;line-height: 40px;color: #fff;margin-top:20px;}
.banner ul li .txt .ml3{font-size:36px;line-height: 24px;color: #fff;margin-top:50px;}
.banner ul li .txt .ml4{font-size:30px;line-height: 24px;color: #fff;margin-top:40px; font-weight: bold; letter-spacing: 1px;}
.banner ul li .txt .ml5{font-size:22px;line-height: 24px;color: #fff;margin-top:30px; font-weight: 300;}
.banner ul li.swiper-slide-active .txt .ml1{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml2{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml3{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.5s;animation-delay: 1.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml4{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 2s;animation-delay: 2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml5{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 2.5s;animation-delay: 2.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.bandd{ position:absolute; left:0; bottom:25px!important; width:100%; text-align:center; z-index:5;display: flex;align-items: center;justify-content: center;}
.bandd span{z-index:2;cursor:pointer;margin:0 6px!important;width:8px;height:8px;position:relative;-webkit-transition:0.5s;transition:0.5s;background:rgba(255, 255, 255, 0.5);opacity: 1!important;}
.bandd span.swiper-pagination-bullet-active{background:#fff;}
.bandd span.swiper-pagination-bullet-active:after{content: "";position: absolute;left: -6px;top: -6px;border: 1px solid #fff;width: 18px;height: 18px;border-radius: 50%;}
.banz,.bany{ position:absolute; top:50%; width:50px; height:50px;margin-top: -25px; opacity:0;  -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 20px;line-height:50px;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.4);border-radius: 50%;}
.banz{ left:5%;}
.bany{ right:5%;}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}
.banner ul li.swiper-slide-duplicate-active .img{-webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
      transform: scale(1.05)}

.sy_bt{position: relative;}
.sy_bt .abt{font-size: 36px;font-weight: bold;line-height: 36px;color: #333;padding-top: 52px;position: relative;z-index: 1;}
.sy_bt .abt:after{content: "";display: block;width: 50px;height: 5px;background: linear-gradient(90deg, #0385e1 0%, #9996ed 100%);margin-top:20px;}
.sy_bt .aen{font-family: 'Impact';font-size: 88px;line-height: 88px;color: #9E9E9E;opacity: .2;text-transform: uppercase;position: absolute;left: 0;top: 0;}
.sy_bt.juzhong{text-align: center;}
.sy_bt.juzhong .abt:after{margin:20px auto 0;}
.sy_bt.juzhong .aen{width: 100%;}

.sy_gy{padding:4% 0;}
.sy_gy_l{float: left;width:45%;}
.sy_gy_l_txt{font-size: 16px;line-height: 30px;color: #666;margin-top: 4%;}
.sy_gy_l_gd{margin-top: 4%;}
.sy_gy_l_gd a{display: block;width: 220px;font-size: 16px;line-height: 60px;text-align: center;color: #0385e1;border: 1px solid #0385e1;-webkit-transition:0.5s;transition:0.5s;}
.sy_gy_l_gd a:hover{color: #fff;background: #0385e1;}
.sy_gy_r{float: right;width: 50%;position: relative;}
.sy_gy_r:after{content: "";position: absolute;right: -25px;bottom:-25px;width: 100%;height: 100%;background: #9E9E9E;opacity: .2;}
.sy_gy_r span{display: block;overflow: hidden;}
.sy_gy_r span img{display: block;width: 100%;position: relative;z-index: 1;-webkit-transition:0.5s;transition:0.5s;padding: 0;}
.sy_gy_r span:hover img{ -webkit-transform:scale(1.1);transform:scale(1.1);}
      

.homebt{text-align:center;position:relative;padding-bottom:60px;margin-bottom:25px; font-size: 44px;}
.homebt:after{content:"";position:absolute;bottom:34px;width:100px;height:5px;background:#002fa7;left:50%;margin-left:-50px}
.homebt p{line-height:1}
.homebt span{position:absolute;bottom:-9px;left:0;width:100%;color:rgba(0,47,167,.1);text-transform:uppercase;line-height:1}

.listStyle ul,.listStyle li{margin:0;padding:0;list-style:none;}

.scaleimg img,.trantion,.rotateimg img,.header,.header:after,.xwhdri li:before,.fylybt,.lylaeb,.yylybot li a,.fyxwhd  li:after,.fyzztxt,.fyxjzzbg,.fyxgcpbotsub .item p:after,.fyyyimgt,.fydgjlb li:after,.fyzclb li:after,.fyzplb li:after,.fytzxw li:after,.rotateimg360 img,.fytdbg,.cpywle a,.jrwm li a,.footdyri,.fytjbtn,.fygwcdel,.fywddd li i,.fyqjbotri span,.fygyqybgtt li,.fyhxxqbg,.homemap .local:hover:after,.ssphbtn{transition:all 0.8s ease;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;}
.fyfxwl li,.fyzhengshu li,.fyshzcbot li{transition:box-shadow 0.5s ease;-webkit-transition:box-shadow 0.5s ease;-moz-transition:box-shadow 0.5s ease;-ms-transition:box-shadow 0.5s ease; }



.cpywbotsub_atv{z-index: 3}
.cpywbotsub_atv .cpywle{margin-left: 0;opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.cpywbotsub_atv .cpywri{margin-right:0;opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.yyly{margin-top:3%}
.yylybot{position: relative}
.yylyyan{position: absolute;top:-8px;left: 0;width: 100%;z-index: 333;overflow: hidden;height: 16px;display: none}
.yylyyanli{background: #fff;width: 16px;height: 16px;position: absolute;top: 0;}
.yylyyanli0{left: -8px}
.yylyyanli1{left: 19.5%}
.yylyyanli2{left: 39.5%}
.yylyyanli3{right:39.5%}
.yylyyanli4{right:19.5%}
.yylyyanli5{right:-8px}
.yylybot li{float: left;width:16.6%;background-size: cover;background-position: center top;background-repeat: no-repeat;padding-bottom: 43.3%;position: relative;overflow: hidden}
.yylybot li:after{position: absolute;content: ""}
.yylybot li a{width: 100%;height: 100%;display: block;background: rgba(0,0,0,.2);position: absolute;top: 0;left: 0;}
.fylybt{position: absolute;top: 82%;color: #fff;left: 0;padding: 0 13%;z-index: 3; font-size:24px; box-sizing: border-box; overflow: hidden;}
.lylaeb{margin: 0 13%;position: absolute;left: 0;width: 84%;top: 100%;opacity: 0;z-index: 3; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.lylaeb p{color: #fff;margin-bottom: 15px;padding-left: 25px;position: relative;cursor: pointer}
.lylaeb p:after{content: "";position: absolute;top: 50%;left: 0;width: 8px;height: 8px;background: #fff;margin-top: -4px}
.fylyxq{position: absolute;bottom:6%;color: #fff;padding-left: 60px;margin: 0 13%}
.fylyxq:after{content: "";position: absolute;top: 50%;left: 0;width: 40px;height: 1px;background: #fff}
.yylybot li:hover a{background: url(../img/yylyimgbg.png) no-repeat center top;}
.yylybot li:hover .fylybt{top: 18%;white-space: inherit;text-overflow: inherit;}
.yylybot li:hover .lylaeb{top: 30%;opacity: 1; margin: 0 5%;}

.cx-title01 { width: 100%; text-align: center; color: #555; margin-bottom:3%;}
.cx-title01 .titles { font-size: 36px; padding-bottom: 10px; position: relative; font-weight: 600;}
.cx-title01 .titles a { color: #0091f3; padding: 0 30px; }
.cx-title01 .subtitle { font-size: 16px; }
.cx-title01 .titles em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.cx-title01 .titles em:after { content: ''; display: block; width: 10px; height: 1px; background-color: #0091f3; position: absolute; top: 0; z-index: 2; }
.cx-title01 .titles em.left:after { right: 0; }
.cx-title01 .titles em.right:after { left: 0; }


.i1_ne {padding: 4% 6%;background: url(../img/product08_bg.jpg) no-repeat center / cover; position: relative;z-index: 3;}
.i1_ne .itp .ilt {width: 100%;float: left;}
.i1_ne .itp .ilt img {display: block;max-width: 100%;}
.i1_ne .itp .irt {width: 66%;float: right;text-align: justify;}
.i1_ne .itp .irt .itc {line-height: 2;color: #555;}
.i1_ne .itp .irt .ul1 {padding-top: 50px;}
.i1_ne .itp .irt .ul1 li {width: 33.33%;float: left;color: #888;padding-left: 50px;border-left: 2px solid #dbdbdb;}
.i1_ne .itp .irt .ul1 li .num {font-weight: bold;color: #0091f3;font-size: 60px;margin-bottom: 25px;font-family: arial;}
.i1_ne .itp2 {margin: 30px 0 50px;color: #666;}
.i1_ne .itp .ilt{width: 100%;float: left;color: #4c4c4c; line-height: 1.85;}
.i1_ne .itp .ilt .en{color: #999;margin: 14px 0 46px;}
.i1_ne .ibt .swiper3 {}
.i1_ne .ibt .swiper3 .scrollbar3 {display: none;}
.i1_ne .ibt .swiper3 .swiper-slide {width: 23%;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; margin-right: 2%}
.i1_ne .ibt .swiper3 .swiper-slide * {-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox {position: relative;overflow: hidden;padding: 0% 0 0 0;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox a {display: block;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox a img {display: block;width: 100%; transition: all .5s;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox .ptxt {color: #333;line-height:35px;font-size:18px; padding: 3%; box-sizing: border-box; border-bottom: 3px solid #eee; background: #fff}
.i1_ne .ibt .swiper3 .swiper-slide .sbox .ptxt .zi{font-size: 14px; line-height: 25px;text-overflow: ellipsis; color: #555;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox .ptxt .more {display: block;width: 120px;line-height: 36px;background: #0091f3;color: #fff;text-align: center;}
.i1_ne .ibt .swiper3 .swiper-slide:hover .sbox .ptxt {border-bottom: 3px solid #0091f3; color:#0091f3 }
.i1_ne .ibt .swiper3 .swiper-slide:hover .sbox a img {transform:(1.02);}
.i1_ne .ibt .swiper3 .swiper-slide .sbox .ptxt .stc {margin: 10px 0 50px;}
.i1_ne  .prev3 {width:50px;height: 50px;left:3%;margin-top: 0px;background-size: 54px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.i1_ne  .next3 {width: 50px;height: 50px;right:3%;margin-top: 0px;background-size: 54px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.i1_ne  .prev3:hover {}
.i1_ne  .next3:hover {}






.sy_xw_bg{padding: 4% 6%;background: #fff;}
.sy_xw{}
.sy_xw_lb_bg{margin-top:3%;position: relative;padding:0 ;}
.sy_xw_lb_qh{}
.sy_xw_lb{overflow: hidden;}
.sy_xw_lb ul li .npic{overflow: hidden;}
.sy_xw_lb ul li .npic img{display: block;width: 100%; -webkit-transition:0.5s;transition:0.5s;}
.sy_xw_lb ul li:hover .npic img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.sy_xw_lb ul li .nbt{font-size: 18px;-webkit-transition:0.5s;transition:0.5s;line-height: 30px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sy_xw_lb ul li .nbt:hover{color: #0091f3;}
.sy_xw_lb ul li .nwz{font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sy_xw_lb ul li .nbate{font-size:14px;line-height: 24px;color: #999;padding: 0 0px;padding-top: 15px;}
.sy_xw_lb ul li .nbate .l{}
.sy_xw_lb ul li .nbate .r{-webkit-transition:0.5s;transition:0.5s;}
.sy_xw_lb ul li .nbate .r:hover{color: #0091f3;}
.sy_xw_lb_l,.sy_xw_lb_r{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 30px;line-height: 50px;text-align: center;color: #ccc;}
.sy_xw_lb_l{ left:0px;}
.sy_xw_lb_r{ right:0px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.sy_xw_lb_l:hover,.sy_xw_lb_r:hover{color: #0091f3;}
.sy_xw_lb ul li .ntext{padding: 4%; box-sizing: border-box; background: #f5f5f5; overflow: hidden;}

/*代理品牌*/
.partner{padding: 4% 6%; overflow: hidden;}
.partner .parbox{overflow: hidden;}
.partner .parbox ul{margin-bottom: -2%; overflow: hidden; margin-right: -1%;}
.partner .parbox li{float: left;width:24%;height: auto;margin-right: 1%;border:1px solid #e5e5e5;margin-bottom: 2%;position: relative;overflow: hidden;}

.partner .parbox li .pic{display: table;margin: 0 auto;}
.partner .parbox li .pic span{display: table-cell;vertical-align: middle;height: auto;}
.partner .parbox li .pic span img{display: block;max-width: 100%;max-height: 100%;}
.partner .parbox li .hzbt{position: absolute;left: 0;top: 0;width: 100%;height: auto;background: rgba(0, 78, 161, 0.83);font-size: 16px;text-align: center;line-height: 138px;color: #fff;transform: scale(0);transition: 0.5s all}
.partner .parbox li p{position: absolute;left: 0;top: 0;width: 100%;height: auto;font-size: 14px;text-align: center;line-height: 160px;color: #fff;}
.partner .parbox li:hover .hzbt{transform: scale(1.1);}
.partner .more{display: block;width: 230px;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #666;text-transform: uppercase;background: #fff;margin: 40px auto auto auto;border:1px solid #dcdcdc;}
.partner .more:hover{background: #0091f3;color: #fff}


.foot{background:#222;padding:4% 6% 0;}
.foot_dh{ float:left; width: 50%;}
.foot_dh ul{ float:left; margin-right:15%;}
.foot_dh ul li a{ font-size:14px; line-height:30px; color:#ccc;}
.foot_dh ul li.foot_dh_bt{padding-bottom:10px;}
.foot_dh ul li.foot_dh_bt a{display: block; font-size:18px; line-height:30px;font-weight: bold; color:#FFF;position:relative; }
.foot_dh ul li a:hover{color:#0091f3;}
.foot_ewm{ float:right;margin-left:3%;}
.foot_ewm .code{float: left; width:130px;}
.foot_ewm .code p{font-size:14px; line-height:30px; text-align:center; color:#ccc;padding-top: 5px;}
.foot_ewm .code img{ display:block; width:100%;}
.foot_lx{ float:right;width:30%;}
.foot_lx .fdbt{padding-bottom: 2%;}
.foot_lx .fdbt a{font-size:18px; line-height:30px; color:#fff;font-weight: bold; }
.foot_lx .fdwz{font-size:14px; line-height:30px; color:#ccc;}
.foot_yqlj{float: left;width: 100%;padding-top: 30px;}
.foot_yqlj .yqbt{border-bottom: 1px solid rgba(255, 255, 255, 0.1);font-weight: bold;font-size:18px; line-height:50px; color:#fff;}
.foot_yqlj .yqwz{padding-top: 10px;}
.foot_yqlj .yqwz a{float: left;font-size: 14px;line-height: 30px;color: #ccc;-webkit-transition:0.5s;transition:0.5s;}
.foot_yqlj .yqwz a:hover{color: #0091f3;}
.foot_yqlj .yqwz span{float: left;width: 40px;height: 30px;background:url(../img/foot_yqlj.png) center no-repeat;}
.bqsy{float: left;width: 100%; font-size:14px;line-height:30px; color:#ccc; text-align:center; padding:2% 0 ;}

.foot_nav{height:45px; display: none;}
.bottomToolbar{width:100%; font-size:1em; position:fixed; display:block; margin:0; padding:0; bottom:0; left:0; text-align:center; z-index:999; background:#000;}
.bottomToolbar li{width:24.6%;float:left;position:relative;text-align:center; border-right:1px solid #4c4d4d;}
.bottomToolbar li img{text-align:center; margin:auto; width:auto; height:23px;}
.bottomToolbar li a {padding:5px 0 2px 0;margin-right:1px; display:block;font-size:20px;text-align:center;color:#FFF;text-decoration:none;}
.bottomToolbar li a:hover,.bottomToolbar li.over{background-color:#0091f3;color:#fff;}
.bottomToolbar li em{text-align:center;margin:0 auto;color:#fff;font-size:14px;display:block;font-style:normal;}
.bottomToolbar li a:hover em{color:#fff;}


@media screen and (max-width:1300px) {
	.foot_dh ul{margin-right: 1rem;}
}

.sbanner{height: auto;position: relative;}
.sub_img_banner{}
.sub_img_banner img{width:100%; vertical-align: middle;}
.sbanner_txt{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 0.4rem;}
.sbanner_txt .nybt{font-size:72px;color: #fff;margin-bottom:3%;}
.sbanner_txt p{text-align: center;color: #fff;line-height: 2;width: 45%;}

.cp-nav{overflow:hidden; background:#f4f4f4; padding:1% 6%; }
.cp-nav .con-nav .fl img{display: inline-block; vertical-align: middle; margin-right: 5px;}
.cp-nav .con-nav .fl a{display: inline-block; vertical-align: middle; font-size:16px}
.cp-nav .con-nav .fl a:last-of-type{color: #0091f3;}
.cp-nav .con-nav .fr{text-align: right; padding-top: 0px;}
.con-nav .fr{text-align:right;padding-top:25px}
.con-nav .fr a{font-size:16px;color:#333333;font-weight:bold;padding-right:20px;margin-right:20px;border-right:1px dashed #3a3a3a;line-height:13px}
.con-nav .fr a:last-of-type{margin-right:0;padding-right:0;border-right:unset}
.con-nav .fr a:hover{color:#0091f3}
.con-nav .fr a.on{color:#0091f3}

.l-a {width: 100%;padding: 3% 0; overflow: hidden;}
.l-cont{width: 100%;font-size: 0;}
.l-left{display: inline-block;vertical-align: middle;width:45%;position: relative;}
.l-c{width: 100%;position: relative;z-index: 10;overflow: hidden;}
.l-c img{width: 100%;transform: scale(1.00);transition: all .3s;}
.l-c:hover img{transform: scale(1.05);}
.l-right{display: inline-block;vertical-align: middle;width: calc(100% - 58%);padding-left: 5%;}
.l-d{font-size:58px;color: #3c3d3a;margin-bottom:3%; font-weight:600}
.l-e{font-size:16px;color: #3c3d3a;line-height:26px;}

@media(max-width: 750px){
    .l-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .l-cont{text-align: center;}
    .l-left{max-width: 100%;}
    .l-right{width: 100%;margin-top: 3%;text-align: left;padding-left: 0;}
}


.aboutny{font-size: 16px;color: #3c3d3a;line-height:32px;}
.aboutny .abt{font-size:32px; color: #3c3d3a; margin-bottom:1%; font-weight: 600;}
.aboutny img{max-width: 100%; margin:auto; clear: both; display: block;}

.abaimg{width: 100%; padding: 2% 0; height: auto; overflow: hidden;}
.abaimg ul{ margin-right: -1%}
.abaimg li{width:32.333%; float: left; margin-right: 1%}
.abaimg li .anyimg{overflow: hidden;}
.abaimg li .anyimg img{width: 100%; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; height:auto; display: block;}
.abaimg li:hover .anyimg img{transform: scale(1.1);-webkit-transform: scale(1.1);}


.l-a2 {width: 100%;padding: 3% 0; background: #f5f5f5;}
.rdpic{width: 45%; margin-left:3%; float: right; overflow: hidden; }
.rdpic img{width: 100%; display: block; clear: both; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; height:auto}
.rdpic:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.aboutny2{font-size: 16px;color: #3c3d3a;line-height:26px;}
.aboutny2 .abt{font-size:32px; color: #3c3d3a; margin-bottom:3%; font-weight: 600;}
.aboutny2 .wwz{font-size:24px; color: #555; font-weight:400; overflow: hidden; margin-bottom:0.5%;}

.abaimg2{width: 100%; padding: 3% 0 0% 0; height: auto; overflow: hidden;}
.abaimg2 ul{ margin-right: -1%}
.abaimg2 li{width:19%; float: left; margin-right: 1%}
.abaimg2 li .himg{overflow: hidden; border: 1px solid #eee;}
.abaimg2 li .himg img{width: 100%; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; height:auto}
.abaimg2 li:hover .himg img{transform: scale(1.1);-webkit-transform: scale(1.1);}


.protemptwo{width:100%; overflow: hidden;}
.protemptwo ul{margin-right: -2%;}
.protemptwo li{ float:left; width:18%; transition: all .5s ease; position:relative; margin:0 2% 2% 0%; border:1px solid #eee}
.protemppic{overflow:hidden; position:relative;}
.protemppic img{ width:100%; transition:all .5s ease; display: block;}
.protemptitl a{ display:block; position:relative; font-size:16px; line-height:60px; padding:0px 3%;}
.protemptitl{position:relative;}
.protemptitl a:after,.protemptitl:before,.protemppic a:after{content:''; display:block; position:absolute;}
.protemptitl a:after{ width:18px; height:18px; border-radius:50%; right:20px; top:22px; background: url(../img/cymprotwo_1.png) no-repeat top center;}
.protemptitl:before{ width:100%; height:0px; bottom:0px; left:0px; background:#0091f3; transition:all 0.5s ease;}
.protemppic a:after{ width:100%; height:0px; /* background: linear-gradient(to bottom, rgba(255,255,255,0.3), transparent);*/top:0px; left:0px; transition:all 0.5s ease;} 
.protemptwo li:hover .protemppic a:after{ height:100%;}
.protemptwo li:hover .protemptitl:before{height: 100%;transition: 0.6s;}
.protemptwo li:hover .protemptitl a:after{ background-position-y:-18px;}
.protemptwo li:hover .protemptitl a{ color:#fff;}
.protemptwo li:hover .protemppic img{ transform:scale(1.5) rotate(-15deg);}


.subchannel_main{ margin:3% 0 0; overflow: hidden;}
.subchannel{}
.subchannellist { text-align:center;}
.subchannellist li { display:inline;line-height:36px;  }
.subchannellist li a { padding:1%;  margin-right: 10px;  color: #fff; background: #333;  font-weight: normal;  border-radius: 5px;  transition: all .5s linear; }
.subchannellist li a:hover { background: #0091f3;  color:#fff;text-decoration:none; }
.subchannellist #current a { background: #0091f3;  color:#fff;text-decoration:none;}
.subchannellist .depth1{ font-size:16px; font-weight:bold; }
.subchannellist .depth2{ font-size:14px; text-indent:1.5em; background:none; }
.subchannellist .depth2 a{ border:none;}
.subchannellist .depth3{ font-size:14px; text-indent:3em}
.subchannellist .depth4{ font-size:14px; text-indent:4.5em}
.subchannellist .depth5{ font-size:14px; text-indent:6em}
.subchannellist .depth6{ font-size:14px; text-indent:7.5em}



.subchannellist1{overflow: hidden;text-align: center}
.subchannellist1 li{ margin-left: 20px;display: inline }
.subchannellist1 .n3_4{margin-right: 0}
.subchannellist1 li a{border-radius: 5px;transition:all .5s linear;display:inline-block; padding: 8px 20px; background: #333;text-align: center;font-size: 14px;color: #fff}
.subchannellist1 li a:hover{background: #0091f3;color:#fff;border-radius: 5px;}
.subchannellist1 .on a{background: #0091f3;color:#fff;border-radius: 5px;}

.protext{overflow: hidden; margin-bottom: 3%; display: flex; justify-content:space-between; align-items: center; background: #f8f8f8;}
.protext_img{width:35%; float: left;}
.protext_img img{max-width: 100%; display: block;}
.protext_right{width:58%; float: left; font-size: 15px; line-height: 32px; color: #343434;  box-sizing: border-box; margin-right: 3%;}
.protext_right .pright_zi{font-size:24px;line-height:42px;color:#0091f3}
.protext_right .pright_xny{font-size:16px;line-height:28px;color:#666;padding-top:2%}
.protext_right .cbutter{font-size:14px;color:#d9340d;transition:0.3s;margin-top:5%;float:left;margin-right:5%}
.protext_right .cbutter a{color:#0091f3;transition:0.3s}
.protext_right .cbutter a:hover{background:#0091f3;padding:12px 35px;color:#fff;box-shadow:#aaa 0px 3px 5px}

/*新闻中心*/
.xwzx {overflow: hidden;}
.xwzx ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.xwzx ul li{width:31.33%; float:left; margin-top:2%; margin-left:2%; position:relative;}
.xwzx ul li .xwzx_img{overflow:hidden;}
.xwzx ul li .xwzx_img img{transition:all 0.5s; width: 100%; display: block;}
.xwzx ul li:hover .xwzx_img img{transform:scale(1.1);}
.xwzx ul li .xwzx_wb{padding:25px; border:1px #eaeaea solid; background:#f0f1f3;}
.xwzx ul li .xwzx_wb .xwzx_rq{color:#0091f3; font-size:20px; line-height:24px;}
.xwzx ul li .xwzx_wb .xwzx_bt{font-size:20px; line-height:20px; margin-top:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.xwzx ul li .xwzx_wb .xwzx_wz{color:#777; font-size:16px; line-height:26px; margin-top:19px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

.xinwenxiangqing{overflow: hidden;box-sizing: border-box;}
.xinwenxiangqing .nd_head{text-align: center;border-bottom: 1px dashed #d6d6d6;padding-bottom: 2%}
.xinwenxiangqing .nd_head p{color: #0091f3;font-size: 28px;height: auto;padding-bottom: 2%}
.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:#0091f3}
.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:#0091f3;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:#0091f3;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:5% 0 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: #0091f3}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}


.contact{}
.pctitle{text-align:center;font-size:32px;font-weight:bold;color:#222;text-transform:uppercase}
.contact ul{ margin-top:5%; margin-right: -2%; }
.contact li{width:31.333%;float:left;text-align:center;box-sizing: border-box;box-shadow:2px 2px 7px rgba(70,70,70,.2); margin-right: 2%; margin-bottom: 2%; padding: 3%; box-sizing: border-box;}
.contact li:nth-child(6n+1){clear:left}
.contact li .icon{height:42px;line-height:42px}
.contact li .icon img{max-height:100%;display:inline-block;vertical-align:middle}
.contact li .tit{font-size:20px;font-weight:400;margin:5% 0; font-weight: 600; color: #333;}
.contact li .p1, .contact li .p3, .contact li .p4{line-height:22px}
.contact li .p1, .contact li .p1 a{font-size:16px}
.contact li .p1, .contact li .p1 a, .contact li .p4, .contact li .p4 a{color:#555}
.contact li .p3, .contact li .p3 a{color:#999}
.contact li .p3{margin-top:18px}
.contact li .p2, .contact li .p2 a{font-size:2.6rem;font-weight:bold;color:#222}
.map{margin-top:3%; overflow: hidden;}
#map_container{height:500px;}
.bots{overflow: hidden; padding: 2% 6%; background: #f5f5f5;}
.bots .t-center{text-align: center;padding-top:2%}
.bots .title{font-size: 32px;line-height: 1.85;}
.bots .ltitle{font-size: 14px;line-height: 25px;color:#777;margin-top: 5px;margin-bottom:0%;}
.bots .form{display: block;margin-top:2%;}
.bots .tip{font-size: 14px;line-height: 22px;color:#666666;}
.bots .input{font-family: 'Poppins',sans-serif; display: block;width: 100%;background-color: #fff;font-size: 14px;line-height: 32px;padding:8px 2.2%;color:#999;margin:2% 0;box-sizing: border-box; border: 0;}
.bots .input:focus{box-shadow: 0 0 10px rgba(0,0,0,0.08);}
.bots .br{border-radius: 5px;}
.bots .submit{line-height: 44px;height: 44px;padding:0 45px;display: inline-block;background-color: #0091f3;font-size: 15px;color: #fff;cursor: pointer;}
.bots .submit:hover{background-color: #0091f3;}
.col-sm-6{width: 50%;float: left;padding: 0 2%;box-sizing: border-box;}
.col-xs-12{padding: 0 2%;box-sizing: border-box;}


/*产品中心*/
.cpzx{overflow: hidden;}
.cpzx ul{margin-top:-2%; margin-left:-2%;}
.cpzx ul li{width:23%; float:left; text-align:center; margin-top:2%; margin-left:2%; border:1px #e1e1e1 solid;}
.cpzx ul li .cpzx_img{overflow:hidden;}
.cpzx ul li .cpzx_img img{transition:all 0.5s; display: block; width: 100%;}
.cpzx ul li:hover .cpzx_img img{transform:scale(1.1);}
.cpzx ul li .cpzx_wb{padding:5%; box-sizing: border-box;}
.cpzx ul li .cpzx_wb .cpzx_wb_bt{font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s;}
.cpzx ul li:hover .cpzx_wb .cpzx_wb_bt{color:#0091f3;}
.cpzx ul li .cpzx_wb .cpzx_wb_wz{hieght:48px; color:#666; line-height:24px; margin-top:16px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}




.pro_right{width: 100%;height: auto;overflow: hidden;}
.productss{width:100%;overflow: hidden; margin-bottom: 3%;}
.productss img{max-width: none !important;}
.promore_l{width:40%;float:left;}
.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width: 100%;}
.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 #2a3843;padding:1px;}
.pros_right{width:55%;float:right;overflow:hidden;}
.pros_right_top{overflow:hidden;border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden;font-size:24px;color:#333;padding-bottom:10px;}
.pros_right_top .pwz{overflow:hidden;font-size:16px;color:#333;line-height:25px;padding-bottom:10px;}
.proleft{font-size:14px;line-height:30px;margin:2% 0; width: 30%; float: left; }
.proleft .bt{font-size: 16px; font-weight: 600; color: #0091f3;}
.proleft p{font-size:14px;line-height:25px;}
.prorights{font-size:14px;line-height:30px;margin:2% 0; width: 68%; float: left; }
.prorights .bt{font-size: 16px; font-weight: 600; color: #0091f3;}
.prorights p{font-size:14px;line-height:25px; width: 48%; float: left; margin-right: 2%;}

.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: 70px;background: url(../img/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:3%;}
.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:2%; overflow: hidden;}
/* 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 #0091f3;color:#fff;background:#0091f3;}
/* 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;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr:nth-child(1), .tabs-basic .tabs-content-placeholder .div.tab-content-active table tr:nth-child(2), .tabs-basic .tabs-content-placeholder .div.tab-content-active table tr:nth-child(3){background:#0091f3; color: #fff; font-weight: 600; font-size: 16px;}


.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 #0091f3;}
.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:#0091f3;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;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;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}


/* ------------------------手机端-------------------------- */


@media all and (max-width:1600px) {
  .pd06{padding: 0 3%;}
}

@media all and (max-width:1500px) {
  .pd06{padding: 0 2%;}
  .i1_ne{padding: 4% 2%;}
  .h_inn{padding: 4% 2%;}
  .sy_xw_bg{padding: 4% 2%;}
  .partner{padding: 4% 2%;}
  .foot{padding: 4% 2% 0;}
  .dh ul li p a{padding: 0 15px;}
  .cp-nav{padding:2%;}
  .nyaboutbox{padding: 4% 2%;}
  .bot{padding: 0;}
  .contact{padding:3% 2%;}
  .bots{padding: 2%;}
  .subchannel{padding: 0 2%;}
}

@media all and (max-width:1400px) {
  .dh ul li p a{font-size: 14px; padding: 0 10px;}
  .top_h .logo img{height: 90px;}
}
@media all and (max-width:1200px) {
  .top_bg{height: 80px;}
  .dh ul li .dh_fl{top:80px}
  .top_h .logo img{height: 80px;}
  .dh ul li p a{line-height: 80px;}
  .top_ss span.button{line-height: 80px; height: 80px;}
  .top_yy span{line-height: 80px;}
  .top_yy span:after{margin-top: 37px;}
  .top_yy_xl{top:80px}
  .sy_gy_l_txt{font-size: 15px; line-height: 24px;}
  .fylybt{font-size: 20px;}
  .protext_right .pright_xny{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
  .pctitle{font-size: 30px;}
}

@media all and (max-width:1000px) {
  .top_bg{display: none;}
  .sp_header,.sjj_nav{ display:block;}
  /*------------------手机导航开始----------------------------------------------*/
  .sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;left: 0px;top: 0px;z-index:10;width:100%; border-bottom: 1px solid #e2e2e2;}
  .sp_logo{padding:10px 0 0 10px;float:left;height:50px}
  .sp_logo img{margin:auto;max-height:50px;}
  .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
  .sp_nav span{display:block;background:#0091f3;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)}
  .sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
  .nav_show{top:70px}
  .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
  .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 82px)}
  .sjj_nav>ul>li:first-child .language{float:right;width:82px;overflow:hidden;line-height:45px;margin-top:5px}
  .sjj_nav>ul>li:first-child .language a{width:40px;float:left;border-left:1px #ddd solid;text-align:center;color:#777;}
  .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
  .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 #ddd solid;margin-left:20px;position:relative;line-height:55px;font-size:16px; color: #000;}
  .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
  .sjj_nav ul li ul{display:none}
  .sjj_nav ul li a{color:#444;width:80%}
  .sjj_nav ul li ul li a{color:#444;display:block;text-align:left; line-height:45px;font-size:14px; }
  .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
  .sjj_nav ul li .sjj_nav_i_se svg{fill:#0091f3}
  .sjj_nav ul li ul li>ul{margin-left:10px}
  /*-----------------------------手机导航结束----------------------------------------*/
  .sbanner{margin-top: 70px;}
  .xsy_m3{position: static;}
  .xsy_m3 .syjjfa_fl{position: static; width: 100%; margin-top: 3%; -webkit-transform: translateY(0%);transform: translateY(0%);}
  .s_tt div{color:#0091f3; font-size: 28px;}
  .xsy_m3 .syjjfa_img ul li .xsy_m3_txt{width:90%; left: 0; margin: 0 auto;}
  .cx-title01 .titles{font-size: 28px;}
  .partner .parbox li{width: 32.333%;}
  .productPic li{width: 31.333%;}
  .product-w-words .pwzs{font-size: 18px;}
  .news-list li{width: 48%;}
  a.index-n-title{font-size: 15px;}
  .news-list pre{font-size: 13px;}
  .promore_l{width: 100%;}
  .pros_right{width: 100%; margin-top: 3%;}
  .sy_gy_l{width:100%;}
  .sy_gy_r{width: 100%; margin-top: 3%;}
  .sy_gy_l_gd a{line-height: 45px;}
  .yylybot li{width: 33.333%;}
  .sy_bt .aen{font-size:72px;}
  .sy_bt .abt{font-size:36px;}
  .aboutny .abt{font-size: 28px;}
  .aboutny{font-size: 15px; line-height: 26px;}
  .aboutny2 .abt{font-size: 28px;}
  .aboutny2 .wwz{font-size: 22px;}
  .aboutny2{font-size: 15px; line-height: 26px;}
  .protemptwo li{width: 31.333%;}
  .protext_img{width: 40%;}
  .protext_right{width: 56%;}
  .protext_right .pright_zi{font-size: 22px;}
  .xwzx ul li .xwzx_wb .xwzx_rq{font-size: 16px;}
  .xwzx ul li .xwzx_wb .xwzx_bt{font-size: 18px;}
  .xwzx ul li .xwzx_wb .xwzx_wz{font-size: 15px;}
  .protext_right .pright_xny{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
  .pctitle{font-size: 28px;}
  .contact li{width: 48%;}
  .contact li .p1, .contact li .p1 a{font-size: 14px;}

}
@media all and (max-width:768px) { 
  .xsy_m3 .syjjfa_fl ul li{width: 48%; margin-bottom: 3%}
  .s_tt div{color:#0091f3; font-size: 24px;}
  .cx-title01 .titles{font-size: 24px;}
  .cx-title01 .subtitle{font-size: 14px;}
  .h_inn .com_title p{font-size: 15px; line-height: 30px;}
  .foot_dh{width: 100%; margin-bottom: 3%;}
  .foot_lx{width: 60%; float: left;}
  .partner .parbox li{width: 49%;}
  .hmore3 a{font-size: 15px; line-height: 40px;}
  .foot_nav{display: block;}
  .bqsy{padding-bottom:4% ;}
  .xsy_m3 .syjjfa_img ul li .xsy_m3_txt .wz2{width: 100%; font-size: 14px;}
  .xsy_m3 .syjjfa_img ul li .xsy_m3_txt .wz3{position: static; right: 0; top: 0; margin-top: 2%;}
  .banner ul li .txt .ml1{font-size: 21px;}
  .banner ul li .txt .ml2{font-size: 16px; font-weight: 200;}
  .banner ul li .txt{bottom: 15%;}
  .about-tit{font-size: 20px;}
  .ny-about{width: 100%; font-size: 15px; line-height: 28px;}
  .aimg{width: 100%; margin-top: 3%;}
  .cp-nav .con-nav .fl a{font-size: 14px;}
  .cp-nav .con-nav .fr{width: 100%; text-align: left; margin-top: 3%;}
  .productPic li{width: 48%;}
  .product-w-words .pwzs{font-size: 16px;}
  .pros_right_top .pbt{font-size: 20px;}
  .xinwenxiangqing .nd_head p{font-size: 24px;}
	.view-page {margin: 0;padding: 20px 0;}
  .view-page .prev, .view-page .back, .view-page .next{width: 100%; position: static; margin-top: 10px; text-align: center;}
  .view-page .prev a{padding-left: 0}
  .view-page .back{left:0%;margin-left:0px;width:100%; float:none;}
  .view-page .back a{padding-left: 0}
  .xinwenxiangqing .nd_text{line-height: 26px;}
  .inf_lc li{width: 98%; padding: 3%;}
  .con-nav .fr a{padding-right:2%; margin-right: 2%;}
  .col-sm-6{width: 100%;}
  .contact_lx{width: 100%;}
  .tactfrms{width: 100%; margin-top: 3%;}
  .yylybot li{width:50%;}
  .sy_xw_lb ul li .nbt{font-size: 16px;}
  .sy_bt .aen{font-size:56px;}
  .sy_bt .abt{font-size:30px;}
  .aboutny .abt{font-size: 24px;}
  .aboutny{font-size: 14px; line-height: 24px;}
  .aboutny2 .abt{font-size: 24px;}
  .aboutny2 .wwz{font-size: 20px;}
  .aboutny2{font-size: 14px; line-height: 24px;}
  .abaimg li{width: 49%; margin-bottom: 1%;}
  .abaimg li:nth-child(3){width: 99%;}
  .subchannellist .depth1{font-size: 15px;}
  .tabs-basic a{padding: 10px; font-size: 14px;}
  .protemptwo li{width: 48%;}
  .protext_right .pright_zi{font-size: 20px;}
  .xwzx ul li{width: 48%;}
  .xwzx ul li .xwzx_wb .xwzx_rq{font-size: 14px;}
  .xwzx ul li .xwzx_wb .xwzx_bt{font-size: 16px;}
  .xwzx ul li .xwzx_wb .xwzx_wz{font-size: 13px;}
  .pctitle{font-size: 24px;}
  .contact li .tit{font-size: 18px;}

}


@media all and (max-width:500px) { 
  .cx-title01 .titles{font-size: 22px;}
  .h_inn .com_title p{font-size: 14px; line-height: 26px;}
  .cp-nav .con-nav .fl{width: 100%;}
  .cp-nav .con-nav .fr{width: 100%; text-align: left;}
  .relatedNews_font ul li{width: 97%;}
  .xinwenxiangqing .nd_head p{font-size: 20px;}
  .proleft{width: 100%;}
  .prorights{width: 100%; margin-top: 3%;}
  .fanhui{display: none;}
  .inf_lc li .pimg{width: 100%;}
  .inf_lc li .nyzi{width: 100%; margin-top: 3%; margin-left: 0;}
  .foot_dh{display: none;}
  .jobctit{font-size: 16px; line-height: 55px;}
  .job-content dl dt{font-size: 14px; line-height: 40px; height: 40px;}
  .job-content dl dt .down{height: 40px;}
  .job-content dl dd{font-size: 13px; line-height: 25px;}
  .job-content dl dd p span{font-size: 15px;}
  .contact_lx .txt .bt{font-size: 20px;}
  .contact_lx .txt .nr{font-size: 15px; line-height: 28px;}
  .bots .title{font-size: 20px;}
  .fylybt{top:68%}
  .sy_xw_lb ul li .nbt{font-size: 14px;}
  .sy_xw_lb ul li .nwz{font-size: 12px;}
  .sy_bt .aen{font-size: 40px;}
  .sy_bt .abt{font-size: 24px;}
  .aboutny .abt{font-size: 20px;}
  .aboutny{font-size: 13px;}
  .aboutny2 .abt{font-size: 20px;}
  .aboutny2 .wwz{font-size:18px;}
  .aboutny2{font-size: 13px;}
  .abaimg li{width: 99%;}
  .subchannellist .depth1{font-size:13px;}
  .pctitle{font-size: 20px;}
  .contact li .tit{font-size: 16px;}
  .contact li{width: 98%;}
}