@charset"utf-8";
.main { width: 100%; margin: 0 auto;}
/*product*/
.main .product { width: 1200px; margin: 0 auto; height: auto; margin-top: 56px; margin-bottom: 74px;}.main .product .pxcy{text-align:center;padding-top:20px;font-size:14px;color:#0953B0;font-weight:bold}
/*.main .product .pr_title { width: 213px; margin: 0 auto; height: 48px; text-align: center}*/
/*.main .product .pr_title .pr_pic { float: left; width: 46px; height: 51px; margin-top: 2px; margin-right: 9px;}*/
/*.main .product .pr_title h3 { float: left; width: 153px; height: 48px;}*/
/*.main .product .pr_title h3 span { display: block; text-align: left; font-size: 20px; color: #333; height: 30px;}*/
/*.main .product .pr_title h3 img { width: 153px; height: 22px;  }*/
.main .product .pr_tt { width: 1200px; margin: 0 auto;}
.main .product h3 { width: 414px; margin: 0 auto; height: 50px; background: url("../images/jj_title.png") no-repeat; text-align: center; }
.main .product h3 img { width: 154px; height: 24px;}
.main .product h3 span { display: block; width: 196px; margin: 0 auto; font-size: 20px; color: #333; text-align: center}

.main .product .product_list { width: 1200px; height: 385px; margin-top: 30px;}
.main .product .product_list .product_content { width: 1039px; margin: 0 auto}
.main .product .product_list .cp_list { width: 335px; height: 385px; float: left; margin-right: 17px;}
.main .product .product_list .cp_list:hover { box-shadow: 2px 2px 6px #999;}
.main .product .product_list .cp_list .cp_name { width: 335px; height: 61px; background: url("../images/cp_bg.jpg") no-repeat;}
.main .product .product_list .cp_list .cp_name a { display: block; width: 335px; height: 61px; text-align: center; line-height: 61px; font-size: 14px; color: #565656;}
.main .product .product_list .cp_list:hover .cp_name a { background: #0b55b0; color: #FFF;}
.main .product .product_list #cp3 { margin-right: 0!important;}
/*/product*/


.main .simply { width: 100%; height: 536px; background: url("../images/about_bg.jpg") no-repeat;}
.main .simply .about { width: 1200px; margin: 0 auto; margin-top: 24px;}
.main .simply .about h3 { width: 414px; margin: 0 auto; height: 50px; background: url("../images/jj_title.png") no-repeat; text-align: center; }
.main .simply .about h3 img { width: 154px; height: 24px;}
.main .simply .about h3 span { display: block; width: 196px; margin: 0 auto; font-size: 20px; color: #333; text-align: center}
.main .simply .about .about_sort { width: 1200px; height: 360px;  background: #FFF; margin-top: 25px;}

.main .simply .about .about_sort .jj { width: 398px; height: 358px; float: left;}
.main .simply .about .about_sort .jj .jj_tag:hover { background: url("../images/ab_tag1.png") no-repeat;}
.main .simply .about .about_sort .jj .jj_tag:hover .jj_info .sp1,.main .simply .about .about_sort .jj .jj_tag:hover .jj_info .sp2 { color: #ee9d15;}
.main .simply .about .about_sort .jj .jj_tag { display: block; width: 398px; height: 178px; border-bottom: 1px solid #e6e6e6; background: url("../images/about_tag1.png") no-repeat}
.main .simply .about .about_sort .jj .jj_tag .jj_info { width: 200px; height: 50px; padding-top: 70px; margin-left: 190px;}
.main .simply .about .about_sort .jj .jj_tag .jj_info span { display: block;}
.main .simply .about .about_sort .jj .jj_tag .jj_info .sp1 { font-size: 18px; color: #000; margin-bottom: 4px; display: block; width: 200px;}
.main .simply .about .about_sort .jj .jj_tag .jj_info .sp2 { font-size: 12px; font-family: Arial; color: #000; display: block; width: 200px;}
.main .simply .about .about_sort .jj .jj_pic { width: 398px; height: 178px;}

.main .simply .about .about_sort .culture { width: 398px; height: 358px; float: left; }
.main .simply .about .about_sort .culture .culture_pic { width: 398px; height: 179px; border-bottom: 1px solid #e6e6e6;}
.main .simply .about .about_sort .culture img { width: 398px; height: 179px; float: left; }
.main .simply .about .about_sort .culture .culture_tag { display: block; width: 398px; height: 178px; float: left; background: url("../images/about_tag2.png") no-repeat; }
.main .simply .about .about_sort .culture .culture_tag:hover { background: url("../images/ab_tag2.png") no-repeat;}
.main .simply .about .about_sort .culture .culture_tag:hover .culture_info .sp1,.main .simply .about .about_sort .culture .culture_tag:hover .culture_info .sp2 { color: #ee9d15; }
.main .simply .about .about_sort .culture .culture_tag .culture_info { width: 200px; height: 44px; padding-top: 70px; margin-left: 190px; }
.main .simply .about .about_sort .culture .culture_tag .culture_info .sp1 { font-size: 18px; color: #000; margin-bottom: 4px; display: block; width: 200px;}
.main .simply .about .about_sort .culture .culture_tag .culture_info .sp2 { font-size: 12px; font-family: Arial; color: #000; display: block; width: 200px;}

.main .simply .about .about_sort .history { width: 398px; height: 358px; float: left;}
.main .simply .about .about_sort .history .history_pic { width: 398px; height: 178px;}
.main .simply .about .about_sort .history .history_tag { display: block; width: 398px; height: 180px; background: url("../images/about_tag3.png") no-repeat;}
.main .simply .about .about_sort .history .history_tag:hover { background: url("../images/ab_tag3.png") no-repeat;}
.main .simply .about .about_sort .history .history_tag:hover .history_info .sp1,.main .simply .about .about_sort .history .history_tag:hover .history_info .sp2 { color: #ee9d15; }
.main .simply .about .about_sort .history .history_tag .history_info { width: 200px; height: 44px; padding-top: 70px; margin-left: 190px; }
.main .simply .about .about_sort .history .history_tag .history_info .sp1 { font-size: 18px; color: #000; margin-bottom: 4px; display: block; width: 200px;}
.main .simply .about .about_sort .history .history_tag .history_info .sp2 { font-size: 12px; font-family: Arial; color: #000; display: block; width: 200px;}

.main .simply .about .more { display: block; width: 36px; margin: 0 auto; height: 36px; margin-top: 25px;}

/*news*/
.main .news { width: 1200px; margin: 0 auto; height: 493px; margin-top: 77px;}
.main .news h3 { width: 290px; margin: 0 auto; margin-bottom: 20px; text-align: center; height: 56px;}
.main .news span { display: block; font-size: 20px; color: #333;}

.canshu { width:1200px; border-top: 1px solid #565656;}
.tab { width: 325px; margin: 0 auto;height: 44px; }
.tab .outtab {  display: block; cursor: pointer; float: left; width: 120px; height: 46px; line-height: 46px; color: #565656; text-align: center; font-size: 18px;}
.tab .ontab { display: block; cursor: pointer; float: left; border-top: 2px solid #0953b0; width: 120px; height: 44px; line-height: 44px; color: #565656; text-align: center;}
.tab #lt1 { margin-right: 85px;}
.ptext { width: 1200px; height: 280px; margin-top: 40px;}
.ptext ul { width: 1200px; height: 280px; }
.ptext ul li { float: left; width: 50%; height: 120px;  margin-bottom: 33px;}
.ptext ul li:hover .date { background: url("../images/date.png") no-repeat;}
.ptext ul li:hover .news_info .news_title { background: url("../images/news_title.png") no-repeat;}
.ptext ul li .date { float: left; margin-left: 7px; margin-right: 29px; width: 76px; height: 76px; background: url("../images/date1.png") no-repeat;}
.ptext ul li .date span { display: block; color: #FFF; text-align: center }
.ptext ul li .date .sp1 { font-size: 24px; margin-top: 5px;}
.ptext ul li .date .sp2 { font-size: 12px; margin-top: 8px;}
.ptext ul li .news_info { float: left; width: 445px; height: 120px;}
.ptext ul li .news_info .news_title { display: block; width: 324px; height: 20px; line-height: 18px; background: url("../images/news_title1.png") no-repeat; }
.ptext ul li .news_info .news_title span { display: block; width: 294px; margin: 0 auto; height: 20px; overflow: hidden; font-size: 18px;}
.ptext ul li .news_info .news_title:hover { background: url("../images/news_title.png") no-repeat;}
.ptext ul li .news_info .news_title:hover span { color: #0953b0;}
.ptext ul li .news_info .news_desc { display: block; width: 445px; height: 90px; font-size: 12px; line-height: 22px; color: #bbb; margin-top: 11px;  }
.ptext ul .news3,.ptext ul .news4 { margin-bottom: 0;}
.more1 { display: block; width: 113px; margin: 0 auto; color: #FFF; height: 39px; line-height: 39px; font-size: 14px; background: #ee9d15; border-radius: 20px; text-align: center;}

@media all and (min-width: 0) and (max-width: 767px) {
    .main .product { width: 100% !important; margin-bottom: 0}
    .main .product .pr_tt { width: 100%;}
    .main .product .pr_tt h3 { width: 100%; background: url("../images/simply_bg.png") no-repeat 50% 50%;}
    .main .product .pr_tt h3 img { width: 37%; height: auto}
    .main .product .product_list { width: 100% !important}
    .swiper-container {  width: 100%; }
    .swiper-slide {  text-align: center;  font-size: 18px;  }
    .zzsc-container { width: 100%; position: relative;}
    .swiper-wrapper { width: 78%;}
    .swiper-button-next { width: 15px; height: 36px; background: url("../images/arrow.png") no-repeat; background-position: 0 0; position: absolute; right: 12px; top: 98px; z-index: 2; cursor: pointer}
    .swiper-button-next:hover { background-position: -51px 0;}
    .swiper-button-prev { width: 15px; height: 36px; background: url("../images/arrow.png") no-repeat; background-position: -17px 0; position: absolute; left: 12px; top: 98px; z-index: 2; cursor: pointer;}
    .swiper-button-prev:hover { background-position: -34px 0;}

    .swiper-wrapper .swiper-slide  .cp { width: 78% !important; margin: 0 auto}
    .swiper-wrapper .swiper-slide  .cp img { width: 100%;}
    .swiper-wrapper .swiper-slide  .cp .cp_name { width: 100%; background: url("../images/shouji_cp360.jpg") no-repeat; height: 4.9rem; line-height: 4.9rem;}
    .swiper-wrapper .swiper-slide  .cp .cp_name a { font-size: 1.6rem;}


    /*about*/
    .main .simply { height: auto; padding-bottom:0;}
    .main .simply .about { width: 100%; height: auto;  background: #f2f2f2;}
    .main .simply .about h3 { width: 100%; margin-bottom: 2rem; background: url("../images/simply_bg.png") no-repeat 50% 50%;}
    .main .simply .about h3 img { width: 34%; margin: 0 auto;}
    .main .simply .about .about_sort { width: 90%; margin: 0 auto; height: 44.2rem;}
    .main .simply .about .about_sort .jj,.main .simply .about .about_sort .culture,.main .simply .about .about_sort .history { width: 100%; margin: 0 auto; height: 14rem; overflow: hidden; position: relative; box-shadow: 0 2px 2px #333;  }
    .main .simply .about .about_sort .jj,.main .simply .about .about_sort .culture { margin-bottom: 1.2rem; }
    .main .simply .about .about_sort .jj .jj_tag,.main .simply .about .about_sort .culture .culture_tag,.main .simply .about .about_sort .history .history_tag { width: 100%; margin: 0 auto; height: 8rem!important; position: relative; z-index: 1; opacity: 0.6; background-position: 50%; margin-top: 30px;}
    .main .simply .about .about_sort .jj .jj_tag:hover { background: url("../images/about_tag1.png") no-repeat 40%;}
    .main .simply .about .about_sort .culture .culture_tag:hover { background: url("../images/about_tag2.png") no-repeat 40%;}
    .main .simply .about .about_sort .history .history_tag:hover { background: url("../images/about_tag3.png") no-repeat 40%;}
    .main .simply .about .about_sort .jj .jj_tag:hover .jj_info .sp1, .main .simply .about .about_sort .jj .jj_tag:hover .jj_info .sp2 { color: #000}
    .main .simply .about .about_sort .culture .culture_tag:hover .culture_info .sp1, .main .simply .about .about_sort .culture .culture_tag:hover .culture_info .sp2 { color: #000;}
    .main .simply .about .about_sort .history .history_tag:hover .history_info .sp1, .main .simply .about .about_sort .history .history_tag:hover .history_info .sp2 { color: #000;}
    .main .simply .about .about_sort .jj .jj_tag .jj_info, .main .simply .about .about_sort .culture .culture_tag .culture_info,.main .simply .about .about_sort .history .history_tag .history_info { padding-top: 18px!important; margin-left: 147px!important;}
    .main .simply .about .about_sort .jj .jj_pic, .main .simply .about .about_sort .culture .culture_pic,.main .simply .about .about_sort .history .history_pic { width: 100%; margin: 0 auto; position: absolute; top: 0; height: auto!important;}


    /*news*/
    .main .news { width: 100%; height: auto; margin-top: 4rem;}
    .main .news h3 { width: 81%;}
    .canshu { width: 90%; margin: 0 auto;}
    .tab { width: 90%;}
    .tab #lt1 { margin-right: 23%;}
    .tab .ontab,.tab .ontab { width: 33%;}
    .ptext { width: 100%; float: left; height: auto; padding-bottom: 2rem;}
    .ptext ul { width: 100%;}
    .ptext ul li { float: none; width: 100%; border-bottom: 1px solid #f2f2f2; margin-bottom: 2rem; padding-bottom: 1rem}
    .ptext ul .news3, .ptext ul .news4 { margin-bottom: 2rem; padding-bottom: 1rem;}
    .ptext ul li .date { width: 20%; margin-right: 2%; height: 6.3rem; margin-left: 0; background: url("../images/shouji_ttbg.png") no-repeat!important;}
    .ptext ul li .news_info { width: 78%;}
    .ptext ul li .news_info .news_title { width: 100%; height: 2.4rem;  background: url("../images/shouji_tt.png") no-repeat!important;}
    .ptext ul li .news_info .news_title:hover { background: url("../images/shouji_tthover.png") no-repeat}
    .ptext ul li .news_info .news_title span { width: 100%; text-align: center; height: 2.4rem;}
    .ptext ul li .news_info .news_desc { font-size: 1.4rem; width: 100%; line-height: 1.8rem; overflow: hidden; }
    .more1 { float: left; width: 37%; margin-top: 1.5rem; margin-left: 32%}
    #dowebok { display: none!important;}
}
@media all and (min-width: 0) and (max-width: 320px){
    .tab #lt1 { margin-right: 20%;}
    .ptext ul li .date { width: 20%; background: url("../images/ttbg320.png") no-repeat;}
    .ptext ul li .date .sp1 { font-size: 1.8rem;}
    .ptext ul li .date .sp2 { font-size: 1rem; margin-top: 0.4rem;}
    .ptext ul li .news_info .news_title { background: url("../images/new320hover.png") no-repeat;}
    .ptext ul li .news_info .news_title:hover { background: url("../images/news320.png") no-repeat;}
    .ptext ul li .news_info .news_title span { font-size: 1.6rem;}
    #dowebok { display: none!important;}


}