@charset "utf-8";
	.n_banner img { width:100%;}
.n_banner img:first-child{ display:block;}
.n_banner img:last-child{ display:none;}

/* CSS Document */

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



	.had



{ padding: 0 5%}



.logo{left:5%}



.hot{right:5%}



	}







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



	.had



{ padding: 0 1%}



.logo{left:1%}



.hot{right:1%}



	}









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

	

	.logo img.pclogo{ display:none;}

.logo img.m-logo{ display:inline-block;}



.hot img.pclogo{ display:none;}

.hot img.m-logo{ display:inline-block;}





#leftsead,.side{ display:none;}



.top_box{ width:inherit; text-align:center; max-width:inherit; min-width:inherit;  }

.head{ width:100%; max-width:inherit; min-width:inherit; position:relative; padding:20px 0 0; background:#fff;}

.content{width:inherit;}







.had{ height:inherit}



.logo{ top:25px;}









.top_box{ width:inherit; text-align:center; max-width:inherit; min-width:inherit; }



.head{ width:100%; max-width:inherit; min-width:inherit; position:relative}



.content{width:inherit;}



.top{ text-align:center; width:100%; max-width:inherit; min-width:inherit;}	



.top span{display:none;}



.had{   width: auto;



    padding: 0%;



    margin: 0px 0px;



	}



.hot{ top:28px}



.tet{ display:none;}



.g-adv{ display:block;}



.banner{display:none;}	



.gengduo{ display:block;}











.nav{ height:100%; overflow:inherit;  margin:80px auto 0; padding:0%; width:100%; background:#216ab6; left:0px;  z-index:9999}



.nav a{ display:block; padding:3% 0; line-height:inherit;  width:33.33%; float:left; border-right:1px #ccc solid; border-top:1px #ccc solid; color:#fff;  text-align:center; box-sizing:border-box;}





	.pc_muen ul li .mores {  display: none;}


.pc_muen ul li.ast dt{  display:block;}

.pc_muen ul li {
    overflow: hidden;
    margin-top: -1px;
    border: 1px #ccc solid;
    height:inherit;
    overflow: hidden;
    position: relative;
}

.pc_muen ul li dd {
    width: 100%;
    float:inherit;
    overflow: hidden;
    line-height: 60px;
    text-align: left; text-indent:1em;
    font-size: 18px;
    font-weight: bold;
    color: #002e99;
}

.pc_muen ul li dt {
    width: auto;
    float:inherit;
    line-height: 39px; display:none;
    padding: 12px 10px ; overflow:hidden;
    margin-bottom: 5px;
}

.pc_muen ul li.ast dt{ display:block}
.pc_muen ul li dt a{ border:1px #ccc solid; display:block; float:left; width:23%; margin:1%; box-sizing:border-box; text-align:center; border-radius:6px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:0.2rem;}

.pc_muen ul li:before {
    content: "";
    background: #f5f5f5;
    width: 100%;
    height: 60px;
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: -1;
    border-right:none;
}


.pc_muen ul li .mores {
    float: right;
    position:absolute; right:0px; top:0px;;
    width: 40px;
    height: 60px;
}

.pc_muen ul li .mm {
    float: right;
    position: absolute;
    width: 40px;
    height: 60px;
    right: -19px;
}



.pc_muen ul li dd:after{content:">"; font-family:"宋体"; color:#999; position:absolute; right:20px; width:40px; height:60px; font-weight:bold;transform: rotate(90deg); line-height:40px; text-align:center; font-size:20px;top: -8px;}

.pc_muen ul li dd.current:after{    content: ">";
    font-family: "宋体";
    color: #999;
    position: absolute;
    right: 0px;
    width: 40px;
    height: 60px;
    font-weight: bold;
    transform: rotate(-90deg);
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    top: 8px;}













.g-adv{ display:block;}

.banner{display:none;}	

.gengduo{ display:block;}



.liucheng { display:none;}



.logo{ float:none; text-align:center;}

.logo img.plogo{ display:none}

.logo img.mlogo{ display:block; margin:0px auto;}









.title{text-align:center;padding:3% 0; 0verflow:hidden;width:inherit;margin:0 auto; }

.title h3{font-size:0.3rem;;text-align:center;color:#333;font-weight:600;margin-bottom:5px;}



.title p{font-size:0.2rem;color:#666; line-height:inherit;}

.title b{color:#333}





.liucheng1 ul li img{ width:100%}









.x_banenr{display:none;}

.m_banner{display:block;}

	

.youshi{display:none;}	



.ys{ display:none;}

.slider{ display:block}



.m_demo{ display:block;}

.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:10px;height:10px;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:#1a60c9;}

.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: #1a60c9 #1a60c9 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: #1a60c9;}

.slick-initialized .slick-center{ border:3px solid #1a60c9;}

.slider-tit{text-align: center;font-size: 0.2rem;color: #1a60c9;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; height:inherit; text-align:center; margin-top:10px; padding:0 5px; height:auto;}

.slider-tit a{color: #1a60c9;}

.slider-tit h4{ font-size:0.16rem; color:#666; font-weight:400; text-transform:uppercase;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.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:28px; 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{height:50px;width: 100%;bottom: 0;left: 0; background:#000;  filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; color:#fff; line-height:50px}

.slide-tit span{ padding:0 5px; font-size:24px; height:50px; width:30px; float:left}

.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 span {display: block;width: 18px;height: 18px;background: #f60;color: #fff;text-align: center;line-height: 18px;float: left;border-radius: 10px;margin-right: 10px; margin-top:5px}



.about{ width:auto;}

	 .about h3{ font-size:.4rem;}

	 .about h3 i{ font-size:.15rem;}

	 .about dd{ font-size:0.22rem; line-height:0.35rem;}

	 .product-number-info li{ width:50%}

	 .product-number-info li b{ font-size:0.4rem;}



	 .about dt{ float:none;}

	 .product-number-info li b sup{ font-size:0.15rem;}

	

	.product-number-info ul{ padding:10px 0; overflow:hidden;}

	.product-number-info{ margin-bottom:30px;}

	

	.about_shuzi{ width:auto; margin: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}



.about{ width: auto;  margin: 0 10px; padding:50px;}

.anli{width:inherit;}

.iabout-video{float:inherit;display:block;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;}

.iabout-cont .line{display:block;width:72px;height:1px;background-color:#000;margin:10px 0 20px;}

.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; text-indent:2em;}

.iabout-cont .more{color:#fff; background:#1a60c9; padding:10px 30px; }

.iabout-cont .link{margin-top:30px;}

.iabout-cont .link a{display:inline-block;width:155px;height:58px;background:url(../images/iabout_btn.png) no-repeat 0 -58px;line-height:58px;font-size:16px;color:#fff;text-align:center;}

.iabout-cont .link a:hover{background-position:0 0;transition:0s ease-out;-moz-transition:0s ease-out;-webkit-transition:0s ease-out;-o-transition:0s ease-out;}

.iabout-cont dd{margin:20px 0; text-align:center;}

.iabout-cont a:hover.more{color:#c00;} 



.ipro-silder{ width:100%;}

.news_box{ width:inherit; margin:0 10px;}

.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 div{width:inherit;

    height: auto;

    overflow: hidden;}



.news_left ul li div img{width:100%}

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



.bottom_nav{ display:none;}



.product-number-info li b sup{ position:relative; right:0px;}

.about{ padding:20px;}

.footer{background:#333;width:auto;max-width:inherit;margin:0 auto;min-width:inherit;text-align:center;color:#fff;padding:30px 0 20px; overflow:hidden; padding-bottom: 1.5rem;}

.footer dd{text-align:center; float:inherit; line-height: 0.35rem; 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 li a{ font-size:0.22rem; }

	.pic_content ul li p{ font-size:0.22rem;}

	

	.news_left ul li h4{font-size:0.22rem;}

	.gengduo{font-size:0.25rem; background:#e5e5e5; }

	.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_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;

}



.faq{ margin-top:20px;}

.fq{overflow:hidden; height:inherit}

.fq ul{overflow:hidden;}

.fq ul li{ overflow:hidden; padding:15px 15px 15px ; }

.fq ul li dd{ height:inherit; line-height:inherit; margin-bottom:10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:0.22rem;}

.fq ul li dt{ height:inherit; line-height:inherit;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-size:0.2rem; color:#666;}

.fq ul li dd a{ color:#1a60c9;-webkit-transition:all .5s;transition:all .5s;}

.fq ul li dd a:hover{ color:#f00; padding-left:10px;-webkit-transition:all .5s;transition:all .5s;}







.content_mbx{ width:100%}

/*.news{margin:0px 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{display:block; float:left; width:90px;  background:#1a60c9; text-align:center;-webkit-transition:all .5s;transition:all .5s; margin-right:22px;}

.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:#d80000;-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:#d80000}

*/

.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% }

.fy p:last-child{border:none; width:100%; border-top:1px #ccc solid}

.fy p a{color:#666}

.fy p a:hover{color:#006cd8}







.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:#f00}

.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 span{display:block;font-size:0.22rem;color:#999;padding:0 8px}



.mssg-intro{overflow:hidden;margin:0  auto;;padding-bottom:2%; margin-bottom:20px; background:url(../images/z.png) no-repeat; width:auto;;}





.fanhui{background:#216ab6;text-align:center;color:#fff;padding:2% 0;margin:10px 0 0;font-size:.25rem; display:block;}

.fanhui a{color:#fff}

.fanhui:before{content:"▲";font-size:.25rem}



.buttom{background:#0053a7;bottom:0;margin:0 auto;max-width:1200px;min-width:320px;position:fixed;width:100%;z-index:9999; display:block;}

.buttom ul{overflow:hidden}

.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:.2rem;overflow:hidden;text-align:center}

.buttom ul li a{color:#fff}

.buttom ul li .sy img{width:80%}





.toolbar{ display:none;}

.links { display:none;}





.d_item{position:relative;padding-top:64px; overflow:hidden; margin:0 15px;}



.d_item .txt{padding-top:13px;width:100%;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s ; text-align:left;  float:none;}



.d_item .txt h2{font-size:26px;font-weight:700;color:1a60c9;line-height:106px; }

.d_item .txt h2 span{ color:1a60c9; font-size:48px; width:auto; display:inline-block; text-align:center; float:left; margin-right:20px;}



.d_item .txt h4{display:block;line-height:34px; color:#999; font-weight:400; font-size:14px;}



.d_item .txt .desc{padding-top:20px;line-height: 29px;}

.d_item .txt  dl  dd{  padding-left:10px; margin-bottom:8px; color:#666;}

.d_item .txt .cha{font-size:18px;width:200px;height:54px;line-height:54px;display:block;border:2px solid #e50136;text-align:center;color:#e50136;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-top:34px}



.d_item .txt .desc span{color:#f00}

.d_item .txt .cha:hover{background:#e50136;color:#fff}

.d_item .img{ float:none;}

.d_item .img img{ width:60%; max-width:100%; margin:0px auto;}





.d_item:hover .txt{-webkit-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}



.d_item:nth-child(2) .img{ float:none;}

.d_item:nth-child(2) .txt{ float:none;}

.product-number-info ul{ padding:0px;}



}

@media screen and (max-width:750px){
	
	.n_banner img:first-child{ display:none;}
	.n_banner img:last-child{ display:block;}

	.pic_content ul li div dl{ height:40px;}

	.pic_content ul li div dl dd {



    margin: 7px 20px 30px;}

	.about h3{ font-size:0.35rem;}

	.nav a{ font-size:0.25rem;}

	.xbanner{ margin-top:10px; } 

.xbanner img.pxx{ display:none}

.xbanner img.mxx{ display:block}



	.aboutbj{ width:100%;  height:100%; margin:40px auto 0; overflow:hidden; background:url(../images/maboutbj.jpg) no-repeat; background-size:cover; background-attachment: fixed;}



.liucheng1 ul li{ width:33.33%;}

	.pic_cont ul li{ width:50%;}

	.d_item { padding-top:20px;}

	.head{ padding:0px;}

.d_item .txt dl dd{ font-size:0.22rem; line-height:0.35rem;}

.d_item .txt h2{font-size:0.23rem;font-weight:700;color:#1a60c9;line-height:46px; background-size:100% 100%}

.d_item .txt h2 span{ color:1a60c9; font-size:0.35rem; width:auto; display:inline-block; text-align:center; float:left;   margin-right: 32px;}



.pic_nav  ul li{width:33.33%; border:3px #fff solid; box-sizing:border-box; float:left; margin:0px; height:inherit; padding:0% ; line-height:inherit ; }

.pic_nav  ul li a{ display:block; font-size:0.22rem;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#333; border:1px #ccc solid;}



.news_nav a{width:46%;}



.logo{ margin:0px auto; width:200px; float:left;}

.caidan{ width:38px}

.logo img{ width:100%; margin:-14px auto;}

.caidan img{width:100%;}

.slider-tit h2{ font-size:0.2rem;}

.pic_content ul li{ width:50%}

.pic_content ul li:nth-child(n+5){ display:none;}

.d_item .img img{ width:100%}

.footer .tetx1 h3{ font-size:0.3rem;}

.mbx a.home{ width:40px; margin-right:5px; }

.news ul li{ width:auto; float:none;}

.news ul li dl dd{ padding:0 20px;}

.logo {

    top: 32px;

}

.hot {

    top: 15px;

}

.article-detailed .intro{ padding:0 10px;}

}

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





	.slider-con{ line-height:0.35rem; font-size:0.2rem; padding:18px 5px; }

	.zz div{ margin:10px ;}

	.slick-initialized .slick-slide{ height:7rem;}

	

	

	.logo {

    top: 32px; width:50%

}

.hot {

    top: 20px;width:45%

}

	.logo img,.hot img{ width:100%;}



	}











.fid{overflow:inherit;position:fixed; z-index:999}