/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
    font-size: 12px;
    font-family: "微软雅黑";
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
ul, li {
    list-style: none;
}
@font-face{
            font-family:"AvantGarde Bk BT";
            src:url('../font/AVANT GARDE BOOK BT.TTF');
        }

a {
    color: #000;
    text-decoration: none;
}
body a:hover, body a:focus{
	text-decoration: none;
}
img {
    border: none;
}
i,em{
	font-style: normal;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.clear {
    clear: both;
}
.auto {
    width: 1200px;
    margin: 0 auto;
}
.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}
.clearfloat {
    zoom: 1
}

.head_top{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.head_topright ul{
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
}
.head_topright ul li{
	margin: 0 2rem;
}
.head_topright ul li a{
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	line-height: 95px;
}
.head_topright section{
	display: flex;
	justify-content: space-around;
	width: 190px;
	align-items: center;
	height: 100%;
	position: relative;
}
.iawas{
	position: relative;
}
.iawas img{
	    position: absolute;
    width: 150px;
    opacity: 0;
    bottom: 75px;
    z-index: 99;
    border: 4px solid white;
    transition: all .5s;
}
.iawas:hover img{
	opacity: 1;
}
.head_topright section img{
	position: absolute;
    width: 64%;
    opacity: 0;
    top: 95px;
    z-index: 99;
    border: 4px solid white;
    transition: all .5s;
}
.head_topright section:hover img{
	opacity: 1;
}
.head_topright section a i{
	font-size: 36px;
	color: #073ca4;
}
.head_topright{
	display: flex;
	justify-content: space-between;
}
.bannerdv img{
	display: block;
	width: 100%;
}
.index_cp{
	width: 90%;
	margin: 70px auto;
}
.index_cpleft h1{
	color: #333333;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 15px;
}
.index_cpleft i{
	display: block;
	height: 4px;
	background: url(../img/images/oqw_05.jpg) left no-repeat;
	margin-bottom: 40px;
}
.index_cpleft p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.index_cpleft ul{
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
}
.index_cpleft ul li{
	width: 31.3%;
	margin: 1%;
}
.index_cpleft ul li a{
	display: block;
	width: 100%;
	height: 45px;
	background-color: #efefef;
	line-height: 45px;
	text-align: center;
	color: #666666;
}
.index_cpright h1{
	padding-bottom: 15px;
	border-bottom: 3px solid #073ca4;
	font-size: 36px;
	color: #333;
	font-weight: bold;
}
.index_cpright h1 a{
	float: right;
	display: block;
	padding: 10px 25px;
	background-color: #f60707;
	color: #fff;
	font-size: 14px;
}

.index_cpright ul{
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
}
.index_cpright ul li{
	width: 31.3%;
	margin: 1%;
}
.index_cpright ul li div{
	overflow: hidden;width: 100%;
}
.index_cpright ul li div img{
	display: block;
	width: 100%;
	transition: all .5s;
}
.index_cpright ul li p{
	color: #666666;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
}
.banners img{
	display: block;
	width: 100%;
}
.index_gywm{
	width: 90%;
	margin: auto;
}
.index_gywm .index_gywmright,.index_gywm .index_gywmleft{
	padding: 0;
}
.index_gywmright img{
	display: block;
	width: 100%;
}
.shownavdvleft ul li.active a{
	    background-color: #073ca4;
    color: #fff;
}
.prolistleft ul li.active {
    background-color: #073ca4;
}
.prolistleft ul li.active a {
    color: #fff;
}
.index_gywm .index_gywmleft{
	background-color: #f0f0f1;padding-bottom: 2.5rem;
}
.index_gywmleft h1{
	width: 100%;
	height: 6.75rem;
	background-color: #f60707;
	margin: 0;
}
.index_gywmleft h1 span{
	display: block;width: 80%;
	background-color: #073ca4;
	height: 100%;
	line-height: 6.75rem;
	padding-left:25px ;
	color: #ffffff;
	font-size: 3rem;
	font-family: "Impact";
	text-transform: uppercase;
}
.index_gywmleft h2{
	color: #333333;
	font-size: 26px;
	padding: 25px;
	font-weight: bold;
}
.index_gywmleft p{
	padding: 0 25px;
	line-height: 35px;
	color: #666666;
	font-size:16px;
	margin-bottom: 2rem;
}
.index_gywmleft a{
	display: block;
	width: 160px;
	height: 60px;
	line-height: 60px;
	color: #666666;
	text-align: center;
	margin-left:25px;
	background-color: #e5e5e5;
}
.index_news{
	width: 90%;
	margin: 0 auto;
	margin: 50px auto;
	position: relative;
}
.index_newstop h1{
	color: #333333;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 15px;
}
.index_newstop i{
	display: block;
    height: 4px;
    background: url(../img/images/oqw_05.jpg) left no-repeat;
    margin-bottom: 40px;
}
	.tabBox .hd{ height:35px; line-height:35px; font-size:14px; position:absolute;top: 0; right: 0; }
	.tabBox .hd ul{display: flex; height:35px; top:0; overflow:hidden; justify-content: flex-end; }
	.tabBox .hd ul li{ width: 120px;height: 35px; text-align: center;margin-left: 20px;}
	.tabBox .hd ul li a{display: block;background-color: #e8e8e9;font-size: 14px;color: #848282;}
	.tabBox .hd ul .on a{background-color: #073CA4;color: #fff;   }
	.tabBox .hd ul .on a{ display:block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }
	.tabBox .bd ul{ margin: 30px auto;  }

.inewslist{
	width: 100%;
}
.inewslist ul{
	display: flex;
	justify-content: space-between;
}
.inewslist ul li{
	width: 24%;
}
.inewslist ul li div{
	width: 100%;
	overflow: hidden;
}
.inewslist ul li div img{
	display: block;
	transition: all .5s;
	width: 100%;
}
.inewslist ul li:hover div img{
	transform: scale(1.05);
}
.inewslist ul li h1{
	font-size: 24px;
	color: #333333;
	line-height: 30px;
	max-height: 60px;
	overflow: hidden;
}
.inewslist ul li p{
	font-size: 16px;
	color: #666666;
	line-height: 35px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.inewslist ul li  section{
	display: flex;
	justify-content: space-between;
}
.inewslist ul li  section i{
	font-size: 14px;
	color: #a2a1a1;
}

.index_casetop h1{
	color: #333333;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 15px;
}
.index_casetop i{
	display: block;
    height: 4px;
    background: url(../img/images/oqw_05.jpg) left no-repeat;
    margin-bottom: 40px;
}
.index_case{
	width: 90%;
	margin: 0 auto;
}
.index_c{
	width: 100%;
	background-color: #f6f6f7;
	padding: 70px 0px;
}
.index_caselist ul{
	display: flex;
	justify-content: space-between;
}
.index_caselist ul li{
	width: 31.3%;
	background-color: #fff;
}
.index_caselist ul li div{
	width: 100%;
	overflow: hidden;
}
.index_caselist ul li img{
	width: 100%;
	display: block;
	transition: all .5s;
}
.index_caselist ul li p{
	line-height: 90px;
	color: #333333;
	font-size: 20px;
	padding:0 15px ;
}
.index_caselist ul li:hover img{
	transform: scale(1.05);
}
.index_lxwm{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.index_lxwmleft{
	width: 50%;
	background-color: #fff;display: flex;
	justify-content: flex-end;
	padding-top: 90px;
	padding-bottom: 50px;
}
.index_lxwmright{
	width: 50%;
	background-color: #eeeeef;
	padding-top: 90px;
	padding-bottom: 50px;
	padding-left: 40px;
}
.in_lxwmdv{
	width: 90%;
}
.in_lxwmdv section{
	color: #333333;
	font-size: 24px;
	font-weight: bold;
}
.in_lxwmlefttop h1{
	color: #333333;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 15px;
}
.in_lxwmlefttop i{
	display: block;
    height: 4px;
    background: url(../img/images/oqw_05.jpg) left no-repeat;
    margin-bottom: 25px;
}
.in_lxwmdv ul li{
	margin-top:30px ;
	display: flex;
	justify-content: flex-start;align-items: center;
	font-size: 16px;
	line-height: 60px;
	color: #333333;
}
.in_lxwmdv ul li i{
	display: block;
	width: 60px;
	height: 60px;
	background-color: #eeeeef;
	border-radius: 50%;
	margin-right: 10px;
	font-size: 24px;
	color: #073ca4;
	text-align: center;
	line-height: 60px;
}
.in_lxwmdv ul li p{
	margin: 0;
}

.in_zxlytop h1{
	color: #333333;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 15px;
}
.in_zxlytop i{
	display: block;
    height: 4px;
    background: url(../img/images/oqw_05.jpg) left no-repeat;
    margin-bottom: 25px;
}
.in_zxly{
	width: 90%;
}
.in_zxly form div{
	display: flex;
	justify-content: space-between;
}
.in_zxly form div input{
	width: 49%;
	border: 1px solid #dcdcdc;
	background-color:transparent;
	height: 45px;
	text-indent: 1em;
}
.in_zxly form input{
	width: 100%;
	border: 1px solid #dcdcdc;
	background-color:transparent;
	height: 45px;
	text-indent: 1em;
	margin-bottom: 20px;
	outline: none;
}
.in_zxly form textarea{
	width: 100%;
	border: 1px solid #dcdcdc;
	background-color:transparent;
	text-indent: 1em;
	margin-bottom: 20px;
	line-height: 35px;
	height: 200px;
}

.in_zxly form .submit{
	width: 140px;
	height: 50px;
	background-color: #073ca4;
	text-indent: 0em;
	color: #fff;
	font-size: 14px;
}	
.foot{
	width: 100%;
	background-color: #073ca4;
	padding-top: 45px;
}
.footdv{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 35px;
	border-bottom: 1px solid #0f4abe;
}
.footdvleft{
	display: flex;justify-content: flex-start;
}
.footdv{
	display: flex;
	justify-content: space-between;
}
.footdvleft dl{
	margin-right: 5rem;
}
.footdvleft dl dt a{
	font-size: 16px;
	color: #fff;
	display: block;margin-bottom: 10px;
}
.footdvleft dl dt i{
	display: block;
	height: 5px;
	border-bottom: 2px;
	width: 30px;
	border-bottom: 2px solid #fff;
}
.footdvleft dl dd a{
	display: block;
	margin-top: 20px;
	font-size: 14px;
	color:#dbd8d8;
}
.footdvleft dl:first-child{
	width: 280px;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	margin-right: 0px;
}
.footdvleft dl:first-child dt{
	width: 100%;
}
.footdvleft dl:first-child dd{
	width: 140px;
}
.footdvright{
	width: 45rem;
}
.footdvright h1{
	color: #ffffff;
	font-size: 20px;
	margin-bottom: 25px;
}
.footdvright p{
	line-height: 30px;
	font-size: 14px;
	color: #ffffff;
}
.footdvright  section{
	display: flex;justify-content: flex-start;
	color: #ffffff;
	font-size: 32px;
	font-family: "AvantGarde Bk BT";
	margin-top:25px ;align-items: center;
}
.footdvright  section i{
	display: block;
	border-radius: 45px;
	color: #b5c5e4;
	margin-right:10px ;
	font-size: 36px;
}
.wdl{
	width: 100%;
	background-color: #073ca4;
	height: 110px;
}
.m_ft{
	display: none;
}
.m_foot{
	display: none;
}
.wdldvright{
	display: flex;
	justify-content: space-between;
}
.wdldvright a{
	display: flex;
    width: 45px;
    border-radius: 45px;
    background-color: #b5c5e4;
    height: 45px;
    margin-left: 10px;
    text-align: center;
    line-height: 45px;
    justify-content: center;
    align-items: center;
}
.wdldvright a i{
	font-size: 26px;
	color: #0F4ABE;
}
.wdldv {
	display: flex;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
	height: 110px;
	align-items: center;
}
.wdldvleft p{
	font-size: 14px;
	color: #fff;
	line-height: 35px;
}
.pronavdv{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.pronav{
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #eeeeee;
}
.pronavtop h1{
	width: 245px;
	height: 90px;
	background-color: #073ca4;
	line-height: 90px;
	color: #fff;
	font-size: 32px;
	text-align: center;
	margin: 0;
	font-weight: bold;
	margin-top: -30px;
}
.pronavdown{
	line-height: 60px;
	color: #a09f9f;font-size: 14px;
}
.pronavdown a{
	color: #a09f9f;font-size: 14px;
}
.pronavdown a:last-child{
	color: #073ca4;
}
.prolist{
	width: 90%;
	margin:75px auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
}
.prolistleft{
	width: 15%;
}
.prolistleft ul li{
	margin-bottom: 10px;background-color: #efefef;
	padding:0px 25px;
}
.prolistleft ul li a{
	display: block;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #666666;
}
.aazz{
	display: none;
}
.prolistleft ul li:hover a{
	color: #fff;
}
.prolistleft ul li:hover{
	background-color: #073ca4;
}
.prolistright{
	width: 83%;
}
.prolistright_top{
	height: 48px;
	border-bottom: 1px solid #efefef;
}
.prolistright_top h1{
	margin: 0;
	color: #333333;
	font-size: 24px;
	line-height: 50px;
}
.prolistdv ul{
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
	margin: 20px auto; 
}
.prolistdv ul li{
	width: 31.3%;
	margin: 1%;
}
.prolistdv ul li div{
	width: 100%;
	overflow: hidden;
}
.prolistdv ul li div img{
	display: block;
	transition: all .5s;
	width: 100%;
}
.prolistdv ul li p{
	line-height: 40px;
	text-align: center;
	color: #666666;
	font-size: 16px;
}
.prolistdv ul li:hover img{
	transform: scale(1.1);
}
.showprodv{
	margin: 20px auto;
	display: flex;
	justify-content: space-between;
}
.showprodvleft{
	width: 44%;
}
.showprodvleft img{
	display: block;
	width: 100%;
}
.showprodvright {
	width: 51%;
}
.showprodvright h1{
	color: #333333;
	font-size: 28px;
	font-weight: bold;
	line-height: 60px;
	margin: 0;
}
.showprodvright span{
	display: block;
	width: 91px;
	height: 3px;
	background-color: #073ca4;
	margin-bottom: 25px;
}
.showprodvright p{
	line-height: 32px;
	color: #666666;
	font-size: 14px;
}
.showprodvright ul li{
	font-size: 14px;
	color: #666666;
	line-height: 32px;
}
.showprodvright ul li i{
	font-weight: bold;
}
.showprodvright div{
	display: flex;
	font-size: 36px;
	color: #073ca4;
	justify-content: flex-start;
	align-items: center;
	font-family: "AvantGarde Bk BT";
}
.showprodvright div i{
	display: block;
	width: 45px;
	height: 45px;
	border-radius: 45px;
	margin-left: 10px;
	text-align: center;
	line-height: 45px;
	font-size: 36px;
}
.showprodvright section{
	display: flex;	
	margin-top: 15px;
}
.showprodvright section a{
	display: block;
	width: 155px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background-color: #073ca4;
	margin-right: 15px;
}
.cpxq_top{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-indent: 20px;
	margin-top:45px ;
	background-color: #efefef;
	font-size: 18px;
	color: #073ca4;
	margin-bottom: 20px;
}
.cpxq_dv{
	width: 100%;
}
.cpxq_dv img{
	max-width: 100%;
}

.shownav{
	width: 100%;
	height: 65px;
	border-bottom: 1px solid #eeeeee;
}
.shownavdv{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.shownavdvleft ul{
	display: flex;
	justify-content: flex-start;
}
.shownavdvleft ul li{
	width: 140px;
	height: 65px;
	line-height: 65px;
}
.shownavdvleft ul li a{
	display: block;
	color: #333333;
	font-size: 18px;
	text-align: center;
}
.shownavdvleft ul li a:hover{
	background-color: #073ca4;
	color: #fff;
}
.shownavdvright{
	line-height: 65px;
	color: #a09f9f;
	font-size: 14px;
}
.shownavdvright a{
	color: #a09f9f;
}
.shownavdvright a:last-child{
	color: #073ca4;
}
.newslisttj{
	width: 90%;
	margin: 0 auto;
}
.newslisttj ul{
	display: flex;
	justify-content: flex-start;
}
.newslisttj ul li{
	width: 23%;
	margin: 1%;
}
.newslisttj ul li div{
	width: 100%;
	overflow: hidden;
}
.newslisttj ul li div img{
	display: block;
	width: 100%;
	transition: all .5s;
}
.newslisttj ul li h1{
	color: #333333;
	font-size: 24px;
	line-height: 30px;
	max-height: 60px;
	overflow: hidden;
}
.newslisttj ul li p{
	color: #666666;
	font-size: 16px;
	line-height: 35px;
	height: 70px;
	overflow: hidden;
}
.newslisttj ul li section span{
	color: #a2a1a1;
	font-size: 14px;
}
.newslisttj ul li section i{
	color: #a2a1a1;
	font-size: 14px;
}
.newslisttj ul li section {
	display: flex;
	justify-content: space-between;
}
.newslisttj ul li:hover img{
	transform: scale(1.1);
}
.newslist{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 50px;
}
.newslist ul{
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
}
.newslist ul li{
	padding: 1%;
	width: 23%;
	background-color: #f6f6f6;
	margin: 1%;
}
.newslist ul li h2{
	font-size: 20px;
	color: #333333;
	line-height: 35px;
	height: 70px;
	overflow: hidden;
}
.newslist ul li p{
	line-height: 35px;
	overflow: hidden;
	color: #666666;
	font-size: 14px;
	height: 35px;
	overflow: hidden;
}
.newslist ul li section {
	display: flex;
	justify-content: space-between;
}
.newslist ul li section span{
	color: #a2a1a1;
	font-size: 14px;
}
.newslist ul li section i{
	color: #a2a1a1;
	font-size: 14px;
}
.newslist ul li:hover{
	background-color: #073ca4;
}
.newslist ul li:hover h2{
	color: #fff;
}
.newslist ul li:hover p{
	color: #fff;
}
.newslist ul li:hover section span{
	color: #fff;
}
.newslist ul li:hover section i{
	color: #fff;
}
.shownewstop h1{
	margin-top: 70px;
	color: #333333;
	font-size: 26px;
	font-weight: bold;
}
.shownews{
	width: 90%;
	margin: 0 auto;
}
.shownewstop p{
	margin-top: 25px;
	line-height: 40px;
	border-bottom: 1px solid #f2f2f2;
	color: #bdbdbd;
	font-size: 14px;
}
.shownewstext{
	margin: 40px auto;
}
.shownewsp{
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}
.shownewsp a{
	display: block;
	width: 49%;
	height: 50px;
	line-height: 50px;
	border: 1px solid #dcdcdc;
	padding: 0px 10px;
	color: #8a8a8a;
	font-size: 16px;
	overflow: hidden;
}
.shownewsp a:hover{
	background-color: #073ca4;
	color: #fff;
	border-color: #073ca4;
}
.in_lxwmdv{
	position: relative;
}
.in_lxwmdv img{
	position: absolute;
	right:80px ;
	bottom:35px;
}
.showcxright{
	width: 48%;
}	
.showcx{
	width: 90%;
	margin: 70px auto;
	display: flex;
	justify-content: space-between;
}
.showcxleft{
	width: 50%;
}
.showcxleft h1{
	font-size: 32px;
	color: #333333;
}
.showcxleft h2{
	color: #333333;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 60px;
}
.showcxleft p{
	line-height: 30px;
	font-size: 16px;
	color: #666666;
}
.qywh{
	width: 100%;
	height: 700px;
	background: url(../img/images/daniu_02.jpg) center no-repeat;
}
.qywhdv{
	width: 90%;
	margin: 0 auto;
}
.qywhdv div{
	width: 465px;
	background-color: rgba(7,60,164,0.6);
	padding: 20px;
}
.qywhdv div section{
	background-color: rgba(7,60,164,0.8);
	padding: 35px;
}
.qywhdv div section h1{
	margin: 0;
	font-size: 36px;
	margin-bottom: 15px;
	color: #fff;
}
.qywhdv div section i{
	width: 70px;
	height: 2px;
	background-color: #fff;
	display: block;
	margin-bottom: 30px;
}
.qywhdv div section p{
	margin: 0;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}
.ryzz{
	width: 90%;
	margin: 0 auto;
	margin-top: 85px;
}
.ryzz h1{
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 30px;
}
.ryzz ul{
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
}
.ryzz ul li{
	background-color: #eeeeee;
	width: 23%;
	margin: 1%;
	text-align: center;
}
.ryzz ul li img{
	display: block;
	height: 100%;
	margin: 0 auto;
	width: 100%;
}	
.gccj{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top: 80px;
}
.gccj h1{
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 30px;
}
.gccj ul{
	display: flex;
	justify-content: space-between;
}
.gccj ul li{
	width: 31.3%;
	margin: 1%;
	overflow: hidden;
}
.gccj ul li img{
	width: 100%;
	display: block;
	transition: all .5s;
}
.gccj ul li:hover img{
	transform: scale(1.1);
}
.htmleaf-container{
	display: none;
}


		.slideBox{ width:100%; overflow:hidden; position:relative;   }
		.slideBox .hd{
			width: 90%;
			height: 100%;
			overflow:hidden; position:absolute; right:5%; bottom:0px; z-index:1; 
		}
		.slideBox .hd ul{ overflow:hidden; zoom:1; height: 100%;position: relative;width: 100%;  }
		.slideBox .hd ul li{ 
			width: 5rem;
			height:5rem;
			background-color:#fff;
			border-radius: 50%;
			position: absolute;
			text-align: center;
			line-height: 5rem;
			border: 1px solid #fff;
		}
		.slideBox .hd ul li i{
			font-size: 32px;
			color: #073ca4;line-height: 5rem;
		}
		.slideBox .hd ul li:first-child{
			left: 1%;
			bottom: 8.5%;
		}
		.slideBox .hd ul li:nth-child(2){
			left: 17%;
			bottom: 52%;
		}
		.slideBox .hd ul li:nth-child(3){
			left: 47%;
    		bottom: 73%;
		}
		.slideBox .hd ul li:nth-child(4){
			left: 77%;
    		bottom: 52%;
		}
		.slideBox .hd ul li:nth-child(5){
			left: 93%;
    		bottom: 8.5%;
		}
		.slideBox .hd ul li.on{ background:#073ca4; color:#fff; }
		.slideBox .hd ul li.on i{  color:#fff; }
		.slideBox .bd{ position:relative; z-index:0;   }
		.slideBox .bd li{ position: relative; }
		.slideBox .bd img{ width:100%;display:block;  }
		.slideBox .bd div{
			width: 600px;
			position: absolute;
			bottom: 17%;
			left: 50%;
			margin-left: -300px;
		}
		.slideBox .bd div h1{
			color: #ffffff;
			text-align: center;
			font-size: 48px;
			font-weight: bold;
		}
		.slideBox .bd div p{
			font-size: 16px;
			color: #fff;
			text-align: center;
			line-height: 35px;
		}
		.slideBox .bd div a{
			display: block;
			width: 160px;
			height: 48px;
			border: 1px solid #adb7d0;
			color: #fff;
			font-size: 16px;
			text-align: center;
			line-height: 48px;
			border-radius: 50px;
			margin: 0 auto;
			margin-top: 20px;
		}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
.index_cpright ul li:hover div img{
	transform: scale(1.1);
}
.index_cpright ul li  div img{
	transition: all .5s;
}
.index_caselist ul li p span{
	color: #333333;float: right;
}
@media (min-width: 1000px) and (max-width: 1300px){
	.head_topright section{
		display: none;
	}
	.head_topright ul li{
		margin: 0 2rem;
	}
	.footdv{
		flex-flow: wrap;
	}
	.footdvleft{
		width: 100%;
		justify-content: space-between;
	}
	.footdvright{
		width: 100%;
	}
	.in_lxwmdv img {
	    position: absolute;
	    right: 5%;
	    bottom: 35px;
	    width: 32%;
	}
	.prolistleft{
		width: 23%;
	}
	.prolistright{
		width: 75%;
	}
	.newslisttj ul li h1{
		font-size: 20px;
	}
	.index_gywmleft p i{
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 999px){
	.htmleaf-container{
		display: block;
	}
	.head_top{
		display: none;
	}
	.foot,.wdl{
		display: none;
	}
	.shownavdvright{
		display: none;
	}
	.showcx,.index_lxwm{
		display: block;
	}
	.showcxleft,.showcxright{
		width: 95%;
		margin: 0 auto;
	}
	.showcxright img{
		width: 100%;
	}
	.index_lxwmleft,.index_lxwmright{
		width: 100%;
	}
	.index_lxwmleft{
		justify-content: flex-start;
	}
	.in_lxwmdv{
		width: 95%;
		margin: 0 auto;
	}
	.index_lxwmright{
		padding-left: 0;
	}
	.in_zxly{
		margin: 0 auto;
	}
	.prolist{
		display: block;
		margin: 35px auto;width: 95%;
	}
	.prolistleft{
		width: 100%;
	}
	.prolistleft ul{
		display: flex;
		justify-content: flex-start;
		flex-flow: wrap;
	}
	.prolistleft ul li{
		width:18%;
		text-align: center;
		margin: 1%;
		padding: 0;
	}
	.showprodv{
		width: 100%;
	}
	.prolistright{
		width: 100%;
	}
	.showprodv{
		display: block;
	}
	.showprodvleft,.showprodvright{
		width: 100%;
	}
	.newslisttj ul li h1{
		font-size: 20px;
	}
	.newslisttj ul li p{
		font-size: 14px;
		line-height: 25px;
	    height: 50px;
	    overflow: hidden;
	}
	.newslist ul li h2{
		font-size: 16px;
		color: #333333;
	    line-height: 25px;
	    height: 50px;
	    overflow: hidden;
	}
	.shownewstop h1{
		margin-top: 35px;
	}
	.inewslist ul li p{
		font-size: 14px;
	}
	.slideBox .bd div p {
	    font-size: 14px;
	    color: #fff;
	    text-align: center;
	    line-height: 35px;
	    width: 300px;
	    margin: 0 auto;
	}
	.slideBox .hd ul li {
	    width: 6rem;
	    height: 6rem;
	    background-color: #fff;
	    border-radius: 50%;
	    position: absolute;
	    text-align: center;
	    line-height: 6rem;
	    border: 1px solid #fff;
	}	
}
@media screen and (max-width: 767px){
	.htmleaf-container{
		display: block;
	}
	.head_top{
		display: none;
	}
	.shownavdvleft{
		width: 100%;
	}
	.shownavdvright{
		display: none;
	}
	.shownavdvleft ul li a{
		font-size: 16px;
	}
	.showcx{
		display: block;
		margin: 30px auto;
	}
	.showcxleft{
		width: 100%;
	}
	.showcxright{
		width: 100%;
	}
	.showcxleft h1,.showcxleft h2{
		font-size: 24px;
	}
	.showcxleft h2{
		margin-bottom: 30px;
	}
	.showcxright img{
		width: 100%;
	}
	.qywhdv div{
		width: 100%;
	}
	.qywhdv div section h1,.ryzz h1,.gccj h1{
		font-size: 24px;
	}
	.foot{
		display: none;
	}
	.wdl{
		display: none;
	}
	.index_lxwm{
		display: block;
	}
	.index_lxwmleft{
		width: 100%;
		padding-top: 20px;
	}
	.in_lxwmlefttop h1{
		font-size: 24px;
	}
	.in_lxwmdv section{
		font-size: 20px;
	}
	.in_lxwmdv{
		width: 95%;
	}
	.in_lxwmdv img{
		position: relative;
		right: 0;
		bottom: 0;
	}
	.in_lxwmdv ul li p{
		width: 80%;
		line-height: 30px;
	}
	.index_lxwmright{
		width: 100%;
		padding-top: 30px;
	}
	.in_zxlytop h1{
		font-size: 24px;
	}
	.pronav{
		display: none;
	}
	.prolist{
		display: block;
		margin: 40px auto;
	}
	.prolistleft{
		width: 100%;
	}
	.prolistleft ul {
		display: flex;
		flex-flow: wrap;
		justify-content: flex-start;
	}
	.prolistleft ul li{
		padding: 0 ;
		width: 31.3%;
		text-align: center;
		margin: 1%;
	}
	.prolistleft ul li a{
		font-size: 14px;
	}
	.prolistright{
		width: 100%;
	}
	.showprodv{
		display: block;
	}
	.showprodvleft{
		width: 100%;
	}
	.showprodvright{
		width: 100%;
	}
	.showprodvright h1{
		font-size: 24px;
	}
	.prolistdv ul li{
		width: 48%;
	}
	.newslisttj ul li{
		width: 48%;
	}
	.newslisttj ul{
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
	}
	.newslisttj ul li h1{
		font-size: 18px;
	}
	.newslisttj ul li p{
		font-size: 14px;
	}
	.newslist ul{
		flex-flow: wrap;
		justify-content: space-between;
	}
	.newslist ul li{
		width: 48%;
	}
	.newslist ul li h2{
		font-size: 16px;
	    color: #333333;
	    line-height: 25px;
	    height: 50px;
	    overflow: hidden;
	}
	.shownewstop h1{
		margin-top: 30px;
		font-size: 20px;
		line-height: 30px;
	}
	.shownewsp{
		justify-content: space-between;
		flex-flow: wrap;
	}
	.shownewsp a{
		width: 100%;
		margin-bottom: 20px;
	}
	.index_cp {
		margin: 30px auto;
	}
	.index_cpleft h1,.index_cpright h1{
		font-size: 24px;
	}
	.index_gywmleft h1{
		height: 48px;
	}
	.index_gywmleft h1 span{
		font-size: 24px;
		line-height: 48px;
	}
	.index_gywmleft h2{
		font-size: 24px;
		margin: 10px auto;
		padding-bottom: 0px;
	}
	.index_gywmleft p{
		font-size: 14px;
	}
	.tabBox .hd{
		position: inherit;
	}
	.index_newstop h1,.index_casetop h1{
		font-size: 24px;
	}
	.tabBox .hd ul li{
		margin-left: 0;
	}
	.inewslist ul{
		flex-flow: wrap;
	}
	.inewslist ul li{
		width: 48%;
		margin: 1%;
	}
	.inewslist ul li h1{
		font-size: 16px;
	}
	.inewslist ul li p{
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.index_c{
		padding: 40px 0;
	}
	.index_caselist ul li:last-child{
		display: none;
	}
	.index_caselist ul li{
		width: 49%;
	}
	.index_caselist ul li p{
		line-height: 35px;
		height: 35px;
		overflow: hidden;
		font-size: 14px;
		margin: 0;
	}
	.index_cpright ul li {
	    width: 47.3%;
	    margin: 1%;
	}
	.index_yy{
		display: none;
	}
	.index_gywmleft a{
		margin-bottom: 10px;
		height: 45px;
		line-height: 45px;
	}
	.index_lxwmright{
		padding-left: 0px;
	}
	.in_zxly{
		width: 95%;
		margin: 0 auto;
	}
	.in_lxwmdv {
	    width: 95%;
	    margin: 0 auto;
	}
	.banner-info{
		width: 100%;
		overflow: hidden;
	}
	.banner-info img{
		width: 200%;
	}
	.gccj ul li{
		width: 100%;
	}
	.gccj ul{
		display: block;
	}
	.ryzz ul li{
		width: 48%;
	}
	.ryzz ul.zzry{
		display: none;
	}
	.aazz {
	    display: block;
	}
	.prolist{
		width: 95%;
		margin-bottom: 0px;
	}
	.m_ft{
		display: block;
		height: 50px;
	}
	.m_foot{
		display: block;
		position: fixed;
		bottom: 0;
		z-index: 99999;
		width: 100%;
	}
	.m_foot ul{
		display: flex;
		justify-content: space-between;
		margin: 0;
	}
	.m_foot ul li{
		width: 100%;
		text-align: center;
		border-right: 1px solid #044fe2;
	}
	.m_foot ul li a{
		display: block;
		font-size: 14px;
		text-align: center;
		line-height: 45px;
		color: #fff;
		background-color: #073ca4;
	}
}