@charset "utf-8";

@font-face {

	font-family: 'Helvetica_Bold';

	src: url('../Helvetica-Roman-SemiB.eot');

	src: url('../fonts/Helvetica-Roman-SemiB.woff') format('woff'), url('../fonts/Helvetica-Roman-SemiB.ttf') format('truetype'), url('../fonts/Helvetica-Roman-SemiB.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}

html {

   font-size: 62.5%;

}

@media only screen and (min-width: 481px){

   html {

       font-size: 94%!important;

   }

}

@media only screen and (min-width: 561px){

   html {

       font-size: 109%!important;

   }

}

@media only screen and (min-width: 641px){

   html {

       font-size: 125%!important;

   }

}

@media only screen and (min-width: 768px){

	html {

		font-size: 150% !important;

	}

}

@media only screen and (min-width: 992px){

	html {

		font-size: 170% !important;

	}

}

@media only screen and (min-width: 1200px){

	html {

		font-size: 187.5% !important;

	}

}

body{

	font-size: 14px;

	min-width: 320px;

	color: #666;

	font-family: "Microsoft Yahei";

}

.clearfix:before,

.clearfix:after {

    content:"";

    display:table;

}

.clearfix:after { clear:both;}

/* For IE 6/7 (trigger hasLayout) */

.clearfix {

    zoom:1;

}

a:hover{

	text-decoration: none;

}

img{

	max-width:100%;

	vertical-align: middle;

}

.header{

	position: relative;

}

.h-tel{

   background: url(../images/tel.jpg) left center no-repeat;

   font-size: 18px;

   font-weight: bold;

   line-height: 1.5em;

   padding-left: 65px;

}

.h-text{

	font-size: 20px;

}

.h-text span{

	font-weight: 600;

	color: #184998;

}

.h-tel span{

	font-size: 25px;

    color: #184998;

}

.header-top{

	padding-top: 0.8rem;

	padding-bottom: 0.8rem;

}

.nav{

	background: #2569BE;

}

.nav ul{
    text-align: center;
	margin-bottom: 0;
	text-align: center;
}

.nav ul>li{

	/*float: left;*/
    display: inline-block;
	padding:15px 0rem;

}

.nav ul>li:last-child a{

	border-right:0;

}

.nav ul>li.on,.nav ul>li:hover{

	border-bottom: 3px solid #D40000;

}

.nav ul>li>a{

	color: #fff;

	display: block;

	font-size: 16px;

	padding:0 1rem;

	font-weight: 600;

	border-right: 1px solid #6C9BD3;

}

.menu{

	background: url(../images/menu.png) no-repeat;

	width: 30px;

	height: 25px;

	float: right;

	display: none;

	margin-right: 15px;

	margin-top: 1rem;

}

.swiper-container{

    width: 100%;

    height: 100%;

    position: relative;

}

.swiper-slide {

    background-position: center;

    background-size: cover !important;

}

.swiper-slide>img{

	width: 100%;

}

.swiper-pagination-bullet{

	opacity: 1 !important;

	background: #0191DA;

	border:2px solid #0191DA;

	width: 12px;

	height: 12px;

}

.swiper-pagination-bullet-active{

	background: #fff;

}

.about-list a{

	display: block;

	position: relative;

	margin-top: 0.98rem;

}

.about-list a img{

	width: 100%;

}

.about-list p{

	position:absolute;

	left: 0px;

	bottom: 0px;

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

	padding: 8px 5px;

	color: #fff;

	text-align: center;

	width: 100%;

	margin:0;

	font-size: 16px;

}

.about-list a:hover p{

	background: #E71923;

}

/*mian*/

.conment{

	padding-top: 1rem;

}

.conment1{

	background: #F6F6F6;

}

.id-title{

	text-align: center;

	color: #184998;

	font-size: 25px;

	margin-bottom: 1.5rem;

	font-weight: 600;

}

.youshi{

	background: #3361D0;

	color: #fff;

	padding: 1.2rem 0 1rem 0;

}

.youshi-list img{

	margin-right: 13px;

}

.youshi-list h3{

	margin-top: 5px;

	margin-bottom:3px;

	color: #FFFA00;

}

.youshi-list p{

	font-size: 15px;

}

.conment2{

	background:#EAEAEA url(../images/changfang.jpg) center top no-repeat;

}

.conment2 h3.id-title:before,.conment2 h3.id-title:after{

	content: "";

	width: 20%;

	height: 1px;

	background: #fff;

	display: inline-block;

	vertical-align: middle;

	margin:0 15px;

}

.case-box{

	background: #fff;

	padding: 0.5rem  0.8rem 0.8rem  0.8rem;

}

.case-list li{

	margin-top: 12px;

	padding-left: 5px;

	padding-right: 5px;

}

.case-list li img{

	width: 100%;

}

.case-list.row{

   margin-left: -5px;

   margin-right: -5px;

}

.type-list li{

	text-align: center;

	margin-top: 1rem;

}

.type-list li em{

	display: inline-block;

	width:125px;

	height:125px;

	border-radius: 100%;

	background: #A5A5A5;

	text-align: center;

	line-height: 125px;

} 

.type-list li p{

	color: #000;

	margin-top: 10px;

}

.type-list li:hover em{

	background: #3571BA

}

.type-list li:hover p{

	color: #3571BA;

}

.conment3{

	background: #fff;

}

.p-title{

	font-size: 22px;

	font-weight: 600;

	background: url(../images/zfx.png) left center no-repeat;

	padding-left: 43px;

	border-bottom: 1px solid #BABABA;

	line-height: 50px;

	margin-bottom: 20px;

}

.p-title span{

	background: url(../images/xiexian.png) left center no-repeat;

	padding-left: 15px;

	font-style: italic;

	font-size: 14px;

	font-weight: 500;

}

.p-list li{
    
	text-align: center;

	margin-bottom:20px;

}
.p-list li img{
	width: 100%;
}
.p-list li p{

	padding: 15px 5px;

	color: #000;

}

.p-list li:hover p{

	color: #fff;

	background: #3773BB;

}

.map{

	background: url(../images/id-pic8.jpg) no-repeat right top;

	color: #206DBF;

	font-weight: 600;

	min-height: 302px;

}

.map a{

	display: inline-block;

	padding: 5px 10px;

	color: #fff;

	background: #D60000;

	border-radius: 5px;

	font-size: 16px;

}

.youshilist{

	border:1px solid #CCCCCC;

	background: #fff;

	padding: 15px;

	margin-top: 1.8rem;

}

.youshilist h4{

    margin: 0px;

    color: #666664;

    font-weight: 600;

}

.youshilist h4 span{

	color:#D40000;

}

.conment4{

	background: #F6F6F6;

	padding-bottom: 2rem;

}

.bar{

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

	height: 155px;

	text-align: center;

	color: #fff;

}

.cnt5-text{

	margin-bottom: 15px;

}

.cnt5-text p{

	font-size: 16px;

	line-height: 2em;

}

.cnt5-text span{

	font-size:20px;

	font-weight: 600;

	color: #CA372D;

	max-width: 280px;

	display: inline-block;

	vertical-align: middle;

	margin-left: 15px;

}

.cnt5-text span font{

	color: #246AC0;

}

.cnt5-btn a{

	font-size: 16px;

	display: inline-block;

	margin-right: 1rem;

	font-weight: 600;

}

.mar15{

	margin: 15px 0;

}

.cnt5-pic img{

	margin-bottom: 2rem;

}

.scroll-list li{

	float: left;

	margin-right: 20px;

	width: 352px;

}

.scroll-list li a,.customer-list li>div{

	display: block;

	border: 1px solid #CCCCCC;

	padding: 3px;

}

.scroll-list li a img{

	width: 100%;

}

.scroll-list li p,.customer-list li p{

	text-align: center;

	color: #000;

	text-align: center;

	font-weight: 600;

	padding: 5px;

}

.scroll-list li:last-child{

	margin-right: 0;

}

.scroll-wrap,.customer-wrap{

	position: relative;

	width: 100%;

	padding: 0px 55px;

}

.scroll-box,.customer-box{

	overflow: hidden;

	position: relative;

	height: 300px;

	width: 100%;

}

.scroll-list,.customer-list{

	position: absolute;

	left: 0px;

	top: 0px;

}

.conment6{

	background: #F6F6F6;

}

.scroll-wrap span,.customer-wrap span{

	display: inline-block;

	width: 41px;

	height: 41px;

	position: absolute;

	top: 36%;

	cursor: pointer;

}

.scroll-left{

	background: url(../images/case_lico.png) center center no-repeat;

	left: 0px;

}

.scroll-right{

	background: url(../images/case_rico.png) center center no-repeat;

	right: 0;

}

.customer-list li{

    float: left;

	margin-right: 20px;

	text-align: center;

	width: 280px;

}

.customer-list li img{

	height: 136px;

	width: 100%;

}

.customer-box{

	height: 170px;

	margin-bottom: 1.5rem;

}

.footer-top {

    padding: 1rem 0;

    border-top: 5px solid #FE0000;

    background: url(../images/footer-bj.jpg) repeat;

    color: #fff;

}

.footer-top .btn{

	background: #0088D2;

	color: #fff;

	border:0;

	float: right;

}

.footer-title{

	min-width: 105px;

    display: inline-block;

    border-bottom: 2px solid #fff;

    margin-bottom: 26px;

    padding-bottom: 10px;

    font-size: 20px;

}

.f-contlist{

	padding-left: 35px;

	margin-bottom: 30px;

}

.footer-link{

	margin-top: 1rem;

}

.footer-link a {

    display: inline-block;

    height: 16px;

    line-height: 16px;

    padding: 0 12px;

    border-left: 2px solid #fff;

    color: #fff;

}

.footer-bottom{

	text-align: center;

	background: #000;

	color: #fff;

	padding: 15px 0;

}

.type-nav{

	float: right;

	height: 60px;

	line-height: 60px;

}

.web-nav{

	font-size: 0;

}

.type-nav a{

	display: inline-block;

	color: #1a1a1a;

	padding: 0px 0.8rem;

	border-left: 1px dotted #B4B2B2;

	font-size: 16px;
	background: #e2e7e9;

}

.type-nav a:hover{

	background: #F6F7F9;

}

.type-nav a.on{

    background: #2569BE;

    color: #fff;

}

.type-nav a:first-child{

	border-left: 0px;

}

.type-nav a img{

	margin-right: 10px;

}

.web-nav h3{

	color: #2569BE;

}

.main{

	background: #F6F7F9;

}

.type-title{

	padding: 10px 0;

}

.type-title a{

	color: #717171;

}

.product-type{

	background: #FFFFFF;

	padding: 0px 1rem;

	line-height: 60px;

	margin-bottom: 1rem;

}

.product-type a{

	color: #1a1a1a;

	display: inline-block;

	margin-right: 0.8rem;

}

.product-type a:hover,.product-type a.on{

	color: #2569BE;

	font-weight: 600;

}

.product-search{

	border-radius: 10px;

	float: right;

	border: 1px solid #BBBBC1;

	height: 36px;

	line-height: 36px;

	margin-top: 12px;

}

.product-search input[type=text]{

	border:0px;

	width: 190px;

	padding-left: 10px;

	background: none;

}

.product-search input[type=submit]{

   background: url(../images/search-btn2.png) center center no-repeat;

   width: 40px;

   height: 36px;

   border:0;

   float: right;

}

.product-list li{

  text-align: center;

  margin-bottom:1rem;

}

.product-list li .info{

	background: #fff;

	padding: 12px;

    color: #23252a;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

.product-list li .pic{

	overflow: hidden;

}

.product-list li .pic img{
	transition: All 0.4s ease-in-out;
    width: 100%;
    /*height: 260px;
    width: 260px;*/

}

.product-list li:hover .info{

	background: #2569BE;

	color: #fff;

}

.product-list li:hover .pic img{

	-webkit-transform: scale(1.1);	

	-moz-transform: scale(1.1) ;	

	-ms-transform: scale(1.1);	

	transform: scale(1.1) ;

}

.page{

	font-size: 0px;

	text-align: center;

	margin-bottom: 2rem;

}

.page a{

    font-size: 14px;

    color: #000;

    display: inline-block;

    height: 32px;

    padding: 0px 12px;

    line-height: 32px;

    border:1px solid #E2E2E2;

    margin:5px 3px;

}

.page a:hover,.page a.on{

	background: #2569BE;

	color: #fff;

	border:1px solid #2569BE;

}

.product-container,.recommend{

	background: #fff;

	padding: 1rem;

	margin-bottom: 1rem;

}

.product-title{

	font-size: 22px;

	border-bottom: 1px solid #ECECEC;

	margin-bottom: 0.5rem;

	padding-bottom: 0.5rem;

	margin-top: 0;

}

.product-info-box{

    margin-bottom: 0.8rem;

    line-height: 2em;

}

.share{

	margin-bottom: 1rem;

}

.btn{

	padding: 0;

}

.btn>a{

	display: inline-block;

	cursor: pointer;

	height: 32px;

	text-align: center;

	line-height: 32px;

	color: #fff;

	font-size:12px;

	padding-left: 33px;

	padding-right: 15px;

	margin-right: 15px;

}

.btn .request{background:#05649D url(../images/request.png) 12% center no-repeat;}

.btn .kefu{background: #E10A2C url(../images/kefu-qq.png) 12% center no-repeat;}

.box-pic img{

	width: 100%;

}

.smallPic li{

	float: left;

	width: 23.5%;

	margin-right: 2%;

	margin-top: 10px;

	cursor: pointer;

	max-height: 73px;

}

.smallPic li:hover img,.smallPic li.on img{

    border:2px solid #05649D;

}

.smallPic li:last-child{

	margin-right: 0;

}

#mark{width:100%;height:100%;position:fixed;z-index:10;background:rgba(0,0,0,0.7);left:0; top:0;display:none;}

.form-box{

	width:90%;

	position:absolute;

	left:50%;

	top: 50%;

	-webkit-transform:translateX(-50%)translateY(-50%);

    -moz-transform:translateX(-50%)translateY(-50%);

    -o-transform:translateX(-50%)translateY(-50%);

    -ms-transform:translateX(-50%)translateY(-50%);

    transform:translateX(-50%)translateY(-50%); 

	background:#fff;

	border-radius:15px;

	max-width: 600px;

	padding: 2rem;

}

.form-box .close{

	display:block;

	width:30px;

	height:30px;

	position:absolute;

	right:-9px;

	top:-9px;

	background:url(../images/close.png) no-repeat;

	cursor:pointer;

	z-index: 3;

	opacity: 1;

}

.form-box .submit{

    background: #0655A1;

    border:0;

    display: inline-block;

    padding: 8px 1.5rem;

    border-radius: 5px;

    color: #fff;

}

.form-box textarea{

	min-height: 100px;

}

.new-list li{

	border-bottom: 1px dashed #ccc;

    padding: 10px 0;

    position: relative;

}

.new-list li a{

	display: block;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	width: 80%;

	background: url(../images/index-new-dot.png) left center no-repeat;

	padding-left: 20px;

	color: #000;

}

.new-list li:hover a{

	color: #fff;

}

.new-list li:hover{

	background: #0085D1;

	color: #fff;

}

.new-list li span{

	position: absolute;

	right: 10px;

	top: 5px;

}

.new-list{

	margin-bottom: 1.5rem;

}

@media(max-width: 767px){
	.youshi,.conment1,.conment2{
		display: none;
	}
	.swiper-container{
       display: none;
     }

	.web-nav h3{

		display: none;

	}

	.product-type{

		line-height: 40px;

		padding-bottom: 1.5rem;

	}

	.type-nav{

		overflow:auto;

		overflow-y:hidden;

		display: flex;

		align-items:left;

		float: none;

		height: 40px;

		line-height: 40px;

	}

	.type-nav a{

		white-space: nowrap;

	}

    .id-title{

    	font-size: 18px;

    	font-weight: 600;

    }

    .conment2 h3.id-title:before,.conment2 h3.id-title:after{

    	display: none;

    }

    .map{

    	text-align: center;

    }

    .map h2{

    	font-size: 22px;

    }

    .product-search{

    	width: 100%;

    	float: none;
        display: none;
    	padding-bottom: 1rem;

    }

    .banner{
    	display: none;
    }

}

@media(min-width: 992px){

  

}

@media(max-width: 991px){

	.nav{

		display: none;

        position: absolute;

        left: 0px;

        top: 100%;

        width: 100%;

        z-index: 2;

	}

	.h-text>div,.h-tel{

		display: none;

	}

	.nav ul>li{

		float: none;
        text-align: left;
		padding: 0;
		display: block;

	}

	.nav ul>li>a{

		border-right: 0;

		padding: 15px 0;

		font-size: 14px;

		border-bottom: 1px solid #6C9AD3;

	}

	.nav ul>li.on, .nav ul>li:hover,.nav ul>li:last-child>a{

		border-bottom:0;

	}

	.menu{

		display: block;

	}

 }

@media (max-width: 767px) and (min-width: 480px){

	

}

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

	

}

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

	.nav ul>li>a{

		padding:0px 0.72rem;

	}

   

}

@media(min-width: 1200px){

	.footer-top form{

		padding-right: 1rem;

	}
 .swiper-slide>img{
    	height: 400px;
    }

     .swiper-slide>img{
    	height: 400px;
    }

}



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

	

}

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

    

}