﻿/* Write your styles */
ul,li,dl,dd,dt,p { margin:0; padding:0; border:0;}
ul,li {list-style-type: none;}
img { border:0;}
.fl { float:left;}
.fr { float:right;}
.r { border:1px solid #F00}
a:hover { color:#FF0000}
.layui-carousel>[carousel-item]>*{
  height: auto;
}
.layui-carousel-ind{
  margin-top: -20px;
  top: auto;
  bottom: 10px;
}
.wrap{ width:100%; margin-right: auto;margin-left: auto; position: relative;padding: 0px;margin-top: 0;margin-bottom: 0;}
.wrap::after{display: table;clear: both;content: "";}


.logo { margin:35px 0 30px 30px;}
.search { position:relative; margin:40px 20px 30px 0px;}
.search_input { position:absolute; right:50px; max-width:200px; min-width:100px; height:40px; border:1px solid #eee; border-right:none; border-radius:20px 0 0 20px; padding-left:15px; color:#666;}
.search_btn { position:absolute; right:0px; width:50px; height:40px; border:1px solid #eee; border-left:none; border-radius:0 20px 20px 0; background-color:#fff;}

/*nav*/
/* All */
.pc_dh {background-image: url(../img/dh_bg.png);-moz-background-size:100% 100%; background-size:100% 100%; width:100%; height:60px;}

.nav {margin-bottom:0px; font-size:16px; max-width:1180px; margin:0 auto;}
.nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav ul:before,.nav ul:after {content: "";display: table;}
.nav ul:after {clear: both;}
.nav ul > li {
  float: left;
  position: relative;
}
.nav a {
  display: block;
  padding:20px;
  line-height: 1.2em;
  color: #fff;
  text-align:center;
}
.nav a:hover {
  color:#fff;
  text-decoration: none;
  background: #246ABC;
}
.nav li ul {
  background: rgba(36, 106, 188, 0.8);
}
.nav li ul li {
  width: 200px;
}
.nav li ul a {
  color:#FFFFFF;
  border: none;
}
.nav li ul a:hover {
  background: rgba(36, 106, 188, 0.8);
}

/* Fold Out
============================== */
.nav5 ul > li:hover ul {
  max-height: 1200px;
  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
.nav5 li ul {
  position: absolute;
  left: -40px;
  top: 58px;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 350ms;
  -moz-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
}

.app_nav { display:none}


/*  news */

.hot_news { width:550px;}
.hot_news p {position:absolute; top:320px; width:530px; padding:5px 10px; line-height:35px; color:#FFFFFF; font-size:16px; text-align:center; background-image: url(../img/bg_1.png)}

.text_news { width:600px;}
.tabs { width:100%; height:46px; border-bottom:1px solid #EEEEEE;}
.tabs .li { display:inline-block; font-size:18px; width:150px; line-height:46px; text-align:center; cursor:pointer}
.active { border-bottom:3px solid #018EF2; height:45px; font-weight:bold;}

.btxw { width:100%; border-bottom:1px solid #EEE; padding-top:15px; padding-bottom:15px; margin-bottom:10px;}
.btxw dd { line-height:35px; font-size:20px; font-weight:bold;}
.btxw dt {line-height:25px; font-size:14px; color:#666;}

.news_list { color:#333333; font-size:16px;}
.news_list li { line-height:30px;}
.news_list a { display:inline-block; width:500px;}
.news_list span { display:inline-block; vertical-align:top; width:90px; color:#999;}
/*mob新闻列表*/
.news_mob { width:100%;}
.mob_bt { border-bottom:1px solid #eee; padding:1vh; padding-bottom:2vh;}
.mob_bt dd { line-height:5vh; font-size:3vh; font-weight:bold; text-align:center}
.mob_bt dt { margin:0px 15px; line-height:3vh; font-size:1.8vh; color:#666;}

.mob_text_list { width:100%}
.mob_text_list .tabs { height:auto; border-bottom:1px solid #EEEEEE;}
.mob_text_list .tabs .li { display:inline-block; font-size:2vh; padding:1.2vh; width: auto;}

.mob_list { margin:1vh;}
.mob_list a { color:#333333; font-size:1.8vh; line-height:5vh; display:block;}
.mob_news_more { display:block; width:15vh; margin:1.5vh auto; border:1px solid #ccc; border-radius:3vh; font-size:2vh; text-align:center; font-weight:bold; line-height:5vh;}


.ywfz {
	background-image: url(../img/index/index_jyfw_bg.jpg);
	-moz-background-size:100% 100%; background-size:100% 100%;
	background-repeat: no-repeat;
	padding: 20px 0px 20px 0px;
	background-position: bottom;
}
.bt_tit { font-size:3vh; font-weight:bold; line-height:5vh; width:12vh; border-bottom:3px solid #0168C0; text-align:center; margin:0px auto 30px auto;}
.ywfz_icon { }
.ywfz_icon a { display:block; text-align:center;}
.ywfz_icon h3 { font-size:2vh; font-weight:bolder; line-height:3vh; margin:1vh auto;}


.ad_banner {margin:20px auto;}
.ad_banner img { width:100%; height:auto}

.mob_ad {margin:2vh auto;}
.mob_ad img { width:100%; height:auto}
.cpyfw {padding:20px 0px 20px 0px;}
.cpyfw_img { text-align:center}
.cpyfw_img a { display:block; width:385px; height:250px;position:relative;overflow:hidden;}
.cpyfw_img a img { width:100%; height:auto; object-fit:cover; transition:0.2s;}
.cpyfw_img img:hover { transform:scale(1.2);}
.cpyfw_img a h3 {background-image: url(../img/bg_1.png); width:385px; line-height:45px;position:absolute; bottom:0px; color:#FFF;}


.gsjs {
	background-image: url(../img/index/gsjs_bg.jpg);
	-moz-background-size:100% 100%; background-size:100% 100%;
	background-repeat: no-repeat;
	text-align:center;
	color:#ffffff;
	padding-bottom:30px;
}
.gsjs a { color:#FFF;}
.gsjs h1 { border-bottom-color:#FFF; padding-top:30px;}
.gsjs .wrap { width:1180px; margin:30px auto;}
.gsjs h2 { font-size:4vh; font-weight:bold; line-height:8vh;}
.gsjs h5 { font-size:1.8vh; line-height:2.5vh;}
.gs_con { width:1180px; margin:20px auto; font-size:2vh; line-height:3.5vh;}
.gs_more { display:block; width:15vh; height:5vh; margin:3vh auto; border:1px solid #fff; border-radius:3vh; font-size:2vh; line-height:5vh;}


.qywh { text-align:center; margin:0px auto; padding:2vh 0 2vh 0;}
.qywh a { display:block; width:100%; max-width:375px; height:auto}
.qywh a img { width:100%; max-width:375px; height:auto}
.qywh a h3 { background-color:#C7DEFE; height:auto; font-size:2vh; line-height:3.5vh;text-align:center;}

.yqlj {max-width:1180px; width:100%; margin:0 auto;}
.yqlj_tit { border-bottom:1px solid #eeeeee; height:50px;}
.yqlj_tit span { display:block; width:76px; text-align:center; font-size:1.8vh; font-weight:bold; line-height:49px; border-bottom:3px solid #0168C0;}
.yqlj_img a { display:inline-block; margin:2vh 1vh }
.yqlj_img a img { width:100%; max-width:200px; height:auto;}

.footer_pc {
	background-image: url(../img/foot_bg.jpg);
	-moz-background-size:100% 100%; background-size:100% 100%;
	background-repeat: no-repeat;
	color:#FFF;
}
.footer_pc a { color:#FFF;}
.fdh { width:1180px; margin:0px auto; padding-top:30px; padding-bottom:30px;}
.fdh a { display:inline-block; margin:0 15px; line-height:35px;}
.copyright { width:1120px; margin:auto; padding:30px;}
.copyright p { font-size:14px; line-height:35px;}
.copyright img { margin:20px}

.footer_mob { width:100%; color:#FFF; background-color:#434343; padding-top:3vh; padding-bottom:3vh; text-align:center; font-size:1.5vh;}
.footer_mob a { color:#FFF;}
.footer_mob p { line-height:3vh;}

/*内容页样式*/
.content {
	background-color:#dee0e3;
	background-image: url(../img/aboutus/banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100%;
	width:100%;
	padding-top:15vh;
}
.ch_tit { width:100%; font-size:4vh; line-height:6vh; text-align:center; font-weight:bold; color:#FFF;}
.dh2 { width:100%; max-width:1180px; background-color:#fff; margin:15vh auto 0 auto; padding-top:5vh; border-bottom:1px solid #eee;}
.dh2_tit a { display:block; font-size:2vh; line-height:5vh; text-align:center;}
.dh2_tit_act, .dh2_tit_act a, .dh2_tit a:hover {
	background-size:100%;
	background-image: url(../img/aboutus/dh2_bg.png);
	background-repeat: repeat;
	background-position: left top;
	font-weight:bolder;
	color:#fff;
}
.con_con { background-color:#FFF; max-width:1180px; width:100%; height:auto; font-size:2vh; line-height:5vh; margin:auto}
.con_con div { padding:6vh;}

.con_con h1 { text-align:center; font-size:3vh; line-height:8vh;}
.con_con h5 { width:40%; min-width:350px; margin:auto; text-align:center; font-size:1.5vh; line-height:5vh; color:#999;}


/*PC 新闻文字列表*/
.ch_news { background-color:#FFF; max-width:1180px; width:100%; height:auto; margin:auto; padding-top:3vh;}
.ch_news dl {max-width:111vh; margin:0 auto 3vh auto; padding:2vh; border:1px solid #eee}
.ch_news dl:hover { box-shadow:3px 3px 3px 3px #eee;}
.ch_news dl dd,.ch_news dl dt { display:inline-block; padding:1vh; vertical-align: middle;}
.ch_news dl dt { background-color:#199DFF; color:#fff; text-align:center; border-radius:3px;}
.ch_news dl dt h1 { font-size:3.5vh; line-height:5vh; font-weight:bold;}
.ch_news dl dt h5 { line-height:3vh; font-size:1.5vh;}
.ch_news dl dd {max-width:100vh; line-height:3vh;}
.ch_news dl dd h3 { font-size:2vh; margin-bottom:1vh; color:#333;}
.ch_news dl dd h5 { font-size:1.5vh;color:#666666}

.fanye { width:100%; text-align: center; padding:2vh 0 2vh 0}
.p_page a { display:inline-block; font-size:1.5vh; line-height:2vh; margin-left:10px; padding:1.5vh; border:1px solid #eee;}
.p_page a:hover,.a_cur { color:#fff; background-color:#199DFF}

/*mob 新闻文字列表*/
.mob_ch_news { padding-left:2vh; padding-right:2vh}
.mob_ch_news a { display:block; margin:0 auto; font-size:2vh; line-height:6vh; border-bottom:1px solid #eee;}

/*新闻栏目*/

.news_index {max-width:1120px; padding:30px; background-color:#FFF; margin:auto;}
.news_index_list {background-color:#f6f6f6; margin-bottom:30px; padding:20px;}
.news_index img { width:90%; height:90%;}
.news_index_list h3 { line-height:50px;}
.news_index_list h5 { line-height:30px; color:#666666;}

/*图片列表 栏目页*/
.img_news {background-color:#f6f6f6; padding:15px; border:1px solid #EEE;}
.img_news img {height:21vh!important;}
.img_news_tit { height:10vh; margin:1vh 0;}
.img_news_tit h3 { font-size:2vh; line-height:4vh}
.img_news_tit h5 { color:#999; line-height:3vh}


/*业务范围 栏目模板*/
.ywfw_list { position:relative; height:400px; padding:50px;}
.ywfw_list h1 { position: relative; left:0; top:50px; line-height:50px;}
.ywfw_list h5 {background-image: url(../img/bg_2.png); position: relative; left:0; top:80px; width:60vh; height:23vh; padding:20px; font-size:18px; line-height:35px; font-weight:normal; overflow:hidden!important;}
.ywfw_list img { position: absolute; right:50px; bottom:0; width:700px!important; height:400px!important;object-fit:cover; transition:0.2s;}
.ywfw_list img:hover { transform:scale(1.1);}



/*联系我们*/
.ch_lxwm { max-width:1180px; background-color:#FFF; margin:0 auto;}
.tel { max-width:330px; margin:5vh auto;}
.lxwm_icon {display:inline-block; vertical-align:top; margin:auto; width:9vh; height:9vh; line-height:9vh; border-radius:4.5vh; background-color:#017EEF; color:#FFF;text-align:center;}
.lxwm_icon i { font-size:5vh}
.lxwm_text {display:inline-block; max-width:290px; margin:auto; margin-left:1vh; padding-top:1vh;}
.lxwm_text h3 { font-size:3vh; font-weight:500; margin-bottom:1vh; color:#0274E6}
.lxwm_text p { font-size:1.8vh; line-height:2.5vh;}

.lxwm_map { text-align:center;}
.lxwm_map img { border:1px solid #EEE; margin:3vh auto; width:100%; max-width:1050px;}

.lxwm_lyzx { max-width:1050px; margin:0 auto;}








/*电脑屏幕选择器*/
@media screen and (min-width:1180px){
.nav_icon, .pad_dh ,.app_nav,.mob_news_more, .mob_ad, .footer_mob,.news_mob,.mob_ch_news { display:none}
body{font-size:16px;}
.wrap{width: 1180px;}
.logo { width:479px; height:55px}



}

/*平板电脑*/
@media screen and (min-width:768px) and (max-width:1180px){
.search, .nav_icon,.pc_dh ,.news_pc, .ad_banner, .yqlj,.ch_news dl, .footer_pc, .pc { display:none}
body{font-size:16px;}
.wrap { width:100%;}
/* pad dh 
.logo { max-width:479px; width:90%; height:auto; margin:20px 0 20px 10px;}
.search { margin-top:25px;}

.pad_dh { width:100%;background-image: url(../img/dh_bg.png); background-repeat: repeat-y; background-position: center;}
.pad_dh a { display:inline-block; width:18%; text-align:center; line-height:5vh; font-size:1.8vh; color:#FFF;}

*/
.logo { max-width:479px; width:90%; height:auto; margin:20px 0 20px 10px;}

.nav_icon { max-width:50px; min-width:30px;  margin:20px 20px 0px 0px; display:inline-block; position: absolute; right:0px; cursor: pointer; text-align: center;}
.nav_icon i {font-size:7vw; font-weight:bold; color:#333333}

.app_nav{position: absolute; background-color: rgba(50,50,50,0.8); z-index:9999; right:0; width:100%;display: none;}
.app_nav li {border-bottom:1px solid #999; line-height:300%; text-align:center; font-size:4vw;}
.app_nav li a { display:block; width:100%; height:100%; color:#FFFFFF}
.app_nav{position: absolute; background-color: rgba(0,46,129,0.8); z-index:9999; right:0; width:100%;display: none;}
.app_nav li {border-bottom:1px solid #999; line-height:300%; text-align:center; font-size:4vw;}
.app_nav li a { display:block; width:100%; height:100%; color:#FFFFFF}

.mob_text_list .tabs .li { display:inline-block; font-size:2vh; padding:1.2vh 3vh 1.2vh 3vh; width: auto;}

.ywfz_icon a img { width:50%; max-width:70px; height:auto;}

.cpyfw { padding:2vh;}
.cpyfw_img { text-align:center;padding:1vh;}
.cpyfw_img a { display:block; width:100%; height: auto;}
.cpyfw_img a img { width:100%; height:auto;}
.cpyfw_img a h3 {width:100%; font-size:2.5vh; line-height:5vh;}

.gsjs { padding:0 2vh 2vh 2vh}
.gsjs .wrap,.gs_con { width:100%;}
.gsjs h2 { font-size:3vh; font-weight:bold; line-height:6vh;}
.gsjs h5 { font-size:2vh; line-height:2.5vh;}

.qywh {padding:0.5vh}
.qywh .layui-col-space20 {padding:0px; margin:0px;}

/*内容页样式*/
.content {
	padding-top:3vh;
}
.ch_tit { width:100%; font-size:3vh; line-height:4.5vh; text-align:center; font-weight:bold; color:#FFF;}
.dh2 { margin:3vh auto 0 auto; padding-top:2vh;}
.dh2_tit a {font-size:2.2vh; line-height:5vh;}
.con_con {font-size:2.2vh;}
.con_con div { padding:2.5vh;}
.con_con img { width:90%;}

}


/*新闻文字列表*/
.news_index {max-width:1140px; padding:20px; background-color:#FFF; margin:auto;}
.news_index_list {margin-bottom:20px; padding:20px;}
.news_index img { width:100%; height:100%;}
.news_index_list h3 { line-height:50px; font-size:24px; margin-left:20px;}
.news_index_list h5 { line-height:30px; font-size:18px; margin-left:20px; height:60px; overflow:hidden;}

/*图片列表 栏目页*/
.img_news img {height:100%;}


/*手机*/
@media screen and (max-width:767px){
.search, .pc_dh, .news_pc ,.ad_banner, .yqlj ,.ch_news dl,.footer_pc, .pc { display:none}
body{font-size:13px;}
.wrap { width:100%;}
.logo { max-width:479px; width:90%; height:auto; margin:20px 0 20px 10px;}

.nav_icon { max-width:50px; min-width:30px;  margin:20px 20px 0px 0px; display:inline-block; position: absolute; right:0px; cursor: pointer; text-align: center;}
.nav_icon i {font-size:7vw; font-weight:bold; color:#333333}

.app_nav{position: absolute; background-color: rgba(50,50,50,0.8); z-index:9999; right:0; width:100%;display: none;}
.app_nav li {border-bottom:1px solid #999; line-height:300%; text-align:center; font-size:4vw;}
.app_nav li a { display:block; width:100%; height:100%; color:#FFFFFF}
.app_nav{position: absolute; background-color: rgba(0,46,129,0.8); z-index:9999; right:0; width:100%;display: none;}
.app_nav li {border-bottom:1px solid #999; line-height:300%; text-align:center; font-size:4vw;}
.app_nav li a { display:block; width:100%; height:100%; color:#FFFFFF}

.bt_tit { font-size:2vh; font-weight:bold; line-height:4vh; width:8vh;}

.ywfz_icon a img { width:50%; max-width:70px; height:auto;}
.ywfz_icon a h3 { font-size:1.8vh; line-height:2vh; margin:1vh auto;}

.cpyfw { padding:2vh;}
.cpyfw_img { text-align:center;padding:1vh;}
.cpyfw_img a { display:block; width:100%; height: auto;}
.cpyfw_img a img { width:100%; height:auto;}
.cpyfw_img a h3 {width:100%; font-size:2vh; line-height:4vh;}

.gsjs { padding:0 2vh 2vh 2vh}
.gsjs .wrap,.gs_con { width:100%;}
.gsjs h5 { font-size:2vh; line-height:2.5vh;}

.qywh { width:93%}
.qywh .layui-col-space20 div {padding:0.5vh;}

/*内容页样式*/
.content {
	padding-top:3vh;
}
.ch_tit { width:100%; font-size:3vh; line-height:4.5vh; text-align:center; font-weight:bold; color:#FFF;}
.dh2 { margin:3vh auto 0 auto; padding-top:2vh;}
.dh2_tit a {font-size:2.2vh; line-height:5vh;}
.con_con {font-size:2.2vh;}
.con_con div { padding:2.5vh;}
.con_con img { width:90%;}

/*新闻栏目*/
.news_index {padding:0px; padding-top:10px; background-color:#FFF; margin:0;}
.news_index_list {margin-bottom:10px; padding:10px;}
.news_index img { width:100%; height:100%;}
.news_index_list h3 { font-size:16px; margin-left:10px;}
.news_index_list h5 { display:none;}

/*图片列表 栏目页*/
.img_news img {height:100%;}
.img_news_tit { height: auto;}
.img_news_tit h3 { font-size:18px; line-height:30px}
.img_news_tit h5 { color:#999; line-height:30px}

/*业务范围 栏目模板*/
.ywfw_list { position: static; height: auto; padding:2vh;}
.ywfw_list h1 { position: static; text-align:center;}
.ywfw_list h5 {background-image: none; position: static; width:100%; height:100%; padding:0; font-size:18px; line-height:35px; font-weight:normal; overflow:hidden!important;}
.ywfw_list img { position: static; width:100%!important; height:100%!important;}

}


