/*-------- body --------*/
body {color:#333;font-family:'Microsoft YaHei';font-size:14px;}
form,div,body,img,p,a,img,dl,dd,dt,table,tr,td,th,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;border:0;font-weight:normal;}
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#00527e;text-decoration:none;}
a:focus {-moz-outline-style: none;}
a:active{outline:none;text-decoration:underline;}

ul,li{list-style:none;margin:0;padding:0;}
input,textarea,select{color:#333;margin:0;padding:0;font-size:12px;font-family:"Microsoft YaHei";vertical-align:middle;}
input:focus,textarea:focus{outline:0;}
em, i {font-style: normal;}

.pr { position: relative;}
.pa { position: absolute;}

a.link1{ color:#fff; text-decoration:none;}
a.link1:hover{color:#77852e;}

.clear {clear:both;height:0px;overflow:hidden;}
.clear5 {clear:both;height:5px;overflow:hidden;}
.clear10 {clear:both;height:10px;overflow:hidden;}
.clear20 {clear:both;height:20px;overflow:hidden;}
.clear30 {clear:both;height:30px;overflow:hidden;}

.fl {float:left;}
.fr {float:right;}


.wrap {width:1100px; margin:0  auto;}
.w1000 {width:1000px; margin:0  auto;}

.header , .content , .footer { width:1200px; margin:0 auto;  }

/* top */

.header_top { overflow:hidden; width:1200px; margin:0 auto;height:110px;}
.header_top h1{ float:left; margin-top:15px;}

.header_top .p-tel {float:right;padding-top: 30px;padding-left: 64px;background: url(../Images/tel.png) left bottom no-repeat;}
.header_top .p-tel p { height: 20px; line-height: 20px; margin-bottom: 2px;}
.header_top .p-tel strong { height: 26px; line-height: 26px;font-size: 20px; color:#F60; display: block;}


.nav{ background:#0f3192; height:72px;}
.nav ul li { float:left; height:72px; overflow: hidden;}
.nav ul li a{ display:inline-block;font-size: 18px; color:#fff;line-height:72px; height:72px; padding: 0 36px;}
.nav li a:hover , .nav .cur a {text-decoration: none;background:#333;}
.nav ul li.nones{ background:none;}


/* banner */

.fullSlide{width:100%;position:relative;height:500px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:500px;overflow:hidden;text-align:center;background-position:center top;}
.fullSlide .bd li {background:no-repeat center top;}
.fullSlide .bd li a {display:block;height:500px;}

.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:15px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:17px;border-radius:17px; height:17px;margin:0 10px;overflow:hidden;background:#fff;line-height:999px;}
.fullSlide .hd ul .on {background:#f3552c;}


.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:40%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:73px;}
.fullSlide .prev{background:url(../images/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(../images/right1s.png) no-repeat;}


.til02 {text-align: center;display: block;font-size:40px;color: #333;line-height:45px;height:110px;font-weight: bold;position: relative;width:1200px;margin: 0 auto;}
.til02 b{}
.til02 p{display: block;font-size: 18px;line-height:50px;color:#888;}


/*产品中心*/

.probg{padding:40px 0;}

.pro_list {position: relative;}
.pro_list ul li{float:left;width:370px;box-shadow: 0 3px 8px 3px rgba(0,0,0,0.1); margin:10px 40px 30px 0;}
.pro_list ul li em{width:370px;height:250px;line-height:0;overflow:hidden;display:block;}
.pro_list ul li em img{width:370px;height:250px;display:block;transition:1s;}
.pro_list ul li h4{border-top:1px solid #e5e5e5;height:60px;box-sizing:border-box;font-size:16px;font-weight:normal;line-height:60px;color:#333;text-align:center;background:#fff;overflow:hidden;}
.pro_list ul li:hover h4{background:#0f3192 ;color:#fff;border-color:#0f3192;}

.pro_list ul li:hover em img{transform:scale(1.03);}


.pro_list .prev{position: absolute;width: 26px;height: 46px;background: url(../images/prev1.png) no-repeat;left: -56px;top: 130px;}
.pro_list .next{position: absolute;width: 26px;height: 46px;background: url(../images/next1.png) no-repeat;right: -56px;top: 130px;}
.pro_list .prev:hover{background: url(../images/prev1h.png) no-repeat;}
.pro_list .next:hover{background: url(../images/next1h.png) no-repeat;}
.pro_list .tempWrap{width: 100% !important;}




.i-p-nav { text-align:center; margin-left:20px;height:90px;}
.i-p-nav ul li { display:inline-block;}
.i-p-nav ul li a {display: block;float:left;font-size:14px;width:150px;height:42px;line-height:42px;margin-bottom:15px;text-align:center; margin:2px 5px;    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background:#333; color:#fff; padding:0 15px;}
.i-p-nav ul li a:hover {background:#0f3192;}

.pro_img{}
.pro_img ul li{float:left;width:270px; height:305px; border:1px solid #ddd; margin:0px 25px 30px 0;}
.pro_img ul li em{width:258px;height:240px;line-height:0;overflow:hidden;display:block; padding:5px;}
.pro_img ul li em img{width:258px;height:240px;display:block;transition:1s;}
.pro_img ul li h4{width:268px;margin:0 auto;border-top:1px solid #e5e5e5;box-sizing:border-box;font-size:14px;font-weight:normal;height:50px;line-height:50px;color:#333;text-align:center;background:#fff;overflow:hidden; padding:0 10px;}
.pro_img ul li:hover h4{background:#0f3192 ;color:#fff;}
.pro_img ul li:hover em img{transform:scale(1.03);}

.idxTel { width:350px; margin:0 auto;background:#0f3192;color:#fff; font-size:16px;text-align:center; padding:15px 0; border-radius:30px;}
.idxTel span{font-size:22px; font-weight:bold;}


.case-t { background:#eee; padding:40px 0;}


/*新闻动态*/

.i-news { padding-top:40px;}

.mfbox { width:360px;float:left; margin-right:50px;}

.mfbox .g_tit_2 { height: 50px; line-height: 50px; margin-bottom: 20px;}
.mfbox .g_tit_2 .more { float: right; color: rgb(0, 0, 0);}
.mfbox .g_tit_2 span { padding: 0 22px; display: inline-block; color: #fff; background: #0f3192; text-align: center; font-size: 18px;}

.mfbox .pic { width: 100%; height: 170px; overflow: hidden;cursor: pointer;}
.mfbox .pic img { width: 100%; height: 100%; display: block; transition: 0.3s;}

.mfbox .ul_news{ padding-top: 10px;}
.mfbox .ul_news li { height: 42px; line-height: 42px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom:1px dashed #ddd;}
.mfbox .ul_news li a span { color: #999; padding-right:10px;}


.mfbox-r {width:320px;float:left;}

.mfbox-r .g_tit_2 { height: 50px; line-height: 50px; margin-bottom: 20px;}
.mfbox-r .g_tit_2 .more { float: right; color: rgb(0, 0, 0);}
.mfbox-r .g_tit_2 span { padding: 0 22px; display: inline-block; color: #fff; background: #333; text-align: center; font-size: 18px;}

.mfbox-r dl{ height:95px; margin:0 auto; padding:20px 0 0; border-bottom:1px dashed #ddd;}
.mfbox-r dt{ background:url(../images/wen.gif) no-repeat; padding-left:45px; height:25px; line-height:25px; overflow:hidden;}
.mfbox-r dt a{ font-size:14px; color:#555; font-weight:bold;}
.mfbox-r dd{ background:url(../images/da.gif) no-repeat 0 10px; padding:8px 0 0 45px; line-height:22px; height:44px; overflow:hidden;}
.mfbox-r dd a{font-size: 14px;color: #888;}




.aboutbj{background:#333;padding:50px 0;}
.about h2{color: #fff; margin-bottom: 10px; text-align: center;}
.about h2 span{background: url(../images/tit1bg.png) no-repeat center bottom;}
.about h2 i{color:#fff;}
.about h2 a{color: #fff;}
.about h2  em{ color: #fff;}

.about-con {background: #fff; padding:40px;box-shadow:0 6px 20px rgba(0,0,0,.1);}
.about dl{ margin-bottom:40px;}
.about dl dt{ width:600px;float:left;}
.about dl dt img{ width:600px;height:320px;}
.about dl dd {width:470px;float:right; font-size: 14px; color: #666;line-height: 28px; padding-top:30px;}
.about dl dd h3{font-size: 28px; color: #333; font-weight: bold;margin-bottom: 25px;}
.about dl dd h3 a{font-weight: bold;}

.a-btn { margin-top:30px;}
.a-btn a { display:block; width:150px; height:42px; line-height:42px; text-align:center; background:#333; color:#fff; font-size:12px; border-radius:30px;}
.a-btn a:hover { background:#0f3192;}


.case_qie {width: 1120px; margin:0 auto; border-top:1px dashed #ddd; padding-top:40px; overflow:hidden;}

.case_qie .c-l-ying {width: 80px;float: left; background:#0f3192; color:#fff; font-size:24px; text-align:center; padding:35px 0;}
.case_qie .bd {width: 1000px;float: right;}
.case_qie .bd ul li{width: 160px;float: left;padding-right: 50px;overflow: hidden;}
.case_qie .bd ul li em{width: 160px;height: 160px;display: block;line-height: 0;overflow: hidden;}
.case_qie .bd ul li img{width: 160px;height: 160px; border-radius:50%;}
.case_qie .bd ul li span{ width:160px; display:block; text-align:center; height:30px; line-height:30px;  overflow:hidden; font-size:14px; padding: 10px 0 0;}





.footWrap{ margin-top:40px;}

.f-nav {background: #0f3192; height:72px; line-height:72px; text-align:center;}
.f-nav a { padding:0 30px; color:#fff; font-size:16px;}

.footer{width:1200px;margin: 0 auto; overflow:hidden;}

.fnav { width:320px; float: left; margin-top:60px;}
   
.fcontact{float: left; overflow:hidden;width:600px;font-size: 14px; color: #fff; margin-top: 40px; border-left:1px solid #eee; padding-left:70px;}
.fcontact h3{height:42px;color:#333;font-size: 24px; font-weight: normal; border-bottom:1px dashed #ddd; margin-bottom:15px;}

.fcontact li{float: left;width:300px;font-size: 14px;color: #333;margin-bottom: 10px;font-weight: normal; }
.fcontact li em{padding:0 10px;}

.fcode{overflow:hidden;width:110px;font-size: 14px; float: right;margin-top:30px;}
.fcode li{font-size: 14px; width: 106px; float: left;}
.fcode li img{ width: 106px; display: block; }
.fcode li span{ display: block;font-size: 14px; color: #333; text-align: center; height: 30px; line-height: 42px; }


.footWrap2{ height: 70px; line-height: 70px; border-top:1px solid #eee; color: #333; font-size: 14px;text-align:center; margin-top:30px;}
.footWrap2 span{}
.footWrap2 em{padding:0 10px;}


/*== zaixian kefu ==*/

aside ul{position: fixed; top: 180px; right: 0; z-index: 10;}
aside ul li{position: relative; width: 70px; height: 70px; margin-top: 2px;}
aside ul li:nth-of-type(1){margin-top: 0;}
aside ul li .fix_box{transition: 0.6s; width: 100%; height: 100%; background: #333; display: flex; align-items: center; justify-content: flex-start;}
aside ul li .fix_box2{transition: 0.6s; position: absolute; left: 0; top: 0; height: 100%; background: #333; display: flex; align-items: center; justify-content: flex-start;}
aside ul li .fix_box>a,aside ul li .fix_box2>a{transition: 0.6s; float: left; min-width: 70px; min-height: 70px; font-size: 14px; color: #fff; display: flex; justify-content: center; flex-direction: column; align-items: center;}
aside ul li i{display: block; width: 34px; height: 34px; margin: 0 auto; overflow: hidden;}
aside ul li:nth-of-type(1) i{background: url(../images/aside_ico1.png?v=1) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(2) i{background: url(../images/aside_ico2.png?v=1) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(3) i{background: url(../images/aside_ico6.png?v=1) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(4) i{background: url(../images/aside_ico5.png?v=1) center no-repeat; background-size: contain;}
aside ul li .fix_tel{font-size: 14px; color: #fff; height: 70px; line-height: 24px; padding-right: 20px; min-width: 155px; width: max-content; width: -webkit-max-content; width: -moz-max-content; width: -ms-max-content; width: -o-max-content; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
aside ul li .fix_tel em,aside ul li .fix_tel span{display: block;}
aside ul li .fix_erwei{transition: 0.6s; z-index: -1; transform: scale(0); position: absolute; right: 70px; top: 50%; margin-top: -50px; font-size: 14px; color: #fff; width: 116px; height: 116px; padding: 8px; background: #fff;}
aside ul li:hover .fix_box{background: #000;}
aside ul li:hover .fix_box2{left: 100%; transform: translateX(-100%); background: #000;}
aside ul li:hover .fix_erwei{transform: scale(1);}
aside ul li .fix_tel a { color:#fff;}

@media only screen and (min-width: 0) and (max-width: 1024px){
  	aside ul{position: fixed; top: 100%; right: 0; transform: translateY(-100%); margin-top: -5px; width: 100%; display: flex; align-items: center; justify-content: center; background: transparent;}
  	aside ul li{position: relative; width: 50px; height: 50px; margin-top: 0; margin-right: 20px;}
  	aside ul li:last-child{margin-right: 0;}
	aside ul li .fix_box{border-radius: 50%; background: #474443;}
	aside ul li .fix_box2{border-radius: 50%; position: static; background: #474443;}
	aside ul li .fix_box>a,aside ul li .fix_box2>a{min-width: 50px; min-height: 50px;}
	aside ul li i{width: 22px; height: 22px;}
	aside ul li .fix_tel{display: none;}
	aside ul li .fix_erwei{display: none;}
	aside ul li:hover .fix_box{background: #474443;}
	aside ul li:hover .fix_box2{transform: translateX(0); background: #474443;}
  	aside ul .go_top,aside ul li:nth-of-type(4){display: block;}
  	aside ul li:nth-of-type(3){display: none;}
}
@media only screen and (min-width: 0) and (max-width: 767px){
  	aside ul li{width: 45px; height: 45px; margin-right: 15px;}
  	aside ul li .fix_box>a,aside ul li .fix_box2>a{min-width: 45px; min-height: 45px;}
  	aside ul li i{width: 20px; height: 20px;}
}


/***---  list body  ---*/

.tt_tit {height:60px;border-bottom: 1px solid #d4d4d4;margin-bottom:20px;}
.tt_tit h3 {height:60px;display: inline-block;font-size: 24px;font-weight: normal;line-height:60px;padding-right:24px;border-bottom:1px solid #0f3192;}

.about_main { line-height:30px;}
.about_main div, .about_main p { padding-bottom:10px;}

.l-c-news { padding-top:20px;}

.l-c-news h3 {height:50px;font-size: 22px;font-weight: normal;line-height:50px;border-bottom:1px solid #999; margin-bottom:20px;}

.l-c-news ul {}
.l-c-news ul li { padding-bottom:10px; margin-bottom:10px;border-bottom:1px dashed #ddd; font-size:12px; padding-left:15px;padding-right:10px;background: url(../images/li.png) no-repeat left 3px;}


.proLeft { width:260px;float:left;}

.pro_f_a h3 { border-top:6px solid #0f3192; background:#ddd; text-align: center;font-size:28px; color: #333; font-weight: normal; padding:20px 0;}
.pro_f_a h3 span { display:block; font-size:16px;text-transform:uppercase; line-height:30px;}

.pro_f_b { background:#fff;  border-top: none; padding:25px 0 15px 0; border:1px solid #ddd;border-top: none; }

.pro_f_b h4 {}
.pro_f_b h4 a {display:block;font-size:14px;width:210px;height:42px;line-height:42px;margin:0 auto;margin-bottom:15px; background:#0f3192;text-align:center; color:#fff; border-radius:30px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.pro_f_b h4 a:hover { background:#333;}

.pro_f_b ul{ overflow:hidden; width:200px; margin:0 auto; clear:both;margin-bottom: 15px;}
.pro_f_b ul li{}
.pro_f_b ul li a{ display:block;overflow:hidden; height:40px; line-height:40px; padding-left:10px; font-size:13px; color:#474747; border-bottom:1px dashed #cecece;}
.pro_f_b ul li a:hover {color:#F90; text-decoration:none;}

.idxTels { height:100px;background:#666; padding-top:30px; color:#fff; font-size:16px; line-height:32px; text-align:center;}
.idxTels span{font-size:22px; font-weight:bold;}

.proRigh {width:920px;float:right;}


/* news */

.newsCon dl {border: 1px solid #dedede;margin-bottom: 20px;padding:20px;background: #fff;display: inline-block;width:860px;}
.newsCon dt {width: 100px;height:100px;background: #666;float: left;font-size: 14px;color: #fff;margin-right: 30px;text-align: center;}
.newsCon dt i {font-size: 24px;display: block;border-bottom: #fff 2px solid;height: 50px;line-height: 50px; margin-bottom: 10px;}
.newsCon dd h4 {height: 40px;font-weight: normal;font-size:18px;color: #154c64;line-height: 40px;margin-bottom: 5px;}
.newsCon h4 a {display: block;color: #4b4a4a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsCon dl:hover{border:1px solid #0f3192;}
.newsCon dl:hover h4 a {color:#0f3192;}
.newsCon .desc {height: 48px;font-size: 14px;line-height: 24px;color: #797979;overflow: hidden;}


.d_tit { text-align:center; font-size:20px; font-weight:normal; margin-bottom:20px; padding-top:20px;}
.d_desc { text-align:center; font-size:12px; color:#999; border-bottom:1px dashed #ddd; padding-bottom:20px; margin-bottom:20px;}
.d_content { }
.d_content img{ max-width:600px;}

.d_content p{ padding-bottom:10px; line-height:28px;text-indent:2em;}
.d_content div{ padding-bottom:10px; line-height:28px;text-indent:2em;}


.pre_next {margin-top:30px;border: 1px solid #ddd; border-bottom:none;}
.pre_next dl {margin-bottom:30px;}
.pre_next dd {height: 60px;font-size: 14px;line-height: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px solid #ddd}
.pre_next dd b {float: right;font-weight: normal;}
.pre_next dd span {width: 60px;text-align: center;display: inline-block; color:#999; font-weight:bold;}
.pre_next dt {height: 1px;margin-left: 60px;padding-top: 2px;margin-bottom: 2px;}
.pre_next dd em {float: right;font-style: normal;padding-left: 20px;font-weight: normal;}
.pre_next dd a { color:#0f3192;}
.pre_next dd a:hover { text-decoration:underline;}

/* 分页 */

.page {clear:both;padding:15px 0;text-align: left;font-family:Arial, Helvetica, sans-serif;}
.page span{margin-right:5px;border:#0f3192 1px solid;color:#0f3192;padding:0px;height:25px;line-height:25px;padding:2px 0;background:#fff; display:none;}
.page span strong {padding:0 6px;}
.page a {margin-right:4px;padding:2px 6px 2px 6px;border:#0f3192 1px solid;color:#0f3192;text-decoration: none;}
.page a:hover {background-color:#0f3192;color:#fff;border:#0f3192 1px solid;}
.page a.current {background-color:#0f3192;color:#fff;border:#0f3192 1px solid;}
.page span.current,.page span.disabled {margin-right:2px;padding:3px 6px 2px;border:#115c93 1px solid;font-weight:bold;color:#fff;background:#186ca9}
.page span input {width:16px;height:16px;border:0px;vertical-align:middle;font-family:Arial, Helvetica, sans-serif;padding:1px;font-size:11px;margin:-1px 2px 2px 2px;}
.page a.pagein:link,.page a.pagein:visited {background:#0f3192;color:#fff;border:#0f3192 1px solid;}