/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{ margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video{ display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body{ font-family:Microsoft Yahei; color:#666; text-decoration:none; font-size:14px; background:#fff;}
textarea{ resize:none;}
img{ max-width:100%;}
iframe,img{ border:0;}
ul,ol,li{ list-style:none;}
input, select, textarea{ outline:0; -webkit-user-modify:read-write-plaintext-only;}
input{ -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#2c5ca8;}
.clearfix{ clear:both; zoom:1;}
.clearfix:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#8E8E8E; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{ background-color:#535353}
::-webkit-scrollbar-resizer:vertical{ background-color:#FF6E00}

/*banner*/
.theme-default{ width:100%; height:640px; position:relative; overflow:hidden;}
.theme-default .bolang{ height:33px; background:url(../images/bolang.png); position:absolute; bottom:0; left:0; width:100%; z-index:9;}
.theme-default #slider{ width:1920px; height:640px; position:absolute; left:50%; top:0; margin-left:-960px;}
.theme-default .nivoSlider{ position:relative; background:#fff url(loading.gif) no-repeat 50% 50%; -webkit-box-shadow:0px 1px 5px 0px #4a4a4a; -moz-box-shadow:0px 1px 5px 0px #4a4a4a; box-shadow:0px 1px 5px 0px #4a4a4a;}
.theme-default .nivoSlider img{ position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a{ border:0; display:block;}
.theme-default .nivo-controlNav{ position:absolute; left:50%; bottom:10px; margin-left:-55px;}
.theme-default .nivo-controlNav a{ display:block; width:30px; height:4px; margin:0 2px; background:#fff; text-indent:-9999px; border:0; float:left;}
.theme-default .nivo-controlNav a.active{ background:#192c75;}
.theme-default .nivo-directionNav a{ display:block; width:30px; height:30px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px; border:0;}
.theme-default a.nivo-nextNav{ background-position:-30px 0; right:100px;}
.theme-default a.nivo-prevNav{ left:100px;}
.theme-default .nivo-caption{ font-family:Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a{ color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover{ color:#fff;}
.nivoSlider{ position:relative;}
.nivoSlider img{ position:absolute; top:0px; left:0px;}
.nivoSlider a.nivo-imageLink{ position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}
.nivo-slice{ display:block; position:absolute; z-index:5; height:100%;}
.nivo-box{ display:block; position:absolute; z-index:5;}
.nivo-directionNav a{ position:absolute; top:40%; z-index:9; cursor:pointer;}
.nivo-prevNav{ left:0px;}
.nivo-nextNav{ right:0px;}
.nivo-controlNav a{ position:relative; z-index:9; cursor:pointer;}
.nivo-controlNav a.active{ font-weight:bold;}
.theme-default .nivo-controlNav{ z-index:100; bottom:30px;}

.banner{ margin:0 auto; position:relative;}
.banner .bd{ }
.banner .bd li{ }
.banner .bd li img{ width:100%; }
.banner .hd{ position:absolute; bottom:.5rem; right:0; width:100%; }
.banner .hd ul{ width:100%; text-align:center; }
.banner .hd ul li{ width:30px; height:5px; background:#fff; margin:0 4px; display:inline-block; text-indent:-9999px; cursor:pointer; opacity:.6; filter:alpha(opacity=60); box-shadow:0 0 1px #ccc; }
.banner .hd ul li.on{ background:#609e6e; opacity:1; filter:alpha(opacity=100); box-shadow:0 0 2px #ccc; }

.banner2{ display:none;}

.m{ width:95%; max-width:1140px; margin:0 auto;}
.n{ padding:50px 0;}

/*top*/
.top{ border-bottom:#eee 1px solid; line-height:40px; font-size:12px;}
.top a{ margin:0 10px;}

.menu{ float:right; width:30px; height:30px; background:center center no-repeat transparent; background-image:url(../images/amenuicon.png); display:none; margin-top:10px;}

/*logo*/
.logo{ padding:20px 0;}
.logo .p1{ float:left; margin-left:20px; padding-left:30px; border-left:#ddd 1px solid; margin-top:15px;}
.logo .p1 span{ font-size:17px; font-weight:bold; line-height:40px;}
.logo .p2{ float:right; text-align:right; margin-top:15px;}
.logo .p2 img{ vertical-align:middle; margin-right:5px;}
.logo .p2 span{ font-family:Verdana, Geneva, sans-serif; font-size:17px; font-weight:bold; line-height:1.6;}

/*nav*/
.nav{ background:#012a40; line-height:50px;}
.nav ul{ position:relative;}
.nav ul li{ float:left; width:9%; text-align:center; position:relative;}
.nav ul a{ color:#fff; font-weight:bold;}
.nav ul a:hover{ color:#6bfab4;}
.nav ul .nav_c{ position:absolute; top:0; right:0; width:130px; background:#1fa664; text-align:center; padding:20px 0; line-height:30px; z-index:999;}
.nav ul .nav_c img{ width:29px;}

.nav ul li ul{ position:absolute; top:50px; left:0; z-index:999; width:200%; display:none;}
.nav ul li ul li{ background:#1fa664; width:100%; line-height:40px; float:left; text-align:left;padding-left:10px;}

/*part1*/
.part1{ background:url(../images/bbr.png) no-repeat top center;}
.part1 .p1{ text-align:center; font-size:30px; font-weight:bold; color:#434d5b;}
.part1 .p2{ text-align:center; margin:20px 0;}
.part1 .ul1{ text-align:center;}
.part1 .ul1 li{ border:#CCC 1px solid; padding:10px 20px; display:inline-block; position:relative; overflow:hidden;}
.part1 .ul1 li a{ position:relative; z-index:999;}
.part1 .ul1 li:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:-100%; background:#1fa664; transition:0.2s;}
.part1 .ul1 li:hover a{ color:#fff;}
.part1 .ul1 li:hover:after{ left:0;}
.part1 .ul2{ margin-top:50px;}
.part1 .ul2 li{ float:left; width:23%; margin-left:2.6%; position:relative; transition:0.2s; top:0; margin-bottom:20px;}
.part1 .ul2 li:nth-child(4n+1){ margin-left:0;}
.part1 .ul2 li:hover{ top:-20px;}
.part1 .ul2 li .i{ background:#f6f9fa; padding:30px 0; text-align:center;}
.part1 .ul2 li .i img{ height:206px;}
.part1 .ul2 li p{ background:#eee; padding:10%;}
.part1 .ul2 li p span{ display:block; font-size:12px; margin-top:10px;}
.part1 .p_m{ display:block; margin:50px auto 0; width:150px; text-align:center; font-size:15px; font-weight:bold; color:#405262;}

/*part2*/
.part2{ background:#f6f6f6 url(../images/bbr.png) no-repeat top center;}
.part2 .p_t{ font-weight:bold; font-size:30px; color:#434d5b; text-align:center;}
.part2 .p_t span{ color:#1fa664; font-size:60px;}
.part2 .p_t2{ text-align:center; margin:15px 0 60px;}
.part2 .pt2_m{ margin-bottom:60px;}
.part2 .pt2_l{ width:50%; float:left; padding:30px 70px 70px 0;}
.part2 .pt2_l .tt{ float:left; width:14%; display:block; height:70px; margin-bottom:10px; background:url(../images/bew.png) no-repeat center top; color:#FFF; padding-top:12px; font-size:18px; font-weight:bold; padding-left:15px;}
.part2 .pt2_l .tw{ width:86%; float:right;}
.part2 .pt2_l .tw .p1{ font-size:18px; font-weight:bold; color:#1fa664; margin-bottom:10px;}
.part2 .pt2_l .tw .p2{ line-height:1.6;}
.part2 .pt2_r{ width:50%; float:right;}
.part2 .pt2_l2{ width:50%; float:left;}
.part2 .pt2_r2{ padding:70px 0 70px 70px;}

/*part3*/
.part3{ background:url(../images/vvre.jpg) no-repeat center top; color:#fff; padding-bottom:100px;}
.part3 .p1{ font-size:30px; font-weight:bold; text-align:center; line-height:1.8;}
.part3 .p2{ text-align:center; margin:10px 0;}
.part3 .p3{ margin-top:120px; padding:0 60px; line-height:1.6;}
.part3 a{ color:#fff; text-align:center; width:200px; margin:30px auto; display:block; font-weight:bold;}

/*part4*/
.part4{}
.part4 .pt4_l{ width:58%; float:left;}
.part4 .pt4_t{ border-bottom:#eee 1px solid; padding:15px 0; line-height:40px; margin-bottom:30px;}
.part4 .pt4_t .p1{ font-size:24px; float:left;}
.part4 .pt4_t a{ float:right; padding:0px 20px; border:#eee 1px solid; font-size:12px;}
.part4 .ind_news_l{ float:left; width:50%;}
.part4 .ind_news_l .p1{ float:left; border-right:#ccc 1px solid; padding-right:30px; width:20%;}
.part4 .ind_news_l a{ float:left; width:79%; display:block; font-size:24px; color:#1fa664; padding-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.part4 .ind_news_l .p2{ margin-top:30px; line-height:1.6;}
.part4 .ind_news_r{ width:97%; float:left;}
.part4 .ind_news_r li{ line-height:30px; border-bottom:#ccc 1px dotted}
.part4 .ind_news_r li:before{ content:url(../images/dotos.gif); float:left; margin-top:8px;}
.part4 .ind_news_r li a{ display:block; float:left; width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.part4 .ind_news_r li span{ float:right;}
.part4 .pt4_r{ width:36%; float:right;}
.part4 .pt4_r ul li:first-child{ margin-bottom:10px; padding-bottom:10px; border-bottom:#CCC 1px dashed;}
.part4 .pt4_r ul li img{ vertical-align:middle; margin-right:10px;}
.part4 .pt4_r ul li .p3{ margin-bottom:10px;}
.part4 .pt4_r ul li .p3 a{ font-weight:bold; color:#1fa664;}
.part4 .pt4_r ul li .p4{ line-height:1.8;}

/*bottom*/
.bottom{ padding-top:50px; background:#012a40; color:#9ea8ac;}
.bottom .bottom1{ float:left; width:30%; padding-right:30px; border-right:#174459 1px solid;}
.bottom .bottom1 .logo_b{ width:80%;}
.bottom .bottom1 .p1{ font-size:12px; line-height:1.6; margin:20px 0;}
.bottom .bottom1 .p2{ font-size:14px; line-height:1.6;}
.bottom .bottom1 .p3{ color:#1fa664; background:#1f4255; padding:6px 20px; margin:10px 0; font-weight:bold; border-bottom:#647d8a 1px solid; border-right:#426070 1px solid; border-left:#000000 1px solid; border-top:#000000 1px solid;}
.bottom .bottom1 .p3 img{ height:20px; vertical-align:middle; margin-right:10px;}
.bottom .bottom1 .p4{ font-size:12px; line-height:1.6;}
.bottom .ul1{ float:right; width:70%; padding-left:30px;}
.bottom .ul1 .li1{ float:left; margin-left:2%;}
.bottom .ul1 .li1 .p1{ font-size:18px; border-bottom:#174459 1px solid; padding-bottom:20px; font-weight:normal; color:#FFF; margin-bottom:20px; line-height:1.6;}
.bottom .ul1 .li1 li a{ color:#9ea8ac; line-height:2;}
.bottom .ul1 .li1:nth-child(1){ width:20%; margin-left:0;}
.bottom .ul1 .li1:nth-child(2){ width:34%;}
.bottom .ul1 .li1:nth-child(3){ width:20%;}
.bottom .ul1 .li1:nth-child(4){ width:20%;}

.bottom .foot{ padding:30px 0; margin-top:50px; border-top:#174459 1px solid; font-size:13px;}
.bottom .foot a{ color:#9ea8ac;}

/**/
.banner_n{ height:350px;}

/*about*/
.about_t{ text-align:center; font-size:30px; padding-bottom:30px; text-indent:0 !important; margin-top:0 !important; line-height:1.8 !important; color:#434d5b;}
.x{ width:50px; margin:0 auto 30px; border-bottom:1px solid #000;}
.about p{ text-indent:2em; line-height:1.8; margin-top:15px;}
.about img{ max-width:100%; display:block; margin:20px auto 0;}

/*news*/
.ind_news_l ul{ margin-top:40px;}
.ind_news_l ul li{ transition:0.2s; margin-bottom:15px; padding:10px 0 15px; border-bottom:1px dashed #ccc;}
.ind_news_l ul li:hover{ background:#fafafa;}
.ind_news_l ul li .ind_news2_t{ border:1px solid #ccc; float:left; width:10%; text-align:center;}
.ind_news_l ul li .ind_news2_t .p1{ font-size:24px; font-weight:bold; color:#fff; background:#012a40; padding:10px 15px;}
.ind_news_l ul li .ind_news2_t .p2{ padding:5px 10px;}

.ind_news_l ul li .ind_news2_m{ padding:0 20px; float:left; width:90%;}
.ind_news_l ul li .ind_news2_m .p1{ font-size:18px;}
.ind_news_l ul li .ind_news2_m .p2{ margin-top:5px;}
.ind_news_l ul li .ind_news2_m .pt{ display:none; margin:5px 0; font-size:12px;}

/*product*/
.product{ background:none;}


/*honor*/
.honor_ul{ width:100%;}
.honor_ul li{ width:30%; float:left; margin-right:5%; margin-bottom:20px; overflow:hidden;}
.honor_ul li:nth-child(3n){ margin-right:0;}
.honor_ul li a{ display:block; padding:5px; border:1px solid #ddd; position:relative;}
.honor_ul li a:hover{ border:1px solid #012a40;}
.honor_ul li img{ width:100%;}
.honor_ul li p{ text-align:center; margin-top:10px; font-size:16px;}
.honor_ul li p a{ color:#666;}
li .cover{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #012a40; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
li:hover .cover{ opacity: .8; filter: alpha(opacity=80); }
li .ico01{ width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico01{ margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .ico02{ width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico02{ margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

/*apply*/
.apply li{ width:23%; margin-right:2.5%;}
.apply li:nth-child(3n){ margin-right:2.5%;}
.apply li:nth-child(4n){ margin-right:0;}

/*questions*/
.questions ul{}
.questions ul li{ padding:40px 30px 50px 30px; width:30%; float:left; margin-left:5%; background:#fff; position:relative; top:0; transition:0.2s; box-shadow:0 0 20px rgba(0, 0, 0, .1); margin-bottom:20px;}
.questions ul li:hover{ top:-10px;}
.questions ul li:nth-child(3n+1){ margin-left:0;}
.questions ul li img{ vertical-align:middle; margin-right:10px;}
.questions ul li .p3{ font-size:18px; color:#001941; margin-bottom:20px;}
.questions ul li .p4{ line-height:1.6; margin-bottom:20px;}
.questions ul li a{ color:#fff; background:#012a40; padding:10px 30px; float:left; font-size:12px;}


/*contact*/
.contact .contact_m{ padding-left:30px; margin-bottom:50px; width:50%; float:left;}
.contact .contact_m img{ float:left; height:50px;}
.contact .contact_m .p1{ float:left; font-size:18px; padding-left:20px; margin-bottom:5px;}
.contact .contact_m .p2{ float:left; font-size:14px; padding-left:20px; width:90%;}

/*---------------------*/
#feedbackForm{ padding:20px;}
.messagetit{ font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea{ padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width:96%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus{ color: #333; border: 1px solid #15b1ac; outline: none; background: #fff; }
.messageinput{ width: 236px; padding: 10px; height: 40px; line-height: 40px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus{ color: #333; border: 1px solid #15b1ac; outline: none;  background: #fff; }
.messagebtn{ width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #ccc; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon{ width: 500px; color: #fff; background:#012a40; }
.messagebtn:hover{ opacity: .8; filter: alpha(opacity=80); }

@media (max-width:1120px){
.top{ display:none;}
.nav{ display:none;}
.logo{ padding:5px 0;}
.logo .p1,.logo .p2{ display:none;}
.logo_i{ width:60%;}
.menu{ display:block;}
.n{ padding:20px 0;}
.banner_n{ height:150px; background-size:cover !important;}
.part1{ background:none;}
.part1 .p1{ font-size:20px;}
.part1 .ul2{ margin-top:20px;}
.part1 .ul2 li{ width:48%; margin-left:4%;}

.part1 .ul2 li:nth-child(2n+1){ margin-left:0;}
.part1 .ul2 li .i img{ height:150px;}
.part1 .p_m{ margin:20px auto 0;}
.part2{ background:#f6f6f6;}
.part2 .p_t{ font-size:20px;}
.part2 .p_t span{ font-size:25px;}
.part2 .p_t2{ margin:15px 0 30px;}
.part2 img{ display:none;}
.part2 .pt2_l{ float:none; width:100%; padding:10px;}
.part2 .pt2_l .tt{ width:20%;}
.part2 .pt2_l .tw{ width:80%;}
.part2 .pt2_l .tw .p1{ font-size:16px;}
.part2 .pt2_l .tw .p2{ font-size:12px;}
.part2 .pt2_m{ margin-bottom:0;}
.part2 .pt2_l .clearfix:nth-child(1){ margin-bottom:20px !important;}
.part3 .p1{ font-size:20px;}
.part3 .p2{ width:70%; margin:10px auto;}
.part3 .p3{ margin-top:30px; padding:0 10px;}
.part4 .pt4_l,.part4 .ind_news_l,.part4 .ind_news_r,.part4 .pt4_r{ width:100%; float:none;}
.part4 .ind_news_l .p2{ margin-top:10px; margin-bottom:10px;}
.part4 .pt4_t{ line-height:25px;}
.part4 .pt4_t .p1{ font-size:16px;}
.part4 .ind_news_l a{ font-size:18px; line-height:40px;}
.part4 .pt4_r{ margin-top:20px;}
.bottom{ padding-top:20px;}
.bottom .bottom1{ width:100%; float:none; padding-right:0; border:none;}
.bottom .bottom1 .logo_b{ width:60%;}
.bottom .ul1{ display:none;}
.bottom .foot{ margin-top:20px; padding:20px 0;}
.bottom .foot a.a1{ float:left !important;}
.foot p{ float:none;}

.about_t{ font-size:20px;}
.ind_news1 .ind_np{ display:none;}
.ind_news1 .ind_nm{ float:none; width:100%;}
.ind_news_l ul li .ind_news2_t{ display:none;}
.ind_news_l ul li .ind_news2_m{ float:none; width:100%;}
.ind_news_l ul li .ind_news2_m .pt{ display:block;}
.honor_ul li{ width:48%; margin-right:4%;}
.honor_ul li:nth-child(3n){ margin-right:4%;}
.honor_ul li:nth-child(2n){ margin-right:0;}
.questions ul li{ width:100%; float:none; margin-left:0;}
.messagebtn{ width:100% !important;}

.contact .contact_m{ float:none; width:100%; margin-bottom:20px; padding-left:10px;}
.contact .contact_m .p1{ font-size:14px;}
.contact .contact_m .p2{ font-size:12px;}
.contact .contact_m img{ height:30px;}

.contact .contact_m:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}

}

.met_pager {
	margin-top: 20px;
	text-align: center
}
.met_pager a {
	border: 1px solid #e4eaec;
	border-right: none;
	background: #fff;
	padding: 9px 15px;
	text-align: center;
	color: #76838f
}
.met_pager a:hover {
	background: #f5f5f5;
	text-decoration: none
}
.met_pager a {
	text-decoration: none
}

@media (max-width:488px) {
.met_pager a {
	padding: 4px;
}
}

.grey { color:#000000;}