@charset "UTF-8";


body,dd,dl,dt,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,pre,td,th,ul,div{margin:0;padding:0; outline: none;font-family: "微软雅黑","arial","serif"}

body{font-size: 13px;  overflow-x:hidden; color: #333;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-overflow-scrolling : touch ; }
a{text-decoration:none;transition: all .3s; z-index: 99999;color: #333}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}

h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input{outline: none;line-height: normal;border:none;background: none;}

img{border:0;max-width: 100%;}
ol,ul,dl,li,dt,dd{list-style:none;}



.index_top{width: 100%;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.index_top_left{margin-left: 10%;font-size: 30px;font-weight: bold;}
.index_top_right{background:#1f51f1;padding: 30px 30px}
.index_top_right span{color: #fff;font-size: 23px;background:url(../images/001.png) no-repeat left center;background-size: 28px;padding-left: 39px;font-weight: bold}



.index_1{background: url(../images/banner_bg.jpg) no-repeat center center;background-size: 100% ;padding: 180px 0}
.index_1_cen{font-size: 16px;color: #fff;width: 80%;margin: 0 auto;line-height: 27px;color: #333;margin-top: 25px}
.index_1_cen span{width: 60%;display: block}

.index_1_yw{font-size: 32px;color: #1f51f1;font-weight: bold;width: 80%;margin: 0 auto}
.index_2{background: #f7f7f7;padding: 80px 0}
.frewq{font-weight: bold;font-size: 32px;width: 80%;margin: 0 auto;}
.yw_youshi{width: 80%;overflow: hidden;padding-top: 80px;margin: 0 auto}
.yw_youshi ol{display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between}
.yw_youshi li{text-align: center;width: 31.5%;padding: 50px 0;background: #fff;border-radius: 10px;transition: all 0.3s;cursor: pointer}
.yw_youshi li:hover{padding: 20px 0 40px;}
.yw_youshi li dd{font-size: 15px;margin-top: 20px;line-height: 26px;color: #333;padding: 0 50px 20px 50px}
.yw_youshi li dd span{font-weight: bold;display: block;margin-bottom: 15px;font-size: 23px;}


.index_3{background: #f7f7f7;padding-bottom: 80px}
.yw_hezuo{width: 80%;overflow: hidden;padding-top: 80px;margin: 0 auto}
.yw_hezuo ol{display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between}
.yw_hezuo li{width: 31.5%;padding: 50px 0;background: #fff;border-radius: 10px;transition: all 0.3s;cursor: pointer;margin-bottom: 40px;box-shadow: 1px 3px 12px #f2f2f2}
.yw_hezuo li:hover dt {color: #1f51f1}
.yw_hezuo li dd{font-size: 15px;margin-top: 20px;line-height: 26px;color: #333;padding: 0 50px 20px 50px}
.yw_hezuo li dt{font-weight: bold;display: block;margin-bottom: 15px;font-size: 23px;padding-left: 50px;}
.yw_hezuo li span{width: 50px;height: 2px;background: #1f51f1;display: block;margin-bottom: 20px}



.yw_hezuo li.on{background: #1f51f1}
	.yw_hezuo li.on dt{color: #fff}
	.yw_hezuo li.on span{background: #fff}
	.yw_hezuo li.on dd{color: #fff}




.index_foot{text-align: center;background: #333;padding: 25px 5%;color: #fff;font-size: 15px;}
.index_foot a{color: #fff}

.index_top_right_tel{display: none}

::-webkit-scrollbar{
            width: 5px;
            height: 3px;
        }
        /*滚动条的轨道*/
        ::-webkit-scrollbar-track{
            background: #eee;
        }
        /*滚动条的滑块按钮*/
        ::-webkit-scrollbar-thumb{
            background: #1f51f1;
        }
        /*滚动条的上下两端的按钮*/
        ::-webkit-scrollbar-button{
            height: 0px;
            background-color: #1f51f1;
        }


@media screen and (max-width:1500px){
	.yw_youshi{width: 88%}
	.frewq{width: 88%}
	.yw_hezuo{width: 88%}
	.index_top_left{margin-left: 6%}
	.index_1{padding: 160px 0}
	.index_1_yw{width: 88%}
	.index_1_cen{width: 88%}
}
@media screen and (max-width:1400px){
.index_1{background: url(../images/banner_bg.jpg) no-repeat center center;background-size: auto 100%;padding: 150px 0}
	}

@media screen and (max-width:1200px){
	.yw_youshi{width: 90%}
	.frewq{width: 90%}
	.yw_hezuo{width: 90%}
	.index_top_left{margin-left: 5%}
	.index_1_yw{width: 90%}
	.index_1_cen{width: 90%}
}


@media screen and (max-width:750px){
	.yw_youshi{width: 94%}
	.frewq{width: 94%}
	.yw_hezuo{width: 94%}
	.index_1_yw{width: 90%}
	.index_1_cen{width: 90%}
	.index_1_cen span{width: 100%}
	.index_top_left{margin-left: 3%}
	.yw_youshi li{width: 100%}
	.yw_youshi li:hover{padding: 50px 0 ;}
	.index_2{padding: 40px 0 30px}
	.yw_youshi li{margin-bottom: 15px;padding: 20px 0 30px}
	.yw_hezuo li{margin-bottom: 10px;width: 100%}
	.yw_hezuo{padding-top: 40px}
	.index_3{padding-bottom: 40px}
	.index_top_left{font-size: 22px;}
	.index_top_right{display: none}
	.index_top_right_tel{display: block;background:#1f51f1; }
	.index_top_right_tel img{display: block;width: 25px;height: auto;}
	.index_top_right_tel a{display: block;padding: 16px 10px }
	.yw_youshi{padding-top: 40px;}
	.frewq{font-size: 28px}
	.index_1{padding: 90px 0}
	.index_1_cen{line-height: 25px}
	.index_1_yw{font-size: 27px}
	.yw_youshi li dd{padding: 0 30px 0px 30px;line-height: 23px}
	.yw_hezuo li dt{padding-left: 30px}
	.yw_hezuo li dd{padding: 0 30px}
	.yw_hezuo li{padding: 35px 0}
	.yw_hezuo li:nth-child(1){background: #1f51f1}
	.yw_hezuo li:nth-child(1) dt{color: #fff}
	.yw_hezuo li:nth-child(1) span{background: #fff}
	.yw_hezuo li:nth-child(1) dd{color: #fff}
	
	
	.yw_hezuo li:nth-child(3){background: #1f51f1}
	.yw_hezuo li:nth-child(3) dt{color: #fff}
	.yw_hezuo li:nth-child(3) span{background: #fff}
	.yw_hezuo li:nth-child(3) dd{color: #fff}
	
	
	.yw_hezuo li:nth-child(5){background: #1f51f1}
	.yw_hezuo li:nth-child(5) dt{color: #fff}
	.yw_hezuo li:nth-child(5) span{background: #fff}
	.yw_hezuo li:nth-child(5) dd{color: #fff}
}