@charset "utf-8";

/* CSS Document */

/* reset */

body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select,figure,figcaption{margin:0;padding:0;}

em,i{font-style:normal;}

li {list-style:none;}

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

a:hover{text-decoration:none;color:inherit;}

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

img {border:none;max-width:100%;max-height:100%;display:inline-block;}

table{border-collapse:collapse;}

input,textarea{outline:none;background:#fff;border:none;}

textarea{resize:none;overflow:auto;}

body{font-size:15px;font-family:"微软雅黑";overflow-x:hidden;color:#333;}

/* end reset */



/* public */

.bl{float:left;display:inline-block;}

.br{float:right;display:inline-block;}

.clearfix{*zoom: 1;}

.clearfix:before,.clearfix:after{content:'';display: block;height:0;clear: both;visibility:hidden;}

.pic_box{display:table-cell;vertical-align:middle;text-align:center;}

.pic_box img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}



.img_box{position: relative;}

.img_box img{ position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%);}



h1,h2,h3,h4,h5{font-weight:normal;}





.main{width:100%; max-width:1500px; margin:0 auto;}



/* @font-face

{

font-family: siyuan;

src: url('../fonts/NotoSansSC-Light.otf')

    ,url('../fonts/NotoSansSC-Light.eto'); 

 */

















.sidebar-wrapper {position:relative; height:100%; overflow: auto; font-size:20px;display:none;}

#dowebok {background-color:#000; }

#dowebok .nav {margin-top:50px; line-height:50px;list-style-type:none;padding:0 20px;}

#dowebok .nav a {display:block;color: #ddd;text-decoration:none;}

[data-simplersidebar='active']{box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}

#dowebok ul.nav li{border-bottom:1px dashed #333;}





.tit1{text-align:center;margin: 60px 0 60px;}

