/* css reset*/
body,h1,h2,h3,h4,hr,p,dl,dt,dd,ul,li,form,button,input,textarea,th,td,tr,thead{margin:0; padding:0;}
body,button,input,textarea { font-family:"Microsoft Yahei",微软雅黑,"Helvetica Neue",Arial,sans-serif;}
h1,h2,h3,h4{font-size:100%;font-weight: normal;}
fieldset,img{border:0;}
img{ vertical-align:middle; border:none;max-width: 100%}
p{text-align:justify;}
em,th{font-style:normal;font-weight:normal;}
article,footer,header,menu,nav,section{display:block; margin:0; padding:0;}/* HTML5 */
ul,li{list-style:none;}
a{text-decoration:none;  cursor:Pointer;outline:none;}

/* public style */
.mb-20{margin-bottom: 20px;}
.clearfix{overflow:auto;_height:1%}
.clear{ clear:both;}
h2{font-size:24px;}
body{color:#333333;max-width:640px; overflow-x:hidden; -webkit-transition:font-size 0.2s ease-out; margin:0 auto; font-size: 16px; line-height:28px;}
@media only screen and (max-width: 720px) { body{ font-size: 16px; }}
@media only screen and (max-width: 640px) { body{ font-size: 16px; }}
@media only screen and (max-width: 520px) { body{ font-size: 14px; }}
@media only screen and (max-width: 420px) { body{ font-size: 14px; } }
@media only screen and (max-width: 320px) { body{ font-size: 14px; }}
a.btn{background:#e13131;color:#fff;padding:15px;border-radius: 25px;display: block;text-align: center;margin:3% auto 0;width:35%; font-weight:bold; float:left; margin-left:4%;}
@media only screen and (max-width: 320px) { a.btn{padding:3px;border-radius:15px;}}
.pull-left{float:left;display:inline;}
.pull-right{float:right;display: inline;}

header { padding:1% 0;  }
header img{ width:100%; }

.nav{ width:100%; background:#103f6b; overflow:hidden;}
.nav ul li{ width:25%; float:left;}
.nav ul li a{ color:#fff; text-align:center; width:100%; display:block;	 padding:3% 0;}
.nav ul li a:nth-of-type(1),.nav ul li a:nth-of-type(2),.nav ul li a:nth-of-type(3){ border-right:1px solid #0b3053;border-bottom:1px solid #0b3053;}
.nav ul li a:nth-of-type(4){ border-bottom:1px solid #147b40;}


.sosuo{ padding:3% 10%; background:#f9f9f9; }
.sosuo input{display:block; float:left; }
.sosuo .ss_put{width:77%; padding:2% 0 2% 2%; outline:none; border:1px solid #eaeaea; border-right:none; background:#fff; font-size:14px; color:#666666;}
.sosuo .ss_btn{width:20%; padding:2% 0; text-align:center; color:#fff; background:#1c3b7c; font-size:14px; border:none; cursor:pointer;}

.index_tit{ }
.index_tit h2{ font-size:24px; font-weight:bold; color:#103f6b; text-align:center; padding-top:4%;}
.index_tit p{ color:#b2b2b2; text-transform:uppercase; text-align:center; line-height:120%;}


.xiangmu{ padding:5% 2% 0;}
.xiangmu .swiper-container{ padding-bottom:5%;}
.xiangmu .swiper-slide{  text-align: center; font-size: 18px; background: #fff; width: 50%; margin-right:2%; position:relative; overflow:hidden;}
.xiangmu .swiper-slide p{ font-size:14px; text-align:center;}
.xiangmu .swiper-slide img{ width:100%;}

.fannao{ padding:3%; background:#103f6b;}
.fannao .index_tit h2{ color:#fff; letter-spacing:2px; line-height:130%;}
.fannao .index_tit h2 span{ font-weight:normal; }
.tabs{ width:100%; margin-top:4%;}
.tabs a{ background:#fff; color:#103f6b; width:24.5%; display:block; float:left; margin-right:1px; text-align:center; padding:2% 0;}
.tabs a.active{ background:#487caf; font-weight:bold;}
.swiper-container2{ width:100%; overflow:hidden; background:#487caf; margin-bottom:4%;}
.swiper-container2 h2{ font-size:19px; color:#eaf5ff; margin-top:3%; margin-bottom:2%; font-weight:bold; padding:2% 3% 0;}
.swiper-container2 p{  color:#eaf5ff;  padding:0 3% 5%; }


.fuwu{ padding:3%;}
.fuwu ul li{ width:48%; float:left; margin-right:1.5%; margin-bottom:3%;}
.fuwu ul li:nth-of-type(3n){ margin-right:0;}
.fuwu ul li img{ width:100%; height:5em;}
.fuwu ul li p{ text-align:center;}
.fuwu ul li a{ color:#333;}

.youshi{ padding:6% 3%; background-image:url(../images/bg_03.jpg); background-size:100% 100%;}
.youshi .index_tit h2{ color:#fff; }
.youshi .index_tit p{ color:#b2b2b2; }
.youshi_cont{  padding:3%;}
.youshi_cont img{ width:100%; margin:2% 0;}
.youshi_cont h2{ font-size:20px; font-weight:normal; color:#103f6b; }
.youshi_cont h3{ font-weight:normal; color:#666; padding-bottom:5px; margin-bottom:5px;}
.youshi_cont p{   background:url(../images/tips2.png) 0 15px no-repeat; padding-left:15px;}
.youshi_cont p strong{ color:#FF0000;}
.ys_list1{ width:15%; float:left; background:#103f6b; padding:4% 0; color:#fff; text-align:center; font-weight:bold; font-size:20px;}
.ys_list2{ width:83%; float:left; margin-left:2%; }

.hezuo{ padding:2% 3% 4%; background:#103f6b;}
.hezuo .index_tit h2{ color:#fff; }
.hezuo .index_tit p{ color:#b2b2b2; padding-bottom:3%; }
.hezuo .bd ul li{ width:50%; float:left;}
.hezuo .bd ul li img{ width:99%;}

.jianjie{ padding:3% 5%; background:#103f6b;}
.jianjie .index_tit h2{ color:#fff; }
.jianjie .index_tit p{ color:#b2b2b2; padding-bottom:3%; }
.jianjie img{ width:100%; border:3px solid #fff;}
.jianjie_cont{ width:100%;}
.jianjie_cont p{ margin-top:3%; text-indent:2em; color:#fff; }
.jianjie_cont a{color:#f00; }


.index_anli{ padding:3%;}
.index_anli ul li{ width:48.5%; float:left; margin-right:3%; margin-bottom:3%;}
.index_anli ul li:nth-of-type(2n){ margin-right:0;}
.index_anli ul li img{ width:100%; height:6em;}
.index_anli ul li p{ text-align:center;}
.index_anli ul li a{ color:#333;}
.gengduo a{ width:70%; margin:0 auto; background:#f5f5f5; border:1px solid #ccc; text-align:center; padding:2% 0; border-radius:5px; display:block; color:#333;}


.index_tt{ border-bottom:1px solid #d8d8d8; margin-bottom:3%; background:#103f6b; padding:3% 2%; margin-top:5%; }
.index_tt h3{ font-size:16px; color:#fff; float:left; font-weight:normal; }
.index_tt h3 span{ margin-left:5px;}
.index_tt a{ color:#fff; float:right;}
.xinwen ul li{ width:94%; border-bottom:1px solid #f0f0f0; padding:3% 3%;}
.xinwen ul li a{ color:#5a5a5a; margin-left:3px;}
.xinwen ul li img{ margin-right:1%;}


.bottom{ background:#103f6b; color:#fff; padding:5% 3%; text-align:center;}
.bottom a{color:#fff;}
.footer{ background:#062849; padding:2% 0;text-align:center; color:#E0E0E0; font-size:10px;}
.footer a{color:#fff;}
@media only screen and (max-width: 420px) {.index_tit h2{ font-size:20px;}}