@charset "utf-8";
.caidan .cd{ float:right;}
.caidan .dh{  float:right;}

@media screen and (max-width:1440px){
.head .main{ width:auto;}
.about{ width:1200px; overflow:hidden;}
.head .nav{ float:right}
.ly_right ul li h3{ font-size:16px;}
.ly_right ul li p{ font-size:12px;}
.content,.content_mbx,.concom,.con_box,.had,.about{width:1200px;}
.logo{ margin-left:10px;}

.content{width:1200px;overflow:hidden;margin:0 auto}
.content_mbx{width:1200px;overflow:hidden;margin:0 auto}
.concom{width:1200px;overflow:hidden;margin:30px auto}
.con_box{width:1200px;overflow:hidden;margin:50px auto}

.title1{text-align:center;padding:40px 0 25px;overflow:hidden;width:1200px;margin:0 auto; }
.about{width:1200px; margin:40px auto; }
.shebei{width:1200px; margin:0px auto;}
.ipro-silder{width:1200px; margin:0px auto; position:relative;}
.ipro-silder .box{ width:1200px;  }
.bottom_nav{width:100%; max-width:1920px; min-width:1200px; margin:45px auto 0; background:#084499;}
.bottom_nav ul{ width:1200px; overflow:hidden; margin:0 auto;}
.fiv .tmb{width:1200px; overflow:hidden; font-size:24px; color:#fff; margin:0px auto; font-weight:bold;  }
.foot{margin:0 auto;width:1200px;position:relative;overflow:hidden}
.fiv .tmb{width:1200px; overflow:hidden; font-size:24px; color:#fff; margin:0px auto; font-weight:bold;  }
.anli_lb{width:1200px;overflow:hidden;margin:20px auto 0;}
.mssg-intro{overflow:hidden;margin:0  auto;;padding-bottom:2%; margin-bottom:20px; background:url(../images/z.png) no-repeat; width:1200px;}
.product{ width:1220px;}

.iabout-cont .desc { line-height: 30px; height:inherit; overflow: hidden;-webkit-line-clamp: 6;}

.title1{ width:auto}
.title1 p{ text-align:left;}
.head { width: 100%; max-width: auto; min-width: auto;}
.head .nav ul li{ padding:0 10px}
}


@media screen and (max-width:1199px){
.top { text-align: center; width: 100%; max-width:750px; margin:0px auto; position:relative; z-index:990;}
.nav ul{ width:auto;}
.head{ width:auto; margin:0px auto;max-width: 750px; position:relative; z-index:990; min-width: 320px;}
.content,.content_mbx,.concom,.con_box,.had,.about,.form,.x_banenr{width:auto; max-width:750px; margin:0px auto}
.links{ display:none;}
.slider-con{ height:150px;}
.had{ height:auto}
.logo img{ width:100%;}
.mtel{ display:block}
.caidan{ display:block;   }
.caidan img{ margin:0 5px;  }
.top_box{ width:inherit; text-align:center; max-width:inherit; min-width:inherit; }
.news_box{ max-width:750px;}

.top span{display:none;}
.had{ width: auto; padding: 0%; margin: 0px 10px;}
.wx,.hot{ display:none;}
.tet{ display:none;}
.g-adv{ display:block; max-width:750px; margin:0px auto}
.banner{display:none;}	
.gengduo{ display:block;}


.head .nav{ width:100%; padding:0px; margin:0px; float:inherit; height:inherit; height:100%; position:fixed; top:70px; background:rgba(0,0,0,0.8); display:none;}
.head .nav ul{ overflow:hidden; height:inherit;}
.nav span{ display:block; height:45px; line-height:45px; color:#fff; border-bottom:1px #fff solid;width: 100%; text-align:center; overflow:hidden;}
.nav li{ width:100%; line-height:0.6rem; }
.nav li:hover ul{ display:none}
.head .nav ul li{ border-bottom:1px #f1f1f1 dashed; height:50px; line-height:50px; overflow:hidden; padding:0px;}
.html{ overflow:hidden;}
.head .nav ul li  a{ color:#fff;}
.title{ background-size:85%}
.title{text-align:center;padding:3% 0; 0verflow:hidden;width:inherit;margin:25px auto; }
.title h3{font-size:0.25rem;;text-align:center;font-weight:600;}

.title p{font-size:0.2rem;color:#666; line-height:inherit;}
.title b{color:#333}
.about dd{ padding:0 10px; font-size:0.2rem; line-height:0.38rem;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 3; overflow: hidden;}

.about ul li{ width:33.33%; border:none;}
.x_banenr img:first-child{ display:none; width:100%;}
.x_banenr img:last-child{ display:block; width:100%;}
.lxwmmt{ padding:0 10px;}



.product .list .tit {
    width: 100%;
    height:inherit;
    background: #0452c7;
    color: #fff;
    text-align: center;
    font-size: 0.3rem;
    line-height:inherit; padding:3% 0;
}
.product .list {
    width: auto; margin:0 10px;
    border-bottom: 3px solid #fff;
    overflow: hidden;
    background: #ffffff;
    float:inherit;
}
.product .list ul{ padding:10px;}
.product .list ul li {
    width: 47%; margin:1%; float:left; text-align:center; 

    height: inherit;
    border: 1px solid #dcdcdc;
    line-height:0.38rem; font-size:0.2rem; padding:3% 0;
  
}

.product .list ul li a {
    color: #000;
    font-size: .2rem; margin:0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    display: block;
}
.product .list .bd {
    min-height: auto;
    overflow: hidden;
}
.tel{ display:none;}
.product .list ul li a:after {
    content: "";
    float: right;
    font-family: "宋体";
    line-height: inherit;
    color: #999;
    margin-right: 20px;
    font-size: 0.22rem; display:none;
}
.fll {

    overflow: hidden; max-width:750px; margin:0px auto;
    padding: 0px 0 20px;
}

.pic_nav{overflow:hidden;line-height:inherit; text-align:center; margin:10px auto; border:none }

.pic_nav ul li{ width:33.33%; float:left; border:5px #fff solid; box-sizing:border-box; height:inherit; line-height:inherit}
.pic_nav ul li a{overflow:hidden;background:#fff; text-align:center;font-size:0.22rem; display:block; border:1px #ccc solid;   overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding:4% 0}
.pic_nav a:hover{color:#fff;background:#0452c7}

.iabout-cont .line ul li p{ font-size:0.2rem; color:#555}
.fenlei{ width:60%; background:#0067cc; text-align:center; margin:0px auto;  padding:3% 0; font-size:0.25rem; display:block; color:#fff;}
.article-detailed .intro{ padding:0 10px;}
.mbx .p1{ float:none;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mbx .p1 a { display:inline; float: none; font-size: 13px;}
.footer .kusu { display:none;}
.product { width:auto ;max-width:750px;}
.product .pic { float:inherit; width: auto; margin:0 10px;}
.product .pic ul {margin-left: 0px;}
.product .pic ul li { float: left; width: 50%; border:4px #fff solid; box-sizing:border-box; height: auto; margin-left: 0px; margin-bottom: 0px;}
.product .pic ul li p { width: 100%; height:inherit; text-align: center; color: #555; font-size: 0.2rem; padding:3% 0;  line-height: inherit;
    background: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.anlibj{ margin:20px auto;}

.iabout-cont .link ul li{ width:25%}
.iabout-cont .link ul li h3{ font-size:0.4rem;}
.pic_content ul li{width:50%;float:left;overflow:hidden;margin-right:0px;margin-bottom:0px;margin-top:0px;position:relative; border:5px #fff solid; box-sizing:border-box;}
.pic_content ul li div{ overflow:hidden; width:99%; border:1px #ccc solid}
.pic_content ul li p{ height:inherit; line-height:inherit; padding:2% 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; font-size:16px; display:block}
.pic_content ul li:nth-child(n+7){ display:none;}
.pic_content ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
.pic_content ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_content ul li:hover p{color:#0452c7}
.pic_content ul li dl{ display:none}

.pic_cont ul li{ width:auto; float:inherit; border:20px #f5f5f5 solid; border-bottom:10px #f5f5f5 solid;border-top:10px #f5f5f5 solid}
.pic_cont ul li .pic_img{ overflow:hidden; float:inherit;  width:auto;  box-sizing:border-box;}
.pic_cont ul li .pic_img img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
.pic_cont ul li:hover .pic_img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_cont ul li  .pic_txt{ overflow:hidden;position:relative; display:block; width:inherit; right:0px; box-sizing:border-box; padding:0 20px 20px; text-align:left; height:100%}
.pic_cont ul li  .pic_txt h3{ line-height:60px; font-size:20px; margin-top:0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pic_cont ul li  .pic_txt p{text-align:left;color:#555;font-size:15px;line-height:30px; background:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pic_cont ul li  .pic_txt:after{content:"";  background:#084499; height:6px; position:absolute; bottom:0px; width:0%; left:0;-webkit-transition:all .5s;transition:all .5s;}

.pic_cont ul li:hover .pic_txt:after{ width:100%;-webkit-transition:all .5s;transition:all .5s;}
.pic_cont ul li a:hover{  box-shadow:0 0 20px #ccc }

.pic_cont ul li:nth-child(2n) .pic_img{ float:inherit;}
.pic_cont ul li:nth-child(2n) .pic_txt{ right:auto; left:0px;}



.news ul li{ margin-bottom:10px;}
	
.youshi{display:none;}	

.lingyu{ background-size:cover;}
.ly_left,.ly_right { 
    width: auto;
    float:inherit;
}
.ly_left h4,.ly_left h3{ text-align:center; font-size:0.3rem;}
.ly_left p{ font-size:0.2rem; line-height:0.38rem;padding:0 15px;}
.ly_left dd{ text-align:center;}
.ly_left dd img{ width:90%}
.slider{ display:block}
.ly_right { margin-top:30px;}
.ly_right ul li h3{ font-size:0.2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ly_right ul li p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.anli ul li { width:220px; padding:0px; margin-bottom:0px;}
.anli{
    overflow: hidden;
    margin: 30px auto;
}




.owl-theme .owl-controls{margin-top: 10px;text-align: center; background:#f2f2f2; height:30px; padding-top:10px}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);opacity: 1;text-decoration: none;}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;}
.owl-theme .owl-controls .owl-page span{display: block;	width:30px;height:6px;margin:5px 5px;background: #bebab9;border-radius:5px}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ background-color:#05599f;}
.owl-carousel .owl-wrapper:after {content: ".";	display: block;	clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing {cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility:hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);-ms-transform: ranslate3d(0,0,0); position:relative}
.owl-origin {-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%;-moz-perspective : 1200px;-moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%;perspective : 1200px;}
.owl-fade-out {  z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;}
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease;}
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease;animation: backSlideOut 1s both ease;}
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;}
.owl-goDown-out {-webkit-animation: scaleToFade .7s ease both;-moz-animation: scaleToFade .7s ease both;animation: scaleToFade .7s ease both;}
.owl-goDown-in {-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}
.owl-fadeUp-in {-webkit-animation: scaleUpFrom .5s ease both;-moz-animation: scaleUpFrom .5s ease both;animation: scaleUpFrom .5s ease both;}
.owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both;-moz-animation: scaleUpTo .5s ease both;animation: scaleUpTo .5s ease both;}
@-webkit-keyframes empty {0% {opacity: 1}}
@-moz-keyframes empty {0% {opacity: 1}}
@keyframes empty {0% {opacity: 1}}
@-webkit-keyframes fadeIn {0% { opacity:0; }100% { opacity:1; }}
@-moz-keyframes fadeIn {0% { opacity:0; }100% { opacity:1; }}
@keyframes fadeIn {0% { opacity:0; }100% { opacity:1; }}
@-webkit-keyframes fadeOut {0% { opacity:1; }100% { opacity:0; }}
@-moz-keyframes fadeOut {0% { opacity:1; }100% { opacity:0; }}
@keyframes fadeOut {0% { opacity:1; }100% { opacity:0; }}
@-webkit-keyframes backSlideOut {25% { opacity: .5; -webkit-transform: translateZ(-500px); }75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }}
@-moz-keyframes backSlideOut {25% { opacity: .5; -moz-transform: translateZ(-500px); }75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }}
@keyframes backSlideOut {25% { opacity: .5; transform: translateZ(-500px); }75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }}
@-webkit-keyframes backSlideIn {0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }  75% { opacity: .5; -webkit-transform: translateZ(-500px); }100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }}
@-moz-keyframes backSlideIn {0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }75% { opacity: .5; -moz-transform: translateZ(-500px); }100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }}
@keyframes backSlideIn {0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }75% { opacity: .5; transform: translateZ(-500px); }100% { opacity: 1; transform: translateZ(0) translateX(0); }}
@-webkit-keyframes scaleToFade {to { opacity: 0; -webkit-transform: scale(.8); }}
@-moz-keyframes scaleToFade {to { opacity: 0; -moz-transform: scale(.8); }}
@keyframes scaleToFade {to { opacity: 0; transform: scale(.8); }}
@-webkit-keyframes goDown {from { -webkit-transform: translateY(-100%); }}
@-moz-keyframes goDown {from { -moz-transform: translateY(-100%); }}
@keyframes goDown {from { transform: translateY(-100%); }}
@-webkit-keyframes scaleUpFrom {from { opacity: 0; -webkit-transform: scale(1.5); }}
@-moz-keyframes scaleUpFrom {from { opacity: 0; -moz-transform: scale(1.5); }}
@keyframes scaleUpFrom {from { opacity: 0; transform: scale(1.5); }}
@-webkit-keyframes scaleUpTo {to { opacity: 0; -webkit-transform: scale(1.5); }}
@-moz-keyframes scaleUpTo {to { opacity: 0; -moz-transform: scale(1.5); }}
@keyframes scaleUpTo {to { opacity: 0; transform: scale(1.5); }}


.slide img{width:100%}
.item,.pitem,.hitem{ margin:0 5px;}
.item div,.pitem div,.hitem div{ width:100%; border:1px solid #ccc; overflow:hidden;}
.item p,.pitem p,.hitem p{ width:100%; text-align:center; line-height:30px;}
.owl-carousel ul{ width:100%; overflow:hidden;}
.owl-carousel ul li{ float:left;}
.owl-carousel ul li div{ overflow:hidden;}
.prolist {border-radius: 5px;-webkit-border-radius: 5px;overflow: hidden;border: 1px solid #e1e1e1;box-shadow: 0 0 2px #c7c4c4;margin: 10px 2px;}
.prolist ul li .down {height: 40px;display: block;padding-left: 10px;line-height: 40px;border-bottom: 1px solid #e1e1e1;position:relative;background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e1e1e1));background-image: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);background-image: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);background-image: -o-linear-gradient(top, #fbfbfb, #e1e1e1);background-image: -ms-linear-gradient(top, #fbfbfb, #e1e1e1);background-image: linear-gradient(top, #fbfbfb, #e1e1e1);}
.prolist ul li p a {display: block;width: 15%;height: 40px;position: absolute;right: 0;top: 0;pointer-events: auto;}
.prolist ul li p a:before {content: "";position: absolute;background: url(../images/href_icon.png) no-repeat;background-size: 100%;width: 20px;height: 20px;right: 19px;top: 12px;z-indx: 10;-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.prolist ul li ul li{height: 38px;line-height: 38px;border-bottom: 1px solid #e1e1e1;padding-left: 33px;position: relative;white-space: nowrap;overflow: hidden;}
.prolist ul li ul li:before {content: "";overflow: hidden;position: absolute;left: 20px;top: 17px;z-index: 7;width: 0;height: 0;border-width: 3px;border-style: solid;transform: roate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
.prolist ul li ul li:before {border-color: #05599f #05599f transparent transparent;}
.slick-slide{ overflow:hidden; margin-right:10px}
.slick-slide img{display:block;}
.slick-slide img.slick-loading{border:0 }
.slick-slider{margin:30px auto 50px;}
.slick-slider{ position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden; margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px; border:3px solid #ccc;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-dots { position: absolute; margin-top:15px;text-align: center;background: #f2f2f2;height:30px;padding-top: 10px; width:100%}
.slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px; margin: 0px 5px; padding: 5px 0; cursor: pointer; }
.slick-dots li button { border: 0; background: #bbb; display: block; height: 10px; width: 10px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none;border-radius: 5px; }
.slick-dots li.slick-active button{background: #05599f;}
.slick-initialized .slick-center{ border:3px solid #0452c7;}
.slider-tit{text-align: center;font-size: 0.2rem;color: #298cca;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; height:inherit; text-align:center; margin-top:10px; padding:0 5px}
.slider-tit a{color: #346ec5;}
.slider-tit h4{ font-size:0.16rem; color:#666; font-weight:400; text-transform:uppercase;}
.slider-con{ line-height:0.35rem; font-size:0.2rem; padding:18px 5px}

.slider-con dd{ overflow:hidden; margin-bottom:5px; background:url(../images/ios.png) no-repeat left 10px; line-height:28pxl; color:#666; text-indent:1em;}

.footer .tetx1{ float:none; width:auto;}
.footer .tetx1 h3{ text-align:center;}

.slider-butn{ background:#5f5f5f; font-size:14px; color:#fff; height:30px; line-height:30px; width:120px; margin:10px auto; text-align:center;}
.slider-butn a{color:#fff}
.slick-initialized .slick-center .slider-butn{ background:#ff5c01}
.youshi{ margin:10px;}
.youshi .ystit{ margin:0 auto; text-align:center}
.youshi .yscon img{ width:100%}

.slide-tit{ overflow:hidden ; margin:30px auto 10px;}
.slide-tit h2{ font-size:0.3rem; font-weight:bold; color:#0452c7;}
.slide-tit h4{ text-transform:uppercase; font-weight:400; color:#666; font-size:0.15rem;}
.slide-tit span{ overflow:hidden;}
.slide-tit div{ width:12%; float:left; margin:0px 10px 0 30px;;}

.news_title i{ font-size:0.3rem}
.news_title{ background-size:100px; padding:5px 100px 5px 0}
.news_title i img {
    vertical-align: baseline;
    width: 5%;
}
.news_title h3{ font-size:0.2rem;}
.news_title h3 span{ font-size:0.25rem;}
.slide-tit em{font-style:normal; padding:0 5px; font-size:13px;}
.titlog{ line-height:25px}
.slide-con{ margin:10px; line-height:25px; clear:both;}
.slide-con dd {display: block; overflow:hidden; line-height:0.38rem; font-size:0.2rem; color:#999; background:url(../images/ios.png) no-repeat  left 20px; padding-left:20px;}


.about_box {
    background: #d1eff5;}
	.a_box{ margin:0 10px;}
.aboutlist,.agentlist,.caseslist{width:100%;margin-top:10px; overflow:hidden;}
.aboutlist ul li,.agentlist ul li,.caseslist ul li{ margin:5px; height:30px; line-height:30px; overflow:hidden; background:#246cd8; float:left; text-align:center}
.aboutlist ul li a,.agentlist ul li a,.caseslist ul li a{color:#fff}
.agentlist ul li.on,.caseslist ul li.on{ background:#ff6e42}


.anli{width:inherit;}
.iabout-video{float:inherit;display:block;margin-top:0px;width:inherit;height:inherit;border:0px solid #fff;position:relative;box-shadow:0 0 0px 0 #ddd;}
.iabout-video img{width:100%}

.iabout-video:before,.iabout-video:after{content:'';position:absolute;width:0;height:0;bottom:-10px;border-style:solid; display:none;}
.iabout-video:after{border-width:0 0 95px 60px;border-color:transparent #d1d1d1;right:-70px;}
.iabout-video:before{border-width:0 60px 95px 0;border-color:transparent #d1d1d1;left:-70px;}
.iabout-cont{width:inherit;float:inherit;margin-top:32px; padding:0px;}
.iabout-cont .ti{font-size:0.32rem;font-weight:bold; padding:0 10px; text-align:center; }



.iabout-cont .desc{line-height:0.35rem; overflow:hidden; height:inherit;-webkit-line-clamp: 7;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;display: -webkit-box; font-size:0.22rem; color:#333; padding: 0 10px }
.iabout-cont .more{color:#fff; background:#999999; border:1px #999999 solid; padding:10px 30px; }
.iabout-cont .link{margin:30px auto; width:100%;}
.iabout-cont .link a{ margin:0px auto; display:block;}

.iabout-cont .line ul li b{ font-size:0.3rem}
.iabout-cont .line ul li b per,.iabout-cont .line ul li:first-child b per{ font-size:0.18rem;}
.iabout-cont .more{ width:200px; display:block; margin:0px auto; font-size:0.2rem;}
.ipro-silder{ width:100%;}
.news_box{ width:inherit; padding:0 10px 20px; margin:20px auto 0; background-size:100%}
.shebei{ width:inherit}
.bottom_nav{width:100%; max-width:100%; min-width:100%; margin:0px auto; background:#314b90;}
.bottom_nav ul{ width:inherit; overflow:hidden; margin:0 auto;}

.shebei,.ipro{display:none;}

.news_left{width:inherit; overflow:hidden; float:inherit;}
.news_right{width:inherit; overflow:hidden; float:inherit;}


.news_left ul li:first-child{ height:auto;white-space:normal; border-bottom:1px #ccc dashed; margin-bottom:15px; padding:0px ; padding-bottom:15px;}

.bottom_nav{ display:none;}
.news_left h3,.faq h3{ font-size:0.3rem}

.footer{background:#333;width:auto;max-width:inherit;margin:0 auto;min-width:inherit;text-align:center;color:#fff;padding:30px 0; overflow:hidden; max-width:750px;}
.footer dd{text-align:center; float:inherit; line-height: 22px; font-size:0.2rem;}
.footer .rwem{ float:right; display: none;}
.footer .rwem span{ float:left;}
.footer .rwem span img{width:130px; height:130px; }
.footer .rwem span  img.ddt{width:261px; height:94px;    padding-top: 62px;}
.fiv{display:none;}

	.top{ font-size:0.22rem; }
	.nav ul { padding-top:10%}
	.nav ul li a{ font-size:0.22rem; color:#fff; }
	.pic_content ul li p{ font-size:0.22rem;}
	
	.news_left ul li h4{font-size:0.22rem;}
	.gengduo{font-size:0.25rem; }
	.news_left ul li dd {
    height:inherit;
    font-size: 0.2rem;
    color: #666;
    line-height: inherit;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news_mr{ margin-top:10px; padding:5px 10px;}
.news_left ul li {
    height:inherit;
    line-height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.22rem;
    -webkit-transition: all .5s;
    transition: all .5s; padding:1.5% 0;
}
.news_right{ border-left:none;}
.fq ul li {
    overflow: hidden; font-size:0.22rem; line-height:0.38rem;
    height:inherit;}
.m_ys{ display:block}

.content_mbx{ width:100%}
.news{margin:10px auto 10px; overflow:hidden; }
.news ul{ overflow:hidden; }

.news ul li{ overflow:hidden; border:1px #ccc solid; padding:10px; float:inherit; width:inherit;}
.news ul li span{ text-align:left;-webkit-transition:all .5s;transition:all .5s; margin-right:22px;    padding-right: 0.5rem; display: block;}
.news ul li span b{display:block; font-size:0.3rem; color:#fff; padding:10px 0;}
.news ul li span i{display:block; font-size:0.16rem; color:#fff; border-top:1px #fff dotted; padding:5px 0; font-style:normal;}

.news ul dl{ overflow:hidden;padding-bottom:3px;}
.news ul dl h3{font-size:0.22rem;  color:#333; margin-bottom:0.1rem;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s; font-weight:400;}
.news ul dl p{  font-size:0.2rem; line-height:0.25rem;; color:#666;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.news ul  li:hover span{ background:#0452c7;-webkit-transition:all .5s;transition:all .5s;}
.news ul  li:hover span b,.news ul  li:hover span i{color:#fff;}
.news ul  li:hover h3{color:#0452c7}

.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}
.fy p{width:50%;height:inherit;line-height:0.35rem;float:left;color:#666;font-size:0.2rem;text-align:center;border-right:1px solid #d2d2d2; box-sizing:border-box; padding:2% 10px}
.fy p:last-child{border:none; width:100%; border-top:1px #ccc solid}
.fy p a{color:#666}
.fy p a:hover{color:#006cd8}

.b_nav,.footer .ewm{ display:none;}
.footer .left {
    height: auto;
    float:inherit;
}

.footer .info {
    width: 100%;
    float: inherit;
    height: auto;
    overflow: hidden;
}

.news ul li dl dd{ padding:0 15px;}
.Copyright {
    width: 100%; max-width:750px; margin:0px auto;
    overflow: hidden;
    background: #1e1e1e;
    text-align: center;
    color: #fff;
    padding: 20px 0 1.2rem; font-size:0.2rem;
}
.news_left ul li dl dd{  overflow:hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.footer .info h3{ font-size:0.3rem;}
.footer .info p{ font-size:0.2rem; line-height:.38rem;}
.anli_lb{width:auto;overflow:hidden;margin:20px auto 0;}
.anli_lb ul{overflow:hidden;}
.anli_lb ul li{width:50%;float:left;overflow:hidden;margin-right:0px; border:5px #fff solid; box-sizing:border-box;margin-bottom:0px;margin-top:0px}
.anli_lb ul li div{overflow:hidden;width:100%;height:100%;border:1px #fff solid}
.anli_lb ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:inherit;line-height:inherit;font-size:0.0.2rem;;text-align:center}
.anli_lb ul li a:hover dd{color:#fff}
.anli_lb ul li a{color:#333}
.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.anli_lb ul li:hover p{color:#0452c7}
.anli_lb ul li:nth-child(4n){margin-right:0px;}
.pro-intro{     padding: 10px 0px 20px;}
.pro-intro h2{font-size:0.3rem;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}
.pro-intro .share{width:100%;height:inherit;line-height:0.35rem;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}.pro-intro .share p {padding:10px 0px;}
.pro-intro .share p span{display:block;font-size: 0.16rem; line-height: 0.22rem;color:#999;}

.mssg-intro{overflow:hidden;margin:0  auto;;padding-bottom:2%; margin-bottom:20px; background:url(../images/z.png) no-repeat; width:auto;;}
.fanhui{ width:100%; color:#fff; font-size:0.25rem; padding:3% 0; text-align:center; background:#c4261d; display:block} 
.fanhui:before{content:"▲";font-size:.25rem}

.buttom{bottom:0;margin:0 auto;max-width:100%;min-width:320px;position:fixed;width:100%;z-index:9999; display:block;}
.buttom ul{overflow:hidden; max-width:750px; margin:0px auto;background:#c4261d;}
.buttom ul li{color:#fff;float:left;width:25%;padding:3% 0;border-right:1px #fff solid;box-sizing:border-box}
.buttom ul li .sy{overflow:hidden;text-align:center;vertical-align:middle;width:50%;margin:0 auto}
.buttom ul li p{font-size:14px;overflow:hidden;text-align:center}
.buttom ul li a{color:#fff}
.buttom ul li .sy img{width:30px;}

.show{ display:none;}
.news_left ul li{ position:relative;}

.news_left ul li dl dd{ font-size:0.22rem;}
.news_left ul li dl dt{ font-size:0.18rem;}
.news_left ul li dl p{ font-size:0.2rem; line-height:0.3rem}
.news_left ul li div{ width:36%}
.news_left ul li{ width:auto; overflow:hidden; float:inherit; padding:0 20px;}
.fqimg{ display:none;}
.logo{ width:75%}
.form{background-size: 290%; height:auto; padding-bottom:30px;}
.form .tit b{ font-size:0.3rem;}
.form .tit h4{ font-size:0.3rem; height:inherit; line-height:inherit; padding:3% 0;}
.form .bd{width:auto; margin:0 10px; height:auto;overflow:hidden;background:#fff;margin-top:28px;position:relative;box-shadow:0 0 10px 1px #c2c1c1} 
.form .bd .cont{ float:inherit; width:auto; margin-top: 30px;margin-left: 0px; padding:20px 10px; }
.form .bd .cont h4{ font-size:0.3rem; text-align:center;}
.form .bd .cont .info h3{ font-size:0.4rem; text-align:center;}
.form .bd .cont .info p{ font-size:0.18rem; text-align:center;}
.form .bd:after{ content:""; display:none;}
.form .bd .cont .ewm{ display:none;}
.content{ overflow:initial;}
.form .bd{ padding-bottom:20px;}
.form .bd .msg {
    float:inherit;
    margin-top: 20px;
    margin-right:0px;  width: auto; height: auto;  overflow: hidden; margin:0 20px;}
.form .bd .msg .t p{ font-size:0.3rem;}
.form .bd .msg .t p span{ display:none;}
.form .bd .msg form ul li p{ font-size:0.22rem; position:absolute; line-height:inherit; margin:3% 0;}
.form .bd .msg form ul li input{ float:right; width:75%; height:inherit; padding:3% 0;}
.form .bd .msg form ul li textarea{ float:right; width:75%}
.form .bd .msg form .btn input{ width:50%; border:10px #fff solid; margin:0px; padding:3% 0; line-height:inherit; height:inherit; border-radius:18px;}
.anli ul li p{ font-size:0.22rem;}
.pic_nav{ max-width:750px; margin:0px auto}
.pic_nav h3 {
    float:inherit;
    margin: 20px;
    color: #000;
    text-align:center;
    font-size: 0.3rem;
}
.pic_nav h3 span{ display:none;}
.pic_nav ul {
    float: inherit; text-align:center;
    margin: 0px auto;
}

.pic_nav span{ display:none;}
.pic_nav ul li{ border:none;}
.pic_nav ul li a{ background: none}
.pic_nav ul li{ width:46%; margin:0 2%}
.product .swiper-container{ padding-bottom:50px;}
.product .swiper-pagination{ display:block;}
.product .swiper-pagination-bullet{ width:30px; height:6px; border-radius:6px; background:#666; opacity:1}
.product .swiper-pagination-bullet-active{ background:#084499}
.title1 h3{ font-size:0.3rem;}
.title1 p{ font-size:0.2rem;}
  .title1{  background: url(../images/sha.png) no-repeat  1.2rem 30px; background-size:10%; margin:0 10px}
  .adv .advbox{ display:none;}
  .madv{ display:block;}
  .title1 i{ display:none;}
 
.ys{ display:none;}
.case{ display:block}
.product{ margin:10px auto}
.product .swiper-container{ padding:0 10px 50px; }
.case .swiper-slide .ys_txt h3{ font-size:0.25rem;}
.case .swiper-slide .ys_txt {
    position: absolute;
    left: 3%;
    top: 10%;
}

.b_nav1{ display:none;}
.head .logo{ width:300px; margin:20px;}
.caidan {

    margin-top: 25px;
}
   .head{ height: 70px;}
.about{ margin:50px auto;}
.ab_txt,.ab_img{ width:auto; float:inherit;}
.ab_txt{ text-align:center;}
.ab_txt h3 span{ display:none;}
.ab_txt h4{ margin:20px auto}
.ab_txt p{ font-size:0.2rem; line-height:0.4rem; padding:0 10px; margin:20px auto}
.ab_txt dt{ margin:20px auto}
.zhitongche{ display:block; width:200px; overflow:hidden; font-size:20px; text-align:center; font-weight:bold; padding:3% 0; background:#c4261d; margin:30px auto; color:#fff;}
.p_left {
    overflow: hidden;
    width: auto;
    float:inherit;
}
.p_left ul li{ width:33.33%; float:left; text-align:center; border:5px rgba(255,255,255,0.06) solid; box-sizing:border-box;}
.p_left ul li a{ background:#f2f2f2; display:block;}
.pic_nav h3 p{ font-size:0.2rem;}
.ab_txt h3{ font-size:0.25rem;}
.about dd{ font-size:0.22rem;}
.ab_txt h4 img{ width:80%;}
.ab_img img{ width:100%}
.p_left{ display:none;}
.about ul {
    margin: 20px auto 0;
  
}

.mys{ overflow:hidden; display:block; margin:0px auto; max-width:750px; background:#c4261d}

.news_nav ul li{ width:33.33%; font-size:0.2rem; border:3px #fff solid; height:inherit; line-height:inherit; padding:3% 0;}
.news_nav ul li a{ border:none;}
.pic ul li{ width:50%; border:5px #fff solid;}
.pic ul li .bg{ display:none;}
.pic ul li p{ height:inherit; line-height:inherit; padding:3% 0;}
}

@media screen and (max-width:650px){
.news_left ul li dl p {
  
    -webkit-line-clamp: 1;

}
	.n_banner img:first-child{ display:none;}
.n_banner img:last-child{ display:block;}


.product .swiper-slide .pic_img {
    overflow: hidden;
    float:inherit;
    width: auto;
    box-sizing: border-box;
}

.product .swiper-slide .pic_txt {
    overflow: hidden;
    position:relative;
    display: block;
    width:auto;
    right: 0px;
    box-sizing: border-box;
    padding: 20px;
    text-align: left;
    height:inherit;
}
.product .swiper-slide .pic_txt h3{ font-size:0.25rem; margin:0px auto}
.product .swiper-slide .pic_txt p{ font-size:0.2rem; line-height:0.38rem; -webkit-line-clamp: 2;}
.n_title h3{ font-size:0.3rem;}
.n_title p{ font-size:0.2rem;}
.n_title {
 
    padding: 20px 0 0px;
   
}
.pic_cont ul li div {

    margin: 2px  2px 0;
}
.about ul li p{ font-size:0.22rem;}
.gengduo{ display:block}
.footer .info h3 img{ width:90%}
.footer{ padding-bottom:1.2rem;}

}

@media screen and (max-width:520px){
	

}
@media screen and (max-width:500px){
.iabout-video{ margin-top:0px }
.about ul li div img{ width:50%}

}

@media screen and (max-width:420px){
.news_left ul li dl{ background-size:10%}
.iabout-video video{ width:100%; height:250px;}
.head .logo{ width:240px; margin: 20px 0 0 10px;}
.caidan{ width:30px; margin: 25px 10px 0}
.caidan img{ width:100%}
.head{ height:70px}
}