.tit1 h2{font-size: 30px;color: #666666;}

.tit1 i{width: 40px;height: 2px;background:#666666;display: block;margin:auto;margin-top: 6px;}



@media (max-width: 1300px){

    

    .tit1{margin: 60px 0 60px;}

    .tit1 h2{font-size: 26px;}

    .tit1 i{width: 36px;}





}

@media (max-width: 990px){

    

.tit1{margin: 25px 0 45px;}

    .tit1 h2{font-size: 22px;}

    .tit1 i{width: 32px;}



}



@media (max-width: 768px){

    



.tit1{margin: 25px 0 35px;}

    .tit1 h2{font-size: 18px;}

    .tit1 i{width: 28px;}



}



@media (max-width: 480px){

    



.tit1{margin: 15px 0 30px;}

    .tit1 h2{font-size: 16px;}

    .tit1 i{width: 26px;}

}





@media (max-width: 360px){



.tit1{margin: 15px 0 25px;}

    .tit1 h2{font-size: 14px;}

    .tit1 i{width: 24px;}

    

}

























/*.bannero*/

.bannero img{

    width:100%;

}



/*.banner*/

.banner{

    position:relative;

    display: block;

}

.banner .swiper-slide a{

    display: block;

}

.banner .swiper-slide .img{

    width:100%;

    height:100%;

	min-height:800px;

    display: block;

    background-repeat: no-repeat;

    background-position: center center; 

    background-size:cover;

}

.banner .pagination{

    position:absolute;

    left:0;

    bottom:20px; 

    margin:auto;

    padding:0;

    text-align:center;

    width: 100%;

    z-index:30;

}

.banner .swiper-pagination-bullet{

    display:inline-block;

    cursor:pointer;

    outline: none;

    opacity:1;

	background:#e5e5e5;

    width: 12px;

    height: 12px;

    border-radius: 30px;

}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{

    margin:0 6px 20px;

}

.banner .swiper-pagination-bullet-active{

    background:#fff;

	background:#757575;

}

















/*.header_box*/

.header{

    position:fixed;

	left:0;

	right:0;

    z-index:99;

	width:100%;

    background: url(../images/h.png) repeat;

}

.min_header{

	background:#fff;

	position:fixed; 

	left:0;

	right:0;

    z-index:99;

	width:100%;

    background: url(../images/h.png) repeat;

}

.bgw{width: 100%;background: #fff;height: 110px;}



.header h1{

    float:left;

    display:inline-block; 

    width: 230px;

    height: 110px;

    text-align:center;

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

	background-size:100% auto;

}

.header  h1 a{

    display: block;

	width:100%;

	height:100%;

}



.header .menu{

    float: right;

    width: 40px;

    height:110px;

    line-height: 110px;

    display: inline-block;

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

    background-size: 32px auto;

    margin-left: 10px;

    cursor: pointer;

}

.header .index_en{

	float:right;

    color: #666;

    font-size: 16px;

    width: 30px;

    height:80px;

    line-height: 80px;

    text-align: center;

    text-transform: uppercase;

    float: right;

    cursor: pointer;

}

.header .index_en a{

    display: block;

}

 

.header .search_btn{

       float: right;

       width: 30px;

       margin-right: 5px;

       height: 110px;

       line-height: 110px;

       display: inline-block;

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

       background-size: 15px 15px;

       cursor: pointer;

       position: relative;

}

/*.header .search_btn:after{

	content:"";

	position: absolute;

	right:-5px;

	top:calc(50% - 10px);

	z-index: 100;

	width:1px;

	height:20px;

	background:#444;

	display: block;

}*/

.header .search_form{

    position:absolute; 

    top:110px; 

    right:0; 

    z-index: 200; 

    margin:0 auto;

    width:100%;  

    padding:20px 0;

    background:#dbdbdb; 

    display:none;

    text-align: center;

}

.header .search_form form{

    max-width:729px;

    width:70%; 

    margin:0 0 0 auto;

    display: inline-block;

}

.header .search_form input.text{

    float:left;

    width:84%; 

    height: 48px;

    text-indent:10px; 

    border-right:1px solid #ddd;

    background:#fff; 

    font-size:14px; 

    color:#595959;

    /* font-family: siyuan; */

    display:inline-block; 

}

.header .search_form input.submit{

    float:left;

    width:15%; 

    height: 48px;

    color:#fff;

    font-size:14px;

    text-align:center;

    background: #aaa;

    display:inline-block; 

    /* font-family: siyuan; */

    cursor:pointer;

}



.header .search_form .close {

    max-width:152px;

    width:50px;

    height: 50px;

    line-height:50px;

    display: inline-block;

    cursor: pointer;

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

	background-size: 70%;

}



.header_nav{

    float:right;

    display: inline-block;

    position: relative;

}


.header_nav a:hover, .header_nav li.on{
	color:#e49927;
}


.header_nav>ul>li{

    float:left;

    color:#444;

    font-size:15px;

    font-family: "微软雅黑";

    height:110px;

    line-height: 110px;

	display: block;

}

.header_nav>ul>li a{

	display: block;

	padding:0 30px;

}















/*在小于1300px像素的屏幕*/

@media (max-width: 1520px){

    .header{padding:0 2%;width: 96%;}



.banner .swiper-slide .img{

	min-height:600px;

}





.header h1{

	/* max-width:35%; */

}



.header_nav>ul>li a{

	display: block;

	padding:0 20px;

}	





	

}



/*在小于990px像素的屏幕*/

@media (max-width: 990px){

.header .main{width: 100%;}

.header{

	width:96%;

	padding:0 2%;

}

.banner .swiper-slide .img{

	min-height:500px;

}

.header h1{

	/* max-width:25%; */

}

.header_nav{

	margin-right:0;

}

.header_nav>ul>li a{

	display: block;

	padding:0 10px;

}	



	

}













/*在小于767px*/

@media (max-width: 768px){



.banner .swiper-slide .img{

	min-height:400px;

}

#dowebok { width: 130px!important;}

.sidebar-wrapper {font-size: 13px;}

#dowebok .nav { line-height: 40px;}

   

}



@media (max-width: 767px){

	.header .search_form input.text{height: 36px;font-size: 12px;}

	.header .search_form input.submit{height: 36px;font-size: 12px;}

	.header .search_form .close {width: 36px;height: 36px;}

	

	.banner .swiper-pagination-bullet{ width: 8px;height: 8px;}

	

	.header h1 {width: 120px;height: 70px;}

   .header .menu {height: 70px;line-height: 70px;}

   .header .search_btn { background-size: 22px 22px;height: 70px;line-height: 70px;}

   .header .search_form {top: 70px;padding: 12px 0;}

       

	   .bgw { height: 70px;}

	

}



/*在小于480px*/

@media (max-width: 480px){

	

	

}





/*在小于360px像素的屏幕*/

@media (max-width: 360px){

	

	

}















/*footer*/



.footer{

    /*margin-top: 4%;*/

    width: 100%;

}



.footer .foot_box{    

    padding: 75px 0 130px;

    border-bottom:1px #eeeeee solid;

    background: url(../images/foot_logo.png) no-repeat top 75px left 0 ;

}

.footer .foot_box .foot_nav{

    margin-left: 25%;

    float: left;

}

.footer .foot_box .foot_nav ul:last-child{margin-right: 0;}

.footer .foot_box .foot_nav .nav{

    float:left;

    margin-right: 60px;

}



.footer .foot_box .foot_nav .nav li{

    color: #888888;

    font-size:15px;

    line-height:26px;

    text-align: left;

}

.footer .foot_box .foot_nav .nav li:nth-child(1){margin-bottom:8px;color:#444444;}

/*.footer .foot_box .foot_nav .nav li:hover{

    color:#919292;

}*/

.footer .foot_box .foot_nav .nav li a{

    display: block;

}





.footer .foot_box .foot_text .er_box:hover .pic{

    display: block;

}

.footer .foot_box .foot_text{

    float:right;

	width: 28%;

}

.footer .foot_box .foot_text .nav{

    text-align:left;

    display: block;

    margin:0px 0 0 auto;

    color:#888888;

    font-size:15px;

    line-height:26px;

}

.footer .foot_box .foot_text .nav li:nth-child(1){margin-bottom: 8px;color:#444444;}



.footer .foot_box2{

    padding:20px 0;

}

.footer .foot_box2 .text{

    color: #888888;

    font-size:15px;

    line-height: 26px;

    display: inline-block;

}

.footer .img_box{
	width: 150px;
	height: 150px;
}


.footer i{display: block;width: 100%;height: 1px;background:#fff;}





@media(max-width:1520px){

    .footer{

    padding: 0 2%;

    width: 96%;}

	

	.footer .foot_box .foot_nav {

	    margin-left: 20%;}
		
	.footer .img_box{
		width: 150px;
		height: 150px;
	}


}

@media(max-width:1300px){

    .footer .foot_box .foot_nav {

        margin-left: 20%;

    }

    .footer .foot_box .foot_nav .nav {

    margin-right: 20px;}



}

@media(max-width:1200px){





.footer .foot_box .foot_text .er_box{

    margin-left:10px;

}





}





@media (max-width:991px){

.footer {



    background-size: 16%;

}



.footer .foot_box{

    padding: 5% 0 ;

}

.footer .foot_box .foot_nav{

    float: right;

    width: 62%;

    margin-bottom:2%;

}

.footer .foot_box .foot_text{

       float: right;

    width: 62%;

    text-align:left;

}

.footer .foot_box .foot_text .text{

    width:100%;

    margin:30px 0 0 0;

}



.footer .img_box{
	width: 150px;
	height: 150px;
}


}



/*在992和1299像素之间的屏幕里，中等屏幕，分辨率低的PC*/

@media (max-width:767px){



.footer .foot_box {

    background: none;

    text-align: left;

}



.footer .foot_box .foot_nav {

    float: none;

    margin-bottom: 22px;

    margin-left: 0;

    display: inline-block;

    width: unset;}

/* .footer .foot_box .foot_nav .nav {

    margin: 0 10px;

} */

.footer .foot_box .foot_text {

    float: none;

    width: 100%;

}



.footer .foot_box .foot_text .text{

    margin-top:10px;

}

.footer .foot_box .foot_text .nav{font-size: 12px;

    display: inline-block;

    text-align: left;line-height: 22px;}

.footer .foot_box .foot_nav .nav li{font-size: 12px; line-height: 22px;}

.footer .foot_box .foot_nav .nav li:nth-child(1){margin-bottom: 4px;}

.footer .foot_box .foot_text .nav li:nth-child(1){margin-bottom: 0;}



	.footer .img_box{
		width: 100px;
		height: 100px;
	}


}



/*在992和1299像素之间的屏幕里，中等屏幕，分辨率低的PC*/

@media (max-width:479px){



.footer .foot_box .foot_text .nav {

    display: inline-block;

    text-align: left;}

/* .footer .foot_box .foot_nav {

    display: none;

} */

.footer .foot_box .foot_text {

    width: 100%;}

.footer .foot_box .foot_text .text {margin-top: 0px;}



}



@media (max-width:360px){

.footer .foot_box .foot_text .nav li:nth-child(1) {

    margin-bottom: 10px;}

}

/******************************************************************************************************************************************/

/*index*/

.icase{text-align:center;margin: 4% 0;}

.icase .title_box{margin-bottom:5%;padding: 0 2%;}

.icase h2{font-size: 40px;margin-bottom:2.5%;font-family:思源黑体 CN Regular;color: #444444;}

.icase p{font-size: 15px;margin-bottom: 1%;color: #666666;}

.icase ul li{float: left;

    width: 32.63%;

    margin-right: 1%;

position: relative;}

    .icase ul li:nth-child(3){margin-right: 0;}

.icase ul .img_box{height:655px;}

.icase ul .text_box{    

    position: absolute;

    top: calc(50% - 50px);

    left: calc(45% - 100px);

    width: 257px;

    color: #fff;

    text-align: center;}

.icase ul .text_box p{color: #FFFFFF;font-size: 36px;}

.icase ul .text_box span{font-size: 20px;}

.icase ul .text_box i{

         width: 60%;

         height: 3px;

    background: #e49624;

    display: block;

    margin: 16px auto 0;}

   

.ipro{text-align:center;margin: 4% 0 80px;}

.ipro .main{position: relative;}

.ipro .title_box{margin-bottom:6%;padding: 0 2%;}

.ipro h2{font-size: 40px;margin-bottom:2.5%;font-family:思源黑体 CN Regular;color: #444444;}

.ipro p{font-size: 15px;margin-bottom: 1%;color: #666666;}



.ipro .banner2 .swiper-pagination{position: absolute;

    left: 25%;

    width: 50%;

    margin-top: 20px;}

.ipro .banner2 .swiper-pagination-bullet{    

    width: 12px;

    height: 12px;

    border-radius: 20px;

    margin: 2%;

    background: #fff;

    border: 1px solid #e49624;

    opacity: 1;

	outline: none;}

.ipro .banner2 .swiper-pagination-bullet-active{border:none;background:#e49624;width: 14px;height: 14px;}

.ipro .banner2 .swiper-button-prev{

    width: 10%;

    height: 18%;

    top: 48%;

background-image: url(../images/left.png);}

.ipro .banner2 .swiper-button-next{

    width: 10%;

    height: 18%;

    top: 48%;

background-image: url(../images/right.png);}



.iread{margin: 6% 0 0;}

/* .iread .list_box{padding-bottom: 4%;

    border-bottom: 1px solid #eeeeee;}

.iread h1{font-size: 40px;margin-bottom:2.5%;}

.iread ul li{float: left;

    width: 32.63%;

    margin-right: 1%;

position: relative;}

    .iread ul li:nth-child(3){margin-right: 0;}

.iread ul .img_box{height:285px;}

.iread ul .img_box:hover .text_box{

    display: block;

    animation-name: fadeInDown;

    animation-duration: .8s;

    -webkit-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -o-animation-timing-function: linear;

    animation-timing-function: linear;

}

.iread ul .img_box:hover img{

    filter: brightness(70%);

    -webkit-filter: brightness(70%);

    -moz-filter: brightness(70%);

    -o-filter: brightness(70%);

    -ms-filter: brightness(70%);

}

.iread ul .text_box{    

    position: absolute;

    top: calc(50% - 20px);

    left: calc(50% - 100px);

    width: 200px;

    color: #fff;

    text-align: center;

    display: none;}

.iread ul .text_box p{font-size: 15px;}

.iread ul .text_box i{

     width: 50%;

    height: 1px;

    background: #fff;

    display: block;

    margin: 16px auto 0;}



.iread ul .text{padding:0 2%;}

.iread ul dl{margin:7.238% 0 8.515%;color: #888888;}

.iread ul dl dd{float: left;font-size: 16px;font-weight: bold;}

.iread ul dl dt{float: right;font-size: 16px;}

.iread ul .text h4{font-size: 18px;color: #444444;

    margin-bottom:4.258%;}

.iread ul .text p{font-size: 15px;color: #888888} */



/****/

.iread .list{

    margin: auto;position: relative;width: 480px;}



.iread .list:nth-child(3){margin-right: 0;}

.iread .list .img_box{height:285px;}

.iread .list .img_box:hover .text_box{

    display: block;

    animation-name: fadeInDown;

    animation-duration: .8s;

    -webkit-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -o-animation-timing-function: linear;

    animation-timing-function: linear;

}

.iread .list .img_box:hover img{

    filter: brightness(70%);

    -webkit-filter: brightness(70%);

    -moz-filter: brightness(70%);

    -o-filter: brightness(70%);

    -ms-filter: brightness(70%);

}

.iread .list .text_box{    

    position: absolute;

    top: calc(50% - 20px);

    left: calc(50% - 100px);

    width: 200px;

    color: #fff;

    text-align: center;

    display: none;}

.iread .list .text_box p{font-size: 15px;}

.iread .list .text_box i{

     width: 50%;

    height: 1px;

    background: #fff;

    display: block;

    margin: 16px auto 0;}

.iread .list .text{padding:0 2% 7.5%;}

.iread .list dl{margin:7.38% 0;color: #888888;}

.iread .list dl dd{float: left;font-size: 16px;font-weight: bold;}

.iread .list dl dt{float: right;font-size: 16px;}

.iread .list .text h4{font-size: 18px;color: #444444;

    margin-bottom: 4.341%;}

.iread .list .text p{font-size: 14px;color: #888888}





@media (max-width: 1520px){

    .iread{padding: 0 2%;}

    .iread .list {width: 410px;}

    .iread .list .img_box {height: 245px;}

	

}



@media (max-width: 1300px){

    .iread .list {width: 310px;}

    .iread .list .img_box {height: 190px;}



}



@media (max-width: 990px){

    

    .iread .list {width:100%;margin-bottom: 5%;    

	display: flex;

    flex-direction: row;

    justify-content: center;}

    .iread .list .img_box {height: 190px;

    float: left;

    width: 43%}

	.iread .list .text {float: right;

    padding: 0;

    margin-left: 2%;

	width: 55%;

	 display: flex;

	 flex-direction: column;

	 justify-content: flex-start;}

		

	.iread .list dl {margin:0 0 5% 0;}

}



@media (max-width: 767px){

    .iread .list .img_box { height: 125px; }

}



@media (max-width: 480px){

	.iread .list{

	align-items: center;

	flex-direction: column;

    margin-bottom: 10%;

	width: 100%;}

	.iread .list .img_box {

	    height: 100%;

	    width: 100%;

	    float: none;

    text-align: center;

    margin-bottom: 3%;

	}

	.iread .list .img_box img{position: static;left: unset;top: unset;transform: none;}

	.iread .list .text {

	    width:98%;

	    float: none;

		margin-left:0%;

	}

    

}



@media (max-width: 360px){

   

    

}







@media (max-width: 1520px){

	

	.icase{padding: 0 2%;}

    .icase ul .img_box {height: 570px;}

    

    .banner,.ipro{padding:0 2%;}



}

@media (max-width: 1300px){

    .icase ul .img_box {height: 430px;}

    



}

@media (max-width: 990px){

    .icase ul .img_box { height:336px;}

    



}



@media (max-width: 767px){

	.icase {margin: 40px 0;}

	/* .icase h1 { margin-bottom: 20px;} */

	.icase .title_box {margin-bottom: 35px;}

    .icase ul .img_box { height:210px;}

    /* .icase ul h1{font-size:20px!important;} */

    .icase ul h3{font-size:14px!important;}

	.icase ul .text_box i {height: 2px;width: 40%;}

	.icase ul .text_box p{font-size: 20px!important;}

    



	/* .ipro h1 { margin-bottom: 20px;} */

	.ipro .title_box {margin-bottom: 35px;}	

	

	.ipro .banner2 .swiper-pagination-bullet{

	    width: 8px;

	    height: 8px;}

	.ipro .banner2 .swiper-pagination-bullet-active{width: 10px;height: 10px;}



}



@media (max-width: 480px){

	.icase ul .text_box p{font-size: 26px!important;}

    .icase ul li {

    width: 100%;

    position: relative;

    margin-bottom: 10px;

    margin-right: 0;

    }

	.icase ul h1{font-size:28px!important;}

	.icase ul h3{font-size:15px!important;}

	

    .icase ul .img_box { height:475px;}

    

	.ipro .banner2 .swiper-pagination-bullet{

	    width: 6px;

	    height: 6px;}

	.ipro .banner2 .swiper-pagination-bullet-active{width: 8px;height: 8px;}

    

}



@media (max-width: 360px){

    .icase ul .img_box { height:415px;}

    

    

}





/*case*****************************************************************************************************/

.cs{background:#f5f5f5;

    padding: 40px 0 0;}

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

.cs .list{    width:720px;

    margin: 0 auto 30px;display: inline-block;}

.cs .list .img_box{height: 485px; }

.cs .list .text{        

    color: #fff;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

        text-indent: 24px;

        padding: 16px 0;

    background: #000;

    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));

    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%);; /*FireFox*/

    background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%);  /* Opear */

    background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); /*IE10及IE10+*/}

.cs .list .text p {

        font-size: 16px;

        text-align: left;

        padding: 8px 0;

}





.cs_nav{    padding:30px 0 ;

    position: relative;}

.cs_nav p{

    float: left;font-size: 16px;color: #444444;}

.cs_nav ul{     

    width: 100%;

        float: left;

        margin-left: 1%;

        line-height: 20px;

        font-size: 16px;}

.cs_nav ul span{float: left;}

.cs_nav ul i{float: left;color:#dcdcdc ;}

.cs_nav ul li{     

    float: left;

        padding: 0 1.734%;

        cursor: pointer;

        color: #444444;}

.cs_nav ul li:hover, .cs_nav ul li.on{
	color: #e49927;
}









@media (max-width: 1520px){

    .cs{padding:40px 2% 15px;}

    .cs .list {

    width: 600px;}

    .cs .list .img_box {

    height: 405px;}

    .cs_nav {

    padding: 30px 2%;}



}



@media (max-width: 1300px){

    .cs .list {

    width: 468px;}

    .cs .list .img_box {

    height: 315px;}

	

	.cs_nav ul{font-size: 14px;}

}



@media (max-width: 990px){

    .cs .list {

    width: 356px;}

    .cs .list .img_box {

    height: 240px;}

}



@media (max-width: 767px){

	.cs {padding: 20px 2% 15px;}

    .cs .list {

    width: 100%;

	text-align: center;}

    .cs .list .img_box {

    height: 100%;}

    .cs .list .img_box img{    

	position: static;

    left: unset;

    top: unset;

    transform: none;}

	

	.cs_nav {padding: 10px 0 40px;}

	.cs_nav ul{font-size: 12px;}

}



@media (max-width: 480px){

    .cs .list .text p { padding: 4px 0;}



}



@media (max-width: 360px){

   

}







/*pro*******************************************************************************************/

.pro{background:#f5f5f5;

    padding: 40px 0 0;}



.pro_nav{    padding:30px 0 ;

    position: relative;}

.pro_nav p{

    float: left;font-size: 16px;color: #444444;

    line-height: 22px;}

.pro_nav ul{     

      width: 100%;

          float: left;

          margin-left: 1%;

          line-height: 45px;

          font-size: 16px;}		  
		  
.pro_nav ul li{     

	float: left;

       padding: 0 1.734%;

       cursor: pointer;

       color: #444444;}   

.pro_nav li:hover, .pro_nav li.on{
	color: #e49927;
}	   
	   
.pro_nav ul span{float: left;}

.pro_nav ul i{ 

	float: left;

    color: #dcdcdc;}





/*.pr_pro{margin:40px auto 0px;}*/

.pr_pro .tit1{margin-bottom:40px;

    text-align: center;}

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

.pr_pro .list{    width:483px;

    margin: 0 auto 8%;display: inline-block;}

.pr_pro .list .img_box{height: 347px; }

.pr_pro .list .text{    color: #444444;padding:6% 0;}

.pr_pro .list .text p {

    font-size: 15px;

    text-align: center;

	    overflow: hidden;

	    text-overflow: ellipsis;

	    display: -webkit-box;

	    -webkit-box-orient: vertical;

	    -webkit-line-clamp: 1;

}







@media (max-width: 1520px){

    .pro{padding:40px 2% 15px;

    overflow: hidden;}

    .pr_pro .list {width: 400px;}

    .pr_pro .list .img_box {height: 290px;}

    .pro_nav ul { margin-left: 4%;}



}



@media (max-width: 1300px){

    .pr_pro .list {width: 300px;}

    .pr_pro .list .img_box {height: 220px;}

	

	.pro_nav ul {

	   font-size: 14px;

	}

}



@media (max-width: 990px){

    

    .pr_pro .list {width: 350px;}

    .pr_pro .list .img_box {height: 252px;}

}



@media (max-width: 767px){

	.pro {padding: 20px 2% 15px;}

    .pr_pro .list {
		width: 230px;
		margin-bottom: 15px;
	}
    .pr_pro .list .img_box {
		height: 230px;
	}

	.pr_pro .list .text p{font-size: 15px;}

	.pr_pro .list .text {padding: 15px 0;}

	.pro_nav{    width: 500px;margin: auto;padding: 10px 0 40px;}

	.pro_nav ul {

	    font-size: 12px;margin-left: 0;

	}

}



@media (max-width: 530px){

    /* .pr_pro .list {width: 100%;}

    .pr_pro .list .img_box {height: 100%;}

    .pr_pro .list .img_box img{    

		position: static;

    left: unset;

    top: unset;

    transform: none;} */

	.pro_nav{    width: 100%;}

	

}

@media (max-width: 480px){

    .pr_pro .list {
    	width: 160px;
    }
    .pr_pro .list .img_box {
    	height: 160px;
    }

}



@media (max-width: 360px){
	.pr_pro .col-xs-6{
		width:100%;
	}
    .pr_pro .list {width: 100%;}
    .pr_pro .list .img_box {height: 100%;}
    .pr_pro .list .img_box img{    
		position: static;
		left: unset;
		top: unset;
		transform: none;
		max-height:300px;
	}
}



/*prv*********************************************************************************************************************/



.prv .main,.prv_center .main,.prv_bottom .main{max-width: 1200px;}





.prv{text-align:center;background:#f5f5f5;}

.prv .list_box{padding: 9% 0 7.5%;}

.prv .title_box{margin-bottom:5.417%;}
.prv .list_box img{
	max-height:600px;
}
.prv h2{font-size: 30px;margin-bottom:2.5%;}

.prv p{font-size: 15px;margin-bottom: 1%;}

.prv ul li{float: left;

    width: 32.63%;

    margin-right: 1%;

position: relative;}

    

.prv_center{width: 100%;background:#e5e5e5;}

.prv_center .p_box{   

    display: inline-block;

    padding:2% 4.5%;

    background: #656565;

    color: #fff;}

.prv_center .p_box h3{ font-size: 20px;}



.prv_bottom{    background: #f5f5f5;

    padding: 3.308% 0 6.518%;}







@media (max-width: 1520px){



}



@media (max-width: 1300px){



}





@media (max-width: 1220px){

    .prv,.prv_center{padding:0 2%;

    overflow: hidden;

    width: 96%;}

    .prv_bottom{padding:3.308% 2% 6.518%}

}



@media (max-width: 990px){

    

}



@media (max-width: 768px){
	.prv .list_box img{
		max-height:450px;
	}


}



@media (max-width: 480px){

    

}



@media (max-width: 360px){

    

}



/*news*********************************************************************************************************************/

.news{background:#f5f5f5;

    padding: 40px 0 0;

    overflow: hidden;}



.news_nav{    padding:30px 0 ;

    position: relative;}

.news_nav p{

    float: left;font-size: 16px;color: #444444;}

.news_nav ul{     

        width: 100%;

    float: left;

    margin-left: 1%;

    line-height: 20px;

	font-size: 16px;}

.news_nav ul li{     

    float: left;

    padding: 0 1.734%;

    cursor: pointer;

    color: #444444;}

.news_nav ul span{float: left;}

.news_nav ul i{float: left;

	color: #dcdcdc;}

.news_nav ul a:last-child li{background:none;}

.news_nav ul li:hover, .news_nav ul li.on{
	color: #e49927;
}





.news .list{

    margin: auto;position: relative;width: 480px;

     border-bottom: 2px solid #e5e5e5;

     margin-bottom:68px; }

/*.news .list:hover{

    border-bottom: 2px solid #787878;

    animation-name: fadeIn;

    animation-duration: 1.8s;

    -webkit-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -o-animation-timing-function: linear;

    animation-timing-function: linear;}*/

.news .list s{    width: 100%;height: 2px; margin-bottom: -2px;background:#787878;display: none;

    animation-name: fadeIn;

    animation-duration: .5s;

    -webkit-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -o-animation-timing-function: linear;

    animation-timing-function: linear;

}

.news .list:hover s{display: block;}

.news .list:nth-child(3){margin-right: 0;}

.news .list .img_box{height:285px;}

.news .list .img_box:hover .text_box{

    display: block;

    animation-name: fadeInDown;

    animation-duration: .8s;

    -webkit-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -o-animation-timing-function: linear;

    animation-timing-function: linear;

}

.news .list .img_box:hover img{

    filter: brightness(70%);

    -webkit-filter: brightness(70%);

    -moz-filter: brightness(70%);

    -o-filter: brightness(70%);

    -ms-filter: brightness(70%);

}

.news .list .text_box{    

    position: absolute;

    top: calc(50% - 20px);

    left: calc(50% - 100px);

    width: 200px;

    color: #fff;

    text-align: center;

    display: none;}

.news .list .text_box p{font-size: 15px;}

.news .list .text_box i{

     width: 50%;

    height: 1px;

    background: #fff;

    display: block;

    margin: 16px auto 0;}

.news .list .text{padding:0 2% 7.5%;}

.news .list dl{margin:7.38% 0;color: #888888;}

.news .list dl dd{float: left;font-size: 16px;font-weight: bold;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    width: 70%;}

.news .list dl dt{float: right;font-size: 16px;}

.news .list .text h4{font-size: 18px;color: #444444;

    margin-bottom: 4.341%;

	    overflow: hidden;

	    text-overflow: ellipsis;

	    display: -webkit-box;

	    -webkit-box-orient: vertical;

	    -webkit-line-clamp: 1;}

.news .list .text p{font-size: 15px;color: #888888;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    height: 60px;}







@media (max-width: 1520px){

    .news .list {width: 410px;}

    .news .list .img_box {height: 245px;}

    .news_nav ul { margin-left: 4%;}



}



@media (max-width: 1300px){

    .news .list {width: 320px;}

    .news .list .img_box {height: 190px;}

	

	.news_nav ul {font-size: 14px;}

}



@media (max-width: 990px){

    

    .news .list {width: 370px;}

    .news .list .img_box {height: 220px;}

	

	.news .list .text {padding: 0 5px 26px;}

}



@media (max-width: 767px){

	.news {padding: 20px 2% 0;}

    .news .list {width: 483px;margin-bottom: 38px;}

    .news .list .img_box {height: 285px;}

	

    /* .news_nav ul li {font-size: 12px;} */

	.news_nav {width: 483px;margin: auto; padding: 10px 0 40px;}

	.news .list .text p{height: 50px;}

	.news_nav ul {font-size: 12px;margin-left: 0;}

	

	.news .list dl {margin: 20px 0;}

	

}

@media (max-width: 500px){

    .news .list {width:100%;}

    .news .list .img_box {height: 100%;}

    .news .list .img_box img{    

		position: static;

		left: unset;

		top: unset;

		transform: none;}

	.news_nav {width:100%;}

	

}

@media (max-width: 480px){

    .news_nav ul li {padding: 0 8px;}

	

	.news .list dl dd,.news .list dl dt{}

    

}



@media (max-width: 360px){

    

}





/*newsv*********************************************************************************************************************/



.newsv{padding:3.132% 0;background:#f5f5f5;}

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

.newsv h2{font-size: 26px}

.newsv span{font-size: 14px;margin-bottom: 20px;display: block;}

.newsv .nv_center p{font-size: 16px;text-align:left;

    text-indent: 2em;}

.newsv i{

    display: block;

    width: 100%;

    height: 1px;

    background: #ddd;

    margin: 3.871% 0 2.323%;}

.newsv .newsv-prev,.newsv .newsv-next{font-size: 16px;color: #333;

    margin: 1.3% 0;}

.news_v a{cursor: pointer;}





@media (max-width: 1520px){

    .newsv{padding:30px 2%;}

   

}





/*contact*********************************************************************************************************************/



.co{padding:0 0 5.5%;background:#f5f5f5;}

.co_title{padding:6% 0 4.334%;}

.co_title .text{float: left;}

.co_title .text:first-child{font-family: "思源黑体 CN ExtraLight";margin-right:38%;}

.co_title .text:nth-child(2),.co_title .text:nth-child(3){margin-top:2%;}

.co_title .text:nth-child(3){margin-right: 0;float: right;margin-right:6%;}

.co_title big{font-size: 65px;}

.co_title h2{font-size: 30px;}

.co_title p{font-size: 15px;margin:9px 0;}



.message{
	background-color: #f8f8f8;
	
	
	margin-top: 80px;
}
.message .main{
	padding: 70px 50px 40px;
	box-sizing: border-box;
	background-color: #FFFFFF;
}
.message .ml,
.message .mr{
	width: 50%;
	box-sizing: border-box;
	float: left;
	display: inline-block;
}
.message .ml h3{
	font-family: '思源黑体 CN';
	font-size: 36px;
	line-height: 40px;
	margin-bottom: 80px;
}
.message .ml p{
	font-size: 16px;
	line-height: 40px;
	color: #999999;
}

.message .mr input.number{
	width: 200px;
}
.message .mr input{
	width: 100%;
	height: 40px;
	padding-left: 15px;
	margin-bottom: 15px;
	vertical-align: top;
	box-sizing: border-box;
	background-color: #f4f6f8;
}

.message .mr .img_box{
	width: 200px;
	height: 40px;
	display: inline-block;
	margin-left: 30px;
}

.message .mr textarea{	
	width: 100%;
    resize: none;
	line-height: 40px;
	padding-left: 15px;
	margin-bottom: 25px;
	box-sizing: border-box;
	background-color: #f4f6f8;
}
.message .mr button{	
	background-color:#414141;
	float: right;
	border: 0;
	outline: none;
	color: #FFFFFF;
	width: 150px;
	height: 40px;
}






@media (max-width: 1520px){

    .co{padding:0 2% 5.5%;}

    .co_title .text:first-child{margin-right: 16%;}

    .co_title big{font-size: 55px;}
	
	
	.message .mr .img_box {
	    width: 128px;
	}
}



@media (max-width: 1200px){
	.message .mr input.number {
		width: 33%;
	}
	.message .mr button {
		width: 33%;
	}
	.message .mr .img_box{
		margin-left: 0;
	}
}



@media (max-width: 990px){

    .co_title big{font-size: 40px;}

    .co_title .text:first-child{margin-right: 8%;}

    .co_title .text:nth-child(2){margin-right: 3%;}

    .co_title .text:nth-child(3){margin-right:0;}


	.message .ml,
	.message .mr{
		width: 100%;
		box-sizing: border-box;
		float: left;
		display: inline-block;
	}
    
    .message .mr .img_box{
    	margin-left: 20px;
    }
	.message .mr input.number{
		width: 200px;
		float: left;
	}
	
	.message .mr button{
		width: 150px;
	}
}



@media (max-width: 769px){

    /*.co_title big{font-size: 30px;}*/

    .co{    text-align: center;}

    .co_title {

     display: inline-block;

    width: 100%;}

    .co_title .text{float: none!important;margin:0!important;}

    .co_title big {font-size: 35px;}



	.message .mr input.number {
		width: 50%;
	}
	
	.message .mr .img_box{
		margin-left: 0;
		width: 50%;
	}
	.message .mr button{
		margin-top: 20px;
		width: 150px;
		display: block;
	}
}



@media (max-width: 480px){

    .co_title big {font-size: 30px;}

	.message .mr .img_box{
		float: right;
	}
}



@media (max-width: 360px){

    .co_title big {font-size: 25px;}

}







/*about*********************************************************************************************************************/



.about-honor h2 { margin-top : 72px ; font-size : 36px ; text-align : center }
.about-honor strong { display : block ; margin-top : 4px ; font-size : 16px ; text-align : center }
.about-honor .swiper-container { width : 100% ; height : 340px ; margin-top : 48px ; padding-bottom : 140px ; position : relative}
.about-honor .swiper-slide { width : 253px ; opacity : 0.5 ; transform: scale(0.66) ; transition : .5s ; position : relative ; cursor : pointer }
.about-honor .swiper-slide-active { opacity : 1 ; transform: scale(1) }
.about-honor .swiper-slide-prev, .about-honor .swiper-slide-next { transform: scale(0.81) ; opacity : 0.8 }
.about-honor .swiper-slide a { display : block }
.about-honor .img-box { width : 253px ; height : 340px }
.about-honor .swiper-pagination-honor { position : absolute ; left : 50% !important ; bottom : 70px !important ; transform : translateX(-50%) }
.about-honor .swiper-pagination-honor span { width : 10px ; height : 10px ; background-color : #A2A2A2 ; opacity : 1 ; box-sizing : border-box ; margin-left : 9px !important ; margin-right : 0px !important }
.about-honor .swiper-pagination-honor span:first-of-type { margin-left : 0px !important }
.about-honor .swiper-pagination-bullet-active { background-color : transparent !important ; border : solid 1px #A0A0A0 !important }
/* ****************************************************************************************************** */






.ab{display:width:100%;height: 100%;position: relative;}

.ab .swiper-container {

      width: 100%;

      height: 100%;

    }

.ab .swiper-slide {

display: flex;

-webkit-box-pack: center;

-ms-flex-pack: center;

-webkit-justify-content: center;

/*justify-content: center;*/

-webkit-box-align: center;

-ms-flex-align: center;

-webkit-align-items: center;

align-items: center;

}

.ab .swiper-slide:first-child{

     background-image: url(../images/ab_img1.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    max-width: 1500px;

    margin:auto;

}

.ab .swiper-pagination-bullet {

    width: 12px;

    height: 12px;

    border-radius: 12px;

    background:#b7b7b7;

    opacity: 1;}

.ab .swiper-pagination-bullet-active {

    background: #414141;

}



.ab>.swiper-container>.swiper-wrapper>.swiper-slide:nth-child(3){

     background-image: url(../images/ab_img2.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    max-width: 1500px;

    margin:auto;

}



.ab .text_box{text-align:center;color: #fff;

    width: 800px;padding-top: 200px;}


.ab .text_box.text_box1200{max-width: 1200px;color: #333333;width: 95%;}

.ab .text_box840{width: 840px;}

.ab .text_box i{font-size: 30px;text-transform:uppercase;}

.ab .text_box h2{font-size: 40px;margin:2.516% 0 6.29%;}

.ab .text_box p{font-size: 15px;margin-bottom:3%;

    line-height: 24px;}

.ab .text_box p:nth-child(2){margin-bottom:0;}





.ab .list_box{display: flex;flex-direction: row;align-items: center;justify-content: center;}



.ab .sec_box{text-align:center;max-width: 1500px;}

.ab .sec_box i{font-size: 30px;text-transform:uppercase;color: #c9c9c9;}

.ab .sec_box h2{font-size: 40px;margin:1.2% 0 4%;color: #444444;}

.ab .sec_box p{    font-size: 15px;

    margin: 4% auto 0;

    color: #666666;

    width: 680px;

	}

.ab .sec_box p.p_bottom{line-height: 30px;}

.ab .sec_box p:nth-child(2){margin-bottom:0;}





.ab .sec_box .list{    

    border: 1px solid #e5e5e5;

    padding: 2% 1% 2%;

    margin: 0 0.5%;

    width: 95%;

    margin-bottom: 1%;display: flex;flex-direction: column;align-items: left;justify-content: center;}

.ab .sec_box .list big{color:#dfdfdf;font-size: 76px;font-family: Iskoola Pota Regular;}

.ab .sec_box .list big t{color: #e59b2e;}

.ab .sec_box .list h4{font-size: 18px;font-family: Iskoola Pota Regular;text-align: left;

    text-transform:uppercase;

    margin-top: 2%;

    padding-left: 5%;}

.ab .sec_box .list p{font-size: 15px;width: 100%;

    margin: 11% auto 8%;

	    overflow: hidden;

	    text-overflow: ellipsis;

	    display: -webkit-box;

	    -webkit-box-orient: vertical;

	    -webkit-line-clamp: 1;}

.ab .sec_box .list span{font-size: 13px;font-family: Arial Regular;color: #b5b5b5;text-transform:uppercase;

    width: 95%;

    display: block;

    margin: 10px auto 0;

	    overflow: hidden;

	    text-overflow: ellipsis;

	    display: -webkit-box;

	    -webkit-box-orient: vertical;

	    -webkit-line-clamp: 4;}



.sec_slide .swiper-slide:nth-child(3),.sec_slide .swiper-slide:first-child{background: none;}



/* .sec_slide .swiper-slide {

    display: block;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

} */



.ab .flex_center{

    width: 100%;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    /*justify-content: center;*/

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}



























@media (max-width: 1520px){

    .ab .swiper-slide:first-child{

    max-width: 97.5%;

    margin:0 0;

    }

    .ab .swiper-slide:nth-child(3){

    max-width: 97.5%;

    margin:0 0;

    }



    .ab .sec_box .list{height: 210px;align-items: center;}

    .ab .sec_box .list big {font-size: 50px;}

    .ab .sec_box .list h4{padding-left: 0;}



	

	.ab .text_box i,.ab .sec_box i {font-size: 18px;}

}



@media (max-width: 1300px){

}



@media (max-width: 990px){

	

	.ab .text_box{width: 600px;}

			

    .ab .list_box {

    flex-wrap: wrap;}

    .ab .sec_box .list {width: 25%;}

    .ab .sec_box .list big {font-size: 60px;}

    

}



@media (max-width: 767px){

        .ab .text_box{width: 430px;}

        .ab .text_box p{line-height: 30px;}

		.ab .text_box i,.ab .sec_box i {font-size: 15px;}

		.ab .text_box h2{font-size: 32px!important;}





        .ab .swiper-container-vertical>.swiper-pagination-bullets{display: none}

        .ab .swiper-slide:first-child,.ab .swiper-slide:nth-child(3){max-width:100%; }

        

		.ab .text_box i, .ab .sec_box i {font-size: 28px;}

		.ab .sec_box h2 {font-size: 32px!important;}

        .ab .sec_box .list{height: 350px; width: 350px;align-items: flex-start;padding: 0;margin: 0;}

        .ab .sec_box .list big {font-size: 90px;margin: 0 auto;}

		.ab .sec_box .list h4 {padding-left: 50px;font-size: 25px!important;}

		.ab .sec_box .list p {

		    font-size: 20px!important;

		    width: 85%;

		    margin: 30px auto 20px;}

        .ab .sec_box .list span{font-size: 20px;}

        .ab .sec_box p { width: 350px;}

		

		.ab .sec_box p.p_bottom{line-height: 22px;}



}



@media (max-width: 480px){

        .ab .text_box{width: 280px;}

        .ab .text_box p{line-height: 24px;}

		.ab .text_box i,.ab .sec_box i{font-size: 20px;}

		.ab .text_box h2{font-size: 26px!important;}

        .ab .sec_box h2 {

            font-size: 26px!important;}

			

		.ab .sec_box .list {

		    height: 280px;

		    width: 280px;

			padding: 0;

			margin: 0;}

		.ab .sec_box .list big {font-size: 65px;}

		.ab .sec_box .list h4 {

		    padding-left: 46px;

		    font-size: 18px!important;

		}

		.ab .sec_box .list p {

		    margin: 20px auto 10px;

		    font-size: 16px!important;

		}

		.ab .sec_box .list span {

		    font-size: 14px;

		    width: 85%;

		}

		.ab .sec_box p {   width: 280px;}

		.ab .sec_box p.p_bottom{line-height: 18px;}

}



@media (max-width: 360px){

    

}



















@media (max-width: 1520px){



}



@media (max-width: 1300px){



}



@media (max-width: 990px){

    

}



@media (max-width: 767px){



}



@media (max-width: 480px){

    

}



@media (max-width: 360px){

    

}

/*all*******************************************************/

.pages{

    text-align:center;

    padding:4% 0 6.667%;

    height: 50px;

}

.pages a{

        display: inline-block;

        color: #888888;

        font-size: 16px;

        margin: 0 15px;

        line-height: 45px;

}

.pages a.on,

.pages a:hover{

	border-bottom: 1px solid #444444;

	color: #444444;

}

.pages a:first-child:hover,.pages a:last-child:hover{border: none;}



.news .pages{padding:0 0 6.667%;}

.pro .pages{padding:1% 0 6.667%;}



@media (max-width: 767px){

.pages a {

    font-size: 14px;

    margin: 0 10px;

    }

}



	

	@media (max-width: 480px){

	

	.pages a {

	    font-size: 12px;}

	}

/*

h1  40

h2  30

h3  20

h4  18

p   16

 */

.s40{font-size: 36px!important;;}

.s30{font-size: 30px!important;;}

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

.s18{font-size: 18px!important;;}

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

@media (max-width: 1520px){

    dl dt,dl dd{font-size: 15px!important;}

    h1{font-size: 35px!important;}

    h2{font-size: 28px!important;}

    h3{font-size: 18px!important;}

    h4{font-size: 16px!important;}

    p{font-size: 15px!important;}

	.s40{font-size: 30px!important}

	.s30{font-size: 26px!important}

	.s20{font-size: 18px!important}

	.s18{font-size: 16px!important}

	.s16{font-size: 15px!important}

}



@media (max-width: 990px){

    h1{}

    h2{}

    h3{}

    h4{}

    p{font-size: 14px!important;}

	.s40{font-size: 25px!important}

	.s30{font-size: 22px!important}

	.s20{font-size: 18px!important}

	.s18{font-size: 16px!important}

	.s16{font-size: 14px!important}

}



@media (max-width: 767px){

    dl dt,dl dd{font-size: 13px!important;}

    h1{font-size: 30px!important;}

    h2{font-size: 25px!important;}

    h3{font-size: 16px!important;}

    h4{font-size: 14px!important;}

    p{font-size: 12px!important;}

	.s40{font-size: 26px!important}

	.s30{font-size: 20px!important}

	.s20{font-size: 16px!important}

	.s18{font-size: 14px!important}

	.s16{font-size: 12px!important}

}



@media (max-width: 480px){

    dl dt,dl dd{font-size: 12px!important;}

    h1{}

    h2{font-size: 20px!important;}

    h3{font-size: 14px!important;}

    h4{font-size: 13px!important;}

    p{}

	.s40{font-size: 24px!important}

	.s30{font-size: 18px!important}

	.s20{font-size: 13px!important}

	.s18{font-size: 12px!important}

	.s16{font-size: 12px!important}

}



@media (max-width: 360px){

    

    h1{font-size: 25px!important;}

    h2{font-size: 18px!important;}

    h3{font-size: 13px!important;}

    h4{font-size: 12px!important;}

    p{font-size: 12px!important;}

	.s40{font-size: 16px!important}

	.s30{font-size: 14px!important}

	.s20{font-size: 12px!important}

	.s18{}

	.s16{}

}