@charset "UTF-8";

* { box-sizing: border-box; }
body,html{ min-width: 1280px; }

.head .container { width: 1200px; height: 100px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto;}

.banner-box{ height: 760px; background: url(../img/item2-1.png) no-repeat center; background-size: auto 100%; }

.mokuai-box{ height: 1185px; background: #ebf3f3; display: flex; justify-content: center;}
.mokuai-box .container{ background: #fff; width: 1200px; height: 1300px; margin-top: -150px; overflow: hidden;}
.mokuai-box .container .pic_1{ display: flex; align-items: center; justify-content: center; margin: 50px auto 40px;}
.mokuai-box .container .pic_1 span{ color: #0170c7; font-size: 38px; margin: 0px 6px; font-weight: bold; line-height: 100%; }
.mokuai-box .container .pic_1 i{ width: 232px; height: 18px; background: url(../img/item3-12.png) no-repeat center; background-size: contain; }

.mokuai-box .container .pic_2{ margin: 0px 55px;}
.mokuai-box .container .pic_2 p{ font-size: 16px; color: #333; line-height: 30px;}

.mokuai-box .container .pic_3{ margin: 10px 55px; font-size: 16px; color: #0170c7; line-height: 30px;}

.mokuai-box .container .pic_4{ margin: 0px 55px 5px;}
.mokuai-box .container .pic_4 p{ font-size: 16px; color: #333; line-height: 30px; margin: 5px 0px;}
.mokuai-box .container .pic_4 p span{ color: #0170c7; }

.mokuai-box .container .pic_5{ margin: 0px 55px;}
.mokuai-box .container .pic_5 p{ font-size: 16px; color: #333; line-height: 30px;}
.mokuai-box .container .pic_5 span{ font-size: 16px; line-height: 30px; display: block; margin-bottom: 5px; color: #0170c7; }

.mokuai-box .container .pic_6{ width: 1108px; height: 408px; background: url(../img/item3-1.png) no-repeat center; background-size: contain; margin:220px auto 0px; position: relative;}
.mokuai-box .container .pic_6 dl{ position: absolute; }
.mokuai-box .container .pic_6 dl dt{ width: 123px; height: 123px; margin: 0px auto -55px; position: relative; z-index: 1; cursor: pointer;}
.mokuai-box .container .pic_6 dl dd{ width: 310px; height: 260px; margin: 0px auto -55px; cursor: pointer; position: relative;}
.mokuai-box .container .pic_6 dl dd div{ position: absolute; width: 294px; height: 244px; top: 8px; left: 8px; border-radius: 38px; font-size: 30px; color: #fff; display: flex; align-items: center; justify-content: center;}
.mokuai-box .container .pic_6 dl dd div p{ text-align: center; }
.mokuai-box .container .pic_6 dl:nth-child(1) { right: 598px; top: -195px; }
.mokuai-box .container .pic_6 dl:nth-child(2) { right: 228px; top: -195px; }
.mokuai-box .container .pic_6 dl:nth-child(3) { right: 768px; bottom: -50px; }
.mokuai-box .container .pic_6 dl:nth-child(4) { right: 415px; bottom: -50px; }
.mokuai-box .container .pic_6 dl:nth-child(5) { right: 56px; bottom: -50px; }
.mokuai-box .container .pic_6 dl:nth-child(1) dt{ background: url(../img/item3-2.png) no-repeat center; background-size: contain; }
.mokuai-box .container .pic_6 dl:nth-child(2) dt{ background: url(../img/item3-3.png) no-repeat center; background-size: contain; }
.mokuai-box .container .pic_6 dl:nth-child(3) dt{ background: url(../img/item3-4.png) no-repeat center; background-size: contain; }
.mokuai-box .container .pic_6 dl:nth-child(4) dt{ background: url(../img/item3-5.png) no-repeat center; background-size: contain; }
.mokuai-box .container .pic_6 dl:nth-child(5) dt{ background: url(../img/item3-6.png) no-repeat center; background-size: contain; }
.mokuai-box .container .pic_6 dl:nth-child(1) dd{ background: url(../img/item3-7.png) no-repeat center; background-size: contain; }
.mokuai-box .container .pic_6 dl:nth-child(2) dd{ background: url(../img/item3-8.png) no-repeat center; background-size: contain; }
.mokuai-box .container .pic_6 dl:nth-child(3) dd{ background: url(../img/item3-9.png) no-repeat center; background-size: contain; }
.mokuai-box .container .pic_6 dl:nth-child(4) dd{ background: url(../img/item3-10.png) no-repeat center; background-size: contain; }
.mokuai-box .container .pic_6 dl:nth-child(5) dd{ background: url(../img/item3-11.png) no-repeat center; background-size: contain; }
.mokuai-box .container .pic_6 dl:nth-child(1) dd div{ background: rgba(134, 96, 169, .6); }
.mokuai-box .container .pic_6 dl:nth-child(2) dd div{ background: rgba(74, 93, 109, .6); }
.mokuai-box .container .pic_6 dl:nth-child(3) dd div{ background: rgba(0, 161, 155, .6); }
.mokuai-box .container .pic_6 dl:nth-child(4) dd div{ background: rgba(196, 214, 0, .6); }
.mokuai-box .container .pic_6 dl:nth-child(5) dd div{ background: rgba(1, 112, 199, .6); }

.jiangli{ height: 480px; background: #c4d600; display: flex; align-items: center; justify-content: center;}

.tanchuang{ position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); z-index: 10; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center;}
.tanchuang .container{ width: 1200px; max-height: 850px; scale: .9; padding-bottom: 50px; background: #fff; overflow: auto;}
.tanchuang .container .tc .item1{ height: 131px; display: flex; align-items: center; position: relative;}
.tanchuang .container .tc_01 .item1{ background: url(../img/pic1.png) no-repeat center; background-size: 100% auto;}
.tanchuang .container .tc_02 .item1{ background: url(../img/pic2.png) no-repeat center; background-size: 100% auto;}
.tanchuang .container .tc_03 .item1{ background: url(../img/pic3.png) no-repeat center; background-size: 100% auto;}
.tanchuang .container .tc_04 .item1{ background: url(../img/pic4.png) no-repeat center; background-size: 100% auto;}
.tanchuang .container .tc_05 .item1{ background: url(../img/pic5.png) no-repeat center; background-size: 100% auto;}

.tanchuang .container .tc .item1 .item1-1{ min-width: 145px; padding: 0px 15px; height: 90px; font-size: 30px; font-weight: bold; color: #fff; display: flex; align-items: center; justify-content: center;}
.tanchuang .container .tc_01 .item1 .item1-1{ background: rgba(134, 96, 169, 1); }
.tanchuang .container .tc_02 .item1 .item1-1{ background: rgba(74, 93, 109, 1); }
.tanchuang .container .tc_03 .item1 .item1-1{ background: rgba(0, 161, 155, 1); }
.tanchuang .container .tc_04 .item1 .item1-1{ background: rgba(196, 214, 0, 1); }
.tanchuang .container .tc_05 .item1 .item1-1{ background: rgba(1, 112, 199, 1); }

.tanchuang .container .tc .item1 .item1-2{ font-size: 28px; color: #fff; margin-left: 35px; }
.tanchuang .container .tc .item1 .item1-3{ cursor: pointer; position: absolute; top: 15px; right: 25px; width: 32px; height: 32px; background: url(../img/item5-1.png) no-repeat center; background-size: contain;}

.tanchuang .container .tc .item2{ padding: 0px 100px; text-align: left; }
.tanchuang .container .tc .item2 .item2-1{ font-size: 24px; color: #333; font-weight: bold; margin: 35px 0px 20px;}
.tanchuang .container .tc .item2 .item2-2{ font-size: 16px; color: #333; line-height: 28px; margin-bottom: 20px;}
.tanchuang .container .tc_01 .item2 a{ font-size: 16px; color: rgba(134, 96, 169, 1); }
.tanchuang .container .tc_02 .item2 a{ font-size: 16px; color: rgba(74, 93, 109, 1); }
.tanchuang .container .tc_03 .item2 a{ font-size: 16px; color: rgba(0, 161, 155, 1); }
.tanchuang .container .tc_04 .item2 a{ font-size: 16px; color: rgba(196, 214, 0, 1); }
.tanchuang .container .tc_05 .item2 a{ font-size: 16px; color: rgba(1, 112, 199, 1); }


.tanchuang .container .tc .item3{ padding: 0px 100px; margin-top: 20px; height: 346px; background: url(../img/item5-3.png) no-repeat center; background-size: contain; overflow: hidden; text-align: left; }
.tanchuang .container .tc .item3 .item2-1{ font-size: 24px; color: #333; font-weight: bold; margin: 25px 0px 20px;}
.tanchuang .container .tc .item3 .item2-2{ display: flex; }
.tanchuang .container .tc .item3 .item2-2 .pic1{ width: 234px; display: flex;}
.tanchuang .container .tc .item3 .item2-2 .pic1 img{ display: block; max-height: 243px;}
.tanchuang .container .tc .item3 .item2-2 .pic2{ margin-left: 50px; }
.tanchuang .container .tc .item3 .item2-2 .pic2 .pic2_1{ color: #0170c7; font-size: 24px; }
.tanchuang .container .tc .item3 .item2-2 .pic2 .pic2_2{ color: #333; font-size: 16px; height: 115px; margin-top: 15px; line-height: 28px; }
.tanchuang .container .tc .item3 .item2-2 .pic2 .pic2_3{ display: block; margin: 0px auto; width: 200px; height: 40px; color: #fff; background: #0170c7; font-size: 20px; display: flex; align-items: center; justify-content: center; }

.tanchuang .container .tc .item4{ padding: 0px 100px; margin-top: 20px; text-align: left;}
.tanchuang .container .tc .item4 .item4-1{ font-size: 24px; color: #333; font-weight: bold; margin: 0px 0px 10px;}
.tanchuang .container .tc .item4 .item4-2 a{ display: block; color: #0170c7; font-size: 16px;}

.tanchuang .container .tc .item5{ padding: 0px 100px; margin-top: 20px; text-align: left;}
.tanchuang .container .tc .item5 .item5-1{ font-size: 24px; color: #333; font-weight: bold; margin: 0px 0px 10px;}
.tanchuang .container .tc .item5 .item5-2 a{ display: block; color: #0170c7; font-size: 16px;}

.foot .container{ width: 1220px; margin: 0px auto;}