@charset "utf-8";
/* CSS Document */
body{max-width:640px;margin:50px 0 70px 0; padding:0; font:normal 92% Helvetica,STHeiti,Droid Sans Fallback; color:#333; background:#fff;overflow-x: hidden;overflow-y: auto;}
*{margin:0; padding:0;}
.iconfont{-webkit-font-smoothing: antialiased;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#333;}
.clear{clear:both}
.fl{ float:left}
.fr{ float:right}
img{border:0;max-width:100%;}
DIV,ul,li,h1,h2,p,dl,dt,dd{ margin:0; padding:0; list-style:none}
/*按钮*/
.index_button{
	width: 95%;
	height: 40px;
	background-color: #f18d0c;
	color: #000;
	text-align: center;
	line-height: 40px;
	font-size: 12.5px;
	letter-spacing: 5px;
    margin-left: 2.5%;
    border-radius: 30px;
}
.index_button a{color: #fff;}
/*导航*/
.language a{font-size: 13px;color: #fff;margin-left: 10px;}
header{height:50px; line-height:50px; background:#1a75b6; text-align:center; color:#fff; top:0; left:0; position:fixed; width:100%; z-index:999999;}
.sp_header{height: 50px;
    overflow: hidden;
    position: fixed;
    z-index: 10;
    position: absolute;
    top: 0px;
    right: 5px;}
.sp_logo{padding:10px;float:left;height:50px;}
.logo{text-align: center;}
.logo img{margin:auto;max-height:40px;margin-top: 10px;margin-left: 100px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:20px;margin-top:17px;}
.sp_nav span{display:block;background:#fff;width:25px;height:1px;position:absolute;left:20px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;background:#eee;width:100%;height:calc(100% - 109px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li{color: #666;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; text-align: left;}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:45px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:left;color:#999;}
.sjj_nav ul li i{position:absolute;top:10px;right:0px;border-left:1px #ddd solid;height:45px; width: 100px; background: #eee; padding:0px 7px 0 7px; color: #666; text-align: center;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:55px;font-size:14px; text-align: left;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:30px;height:30px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#00bdff;}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
/*title*/
.index_title{margin: 3% auto auto auto;display:block;font-size:18px;;line-height:35px;color:#999; text-align:center;}
.index_title span{font-size: 18px;color: #05356f;font-weight: bold;}
.index_title p{background-color: #f18d0c;height: 25px;line-height: 26px; width: 170px;margin: auto auto;font-size: 12px;font-weight: 500;color: #fff;}
/*banner*/
.swipe{width:100%;overflow:hidden;position:relative; text-align:center;height: 188px;margin-top: -3px;}
.swipe ul{-webkit-transition:left 800ms ease-in 0;-moz-transition:left 800ms ease-in 0;-o-transition:left 800ms ease-in 0;-ms-transition:left 800ms ease-in 0;transition:left 800ms ease-in 0;}
.swipe li img{width:100% }
.swipe #pagenavi{position:absolute;left:0;bottom:5px;text-align:center;width:100%;}
.swipe #pagenavi a{width:8px;height:8px;line-height:99em;background:rgba(255,255,255,0.5);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 3px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a:nth-child(1){margin-right: -1px;}
.swipe #pagenavi a:nth-child(4){margin-left: -1px;}
.swipe #pagenavi a.active{background:#57b8e3;}

/*四块内容*/
.index_four{width: 100%;margin: 0 auto;}
.index_four li{float: left;width: 50%;height: 100px;}
.index_four li:nth-child(1){background: url(../images/f1.jpg) center center no-repeat;margin: 0px 0 0 0;background-size: 100% 100%;}
.index_four li:nth-child(2){background: url(../images/f2.jpg) center center no-repeat;margin: 0px 0 0 0;background-size: 100% 100%;}
.index_four li:nth-child(3){background: url(../images/f3.jpg) center center no-repeat;margin: 0px 0 0 0;background-size: 100% 100%;}
.index_four li:nth-child(4){background: url(../images/f4.jpg) center center no-repeat;margin: 0px 0 0 0px;background-size: 100% 100%;}

.index_four_button{width: 150px;height: 35px;line-height: 35px;color: #FFF;text-align: center;margin: 32px 20px 0 0;font-size: 12px;font-weight: lighter;}
.index_four li:nth-child(2) .index_four_button{width: 150px;height: 35px;line-height: 35px;color: #000;text-align: center;margin: 32px 0 0 20px;}
.index_four li:nth-child(3) .index_four_button{width: 150px;height: 35px;line-height: 35px;color: #000;text-align: center;margin: 32px 20px 0 0;}
.index_four li:nth-child(4) .index_four_button{width: 150px;height: 35px;line-height: 18px;color: #FFF;text-align: center;margin: 32px 0 0 20px;}


/*pro*/
.index_pro{text-align: center;}
.index_pro_title{font-size: 22px;color: #1a75b6;text-align: center;font-weight: bold;margin-top: 20px;margin-bottom: 20px;}
.index_pro_title span{color: #57b8e3;}
.index_pro_title .sd ul{display: table;margin: auto auto;}
.index_pro_title .sd li{float: left;width: 5px;height: 5px;background-color: #57b8e3;margin: 10px 10px 0 10px;}
.index_pro_title .sd li:nth-child(2){background-color: #1a75b6;}

.index_pro_main .title{width: 98%;height: 40px;color: #fff;font-size: 14px;text-align: center;background-color: #57b8e3;line-height: 40px;margin-left: 1%;margin-top: 10px;border-radius: 5px;letter-spacing: 0.4px;}
.index_pro_main .title a{color: #fff;}
.index_pro_main li p{font-size: 14px;color: #000;text-align: left;margin-left: 3%;margin-top: 10px;border-bottom: 1px dashed rgba(0,0,0,0.08);padding-bottom: 10px;letter-spacing: 0.2px;width: 94%;}

/*fw;*/
.fw ul li{float: left;width: 30%;height: 30px;line-height: 28px;color: #024582;text-align: center;margin: 20px 0 0 2%;border-radius: 5px;font-size: 13px;border: 1px dashed #ccc;transition: all 0.3s;padding-top: 6px;}

.main_1{margin-top: 30px;}
.se_title i{font-weight: lighter;}
.se_title{font-size: 16px;color: #fff;height: 35px;background-color: #0056a4;padding-left: 10px;line-height: 35px;margin-bottom: 10px;border-radius: 5px;}
.main_text{font-size: 15px;color: #444;line-height: 26px;}
.main_text i{font-size: 15px;color: #666;line-height: 26px;font-size: 11px;color: #67a4db;}
.smain{margin-top: 30px;}
.se_stitle{font-size: 14px;color: #fff;height: 35px;background-color: #67a4db;padding-left: 10px;line-height: 35px;width: 98%;margin-left: 0%;border-radius: 5px;}
.smain_text{font-size: 15px;color: #444;line-height: 26px;margin-top: 20px;}
.smain_img{margin-top: 20px;}
.smain_img2{margin-top: 20px;text-align: center;}
.smain_text i{font-size: 11px;color: #67a4db;}
.main_hx{border-bottom: 1px dashed #ccc;margin-top: 20px;}
.pr10{padding-right: 10px;}


.index_search{
	text-align: center;
	margin-top: 100px;
    width: 100%;
}
.index_search_box{
	width: 85%;
	height: 45px;
	background-color: #f3f3f3;
	border-radius: 25px;
	border:none;
	outline:none;
	font-size: 14px;
	color: #bbb;
	text-align: center;
}
.index_search_main{
	width: 100%;
}
.index_search_right{
    margin: 20px auto;
    display: block;
	width: 85%;
	height: 45px;
	border-radius: 25px;
	background-color: #57b8e3;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
    border: none;
}
.res_main{background-color: #f9f9f9;}

.sea_logo{text-align: center;}
.sea_logo img{text-align: center;margin-top: 100px;}

/*BOTTOM*/
.bottom{height:50px; background:#ddd; line-height:60px; text-align:center; color:#666; font-size:0.87em;}
footer{margin-top:0px;position:fixed;padding:5px;padding-top:7px;width:100%;height:50px;bottom:0;border-top:1px solid #fff;background:#1a75b6;}
.kong{height: 88px;}
footer ul{height:45px;line-height:45px;}
footer ul li{width:33.33%;float:left;color:#FFF;}
footer ul li dl{width:auto;margin:0 auto;text-align:center;}
footer ul li dt{width:auto;height:28px;overflow:hidden;}
footer ul li dd{width:auto;height:20px; font-size:0.8em; color:#fff;line-height:20px;}


.index_number{width:95%; margin: 0 auto;background: #3377d4; margin:0 auto; padding: 10px 0 0px 0;}
.index_number ul{display:table; text-align: center; margin: 0 auto;}
.index_number ul li{width:45%; font-size:30px; text-align: center; font-weight: bold; line-height:40px; color: #fff; float: left; margin: 10px 2%;}
.index_number ul li i{display: block;}
.index_number ul li p{font-size: 14px; line-height:30px;}

.four_main{margin-top: 10px;text-align: center;}
.four_main li{box-shadow: #ddd 0px 5px 5px;margin-top: 20px;}
.four_main li img{width: 98%;}
.four_main_text{width: 98%; font-size: 18px;font-weight: 550;margin: 10px 0 0 0;}
.four_main_text p{text-align: left;width: 98%; margin-left: 1%; font-size: 14px;font-weight: 500;text-indent:2em;margin: 8px 0 8px 0;line-height: 22px;margin-left: 2%;}

.index_sbanner{margin-top: 10px;}

.index_proif li{float: left;}
.index_proif li{width: 45%;text-align: center;margin: 15px 2.5% 0 2.5%;}
.index_proif li p{height: 35px;margin-top: -39px;background-color: rgba(246,246,246,0.95);position: relative;line-height: 36px;border-bottom: 1px #23b14d solid;font-size: 14px;}


/*yy*/
.yy_main{margin-top: 15px;width: 98%;}
.yy_main2{margin-top: 15px;}
.yy_title i{font-size: 18px;color: #38c5f1;font-weight: lighter;margin-right: 10px;}
.yy_title{color: #05356f;font-weight: bold;font-size: 18px;padding-top: 10px;margin-left: 2%;text-align: center;}
.yy_title p{color: #333;font-weight: 500;font-size: 14px;line-height: 26px;margin-top: 8px;text-indent: 2em;margin-left: 2%;text-align: left;}
.yy_text{width: 98%;letter-spacing: 0.2px;}
.yy_img img{border: 6px solid #f9f9f9;width: 100%;}
.yy_img{width: 98%;margin-top: 5px;}





.sub_main_text{max-width: 100%;}

/*
SOME
*/
.some_bg{background: url(../images/mbg.jpg) top center no-repeat;}
.some_wrapper{background: url(../images/some_bg.jpg) top center no-repeat; background-size: cover; width: 100%; }
.some_container{float: left; margin: 15PX 0 0 10px;}
.some_container li{color: #1b54a1; font-size: 14px;line-height:28px; height: 28px; background: url(../images/tan.png) left no-repeat; text-indent:25px;}
.some_man{position: absolute; background: url(../images/ask.png) top center no-repeat; right: 0; top: -60px; width: 419px; height: 433px;}




.someq{height:42px; line-height: 42px; color: #fff; font-size:14px; font-weight: bold;}
.someq_left{width:100%; float: left;background: #0a50a1; font-size:16px; text-align:center;}
.someq_right{width:30%; float: left;background:#eee; text-align: right; padding: 0 10px 0 0; box-sizing: border-box; font-weight: normal; color: rgba(255,255,255,.5)}



.content{padding:10px; line-height:30px; max-width:100%!important; word-break:break-all;}
.content p{ max-width:100%!important; word-break:break-all;}
.content span{max-width:100%!important; word-break:break-all;}
.content h2{text-align:center; font-size:1.1em}
.content img{text-align:center; max-width: 100%;}

.tcc{text-align: center;}



/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#999;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:10px;margin:20px auto 30px auto;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}




.index_show_main{width: 100%px;}

.index_show_main li{ padding: 10px 0;}
.index_show_main li p{width: 100%;  text-align: center; font-weight: bold; line-height: 25px; height: 25px; background-color: #eee;}





/*列表页*/
.sub_xinwen{width:95%; margin: 0 auto; padding: 0;}
.sub_xinwen ul{list-style: none;}
.sub_xinwen li{ background: #fff; margin:15px 0; width: 100%;
    shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    box-shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    -webkit-box-shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;}
.snews_content{width:100%; height:100px; padding: 0; background: #fff; transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;}
.snews_content:hover{background:#fcfcfc;}
.snews_content_time{width: 100%; background: #f5f5f5; height: 40px; line-height: 40px; text-align: center; color: #1992e7; font-size: 12px; margin-bottom: 30px;}
.sub_pic{width:30%; height:100px; margin:0;  float:left;}
.sub_pic img{width:100%; height:auto; max-height: 100%; margin: 7px 0 0 7px;}
.sub_text{width:60%; height:45px; line-height:20px; float:left; margin:10px 0 0 25px; color:#1f5f61; font-size:14px;}
.sub_text a{color:#000; text-decoration:none;}
.sub_text a:hover{color:#fc0; text-decoration:none;}
.sub_text span{width:20%; float:right; text-align: center; margin:0; color:#fff; background: #f90; font-size:14px; line-height:20px;}
.sub_text p{font-size: 12px; color: #f90
    ; line-height: 45px;}
.pre_nex{width: 100%; margin: 25px auto;}
.pre_nex li:nth-last-child(odd){float: left;}
.pre_nex li:nth-last-child(even){float: right;}
.pre_nex li{width: 48%; height: 40px; line-height: 40px; color: #aaa; background: #f8f8f8; text-align: center;}
.pre_nex li a{display: block; color: #777; font-size: 14px;}
.pre_nex li a:hover{color: #000; background: #f1f1f1;}








