@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
html, body{ overflow-x:hidden;}
body{color:#333; background-color:#ffffff;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family:"Microsoft Yahei"; margin:0; padding:0;}
input,textarea,button{ background: transparent;vertical-align:middle}
a{ color:#333; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}
iframe, video{ width:100%;}

/*href*/
a:link,a:visited{color:#333; text-decoration:none;}
a:hover,a:active{color:#a00; text-decoration:none;}


/*common*/
.wrap{ width:96.2%; margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.mt20{margin-top:0.26rem !important}
.mt30{margin-top:0.4rem !important}
.mt8{ margin-top:0.15rem;}
.mt50{ margin-top:0.66rem;}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.lc{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}


/*header*/
.top{}
.nav{}
.nav li{ line-height: 10vw; background-color:#1e377d; width: 33.3%; float: left; text-align: center;}
.nav li a{ font-size: 3.6vw; color: #ffffff;  display: block; font-weight:bold }
.nav li:nth-child(3n-2) a{ border-left: none;}
.search{ padding-top:24px; background-color:#1e377d; padding-bottom:20px; padding-left:30px}
.search_1{ height:40px; border:2px #405C91 solid; border-radius:40px; width:240px; margin-right:10px; color:#999999; text-align:center}

/*主页简介*/
.i_jjbg{ text-align:center;}
.i_jjbg .title h2{font-size:9vw; color: #313131; margin-bottom:2vw; font-weight:normal; padding-top:4vw}
.i_jjbg .title span {display:inline-block; height:7vw; line-height:7vw; background-image: linear-gradient(to right, rgba(1,129,204,100)
 , rgba(70,177,167,100)); font-size:4vw; font-weight:bold; color:#fff;
 padding:0 6vw;}
.i_jj_title{ padding-top:10vw; font-size:8vw; font-style:oblique; font-weight:bold; color:#243a67}
.i_jj_fbt{ font-size:5vw; color:#243a67; padding-top:5vw}
.i_jj_con{ width:92%; margin:0 auto; font-size:3.8vw; color:#707578; line-height:7vw; padding-top:3vw}
.i_jj_con p{ padding-top:2vw}
.i_jj_icon{ padding-top:4vw; width:100%; margin:0 auto; padding-bottom:5vw; overflow:hidden}
.i_jj_icon ul li{ width:50%; float:left; font-size:3.5vw; margin-bottom:4vw}
.i_jj_icon1{width:30%; margin:0 auto}
.i_jj_icon2{ width:30%; margin:0 auto}
.i_jj_icon3{ width:30%; margin:0 auto}
.i_jj_icon4{ width:30%; margin:0 auto}
.i_jj_icon_title{ padding-top:8px}

/*服务项目*/
.index2{ background:url(/static/images/sj_fwg.jpg); position: relative;}
.index2 .swiper-container .swiper-slide{ width:92%; background-color:#fff; margin-left:4%;}
.pro_tit{ font-size:5vw; text-align:center; padding-top:5vw; padding-left:5vw; padding-right:5vw}
.pro_txt{ margin:.26rem .4rem .4rem; font-size:0.3rem; line-height:1.8;}
.index2 .swiper-button-next{ background-image:url(/static/images/adv_next.png); right:0; background-size:cover; height:20vw}
.index2 .swiper-button-prev{ background-image:url(/static/images/adv_prev.png); left:0; background-size:cover; height:20vw}
.index2 .swiper-button-next:after, .index2 .swiper-button-prev:after{ font-size:0}
.pro_more{ margin:0 auto; width:2rem; display:block;}

.i_sb_list_sjwidth{ width:100%; margin:0 auto; padding-top:5vw}
.i_sb_title1{ text-align:center; font-weight:bold; color:#fff; font-size:19px;  padding-top:3vw; padding-bottom:4vw;}
.i_sb_con{ color:#fff; font-size:15px; line-height:24px; text-align:center}
.i_sb_imgpad{ padding-top:5vw;}


.box2_swiper{ margin-top:0vw; background-image:url(/static/images/kh_bg.jpg);}
.box2_swiper .swiper-slide{ width:98%; position: relative; margin: 0 1%; }
.box2_swiper .swiper-slide p{ position: absolute; top: 50%; left: 0; margin-top: -15px; width: 100%; text-align: center; line-height: 30px; font-size: 24px; color: #ffffff; opacity: 0;}
.box2_swiper .swiper-slide:hover img{ opacity: .2;}
.box2_swiper .swiper-slide:hover p{ opacity: 1;}
.box2_swiper .swiper-button-next:after, .box2_swiper .swiper-button-prev:after{ font-size: 0;}
.box2_swiper .swiper-button-next, .box2_swiper .swiper-button-prev{ position:absolute; left:5px; top:50%; margin-top: -10vw; display:block; width:6vw; height:20vw;  background:url(/static/images/adv_prev.png) center center no-repeat #2e487b; z-index: 999; }
.box2_swiper .swiper-button-prev{ left:auto; right:5px; background:url(/static/images/adv_next.png) center center no-repeat #2e487b;  }
.box2_swiper .swiper-button-next:hover,.box2_swiper .swiper-button-prev:hover{ border-color:#f60;  }
.indexpro_more{ width:100px;  border-radius:26px; height:26px; background-color:#1a3684; text-align:center; font-size:13px; line-height:26px; color:#FFFFFF; margin:0 auto}

.box4_swiper{ margin-top:0vw; }
.box4_swiper .swiper-slide{ width:98%; position: relative; margin: 0 1%; }
.box4_swiper .swiper-slide p{ position: absolute; top: 50%; left: 0; margin-top: -15px; width: 100%; text-align: center; line-height: 30px; font-size: 24px; color: #ffffff; opacity: 0;}
.box4_swiper .swiper-slide:hover img{ opacity: .2;}
.box4_swiper .swiper-slide:hover p{ opacity: 1;}
.box4_swiper .swiper-button-next:after, .box4_swiper .swiper-button-prev:after{ font-size: 0;}
.box4_swiper .swiper-button-next, .box4_swiper .swiper-button-prev{ position:absolute; left:5px; top:50%; margin-top: -10vw; display:block; width:6vw; height:20vw;  background:url(/static/images/adv_prev.png) center center no-repeat #2e487b; z-index: 999; }
.box4_swiper .swiper-button-prev{ left:auto; right:5px; background:url(/static/images/adv_next.png) center center no-repeat #2e487b;  }
.box4_swiper .swiper-button-next:hover,.box4_swiper .swiper-button-prev:hover{ border-color:#f60;  }
.i_hjtitle{ text-align:center; padding-top:4vw; padding-bottom:5vw}
.i_hjtitle .title h2{font-size:9vw; color: #313131; margin-bottom:2vw; font-weight:normal; padding-top:4vw}
.i_hjtitle .title span {display:inline-block; height:7vw; line-height:7vw; background-image: linear-gradient(to right, rgba(1,129,204,100)
 , rgba(70,177,167,100)); font-size:4vw; font-weight:bold; color:#fff;
 padding:0 6vw;}
.i_news_title{ background-color:#2e487b; padding:4vw; color:#FFFFFF}
.i_news_title h2{ text-align:center; padding-top:4vw; font-weight:normal}
.i_news_pic img{ display:block}

/*首页蓝条*/
.i_lantiao{ background-color:#174677; padding-top:8vw; padding-bottom:3vw}
.i_lantiao_sjkuan{ width:100%; margin:0 auto}
.i_lantiao_sjkuan ul li{ width:46%; float:left; padding-left:2%; padding-right:2%; text-align:center; color:#FFFFFF; margin-bottom:4vw}
.i_lt_title{ font-size:4vw; line-height:6vw; padding-top:3vw}
.i_lt_con{ font-size:3vw; line-height:6vw; padding-top:3vw}

.container{ background: url(/static/images/bg3.jpg) no-repeat center center;background-size: cover; padding: 6.6vw 0;}
.container li{ float: left; width: 50%; text-align: center;}
.conter1{font-size: 5vw;color: #ffffff; line-height: 10vw; height: 10vw;}
.conter1 span{font-weight: bold;font-size: 5vw;}
.container li p{ font-size: 3.6vw; color: #ffffff; line-height: 6vw; height: 12vw; text-transform: uppercase;}



/*首页利用案例*/
.i_yyal{background-color:#f6f6f9; padding-top:60px;}
.i_al_title{ background-image:url(/static/images/i_case_en.png); background-position:center top; background-repeat:no-repeat;font-size:42px; text-align:center; padding-top:15px; font-weight:bold; color:#243a67}
.i_al_title span{ color:#c92a2a}
.i_al_width{ width:82%; margin:0 auto}
.i_al_width ul{ padding-top:60px;}
.i_al_width ul li{ float:left; width:33.3%; margin-bottom:20px}
.i_al_width_width{ width:95%; margin:0 auto}

.box3_swiper{ margin-top:0vw;}
.box3_swiper .swiper-slide{ width:98%; position: relative; margin: 0 1%; }
.box3_swiper .swiper-slide p{ position: absolute; top: 50%; left: 0; margin-top: -15px; width: 100%; text-align: center; line-height: 30px; font-size: 24px; color: #ffffff; opacity: 0;}
.box3_swiper .swiper-slide:hover img{ opacity: .2;}
.box3_swiper .swiper-slide:hover p{ opacity: 1;}
.box3_swiper .swiper-button-next:after, .box3_swiper .swiper-button-prev:after{ font-size: 0;}
.box3_swiper .swiper-button-next, .box3_swiper .swiper-button-prev{ position:absolute; left:5px; top:50%; margin-top: -10vw; display:block; width:6vw; height:20vw;  background:url(/static/images/icoLeft.gif) center center no-repeat #2e487b; z-index: 999; }
.box3_swiper .swiper-button-prev{ left:auto; right:5px; background:url(/static/images/icoRight.gif) center center no-repeat #2e487b;  }
.box3_swiper .swiper-button-next:hover,.box2_swiper .swiper-button-prev:hover{ border-color:#f60;  }



.zw{ height:20vw;}
.footer{ background-color:#2e487b; height:16vw; width:100%; position:fixed; bottom:0; z-index:999;}
.footer a{ display:block; float:left; text-align:center; width:20%;}
.f_logo{ background:url(/static/images/f_logo.png) no-repeat center top; background-size:15vw 15vw; margin-top:-6vw; width: 20%; height:15vw;}
.f_icon{ height:9vw; background-repeat:no-repeat; background-position:center center; background-size:7vw 7vw;}
.f_icon1{ background-image:url(/static/images/f_icon1.png);}
.f_icon2{ background-image:url(/static/images/f_icon2.png);}
.f_icon3{ background-image:url(/static/images/f_icon3.png);}
.f_icon4{ background-image:url(/static/images/f_icon4.png);}
.f_txt{ font-size:3.5vw; color:#f8f7f6;}

.slideTxtBox1{ width:100%; color:#FFFFFF; position:absolute; overflow:hidden; background:#243a67; height:45vw}
.slideTxtBox1 .hd{ line-height:6vw; position:relative; color:#97a8c2;}
.slideTxtBox1 .hd ul{ float:left; position:absolute; width:100% }
.slideTxtBox1 .hd ul li{ float:left; width:25%; cursor:pointer; font-size:4vw; font-weight:bold; text-align:center}
.slideTxtBox1 .hd ul li.on{ color:#243a67; background-color:#edf2f9}
.slideTxtBox1 .bd ul{  zoom:1;}
.er_wh_width{ padding:4vw}
.slideTxtBox1 .bd ul .i_fw_wenzi{ text-align:center; padding-bottom:3vw; padding-top:5vw}
.slideTxtBox1 .bd ul .i_fw_wenzi span{ font-size:6vw; font-weight:bold}

.ej_nav{color: #fff; font-size:4vw;width: 100%;text-align: center;background-color:#17598a;line-height:10vw;}
.ej_nav li {float: left;text-align: center;}
.ej_nav li.ej_nav1 {width:31%;overflow: hidden; height:10vw;}
.ej_nav a { color: #fff; display:block; font-size:4vw;}
.er_con_fw{ padding:4vw; line-height:7vw}

.er_fw_list ul{}
.er_fw_list ul li{ height:12vw; line-height:12vw; border-bottom:1px solid #557496; color:#333; font-size:3.5vw; font-weight:bold; background-color:#f9f9f9}
.er_fw_list ul li.on{ height:12vw; line-height:12vw; border-bottom:1px solid #557496;  color:#fff; font-size:3.5vw; font-weight:bold; background-color:#557496}
.er_fw_pad{ text-align:left; padding-left:4vw}
.ej_xxnr1{ color:#333333; font-size:7vw; padding-top:5vw; border-bottom:1px solid #CCCCCC; padding-bottom:5vw}
.er_news_list ul li{ height:12vw; line-height:12vw; border-bottom:1px dashed #CCCCCC; padding-left:4vw; padding-right:4vw;}
.er_news_list ul li span{ float:right; color:#999999}
.erji_zi{width:88%; margin:0 auto; margin-top:-4vw;  position: relative; background:#f6f6f9; padding-left:1.5%; padding-right:1.5%}
.erji_zi1{ font-size:5vw; color:#333333; line-height:5vw; padding:5vw 10px; }
.erji_zi2{ font-size:4vw; color:#999999; line-height:4vw; padding:0 10px;}
.erji_zi3{ font-size:3.5vw; color:#999999; line-height:3vw; padding:3vw 20px; background-image:url(/static/images/timeicon.png); background-repeat:no-repeat; background-position:4vw center}
.erji_zi:hover{ background: #1B3685; color:#FFF;}
.erji_zi:hover .erji_zi1 { color:#FFF;}
.erji_zi:hover .erji_zi2 { color:#FFF;}
.erji_zi:hover .erji_zi3{ color:#FFF; background-image:none; padding-left:10px}



.article, .article p{line-height: 6vw; color: #666;font-size: 3.6vw;}
.article p{ margin-bottom:3vw;}
.article img{ max-width:100%;}
.classlist { padding-top:3vw}
.classlist ul li{ float:left; width:46%; text-align:center; margin-bottom:5vw; margin-left:2%; margin-right:2%}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}<!--耗时1776183249.2322秒-->