﻿body {font-size: 14px; line-height: 30px; font-family:"微软雅黑"; color: #333; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#101010;}
a:hover {text-decoration:underline; color:#333; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}

.banner{ width:100%;height:1026px; background:url(banner.jpg) no-repeat top; position:relative;  }
.banner_menubg{ width:100%; height:97px;opacity: 0.93; background-image: linear-gradient(158deg, #475E8A 0%, #223052 94%);margin-bottom:55px;}
.banner_menubg .banner_menu{ width:1200px;height:97px; margin:0 auto;}
.banner_menubg .menu_logo{background:url(toplogo.png) no-repeat center; width:170px;height:97px; float:left; }
.banner_menubg ul{float:right; width:930px; padding-top:28px; height:60px;}
.banner_menubg ul li{width:97px;height:60px; padding-left:35px; overflow:hidden; float:left; color:#fff; font-size:14px; line-height:22px;}
.banner_menubg ul li i{ font-style: normal;opacity: 0.45;font-family: PingFangSC-Regular;font-size: 12px; display:block;}
.banner_menubg ul li a{color:#fff;}

.container{ width:1200px; margin:0 auto;}

.icon_1{  width:100%; height:60px; background:url(icon_1.png) left no-repeat; margin-bottom:10px;}
.icon_1 a{display:block;width:100%; height:60px; }
.icon_2a{  width:100%; height:60px; background:url(icon_2.png) left no-repeat; margin-bottom:10px;}
.icon_2a a{display:block;width:100%; height:60px; }
.icon_2b{  width:100%; height:60px; background:url(icon_3.png) left no-repeat; margin-bottom:10px;}
.icon_3a{  width:100%; height:60px; background:url(icon_4.png) left no-repeat;  margin-bottom:10px;}
.icon_3a a{display:block;width:100%; height:60px; }
.icon_3b{  width:100%; height:60px; background:url(icon_5.png) left no-repeat; margin-bottom:10px;}
.icon_3b a{display:block;width:100%; height:60px; }
.icon_5{  width:100%; height:140px;  margin-bottom:0;}
.icon_5 a{display:block;  width:100%; height:140px;  }
.icon_6{  width:100%; height:100px; background:url(icon_7.png) center no-repeat; margin-bottom:40px;}


.nav_1{  width:1200px; margin:0 auto; }
.nav_1right { float:right;width:590px; height:370px; text-align: left;overflow:hidden; margin-bottom:55px; }
.nav_1right dl{ width:590px; height:370px;position:relative;}
.nav_1right dt{ width:590px; height:370px;z-index:9; position:absolute; top:0; left:0;}
.nav_1right dl img{width:590px; height:370px;}
.nav_1right dd{ width:590px;  height:85px;opacity: 0.71;background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.59) 29%, #000000 100%); z-index:99; position:absolute; bottom:0; left:0; color:#fff; font-family:"微软雅黑"; padding-top:15px; }
.nav_1right dd .tl{color:#fff;width:590px; text-align:left;line-height:40px;font-size:18px; padding-left:20px; }
.nav_1right dd .tl a{color:#fff;}


.nav_1left{float:left; width:560px;}
.nav_1left dl{ margin-bottom:10px;}
.nav_1left dt{ font-size:24px; font-weight:bold; margin-bottom:10px;}
.nav_1left dd{ color:#6D6D6D; line-height:28px;font-size: 16px;}
.nav_1left li{height:39px; line-height:39px;}
.nav_1left li a:hover{ padding-left:10px;color:#00C6E9; display:block;background-image: linear-gradient(90deg, rgba(204,237,255,0.68) 0%, rgba(224,250,255,0.00) 100%); text-decoration: none;}

.nav_1 .swiper-pagination { color:#fff; font-size:24px; left:0;}
.nav_1 .swiper-pagination-total{opacity: 0.78;font-size: 18px;}

.nav_2{  width:1200px; margin:0 auto; }
.nav_2left{float:left; width:480px;}

.n2_box{ width:220px; height:288px; float:left; margin-bottom:20px; padding-right:20px;}
.n2_box a { display: block;background: #EDF0F4;border-radius:4px;width:220px;height:288px; text-decoration: none;}
.n2_box a:hover { box-shadow:0 11px 17px 0 rgba(0,0,0,0.11);border-radius:4px; }
.n2_box dl{height:212px; padding:15px; overflow:hidden;line-height:22px;}
.n2_box dt{font-size: 16px;color: #333C4D; margin-bottom:10px; font-weight:bold;}
.n2_box dd{font-size: 13px;color: #576275;}
.n2_box span{ display:block; background:#DFE4E8; height:38px; line-height:36px; font-family: PingFangSC-Regular;font-size: 12px; color: #A5ABB6;padding-left:15px;}
.n2_l{ height:8px; line-height:8px;}

.nav_2right { float:right;width:710px; margin-bottom:55px; }
.ifr_box{ height:566px; padding:15px 0;border-radius: 6px; border:1px solid #F2D587; overflow:hidden; }

.nav_3{  width:1200px; margin:0 auto; }
.nav3_left{float:left; width:390px;}
.nav3_left .n3_box1{ background:url(bg_4a.png) no-repeat center; width:388px; height:309px; margin-bottom:20px;color: #77695A;}
.nav3_left .n3_box1 a { display: block;width:388px; height:309px; text-decoration: none;color: #77695A;}
.nav3_left .n3_box1 a:hover { box-shadow:0 11px 17px 0 rgba(0,0,0,0.02);border-radius:4px; }
.nav3_left .n3_box1 dl{padding:55px 35px 0 35px; height:200px; overflow:hidden;}
.nav3_left .n3_box1 dt{font-size: 20px; line-height:28px; font-weight:bold; margin-bottom:10px;}
.nav3_left .n3_box1 dd{line-height:26px; font-size: 14px;}
.nav3_left .n3_box2{  width:388px; height:200px; margin-bottom:55px;}
.nav3_left .n3_box2 a { display: block; width:388px; height:200px;text-decoration: none;color: #77695A;}
.nav3_left .n3_box2 a:hover { box-shadow:0 11px 17px 0 rgba(0,0,0,0.02);border-radius:4px; }

.nav3_cent{float:left; padding-left:20px; padding-top:70px;}
.nav3_cent dl{background: #F7F7F7; width:328px; padding:19px 15px; height:58px; overflow:hidden; margin-bottom:10px;}
.nav3_cent dt{font-size: 16px;color: #2E2E2E; line-height:22px; font-weight: bold;}
.nav3_cent dd{font-size: 12px;color: #6D6D6D;line-height: 26px;}

.nav3_right{float:right; width:388px;}
.nav3_right .n3_time{width:388px; height:545px;}
.nav3_right .n3_time img{width:388px;height:243px;}
.nav3_right .n3_time dt{ padding:15px 0; border-bottom:1px solid #D8D8D8; font-size: 20px;color: #101010; font-weight:bold; line-height:28px;}
.nav3_right .n3_time dd{font-size: 14px;color: #6D6D6D;text-align: justify;line-height: 26px;padding:15px 0;}




.nav3_right .swiper-pagination-bullet{ background:#999;width:32px; height:4px;border-radius:0;}
.nav3_right .swiper-pagination-bullet-active{ background:#4783FC; filter: alpha(opacity=100); opacity: 1.0;}





.nav_4bg{background:url(bg4.png) center no-repeat; height:1040px; width:100%; overflow:hidden; margin-bottom:35px;}
.nav_4{  width:1200px; margin:0 auto; padding-top:150px; height:620px;}

.nav_4 .swiper-pagination-bullet{ background:#fff;width:32px; height:4px;border-radius:0;}
.nav_4 .swiper-pagination-bullet-active{ background:#F6A600; filter: alpha(opacity=100); opacity: 1.0;}


.pic_box{ width:1200px;background:#000;}
.pic_box a{ display:block;opacity: 0.8;}
.pic_box a:hover{ opacity: 1;}
.pic_box .box5{ width:1200px; height:560px; overflow:hidden;}
.pic_box .box5 img{ width:1200px; height:560px; }
.pic_box .box1{ width:290px; height:560px; overflow:hidden; float:left;}
.pic_box .box1 img{ width:290px; height:560px;}
.pic_box .box_c{ width:530px; height:560px; overflow:hidden; float:left;}
.pic_box .box2{ width:530px; height:300px; overflow:hidden;}
.pic_box .box2 img{ width:530px; height:300px;}
.pic_box .box3{ width:265px; height:260px; overflow:hidden; float:left;}
.pic_box .box3 img{ width:265px; height:260px;}
.pic_box .box4{ width:380px; height:560px; overflow:hidden; float:left;}
.pic_box .box4 img{ width:380px; height:560px;}


.nav_6{width:1200px; margin:0 auto;}
.nav_6 .messages{background: #FAFAFA;border-radius: 11px; border:1px solid #F2D587; width:314px; height:318px; float:left; padding:40px; margin-bottom:50px;}
.nav_6 #content_Message{width:310px; height:230px; text-decoration: none; border:0; background:none;overflow:hidden;font-size: 18px;color: #B6B6B6; margin-bottom:26px; border-bottom:1px solid #D8D8D8;}
.nav_6 #submitBtn{ width:310px; height:50px; line-height:50px; text-align:center;color:#ffffff; display:block;background:url(tjbg.png) no-repeat center;border-radius: 3px; text-decoration: none; border:0; text-indent:-999px; cursor:pointer;}
.nav_6 #messageList{ width:670px; height:320px; padding:40px;background: #F9F9F9;border-radius: 12px; float:right;margin-bottom:50px; overflow:auto;}
.nav_6 #messageList li{ border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px;}
.nav_6 .messageTime{opacity: 0.86;background: #4783FC; padding:2px 10px;color:#fff; text-align:center;font-weight:bold;margin-right:10px; float:left;}
.nav_6 .messageContent {font-size: 14px; color: #6D6D6D; line-height:22px; margin-bottom:5px;}
.nav_6 .reply{background: #E9F2FB; padding:10px; color:#8D9DAA; line-height:20px;}
.nav_6 .reply i{ font-style:normal; color:#FF5E3E; font-weight:bold;}

.bottombg{ background:#20293A; width:100%; padding:75px 0 0 0;}
.bottombg .bottom{  width:1200px; margin:0 auto; color:#fff;border-bottom:1px solid #D8D8D8; padding-bottom:70px; }
.bottombg .bottom a{color:#fff; }
.bottombg .bb_left{float:left; width:470px; padding-right:50px;}
.bt_1{opacity: 0.75;font-size: 18px; height:80px;}
.bt_2{float:left;}
.bt_2 span{opacity: 0.32;font-size: 16px;}
.bt_2 p{opacity: 0.75;font-size: 24px;}
.bt_3{float: right}
.bt_3 span{opacity: 0.32;font-size: 16px;}
.bt_3 p{opacity: 0.75;font-size: 24px;}

.map_box{float:left; width:280px;}
.bb_right{float:right; width:350px;}
.bb_right span{display:block;font-size: 20px; margin-bottom:5px;}
.bb_right span i{ font-style:normal;opacity: 0.63;color: #456E86; padding-left:10px;}
.bb_right p{opacity: 0.62;font-size: 16px;margin-bottom:20px;}


.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



@media only screen and (max-width: 540px){
body { background-image:none; font-size:1em; line-height:1.6em; background:#fff;}
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container{ width:100%;}
.banner{ height: auto; background: none;}
.m_banner{ display: block; }
.icon_1,.icon_2a,.icon_2b,.icon_3a,.icon_3b,.icon_6{ width:100%; height: auto; background: none; margin:1% auto; padding-top:0;}
.line_h{ height:2em;}
.icon_5{ width:100%; height: auto; background: none; padding-top:0;}
.icon_1 a,.icon_2a a,.icon_2b a,.icon_3a a,.icon_3b a,.icon_6 a,.icon_5 a{height: auto; }

.banner_menubg{ width:100%; height:50px;opacity: 0.93; background-image: linear-gradient(158deg, #475E8A 0%, #223052 94%);margin-bottom:1%; display:none;}
.banner_menubg .banner_menu{ width:100%; height:50px;  margin:0 auto;}
.banner_menubg .menu_logo{ background:none; width:92%; height:38px; padding:3%;}
.banner_menubg ul{display:none; }



.nav_1{margin:0 auto; width:96%; padding:0 2%;}
.nav_1right { float:left;width:100%;height:230px; text-align: left;overflow:hidden; margin-bottom:5%; }
.nav_1right dl{ width:100%; height:230px;position:relative;}
.nav_1right dt{ width:100%; height:230px;z-index:9; position:absolute; top:0; left:0; overflow:hidden;}
.nav_1right dl img{ width:100%; height: auto; }
.nav_1right dd{ width:100%;  height:35px;opacity: 0.91;background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.59) 29%, #000000 100%); z-index:99; position:absolute; bottom:0; left:0; color:#fff; font-family:"微软雅黑"; padding-top:8px; }
.nav_1right dd .tl{color:#fff;width:100%; text-align:left;line-height:1.2em;font-size:1em; padding-left:10px; }
.nav_1right dd .tl a{color:#fff;}


.nav_1left{float:left;width:100%;}
.nav_1left dl{ margin-bottom:1%;}
.nav_1left dt{ font-size:1.2em; font-weight:bold; margin-bottom:1%;}
.nav_1left dd{ color:#6D6D6D; line-height:1.6em;font-size: 0.8em;}
.nav_1left ul{margin-bottom:2%;}
.nav_1left li{height: auto; line-height:1.8em;}
.nav_1left li a:hover{ padding-left:10px;color:#00C6E9; display:block;background-image: linear-gradient(90deg, rgba(204,237,255,0.68) 0%, rgba(224,250,255,0.00) 100%); text-decoration: none;}

.nav_1 .swiper-pagination { color:#fff; font-size:1.2em; left:0; bottom:40px; right:0;}
.nav_1 .swiper-pagination-total{opacity: 0.98;font-size: 1em;}

.nav_2{margin:0 auto; width:96%; padding:0 2%; margin-bottom:3%; }
.nav_2left{float:left; width:100%;}

.n2_box{ width:48%; height:248px; float:left; margin-bottom:5%; padding:0 1%;}
.n2_box a { display: block;background: #EDF0F4;border-radius:4px;width:100%;height:248px; text-decoration: none;}
.n2_box a:hover { box-shadow:0 11px 17px 0 rgba(0,0,0,0.11);border-radius:4px; }
.n2_box dl{height:172px; padding:15px; overflow:hidden;line-height:22px;}
.n2_box dt{font-size: 16px;color: #333C4D; margin-bottom:10px; font-weight:bold;}
.n2_box dd{font-size: 13px;color: #576275;}
.n2_box span{ display:block; background:#DFE4E8; height:38px; line-height:36px; font-family: PingFangSC-Regular;font-size: 12px; color: #A5ABB6;padding-left:15px;}
.n2_l{ height:8px; line-height:8px;}

.nav_2right { float:left;width:100%; padding:0; margin-bottom:5%; }
.ifr_box{ height:566px; padding:15px 0;border-radius: 6px; border:1px solid #F2D587; overflow:hidden; }

.nav_3{ width:96%; padding:0 2%; margin-bottom:3%; }
.nav3_left{float:left;  width:100%;}
.nav3_left .n3_box1{ background:url(bg_4a.png) no-repeat center; width:100%; height:309px; margin-bottom:3%;color: #77695A;}
.nav3_left .n3_box1 a { display: block;width:100%; height:309px; text-decoration: none;color: #77695A;}
.nav3_left .n3_box1 a:hover { box-shadow:0 11px 17px 0 rgba(0,0,0,0.02);border-radius:4px; }
.nav3_left .n3_box1 dl{padding:55px 35px 0 35px; height:200px; overflow:hidden;}
.nav3_left .n3_box1 dt{font-size: 20px; line-height:28px; font-weight:bold; margin-bottom:2%;}
.nav3_left .n3_box1 dd{line-height:26px; font-size: 14px;}
.nav3_left .n3_box2{  width:100%;height:200px; margin-bottom:0;}
.nav3_left .n3_box2 a { display: block;width:100%;text-decoration: none;color: #77695A; height: auto;}
.nav3_left .n3_box2 a:hover { box-shadow:0 11px 17px 0 rgba(0,0,0,0.02);border-radius:4px; }

.nav3_cent{float:left; width:100%; padding-left:0; padding-top:0; margin-bottom:3%;}
.nav3_cent dl{background: #F7F7F7; width:94%; padding:2% 3% 0 2%; height: auto; overflow:hidden; margin-bottom:2%;}
.nav3_cent dt{font-size: 1em;color: #2E2E2E; line-height:2em; font-weight: bold;}
.nav3_cent dd{font-size: 0.8em;color: #6D6D6D;line-height:1.8em; padding-bottom:2%;}

.nav3_right{float:right;  width:100%;}
.nav3_right .n3_time{ width:100%; height: auto; padding-bottom:10%;}
.nav3_right .n3_time img{ width:100%;height: auto;}
.nav3_right .n3_time dt{ padding:2% 0; border-bottom:1px solid #D8D8D8; font-size: 1.2em;color: #101010; font-weight:bold; line-height:1.4em;}
.nav3_right .n3_time dd{font-size: 0.8em;color: #6D6D6D;text-align: justify;line-height: 1.4em;padding:2% 0;}


.nav3_right .swiper-pagination-bullet{ background:#999;width:32px; height:4px;border-radius:0;}
.nav3_right .swiper-pagination-bullet-active{ background:#4783FC; filter: alpha(opacity=100); opacity: 1.0;}



.nav_4bg{background:none; height: auto; width:100%; overflow:hidden;margin-bottom:0%; }
.nav_4{margin:0 auto; width:100%; height: auto; margin-bottom:0%; padding-top:0; }

.nav_4 .swiper-pagination-bullet{ background:#fff;width:32px; height:4px;border-radius:0;}
.nav_4 .swiper-pagination-bullet-active{ background:#F6A600; filter: alpha(opacity=100); opacity: 1.0;}


.pic_box{margin:0 auto; width:96%; padding:2%;height:240px; margin-bottom:0; background:#325BC4;}
.pic_box a{ display:block;opacity: 0.8;}
.pic_box a:hover{ opacity: 1;}
.pic_box .box5{  width:100%; height:240px; overflow:hidden;}
.pic_box .box5 img{ width:100%; height: auto; }
.pic_box .box1{ width:30%; height:240px; overflow:hidden; float:left;}
.pic_box .box1 img{  width:100%; height: auto;}
.pic_box .box_c{ width:40%; height:240px; overflow:hidden; float:left;}
.pic_box .box2{ width:100%;  height:140px; overflow:hidden;}
.pic_box .box2 img{ width:100%;  height:300px;}
.pic_box .box3{ width:100%;  height:100px; overflow:hidden; float:left;}
.pic_box .box3 img{  width:100%; height:260px;}
.pic_box .box4{  width:30%; height:240px; overflow:hidden; float:left;}
.pic_box .box4 img{  width:100%; height: auto;}


.nav_6{ margin:0 auto; width:96%; padding:2%;margin-bottom:3%; }
.nav_6 .messages{background: #FAFAFA;border-radius: 6px; border:1px solid #F2D587; margin:0 auto; width:94%; padding:3% 2% 0 2%;margin-bottom:4%;  height:218px; float:left;}
.nav_6 #content_Message{width:100%;height:130px; text-decoration: none; border:0; background:none;overflow:hidden;font-size:1.1em;color: #B6B6B6; margin-bottom:3%; border-bottom:1px solid #D8D8D8;}
.nav_6 #submitBtn{ width:100%;height:50px; line-height:50px; text-align:center;color:#ffffff; display:block;background:url(tjbg.png) no-repeat center;border-radius: 3px; text-decoration: none; border:0; text-indent:-999px; cursor:pointer;}
.nav_6 #messageList{ float:left; margin:0 auto; width:96%; padding:2%;margin-bottom:3%; height:300px;background: #F9F9F9;border-radius: 6px; float:right;margin-bottom:5%; overflow:auto;}
.nav_6 #messageList li{ border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px;}
.nav_6 .messageTime{opacity: 0.86;background: #4783FC; width:30%; height: auto; line-height:2em;color:#fff; padding-left:2%;font-weight:bold; float:left; margin-right:2%;}
.nav_6 .messageContent {font-size: 0.85em; color: #6D6D6D; line-height:1.3em;margin-bottom:5px;}
.nav_6 .reply{background: #E9F2FB; padding:10px;font-size: 0.85em; color:#8D9DAA; line-height:20px;}


.bottombg{ width:100%; padding:3% 0 0 0;line-height:1em; display:block;}
.bottombg .bottom{  width:80%;  padding-bottom:3%; }
.bottombg .bb_left{float:left;width:90%;padding-right:5%;}
.bt_1{opacity: 0.75; font-size:0.8em;  height: auto;}
.bt_2{float:left;}
.bt_2 span{opacity: 0.32;font-size:0.8em;}
.bt_2 p{opacity: 0.75;font-size:0.8em;}
.bt_3{float:left; padding-left:3%;}
.bt_3 span{opacity: 0.32;font-size:0.8em;}
.bt_3 p{opacity: 0.75;font-size:0.8em;}

.map_box{float:left;  width:90%; margin:5% auto; }
.bb_right{float:left;  width:100%; }
.bb_right span{display:block;font-size:0.8em; margin-bottom:0;}
.bb_right span i{ font-style:normal;opacity: 0.63;color: #456E86; padding-left:2%;}
.bb_right p{opacity: 0.62;font-size:0.8em;margin-bottom:2%;}




.bottom_sbj{ display:block; text-align:center; background:#333; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}
.tt{ display: none; }
}