@charset "utf-8";
/* CSS Document */

body,div,img,span,ul,ol,li,p,a,h1,h2,h3,h4,h5,input,select,dl,dt,dd,textarea{ margin:0; padding:0; font-size:13px;font-family:"微软雅黑"; color:#666; }

a{ text-decoration:none;color:#333;}
a:hover{text-decoration:none;}

ul,li{ list-style:none;}


.whole{ width:100%; overflow: hidden; background: url(../images/f3.jpg) no-repeat #C9E7FF; background-size:100%;}
.index_head{ width:94%; overflow:hidden; margin:0 auto; margin-top:20px; margin-bottom: 5px;}
.logo{ width:50%; overflow:hidden; float:left; display:block;}
.mobile_nav{ width:30px; height:30px; float:right;  border-radius:2px; background:#2A9BEA; }
.nav_center{ width:20px; overflow:hidden; margin:0 auto; margin-top:6px;}
.mobile_nav span{ width:20px; height:3px; margin-bottom:5px; background:#fff; display:block;}
.top_nav { width: 100%; overflow: hidden; background: rgba(42,155,234,0.8); display:none; position: absolute; /*top:30px;*/z-index:9999;}
.top_nav ul li { border-bottom: 1px solid #fff; padding:2% 0%;}
.top_nav ul li:last-child { border-bottom:none;}
.top_nav ul li a { font-size:14px; color: #fff; padding: 0% 5%}
.index_new{ width:100%; overflow: hidden; background: #fff;}
.index_title{ width:100%; height: 35px; border-bottom: 1px #ddd solid;}
.index_title a{ width:100px; height: 35px; border-bottom: 2px #2A9BEA solid; font-size: 16px; color: #333; font-weight: 600; line-height: 35px; padding-left: 20px; display: block;}
.newcenter{ width:94%; overflow: hidden; margin: auto; padding-bottom: 10px;}
.newcenter ul li{ width:100%; overflow: hidden; padding-bottom: 10px; border-bottom: 1px #ddd dashed; margin-top: 10px;}
.newcenter ul li img{ width:5px; height: 6px; float: left; margin-top: 6px; display: block;}
.newcenter ul li a{ width:75%; height: 20px; font-size: 10px; color: #666; line-height: 20px; float:left; margin-left: 10px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical;  display: block;}
.newcenter ul li span{ width:20%; height: 20px; color: #999; font-size: 10px; text-align: right; float:right;line-height: 20px; display: block;}
.index_note{ widtH:100%; overflow: hidden; background: #fff; margin-top: 20px; padding-bottom: 10px;}
.note{ width:94%; overflow: hidden; margin: auto; margin-top: 10px;}
.note ul li{ width:160px; overflow:hidden; float:left; margin-left: 10px;}
.note ul li a{ width:160px; overflow: hidden; display: block;}
.note ul li a .note_img{ width:160px; height: 107px;}
.note ul li a span{ width:160px; height: 30px; color: #666; font-size: 10px; line-height: 30px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical; display: block;}
.recommend{ width:94%; overflow: hidden; margin: auto;}
.recommend ul li{ width:48%; height: 40px; float: left; margin-left: 2%; margin-top: 10px; background: url(../images/bg.png) no-repeat; background-size: 100% 100%;}
.recommend ul li:nth-child(2n+1){ margin-left:0px;}
.recommend ul li:nth-child(1) img{ margin-top: 8px;}
.recommend ul li a{ width:100%; height:40px; display:block;}
.recommend ul li a img{ width: 16%; overflow: hidden; float: left; margin-left: 10px; margin-top: 5px;}
.recommend ul li a span{ width: 75%; height: 40px; font-size: 14px; color: #237DC5; line-height: 40px; float: right; display: block;}
.process{ width:94%; overflow: hidden; margin: auto;}
.process ul li{ width:45%; height: 100px;float: left;  margin-left:10%; margin-top: 10px;}
.process ul li:nth-child(1){ background: #0E9CA6; margin-left: 0px;}
.process ul li:nth-child(2){ background: #E46866;}
.process ul li:nth-child(3){ background: #F5C500; margin-left: 0px;}
.process ul li:nth-child(4){ background: #20B7FE;}
.process ul li img{ width: 22%; overflow: hidden; margin: auto; margin-top: 15px; display: block;}
.process ul li span{ width: 100%; height:20px; color: #fff; font-size: 10px; text-align: center; margin-top: 10px; line-height: 20px; display: block;}
.zc{ width: 94%; height: 200px; margin: auto; margin-top: 10px;}
.zc ul li{ width:100%; height: 60px; margin-top: 10px;}
.zc ul li img{ width:76px; height: 60px; float: left; display: block;}
.zc ul li h2{ width:75%; height: 60px; float: right; color: #666; font-size: 10px; margin-top: 8px; font-weight: 400; line-height: 20px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index_about{ width: 94%; overflow: hidden; margin: auto; margin-top: 10px;}
.index_about img{ width: 100%; overflow: hidden;  display: block;}
.about{ width: 100%; overflow: hidden; font-size: 10px; color: #666; line-height: 20px; margin-top: 10px;}
.about a{ color:#F92B2F; font-size: 10px;}
.company{ width: 94%; overflow: hidden; margin: auto;}
.company ul li{ width: 100%; height: 20px; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px #ddd dashed;}
.company ul li img{ width: 5px; height: 6px; float: left; margin-top: 8px; display: block;}
.company ul li a{ width: 96%; height: 20px; color: #666; font-size: 10px; line-height: 20px; float: right; display: block;}
.index_footer{ width: 100%; overflow: hidden; background: url(../images/vtk0.jpg) no-repeat; background-size: 100% 100%; margin-top: 20px;}
.footer{ width: 94%; overflow: hidden; margin: auto; padding-top: 30px; padding-bottom: 10px;}
.footer span{ width: 100%; height: 20px; margin: auto; margin-top:5px; color: #fff; text-align: center; line-height: 20px; display: block;}
.index_bottom{ width: 100%; height: 30px; background: #414141;}
.footer_bottom{ width: 94%; height: 30px; margin: auto;}
.bot_left{ color: #fff; font-size: 10px; width: auto; height: 30px; float: left; line-height: 30px;}
.bot_right{ color: #fff; font-size: 10px; width: auto; height: 30px; float: right; line-height: 30px;}



.company_brife{ width:100%; overflow: hidden;}
.brife{ width:94%; overflow: hidden; margin: auto; margin-top: 10px; font-size: 10px; color: #666; line-height: 24px;}
.brife img{ width:100%;display: block;}
.brife a img{width:24.7%; float:left; margin-bottom:20px; display: block;}
.brife_list{ width:94%; overflow: hidden; margin: auto; margin-top: 10px;}
.brife_list ul li{ width:160px; height: 124px; float: left; margin-left: 10px;}
.brife_list ul li img{ width:160px; height: 124px; display: block;}


.online{ width:94%; overflow: hidden; margin: auto; margin-top: 10px; font-size: 10px; line-height: 24px;}
.classic{ width:100%; height: 40px; background: #eee;}
.classic ul li{ width:50%; height: 40px; float: left;}
.classic ul li a{ width:100%; height: 40px; color: #666; font-size: 14px; font-weight: 500; text-align: center; line-height: 40px; display: block;}
.classic ul li .first{ width:100%; height: 40px; border-top:2px #A3080A solid; font-weight: 500; background: #fff; color:#2A9BEA; }
.company_list{ width:94%; overflow: hidden; margin:auto;}
.company_list ul li{ width:100%; height: 20px; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px #ddd dashed;}
.company_list ul li img{ width:5px; height: 6px; margin-top: 6px; float: left; display: block;}
.company_list ul li a{ width:95%; height: 20px; font-size: 10px; color: #666; float: right; line-height: 20px; display: block;}
.page{width:80%; overflow:hidden; margin:0 auto; margin-top:20px; font-size:12px;}
.page ul{ width:auto; overflow:hidden; text-align:center; margin:0 auto;}
.page ul li{ list-style:none; padding:4px; float:left;}
.page ul li a{ border:1px #00aaef solid; padding:3px 7px; color:#666; font-size:10px; }
.page ul li a:hover{ background:#00aaef; color:#fff;}
.page ul li .now{ background:#00aaef; color:#fff;}


.detail{ width:94%; overflow: hidden; margin: auto; margin-top: 10px;}
.detail h2{ width:100%; height: 24px; font-size: 16px; color: #333; font-weight: 500; text-align: center; line-height: 24px;}
.release{ width:100%; height: 20px; font-size: 10px; color: #999; text-align: center; line-height: 20px; margin-top: 10px;}
.company_detail{ width:100%; overflow: hidden; min-height: 200px; margin-top: 10px; font-size: 10px; line-height: 24px;}
.policy_classic{ width:100%; height: 40px; background: #eee;}
.policy_classic ul li{ width:25%; height: 40px; float: left;}
.policy_classic ul li a{ width:100%; height: 40px; color: #666; font-size: 14px; font-weight: 500; text-align: center; word-break:break-all; line-height: 40px; display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical;}
.policy_classic ul li .first{ width:100%; height: 40px; border-top:2px #A3080A solid; font-weight: 500; background: #fff; color:#2A9BEA; word-break:break-all; line-height: 40px; display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical; overflow: hidden; }



.contact{ width:94%; overflow: hidden; margin: auto; margin-top: 10px;}
.map{ width:100%; overflow: hidden;}
.contact_way { width:100%; overflow: hidden;}
.contact_way h2{ width:100%; overflow: hidden; color: #333; font-weight: 600;}
.contact_way ul{ width:100%; overflow: hidden;}
.contact_way ul li{ width:100%; height: 20px; margin-top: 10px; font-size: 10px; line-height: 20px;}