body{

    background: #f8f8f8;

	font-family:Arial, Helvetica, sans-serif !important;

	letter-spacing: 1px;

    word-break: normal;  

    }

 * {

    margin: 0;

    padding: 0;

    list-style-type: none;

}



.sidebar p{font-size:24px;margin-top:15px;margin-left:15px;}
.dab-bar{font-size: 20px;line-height: 50px;margin-bottom: 20px;text-align: center;}


.noa{font-size: 14px;margin-top: 20px;margin-left: 15px;padding-bottom: 20px;}
.prev{float: left;padding-right:30px;}
.next{float: left;}

.spec-list{ width:95%;float:left;overflow:hidden;margin-top:3px;position:relative;}
.spec-list ul li{float:left; width:25%;height:auto;}
.spec-list ul li img{border:3px solid #fff; width:100%;height:auto;}
.spec-list ul li img:hover{opacity: 0.5; }

.navbar-fixed-bottom, .navbar-fixed-top{ position: absolute !important;}

.product-inside-canshu table {

    display: table;

    border-collapse: separate !important;

    border-spacing: 1px !important;

    border-color: grey;

    background-color: rgb(238, 238, 238) !important;

}

ul{ margin-bottom:0px !important; list-style-type:none;}



#header ul li a:hover{color: #ffffff!important;background-color: #00B6DE;}

.nli1{ background-color:#00B6DE !important; color:#ffffff !important;}


/*表单样式*/

.new_product .product_cut-off {
    border-top: 10px solid #f2f2f2;
}
.contact-sec {
    margin-top: 45px;
}
.new_product .product_contact h3 {
    margin-bottom: 38px;
}
.new_product h3 {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 700;
}
.container h2, .container h3 {
    text-align: center;
    text-transform: capitalize;
}
.feedback-sec .feedback-form .form-group {
    margin-bottom: 30px;
}
.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}
.feedback-form .required {
    color: #c00;
    font-size: 18px;
    position: absolute;
    top: 16px;
    left: 20px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
.feedback-sec .feedback-form select {
    padding: 12px 15px;
    width: 100%;
    height: auto;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
}
.new_product .feedback-sec .feedback-form textarea, .feedback-sec .feedback-form input, .feedback-sec .feedback-form select {
    border: 1px solid #ccc;
    background-color: #f4f7f9;
}
.feedback-sec .feedback-form textarea, .feedback-sec .feedback-form input, .feedback-sec .feedback-form select {
    padding: 12px 15px;
    height: auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #d7d7d7;
}
.btn-contact {
    background-color: #f90;
    padding: 6px 0;
    border: none;
    color: #fff;
}
#product{padding:12.5px;font-size: 14px;}



html{overflow-y:auto;

	overflow-x:auto; 

	margin: 0;

    padding: 0;

    border: 0;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    -webkit-tap-highlight-color: rgba(0,0,0,0);}

 

.form{margin: 0;

    padding: 0;

    border: 0;

    font-size: 14px;

    font: inherit;

    vertical-align: baseline;}





.footer{font-size: 14px;width:100%; background:#1f1f1f; border-top:1px #000 solid;line-height:28px; color:#fff;height: auto;padding-top: 10px;padding-bottom: 10px; }

.f_pro{ width:24%; float:left; margin-right:20px;  overflow:hidden;}

.f_pro ul li a{ color:#d2d2d2}

.f_pro ul li{ background:url(/http/es.yfcrusher.com/images/jt2.gif) 0 13px no-repeat; padding-left:20px;}

.f_pro ul{ float:left; margin-top:10px;padding-left: 0!important;}

.f_pro_t{ font-size:15px; height:50px; line-height:50px;border-bottom:1px #5f5f5f dotted; width:239px;font-family: Calibri,Arial,Helvetica,sans-serif;}

.f_pro_t a{ color:#d2d2d2; font-weight:600;}

.f_contact{color: #d2d2d2;width:22%; float:left}

.f_contact ul li{ padding-left:30px;}

#f_tel{ background:url(/http/es.yfcrusher.com/images/contact2.png) 5px 8px no-repeat;}

#f_fax{ background:url(/http/es.yfcrusher.com/images/address2.png) 5px 8px no-repeat;}

#f_email{ background:url(/http/es.yfcrusher.com/images/email2.png) 5px 8px no-repeat;}

#f_add{ background:url(/http/es.yfcrusher.com/images/home2.png) 5px 8px no-repeat;}

.b_foot_a{ background:#000;padding-bottom:80px;border-top: 1px solid #5f5f5f;padding-top: 30px;

           margin:0 auto;color:#888;text-align: center;}

.b_foot_a span{ margin-right:10px;color:#d2d2d2;}

div{display: block;}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

    font-weight: 300;

}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {

    font-weight: 300;

}

/*去掉a标签点击后产生的虚线框*/

a:visited{text-decoration: none;}

a:focus{outline: none;text-decoration: none;}

a{ color:inherit; text-decoration:none !important;}

/*去掉button点击以后会出现的边框*/

button:focus{outline:0;} 

div.sabrosus ,div.sabrosus ul{float: left;margin: 3px; text-align: center;height: 50px;width: 100%;padding-left: 25%;margin: 0 auto;font-size: 15px;}

div.sabrosus ul li {float: left;border:#dedfde 1px solid; background-position: 50% bottom; color: #333;margin:0 auto; margin-right: 5px; padding:5px 11px; text-decoration: none; display:inline-block; margin-bottom:6px;}

div.sabrosus ul li a:hover{background-image: none; color: #fff; background: #ef0000; border:#ef0000 1px solid;}

div.sabrosus ul li a:active{background-image: none; color: #fff; background: #ef0000; border:#ef0000 1px solid;}

div.sabrosus span.current{border:#ef0000 1px solid; color: #fff; margin-right: 3px; padding:5px 11px; background:#ef0000; display:inline-block; margin-bottom:6px;}

div.sabrosus span.disabled{ border:#dedfde 1px solid; color: #adaaad; margin-right: 3px; padding:5px 11px; display:inline-block; margin-bottom:6px;}

div.sabrosus .cpb{ border: #ef0000 1px solid; color: #fff; margin-right: 3px; padding: 5px 11px; background: #ef0000; display: inline-block; margin-bottom: 6px;}


button, select {text-transform: none;}

.dab-header {

    height: 350px;

    color: #fff;

    background-color: #6e6c70;

    background-size: cover;

    background-position: center center;

    position: relative;

	}

.dab-header.with-bottom-margin {

    margin-bottom: 30px;

}

.dab-header .video {

    position: absolute;

    top: 40%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    overflow: hidden;}



.dab-header .video-wrapper {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    overflow: hidden;}

.dab-header .video-wrapper:before{

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background-color: rgba(0, 0, 0, 0.5);

    z-index: 5;

    display: block;

}

.wrap {
    margin-right: auto;

    margin-left: auto;

    max-width: 1204px;}

.dab-header.large {

    height: 635px;}

.dab-header .content-wrapper {

    margin-top: 50px;

    z-index: 6;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    transform: translate(0,-50%);

    width: calc(100% - 2 * 12px);

    max-width: 1180px;}

.dab-header .content-wrapper .title{font-size:53px; padding-bottom:10px;}

.dab-header .statement{font-size:19px;}

.text-center {text-align: center;}

.dab-header .dab-bar{ margin-left:6%; height:103px; margin-top:5%;}

.dab-header .dab-row{float:left;height:100%;background:#FFF;width: 66.66667%;}

.dab-header	.search-box{height:103px; width:90%; border:0;padding-left:5%; font-size:24px;}

input {line-height: normal;margin: 0;font:inherit;caret-color:black;background:#FFF;color:  black;}

input:focus {outline:none;}

.dab-header button{background:none; border:0}

.dab-header .icon-search{font-size:30px; font-weight:lighter;color:black;}

.dab-header .contact{line-height:103px; font-size:16px; color:#FFF; padding-left:2%;background:#00B6DE; font-weight:lighter;width: 33.33333%;}

.dab-header .icon-chevron-right{margin-left:10px;}

.r{float: right;}

.dab-header .content-wrapper .title{font-size:39px;}

.pblb{ background-color:#ff6700;}



/*图标  样式----------------------------------------------------------------------------------------------------*/



@font-face{

    font-family:'FontAwesome';src:url('/http/es.yfcrusher.com/fonts/fontawesome-webfont.eot?v=4.7.0');

    src:url('/http/es.yfcrusher.com/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),

    url('/http/es.yfcrusher.com/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),

    url('/http/es.yfcrusher.com/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),

    url('/http/es.yfcrusher.com/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),

    url('/http/es.yfcrusher.com/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');

    font-weight:normal;font-style:normal

    }

.fa{

    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale

    }
.fa-lg{

    font-size:1.33333333em;
    line-height:.75em;
    vertical-align:-15%
    }
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-fw{
    width:1.28571429em;
    text-align:center
    }
.fa-ul{
    padding-left:0;
    margin-left:2.14285714em;
    list-style-type:none
}
.fa-ul>li{position:relative}
.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}
.fa-li.fa-lg{left:-1.85714286em}
.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}
.fa-pull-left{float:left}
.fa-pull-right{float:right}
.fa.fa-pull-left{margin-right:.3em}
.fa.fa-pull-right{margin-left:.3em}
.pull-right{float:right}
.pull-left{float:left}
.fa.pull-left{margin-right:.3em}
.fa.pull-right{margin-left:.3em}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}


#fix_footer{height: 53px;border-top: 1px solid #EEE;display: block;position: fixed;bottom: 0;background-color: #fff;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;-webkit-box-align: center;-moz-box-align: justify;-ms-flex-align: center;justify-content: space-between;align-content: center;padding-top: 6px;background:#e4e4e4;}

#fix_footer a{color: #5D656B;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align: center;box-sizing: border-box;display: block;font-size: 10px;}

#fix_footer a span{font-size: 15px;display: block;font-style: normal;width: 100%;top: 0;left: 0;padding-left:0 !important;}

#fix_footer a p{font-size: 16px;margin: 0;padding: 0}

.clearfix{display: block;}

.icon-search:before {content: "\f002";}

.icon-chevron-right:before {content: "\f054";}

.icon-envelope-o:before {content: "\f003";}

.icon-home:before {content: "\f015";}

.icon-list:before {content: "\f03a";}

.icon-plus-circle:before {content: "\f055";}

[class*='icon-']:before {display: inline-block;font-family: "FontAwesome";font-weight: normal; font-style: normal;vertical-align: baseline;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

span{margin: 0;padding: 0;border: 0;font-size: 14px; font: inherit;vertical-align: baseline;}


.clearfix:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}


/*图标  样式结束----------------------------------------------------------------------------------------------------*/



.kind{width:100%; background:url(/http/es.yfcrusher.com/images/bgk.jpg) no-repeat; margin-top:1.2%; height:auto;}

.kind .k{background-color:rgba(255, 255, 255, 0.85); margin-top:58px;}

.kind .k .kimg{height:0;}

.kind .k .kimg img{bottom:34px; height:34px; position:relative; float:right}    

.kind .k:hover{-webkit-box-shadow:0 0 10px rgba(0,0,0,.175);  

  -moz-box-shadow:0 0 10px rgba(0,0,0,.175);  

  box-shadow:0 0 10px rgba(0,0,0,.175);}

.kind .k1,.kind .k2,.kind .k3,.kind .k4{float: left;width: 25%;height: auto;}

.kind .k1{background:url(../1.png) no-repeat center 50px; font-size:18px; padding-top:202px; padding-bottom:115px; text-align:center}

.kind .k1:hover{background:url(../1-1.png) no-repeat center 50px;}

.kind .k2{background:url(../2.png) no-repeat center 50px; font-size:18px; padding-top:202px; padding-bottom:115px; text-align:center}

.kind .k2:hover{background:url(../2-2.png) no-repeat center 50px;}

.kind .k3{background:url(../3.png) no-repeat center 50px; font-size:18px; padding-top:202px; padding-bottom:115px; text-align:center}

.kind .k3:hover{background:url(../3-3.png) no-repeat center 50px;}

.kind .k4{background:url(../4.png) no-repeat center 50px; font-size:18px; padding-top:202px; padding-bottom:115px; text-align:center}

.kind .k4:hover{background:url(../4-4.png) no-repeat center 50px;}


.bt {    

    font-size: 24px;
    font-weight: bold;
    line-height: 50px;
    width: 420px;
    height: 50px;
    text-align: center;
    background: #008aec;
    color: #fff;
    display: inline-block;

}


.line-big .xl12,.line-big .xs4,.line-big .xm4{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.xl12,.xs4,.xm4{position: relative;min-height: 1px;}
.list-unstyle {list-style: none;padding-left: 0;}
.line-big {margin-left: -15px !important;margin-right: -15px !important;display: block;}
.v_p {margin-bottom: 30px !important;}
.v_p li {margin-top: 20px !important;float: left;}
.v_p li:hover {cursor: pointer;}
.v_p .v_c p {bottom: 170px;position: relative;left: 40%;height: 20px;color: #FFF;line-height: 30px;margin-left: 30px;}
.v_p .v_c {height: 0;}
.v_p .v_c p img { width: 50px;height: 50px;margin-bottom: 25px;}
.v_p img {width: 100%;height: 100%;}
.fadein-top {
    -webkit-animation-name: fadeinT;
    -moz-animation-name: fadeinT;
    -ms-animation-name: fadeinT;
    animation: 1s ease-out backwards;
}

.dialog .dialog-head,.dialog .dialog-foot{padding:10px 20px}
.dialog-mask{ position:fixed;left:0;top:0;right:0;bottom:0;background:#000;z-index:10;filter:alpha(opacity=50);opacity:.5;display:block;overflow-x:hidden;overflow-y:auto}
.dialog .dialog-head {border-bottom: solid 1px #ddd;background-color: #f5f5f5;border-radius: 4px 4px 0 0;padding: 10px 20px;}
.dialog .dialog-head strong{font-size:16px}
.dialog-v {border: 0 !important;background: none !important;}
.dialog {border: 1px solid #ddd;box-shadow: 0 3px 9px rgb(0,0,0,0.5);border-radius:4px;background-color: #fff;display: none;}
.dialog .dialog-head .close{float:right;line-height:24px}
.dialog .dialog-body{padding:15px 20px}
.dialog .dialog-foot{text-align:right;border-top:solid 1px #ddd}
.dialog.open{display:block}
.close{display:inline-block;font-size:24px;cursor:pointer;line-height:24px}
.close:before{content:"\00d7"}
.video_d {max-width: 951px;width: 100%;min-height: 535px !important;height: 100%;}
iframe{margin:fp 0;padding: 0;border: 0;font-size: 14px;font: inherit;vertical-align: baseline;}

@media (min-width: 1024px){
.video_d {min-height: 357px;}
}
@media (max-width: 1440px){
.video_d {min-height: 504px !important;}
}

@media (min-width: 300px)
{
    .xl12 {width: 100%;}
}
@media (min-width: 760px)
{
    .xs4 {width: 33.33333333%;}
}
@media (min-width: 1000px)
{
    .xm4 {width: 33.33333333%;}
}







.m {color: #00B6DE;font-size: 16px;padding-left: 10px;font-weight: 700;}

.n {color: #ff0000;font-size: 14px;float: right;font-weight: 700;padding-top: 20px;}

.b2{width: 91%;}

.b2-p2{margin-top: 99px;}

.b2-p3 {font-size: 24px;color: #ffffff;text-align: center;margin: auto;font-weight: bold;margin-top: 10px;}

p{margin:0 0 10px;}

@media (min-width: 768px){

		.header-nav-left{ float:left !important;}

		.header-nav-right{ float:right !important;}

		.header-nav-right2{ display:none;}

	}




@media (max-width: 767px){

    .dab-bar{margin-top: 50px;}
  
    .gy_list_o{width: 100% !important;}

    .gy_list_o dl dd{width: 100% !important;}

 	.header-ys{ background-color:#19272e !important;}

	.header-nav-right{ display:none;}

	.header-nav-right2{ display:block;}

	.header-top-right .header-top-right3{ margin-left:5px; margin-right:0px !important;}

	.header-top-left img{ max-width:140px;}

	.header-top-left{ padding-top:10px !important; padding-bottom:10px !important;}

	.header-top-right{ padding-top:25px !important; padding-left:4px;}

	.slider .slider-dot ul{ right:70% !important; bottom:3px !important;}


	.mtop1{ display:none !important;}

	.mtop2{ display:block !important;}

    #header .navbar{

        position: relative !important;

    }

    #header .navbar{

        padding-bottom: 0;

    }

	.navbar-toggle {

		margin-top: 10px;

		margin-bottom:10px !important;

		background-color: #ffffff !important;

	}

	#header .navbar-brand img{

		max-width:250px !important;

	}

	#header .navbar-brand{ height:40px !important;}

	#header .nav{ margin-top:0px;}

	#header .navbar-default .navbar-nav>li>a{

    	font-size: 16px;

		color:#ffffff;

		}

	#header .navbar-brand{

		padding:0 0 0px 15px !important;

		margin-top:10px;

	}

	#header .navbar-brand2{

    	float: left;

    	height: 40px;

    	font-size: 10px;

		color:#444444;

		margin:12px 0 0 20px;

		border-left:2px solid #b5b5b5;

	}

	#header .navbar-brand2 span{

    	font-size: 14px;

		color:#ff0014;

	}

	#header .navbar-brand2 p{

		padding:0 0 0 15px; text-align:center;

	}

   

	.footer,.b_foot{display:none!important;}

    .dab-header .dab-row {width: 100%;height: 50px;line-height: 50px;}
 
    .dab-header .search-box {height: 50px;width: 85%;padding-left: 2%;font-size: 18px;text-align:center;}

    .dab-header .contact {width: 100%;height: 50px;line-height: 50px;font-size: 14px;}

}

@media (min-width: 768px) and (max-width: 991px){

    .b2{width: 84% !important;}

    .b2-p2{margin-top: 50px !important;font-size:18px!important;}

    .b2-p1{font-size: 16px !important;}

    .dab-bar{margin-top: 220px;}

    .news-dt-list-p4{padding-left: 2px !important;padding-right: 2px !important;}

    .col-sm-4 {width: 100% !important;}

    .gy_list_o{width: 100% !important;}

    .footer,.b_foot{display:none!important;} 

	#header .navbar-brand{ padding:5px 0 45px 1px !important; overflow:hidden;}

	#header .navbar-default .navbar-nav>li>a{

    	font-size: 16px;

		color:#002736;

		font-weight:bold;

   	 	padding:20px 3px 15px;

		}

	.header-sx{ margin-left:-6px;}	

	#header .navbar-brand{ padding:9px 0 41px 1px !important; overflow:hidden;}

	.navbar-brand img{ width:185px; height:35px;}

	#header .navbar-default .navbar-nav>li{ margin-left:15px;}

	.drop a {

 		font-size: 14px !important;

  		width:78px !important;

	}

    

}



@media (min-width: 992px){

	#header .navbar-brand{ padding:5px 0 45px 1px !important; overflow:hidden;}

	body{

        padding-top: 82px;

    }

		#header .navbar-default .navbar-nav>li>a{

		font-size: 16px;

		font-weight:bold;

   	 	padding:20px 20px 15px;

		}

		#header .navbar-default .navbar-nav>li{color:#002736;}

	    #header .navbar-default .navbar-nav>li{<!-- margin-left:25px;-->}

		.drop a {

  text-decoration: none;

  color: #19272e;

  text-transform: capitalize;

  display: block;

  width:88px;

  text-align:center;

  font-size: 16px;

  border-bottom: 1px solid #b6b3b4;

  margin:auto;

  background-color: #e7eaee;

  padding-top:10px;

  padding-bottom:10px;

               }

      

	}



@media (min-width: 1200px){

    .dab-bar{margin-top: 80px;}

	.container{ width:1350px !important;}

	#header .navbar-brand{ padding:55px 0 50px 1px !important; overflow:hidden; } 

	#header .navbar-brand { background:url(../images/header-xz.png) bottom; background-repeat:no-repeat;} 

	body{

       

        padding-top: 170px;

   

    }

		#header .navbar-default .navbar-nav>li>a{

    	font-size: 16px;

		

		font-weight:bold;

   	 	padding:20px 27px 15px;

		}

		#header .navbar-default .navbar-nav>li{

			color:#002736;

			}

	

		<!--#header .navbar-default .navbar-nav>li{ margin-left:25px;}-->
		

	}





#header .navbar-default{

    border:0;

    margin-bottom: 0;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

    z-index: 1000;

    background-color: rgba(255,255,255,0.9);



}



#header .navbar-default .navbar-nav{

    color:#323232;

}

.navbar-default .navbar-nav>li>a{

		color:inherit;

	}

#header .navbar-default .navbar-nav>li>a:hover{ color:inherit;}





.header-top{ font-size:16px; color:#595757; overflow:hidden;}

.header-top-left{ float:left; padding-top:20px; padding-bottom:20px;}

.header-top-right{ float:right; padding-top:35px;}

.header-top-right img{ display:inline-block; margin-top:-3px;}

.header-top-right span{ line-height:25px;}

.header-sx{ width:1px; height:23px; background-color:#c9caca; float:left; margin-top:18px!important;}

.header-sx2{ width:1px; height:23px; background-color:#c9caca; float:right; margin-top:18px!important;}

.nav-right{ display:inline-block !important;}



.drop1{ display: none; width:1320px; margin-left: -102px;}

.drop1 a{ color:inherit; !important; font-size:inherit !important;}

.drop1 a:hover{ color:#ffffff!important; text-decoration:none;}

.drop1{ position:absolute;  opacity:0.91;}

.main {

/*  display: flex ;*/

  justify-content: center;

}

.m2:hover .drop1{ display:block !important;}

.index-nav-top{ list-style-type:none; overflow:hidden;}

.index-nav-top li{ float:left; margin-left:40px; padding-top:25px;padding-bottom:10px; width:21%;}

.index-nav-top p{ font-size:14px; color:#19272e; line-height:16px;}

.index-nav-top-p1{ font-size:14px !important; color:#19272e !important; font-weight:bold; margin-bottom:14px;}

@keyframes menu1 {

  from {

    opacity: 0;

    transform: translateX(30px) rotateY(90deg);

  }

  to {

    opacity: 1;

    transform: translateX(0) rotateY(0);

  }

}

.nav>li{ position:static !important;}



.big img{ cursor: pointer; transition: all 0.6s;}  

.big:hover img{ transform: scale(1.2);} 



.b2{  position: absolute; left: 0; top: 0; margin-left:15px;  -moz-transform:scale(0); -webkit-transform:scale(0); -o-transform:scale(0); -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transform: scale(0); transition: all .2s;opacity: 0.9; height:100%; background-color:#00b6de;}

.index-product li:hover .b2{ display:block; transition:all .2s; -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform: scale(1);}

.b2-p1{ font-size:18px; color:#ffffff; text-align:center; width:70%; margin:auto; border:2px solid #ffffff; height:46px; line-height:42px; border-radius:10px; margin-top:25px;}

.b2-p2{ font-size:24px; color:#ffffff; text-align:center; margin:auto; font-weight:bold;margin-top: 100px;}

.b2-p3{ font-size:24px; color:#ffffff; text-align:center; margin:auto; font-weight:bold; margin-top:10px;}

.b2-p4{ font-size:24px; color:#ffffff; text-align:center; margin:auto; font-weight:bold;}







.case-ul1{ display:block;}
.case-ul2{ display:none;}
.case-ul3{ display:none;}

.case-nav-p1:hover{ cursor:pointer;}

.case-nav-p1 a:hover{ color:inherit;}

.index-case-p1-gd{ color:#ffffff !important; background-color:#00B6DE; border:1px solid #00B6DE !important;}

.case-nav-p2:hover{ cursor:pointer;}

.case-nav-p2 a:hover{ color:inherit;}


.case-nav-p3:hover{ cursor:pointer;}

.case-nav-p3 a:hover{ color:inherit;}






.index-about-p1{ font-size:24px; color:#898989; text-align:center; padding-top:70px; font-weight:bold;}

.index-about-p2{ font-size:16px; color:#727171; text-align:center; padding-top:30px; padding-bottom:5px; padding-left:60px; padding-right:60px;}

.index-about-p3{ font-size:16px; color:#000000; text-align:center; padding-top:15px; padding-bottom:15px; background-color:#efeff0; }

.index-product-nav{ text-align:center; margin-top:65px;}

.index-product

{ 

    background: url(../images/index-pro.jpg) no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    padding-bottom: 100px;

    margin-top: 40px;

}

.index-about ul{ overflow:hidden; margin-top:50px;}

.index-product ul{overflow:hidden; margin-top: 100px;}

.case-nav-p1{ width:30%; height:50px; line-height:50px; text-align:center; border:1px solid #9fa0a0; font-size:24px; color:#898989; font-weight:bold; display:inline-block;}

.case-nav-p2{ width:30%; height:50px; line-height:50px; text-align:center; border:1px solid #9fa0a0; font-size:24px; color:#898989; font-weight:bold; display:inline-block;}

.case-nav-p3{ width:30%; height:50px; line-height:50px; text-align:center; border:1px solid #9fa0a0; font-size:24px; color:#898989; font-weight:bold; display:inline-block;}
.index-news-p1{ font-size:22px; color:#898989; font-weight:bold;text-align: center;}

.index-news{ margin-bottom:40px;}

.index-news img{ margin-top:30px;}

.index-news ul{ list-style-type:none; overflow:hidden; margin-top:-20px;}

.index-news ul li{ margin-top:50px;}

.index-news-p2{ text-align:center; background-color:#00B6DE; width:51px; height:51px;}

.index-news-p2 span{ display:block;}

.index-news-span1{ font-size:22px; font-weight:bold; color:#ffffff;}

.index-news-span2{ background-color:#ffffff; height:1px; display:inline-block; width:80%; margin:auto;}

.index-news-span3{ font-size:12px; color:#ffffff;}

.index-news-p3{ line-height:26px; font-size:16px; color:#595757;}

.index-news a:hover{ color:#00B6DE; text-decoration:none;}

.index-host-p1{ font-size:24px; color:#898989; text-align:center; padding-top:70px; font-weight:bold; margin-bottom:70px;}

.index-service ul{ list-style-type:none; overflow:hidden; padding-bottom:50px; font-size:14px; color:#3e3a39;}

.index-service ul img{ display:inline-block; }

.index-service ul li{ text-align:center;}











.table1{ font-size:16px; color:#898989; padding-bottom:10px; padding-top:20px;}

.require{ width:86%; height:70px; background-color:#595757; border:0px solid #595757; vertical-align: text-top;}

.input1{ width:105px !important; height:38px !important; display:inline-block; background-color:#00B6DE !important; margin-top:24px; font-size:20px; color:#ffffff; border-radius:15px; margin-left:14%; }

.contact1 input{ border:none; width:156px; height:30px; background-color:#ffffff; margin-left:25px; color:#333;}

.contact11{ background-color:#00B6DE; overflow:hidden;}

.contact1{ height:70px; line-height:70px;}

.contact1-p1{ font-size:18px; color:#ffffff; font-weight:bold; display:inline-block;}

.contact1-p3{ font-size:16px; color:#ffffff; display:inline-block; margin-left:30px;}

.contact1-p2{ font-size:18px; color:#ffffff; height:35px; width:135px; background-color:#00283c; border-radius:5px; text-align:center; line-height:35px; display:inline-block;}

.contact1-p2:hover{ cursor:pointer;}





.about-nav p{ font-size:16px; color:#ffffff; margin-top:15px; margin-bottom:15px; text-transform:uppercase;}

.about-top{ font-size:24px; color:#0960ca; text-align:center; padding-top:70px; font-weight:bold; margin-bottom:0px;}

.about-jj-p{ font-size:16px; color:#727171; line-height:28px; margin-top:30px; margin-bottom:20px;}

.about-jj ul{ overflow:hidden; list-style-type:none; margin-top:30px;}

.about-product-list{ margin-top:30px;}

.about-bottom-p1{ font-size:24px; color:#898989;}

.about-bottom-p2{ font-size:14px; color:#898989; line-height:25px;}

.about-bottom{ margin-top:66px; margin-bottom:85px;}



.gy_list{ width:100%; overflow:hidden;}



.gy_list_o{ float:left; width:47%; margin-bottom:10px;margin-left: 1%;margin-right: 1%;}

.gy_list_o h1{ font-size:24px; color:#727171; margin:25px 0px; height:24px; line-height:24px;}

.gy_list_o dl dt{ float:left; width:161px; height:120px; overflow:hidden;margin-right: 10px;}

.gy_list_o dl dd{ width:70%; color:#727171; height:auto; line-height:25px; overflow:hidden; font-size:16px;}



.product-mobile-list ul{ overflow:hidden; margin-top:50px;}

.product-mobile-list ul li{ margin-bottom:40px;}

.product-news-p1{ font-size:24px; color:#727171; font-weight:bold; text-align:center;}

.product-news{ margin-top:50px; margin-bottom:50px;}

.product-news img{ margin-top:40px;}

.product-news ul{ list-style-type:none; overflow:hidden; margin-top:-20px;}

.product-news ul li{ margin-top:50px;}

.product-list-p{ font-size:16px; color:#000000; text-align:center; background-color:#efeff0; height:77px; padding-top:15px; line-height:25px;  }

.product-list-p1{ font-size:16px; color:#000000; text-align:center; background-color:#efeff0; height:60px; padding-top:15px; padding-bottom:15px; line-height:25px;  }

.product-gd-p1{ font-size:16px; color:#898989; text-align:center;}



.product-canshu table{ display: table; border-collapse: separate !important; border-spacing: 1px !important; border-color: grey; background-color: rgb(238, 238, 238) !important;width: 100%;}



.product-inside-nav p{ font-size:16px; color:#898989; margin-top:40px; margin-bottom:10px; text-align:right;}

.product-inside-top{ margin-top:60px; margin-bottom:10px;}

.product-inside-top-p1{ font-size:30px; color:#ff0000; margin-bottom:15px; padding-left:15px; margin-top:10px;}

.product-inside-top-p2{ font-size:16px; color:#000000; line-height:35px; padding-left:15px;}

.product-inside-top-p3{ font-size:24px; color:#ffffff; line-height:42px; width:229px; height:42px; text-align:center; background-color:#ff0000; float:left; margin-left:15px; margin-top:15px;}

.product-inside-top-p4{ font-size:24px; color:#898989; line-height:50px; width:229px; height:42px; text-align:center; background-color:#ededec; float:left; margin-left:15px; margin-top:15px;}

.product-inside-top-p2 span{ font-weight: bold;float: left;padding-right: 20px;display: block;}

.product-inside-list{ display:none; position:fixed; z-index:1111; top: 0px; overflow:hidden; width:100%;}

.product-inside-list ul{ overflow:hidden; border:1px solid #9fa0a0;}

.product-inside-list ul li{ float:left; width:20%; color:#898989;}

.product-inside-list ul li a:hover{ color:inherit;}

.product-inside-list-li1{ margin-left:0px; border-left:1px solid #9fa0a0;}

.product-inside-list p{ text-align:center; font-size:18px; height:40px; line-height:35px;  margin-top:17px; margin-bottom:7px;}

.product-inside-list-hover{ cursor:pointer; color:#ffffff !important; background-color:#00B6DE; }

.product-youshi-list ul{ list-style-type:none; overflow:hidden; margin-top:-45px;}

.product-youshi-list ul li{ margin-top:90px;}

.product-youshi-list ul li img{ margin:auto;}

.product-youshi-list ul li p{ font-size:14px; color:#595757; /*text-align:center;*/ margin-top:20px; height:88px;}

.product-yuanli-p1{ font-size:16px; color:#595757; line-height:25px; }

.product-inside-youshi{ font-size: 16px;color: #595757;line-height: 25px;margin-top: 5%;}

.product-inside-case ul{ overflow:hidden; list-style-type:none; margin-top:40px;}

.product-shashi-p1{ text-align:center; font-size:16px; color:#000000; padding-top:28px; padding-bottom:50px;}



.case-top p{ font-size:16px; color:#727171; text-align:center; margin-top:80px;}

.case-list{ margin-bottom:50px;}

.case-list-p1{ font-size:16px; color:#000000; text-align:center; padding-top:25px;}

.case-hx{ height:3px; background-color:#efefef; margin-top:20px;  position:relative;}

.case-hx:after{ content: ""; width: 0; height: 3px; background-color:#00B6DE; position: absolute; left: 50%; transition: all .5s;}

.case-list ul li:hover .case-hx:after{ left: 0%; width: 100%;}

.case-list ul{ list-style-type:none; overflow:hidden; margin-top:-60px;}

.case-list ul li{ margin-top:60px;}





.case-title{ font-size:30px; color:#ff0000; text-align:center; padding-top:90px; margin-bottom:60px;}

.case-title2{ font-size:16px; color:#727171; line-height:25px;}

.case-inside-p1{ font-size:18px; color:#727171; margin-top:45px; padding-left:25px; margin-bottom:30px;}

.case-inside-p2{ font-size:16px; color:#727171; padding-left:25px;}

.case-jianjie{ margin-top:20px;}

.case-inside-hx p{ height:4px; background-color:#efeff0; margin-top:32px;}

.case-inside-list{ margin-top:45px;}

.case-inside-list-p1{ font-size: 20px;color: #ff0000;margin-bottom: 30px;font-weight: bold;}

.case-inside-list-p2{ font-size:16px; color:#595757; line-height:30px; margin-bottom:30px;}

.case-peizhi{margin-top: 20px;padding-top: 20px;padding-bottom:20px;}



.materials-nav2{ display:none;}

.materials-nav ul{ overflow:hidden;}

.materials-nav1 li{ float:left; width:10%; font-size:18px; color:#7f7f7f; text-align:center;}

.materials-nav2 li{ font-size:18px; color:#7f7f7f; height:30px;}

.materials-nav2 li a{ margin-left:25px;}

.materials-nav-li{ color:#000000 !important; font-weight:bold;}

.materials-nav-li a{border-bottom:#00B6DE 4px solid;}

.materials-nav img{ margin-top:4px;}

.materials-nav span{ display:inline-block;}

.materials-nav .mns1{ text-align:left; margin-left:0px;}

.materials-nav{ margin-top:65px;}

.materials-nav a{ display:inline-block;}

.materials-nav a:hover{ color:#000000; font-weight:bold; border-bottom:#00B6DE 4px solid;}

.materials-hx{ height:7px; background-color:#efeff0; margin-top:30px;}



.materials-t ul{ font-size:14px; color:#727171; text-align:center; overflow:hidden; margin-top:30px; padding-bottom:30px;}

.materials-t ul li{ line-height:30px; padding:10px 0px; border:1px solid #f2f2f2; border-radius:3px; margin-right:20px; background-color:#f2f2f2; cursor: pointer;}

.materials-t ul li:hover{ border-color: #3671CF !important; background-color: #3671CF !important; color: #fff;}

.materials-t-lichengtu{ border-color: #3671CF !important; background-color: #3671CF !important; color: #fff;}

.wuliaotu2{ display:none;}

.wuliaotu3{ display:none;}



.materials-tx-p1{ font-size:20px; color:#898989; font-weight: bold; margin-bottom:30px; text-transform:uppercase;}

.materials-tx-p2{ font-size:14px; color:#727171; line-height:30px;}

.materials-tx img{ float:right; margin-top:60px;}

.materials-tx{ margin-top:30px;}

.materials-t-p1{ font-size:16px; color:#898989; text-align:center; margin-top:40px; margin-bottom:15px; font-weight:bold;}

.materials-t-p2{ font-size:14px; color:#898989; text-align:center; margin-top:30px;}

.materials-t-p2 a{ color:#00B6DE;}

.materials-t-p2 a:hover{ color:#00B6DE;}

.materials-lx{ text-align:center; margin-top:45px;}

.materials-lx img{ display:inline-block;}

.materials-product{ margin-top:65px;}

.materials-product ul{ list-style-type:none; overflow:hidden; padding-bottom:50px; font-size:14px; color:#3e3a39; padding-top:46px;}

.materials-product ul img{ display:inline-block; padding-bottom:20px;}

.materials-product ul li{ text-align:center;}

.materials-product-top{ font-size:24px; color:#002736; text-align:center; padding-top:45px; font-weight:bold; margin-bottom:0px;}





.service-tuandui ul{ list-style-type:none; margin-top:40px; overflow:hidden;}

.service-tuandui-p1{ font-size:16px; color:#727171; line-height:25px; padding-top:30px;}

.service-tuandui-p2{ font-size:16px; color:#727171; line-height:25px; }



.service-coverage-top{ font-size:16px; color:#727171; text-align:center; padding-left:200px; padding-right:200px; line-height:25px; padding-top:30px;}

.service-content-list img{ display:inline-block;}

.service-content-list ul{ list-style-type:none; overflow:hidden; padding-top:40px;}

.service-content-list ul li{ font-size:18px; color:#898989; margin-bottom:15px; }

.service-content-list-div{ height:155px; line-height:155px;}

.service-content-list-div span{ margin-left:5px;}

.service-supply{ margin-top:45px;}

.service-supply ul li{ text-align:center;}

.service-supply ul li img{ display:inline-block;}

.service-supply ul li p{ font-size:16px; color:#727171; padding-left:50px; padding-right:50px; line-height:25px; padding-top:30px;}

.service-hx{ height:2px; background-color:#efeff0; margin-top:20px;}

.service-supply-p1{ font-size:16px; color:#727171; text-align:center; margin-top:15px;}

.service-supply-p1 span{ color:#00B6DE;}



.service-sb{ margin-top:60px; margin-bottom:50px;}

.service-sb img { float:right; margin-bottom:25px;}

.service-sb-left-p1{ font-size:18px; color:#595757; margin-bottom:20px;}

.service-sb-left-p2{ font-size:16px; color:#595757; margin-bottom:25px; line-height:25px;}







/*FAQ*/

.faqright{ width:100%; float:left; padding-top:30px; }

.faqtit{ font-size:16px; font-weight:600; line-height:30px;margin-bottom:20px; float:left; width:100%; background-color: #dcdcdc;color: red;}

.faqtit span{ float:left;}

.faq { padding:10px 5px;  width:98%; text-align:left; float:left; margin-bottom:20px;font-size: 14px;}











.news-dt-list-p3{ height:3px; background-color:#c9cacb; margin-bottom:0px;  position:relative;}

.news-dt-list-p3:after{ content: ""; width: 0; height: 3px; background-color:#00B6DE; position: absolute; left: 50%; transition: all .8s;}

.news-hangye-list ul li:hover .news-hangye-list-p3:after{ left: 0%; width: 100%;}

.news-dt-list1:hover .news-dt-list-p3:after{ left: 0%; width: 100%;}

.news-dt-list2 ul li:hover .news-dt-list-p3:after{ left: 0%; width: 100%;}

.news-dt-list11{ display:none;}

.news-cp-list ul li:hover .news-dt-list-p3:after{ left: 0%; width: 100%;}



.news-cp-list a:hover{ color:#00B6DE;}



.news-dt-list a:hover{ color:#00B6DE;}

.news-dt{ margin-top:60px;}



.news-dt-list{ margin-top:50px; margin-bottom:50px;}

.news-dt-list-p1{ font-size:18px; color:#898989; padding-left:20px; padding-right:45px; margin-top:30px; margin-bottom:30px;}

.news-dt-list-p2{ font-size:14px; color:#898989; padding-left:20px; padding-right:45px; line-height:31px;}







.news-dt-list-p4 span{ display:block;}

.news-dt-s1{ text-align:center; background-color:#ff0000; font-size:18px; color:#ffffff; height:40px; line-height:40px;}

.news-dt-s2{ text-align:center; background-color:#008aec; font-size:18px; color:#ffffff; height:40px; line-height:40px;}

.news-dt-list-p5{ font-size:18px; color:#898989; margin-bottom:8px;}

.news-dt-list-p6{ font-size:14px; color:#898989; line-height:25px;}

.news-dt-list ul li{ margin-bottom:10px;}



.news-hx-list-top{ font-size:24px; color:#000000; margin-top:38px; margin-bottom:16px;}

.news-hx-list-top-hx{ height:10px; background-color:#efefef;}

.news-hx-list-hx{ height:3px; background-color:#c9cacb; margin-bottom:0px; margin-top:30px; position:relative;}

.news-hx-list-hx:after{ content: ""; width: 0; height: 3px; background-color:#f6c21e; position: absolute; left: 50%; transition: all .8s;}

.news-dt-list ul li:hover .news-hx-list-hx:after{ left: 0%; width: 100%;}









.news-inside-title{ font-size:24px; color:#00283c; text-align:center; margin-top:60px; font-weight:bold; margin-bottom:20px;}

.news-inside-time{ font-size:16px; color:#00B6DE; text-align:center;}

.news-inside-daodu p{ background-color:#f8f8f8; font-size:14px; color:#727171; padding:30px 20px 30px 20px; line-height:25px;}







.news-body{ margin-top:45px;}

.news-body p{ font-size:14px; color:#727171; line-height:30px; margin-bottom:30px; padding-left:20px; padding-right:20px;}

.news-body img{ margin:auto; margin-bottom:30px;}

.news-inside-list p{ font-size:16px; color:#898989; line-height:25px;}

.news-inside-list span{ color:#00B6DE; margin-right:15px;}







.news-inside-list-hx{ height:2px; background-color:#c9cacb; margin-bottom:0px;}

.news-inside-fh{ font-size:14px; color:#000000; padding-left:50px; padding-top:50px; padding-bottom:50px;}









.contact-top-p1{ font-size:30px; color:#00B6DE; text-align:center; margin-top:50px;margin-bottom: 35px;}

.contact-top-p2{ font-size:16px; color:#898989; line-height:30px; text-align:center;margin-top: 40px;}

.contact-top ul{ overflow:hidden;}

.contact-top ul li{ width:18%; float:left; background-color:#efeff0; text-align:center; padding-bottom:28px;}

.contact-top-li1{ margin-left:2.5%;}

.contact-top ul li img{ display:inline-block; margin-top:40px;}

.contact-top ul li{ height:255px;}



.contact-top2{ display:none;}

.contact-top2 ul{ overflow:hidden;}

.contact-top2 ul li{background-color:#efeff0; text-align:center; padding-bottom:28px;}

.contact-top2 ul li img{ display:inline-block; margin-top:40px;}

.contact-top2 ul li{ height:255px;}









.contact-top-li{ background-color:#00B6DE !important;}

.contact-top-p31{ color:#ffffff !important;}

.contact-top-p41{ color:#ffffff !important;}

.contact-yx1{ color:#ffffff !important;}



.contact-yx{ margin-top:38px; font-size:18px; color:#000000; margin-bottom:25px;}

.contact-top-p3{ font-size:18px; color:#000000; margin-top:25px; margin-bottom:25px;}

.contact-top-p4{ font-size:12px; color:#898989; }

.contact-top{ margin-top:45px;}

.contact-zx{ margin-top:20px; margin-bottom:50px;}

.contact-map{ padding-bottom:55px;}

.contact-hx{ height:3px; background-color:#efeff0; margin-bottom:0px;}





.contact-zx .input{ width: 94%; height: 40px; background-color: #ffffff; border: 1px solid #c3c3c3;}

.contact-zx2{ display:none;}

.contact-zx .require{ width:100%; height:215px; background-color:#ffffff; border:1px solid #c3c3c3;}

.contact-zx .input1{ width:208px !important; height:40px !important; display:inline-block; text-align:center; background-color:#f90 !important; margin-top:24px; font-size:20px; color:#ffffff; border-radius:0px; margin-left:0px; }



.contact-zx2{ margin-top:30px; margin-bottom:70px;}

.contact-zx2 .input{ width: 94%; height: 40px; background-color: #ffffff; border: 1px solid #c3c3c3;}

.contact-zx2 .require{ width:100%; height:215px; background-color:#ffffff; border:1px solid #c3c3c3;}

.contact-zx2 .input1{ width:208px !important; height:40px !important; display:inline-block; text-align:center; background-color:#00B6DE !important; margin-top:24px; font-size:20px; color:#ffffff; border-radius:0px; margin-left:0px; }



.bottom3{ display:none; background-color:#0095d7;}

.bottom3 ul{ list-style-type:none; overflow:hidden; margin-bottom:0px;}

.bottom3 ul li{ float: left; height: 66px; line-height: 66px; text-align:center;     border-right: 1px solid #eeeeee;}

.bottom3 ul li img{ max-width:35px;}

.bottom3 ul li p{ margin-bottom:0px;    font-size: 18px; color: #ffffff; margin-left: 2px;}

.bottom3 ul .col-xs-3{ padding-left:0px; padding-right:0px;}

.contact11 { background-color: #00B6DE; overflow: hidden; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%;}


@media (min-width: 768px) and (max-width: 1200px){

        .footer,.b_foot{display:none!important;}

}



@media (min-width: 992px) and (max-width: 1200px){

        .dab-bar{margin-top: 150px;}

		.tdinput1{ width:64% !important;}

		.tdinput2{ width:60% !important;}

		.tdinput3{ width:64% !important;}

		.tdinput4{ width:60% !important;}

		.tdinput5{ width:81% !important;}

		.tdspan2{ margin-right:11px !important;}

		.tdspan1{ margin-right:11px !important;}

		.input1{ margin-left:18%;}

		.contact1-p3{ margin-left:25px !important;}

		.contact1 input{ width:85px; margin-left:5px;}

		.contact1-p2{ margin-left:38px !important;}

        .news-inside-title{ margin-top:100px;}

        .col-xs-2,.col-xs-10,.col-xs-12 {padding-right: 2px !important;padding-left: 2px !important;}

	}

@media (min-width: 768px) and (max-width: 991px){
 
		.tdinput1{ width:52% !important;}

		.tdinput2{ width:50% !important;}

		.tdinput3{ width:52% !important;}

		.tdinput4{ width:50% !important;}

		.tdinput5{ width:75% !important;}

		.tdspan2{ margin-right:11px !important;}

		.tdspan1{ margin-right:11px !important;}

		.input1{ margin-left:24%;}

		.contact1-p3{ margin-left:8px !important;}

		.contact1 input{ width:40px; margin-left:4px;}

		.contact1-p2{ margin-left:8px !important; width:100px !important;}

		.contact1-p2 input{ width:100px !important;}

        .news-inside-title{ margin-top:150px;}

        .product-inside-top{margin-top: 160px !important;}

        .product-inside-top-p1{font-size: 24px !important;}

	}

@media (max-width: 767px){

		.index-about-p1{ padding-top: 40px;}

		.index-about-p2{ padding-left:15px; padding-right:15px; padding-top:0px;}

		.index-product-nav{ margin-top:50px;}

		.case-nav-p1{ width:340px;}
                 
        .case-nav-p2{ width:340px;}

        .case-nav-p3{ width:340px;}

		.index-product-nav-p2{ width:340px; margin-left:0px; margin-top: 15px;}

		.index-product{ background:none; padding-bottom:30px;}

		.index-product ul{ margin-top:0px;}

		.index-product ul li{ margin-bottom:30px;}

		.index-news{ margin-top:15px;}

		.index-news-2{ margin-top:50px;}

		.index-news-3{ margin-top:50px;}

		.header-top-right .header-top-right3{ margin-left:5px; margin-right:0px !important;}

		

		.about-nav p{ margin-bottom:5px; margin-top:5px; font-size:14px;}

		.product-news{ margin-top:0px;}

		.product-list-p1{ line-height:17px;}

		.product-inside-nav p{ text-align:left; margin-bottom:5px; margin-top:5px;}

		.product-inside-top{ margin-top:50px;}

		.product-inside-top-p1{ padding-left:0px;font-size: 24px;}

		.product-inside-top-p2{ padding-left:0px;}

		.product-inside-top-p3{ width:150px; margin-left:0px;}

		.product-inside-top-p4{ width:150px;}

		.product-inside-list{ display:none !important;}

		.about-top{ padding-top:40px;}

		.product-youshi-list ul li{ margin-top:66px;}

		.product-inside-yuanli{ padding-top:0px !important;}

		.product-yuanli-p1{ margin-top:2%;}

		.product-inside-case ul{ margin-top:20px;}

		.product-inside-case ul li{ margin-bottom:20px;}

		.product-inside-canshu{ padding-top:20px !important;}

		.product-shashi{ margin-top:20px !important;}

		

		.materials-nav1{ display:none;}

		.materials-nav2{ display:block;}

		.materials-nav{ margin-top:30px;}

		.materials-tx img{ margin-top:0px;}

		.materials-tx{ margin-top:50px;}

		.materials-lx{ margin-top:30px;}

		.materials-lx-img1{ margin-bottom:15px;}

		.materials-product{ margin-top:40px;}

		.product-shashi1{ margin-top:0px !important;}

		.news-inside-title{ margin-top:40px;}

		.news-body{ margin-top:20px;}

		.news-body p{ margin-bottom:15px; line-height:25px;}

		.news-inside-list-left p{ padding-left:0px;}

		.news-inside-list-right p{ padding-left:0px;}

		.news-inside-list-right{ margin-top:30px;}

		.case-top p{ padding-left:0px; padding-right:0px; margin-top:30px;}

		.case-title{ padding-top:30px; margin-bottom:20px;}

		.case-inside-p1{ margin-top:15px; margin-bottom:15px;}

		.case-jianjie1{ margin-bottom:15px;}

		.case-jianjie2{ margin-bottom:15px;}

		.case-jianjie3{ margin-bottom:15px;}

		.service-tuandui ul{ margin-top:30px;}

		.service-tuandui ul li{ margin-bottom:15px;}

		.service-coverage-top{ padding-left:0px; padding-right:0px; padding-top:20px;}

		.service-content-list-div{ height:30px; line-height:30px;}

		.service-supply ul li p{ padding-left:0px; padding-right:0px; padding-top:15px;}

		.service-sb-left-p1{ text-align:center;}

		.about-jj-p1{ text-align:center;}

		.about-jj-p2{ text-align:center;}

		.about-jj-p4{ text-align:center;}

		.about-product-list{ margin-top:30px;}

		.about-bottom{ margin-bottom:40px; margin-top:15px;}

		.about-bottom-p1{ text-align:center;}

		.about-bottom-p2{ text-align:center;}

		.contact-top-p1{ font-size:25px; margin-top:30px; margin-bottom:15px;}

		.contact-top2{ display:block;}

		.contact-top{ display:none;}

		.contact-zx .require{ width:94%;}

		.contact-zx2{ display:block;}

		.contact-zx{ display:none;}

		.contact-top-li1{ margin-left:0px;}

		.contact-top2 ul li{ margin-bottom:15px;}

        .news-dt-list2{margin-top: 50px;}

		.bottom3{ display:block;}

        .litpic{width: 100% !important;}

        div.sabrosus, div.sabrosus ul{padding-left: 12% !important;}

        .col-xs-3 {width: 100% !important;}

		.index-condect{ display:none; }

        .drop1 .drop1 a:hover{ display: none!important;}

        .video{display: none !important;}

	}

@media (min-width: 320px) and (max-width: 500px){

    .col-xs-2,.col-xs-10,.col-xs-12 {padding-right: 2px !important;padding-left: 2px !important;}

    .col-xs-9{width: 100%;}

    .noa{margin-left: 2px;}

    .bt{width: 100%;}

    .n{float: initial;}

    .next{margin-top: 10px;}
    .prev{padding-right: 0px;}

    .drop1 .drop1 a:hover{ display: none!important;}
    .video{display: none !important;}

}




.three-pro-col li:hover .pro-backgroud, .pro-img:hover .pro-backgroud {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

 .pro-backgroud {
    position: absolute;
    top: 0;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.product-params{
    line-height: 40px;
    padding: 0px;
    margin: 0px;
    list-style: none;
    color: rgb(0, 0, 0);
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 100%;
    overflow: auto;
}