/*样式初始化*/

html{overflow:auto;overflow-y:scroll;height:100%; }

body{font-size:14px; color:#333;background:#fff;font-family:microsoft yahei;}

*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;}

a{text-decoration:none;}

a:hover{text-decoration:none;color: #1951ae}

a:active{text-decoration:none;color: #1951ae}

ul,li{list-style:none;margin:0;}

h1,h2,h3,h4,h5,h6,p{margin:0;font-family:microsoft yahei;}

img{max-width: 100%;}

.clear{clear: both;}



.navbar{background:none;margin:0; }

.navbar-default{border:none;}

.navbar-collapse{max-height: 100%!important;vertical-align: middle;}

.container-fluid{padding:0;}

.tz-gallery{padding:0;}

/*header*/

.header{overflow: hidden;position: fixed;z-index: 999;top:0;}

.header .navbar{float: left;}

.h-top{background: #252525;float: left;width:100%;color: #8f8f8f;line-height: 30px;}

.h-top p{float: left;color: #8f8f8f;/*width:100%;*/overflow: hidden;font-size: 14px;height: 30px;line-height: 30px;}

.h-top .tel{display: none;float: right;}

.h-top .tel1{display: none;float: right;}

.h-mid{width:100%;float: left;background: #ffffff;padding:10px 0;}

.h-tel{float: right;display: none;}

#h-nav{width:100%;background: #333333;line-height: 40px;}

#h-nav li{float: left;padding:0;}

#h-nav li a{color: #ffffff;text-align: center;display: inline-block;height: 40px;padding:0;border-bottom: dashed 1px #8f8f8f;width:100%;line-height: 40px;}

#h-nav li a:hover{color: #ff9900;}



@media(min-width: 768px){

	.header{position: relative;}

	.h-top h1{width:50%;}

	.h-top .tel1{display: block;}

	.h-tel{display: block;}

	.h-mid{padding:35px 0;}

	#h-nav{width:100%;float: left;background: #1951ae;font-size: 16px;overflow: hidden;display: block;}

	

	#h-nav li a{border:none;width:18.8%;}

	#h-nav li a:hover{color: #ffffff;background: #ff9900;}

}



@media (min-width: 992px){

	.header .navbar{float: left;}

	.h-top span{width:500px;}

	.h-top .tel{color: #8f8f8f;display: block;}

	.h-top .tel1{display:none;}

	.h-top a{color: #8f8f8f;font-size: 14px;}

	.h-top a:hover{color: #8f8f8f;color: #ff9900}

/*	.h-tel{margin: 5px 0;}*/

	#h-nav li a{height: 50px;line-height: 50px;}

}



/*banner*/

.banner{width:100%;float: left;overflow: hidden;margin-top: 120px;}

.banner .swiper-slide img{width:100%;height: auto;}



@media(min-width:768px){

	.banner{margin-top:0px }

}



/*m-sousuo*/

.m-sousuo {

    width: 1200px;

    height: 90px;

    margin: 0 auto;

    padding-top: 26px;

    overflow: hidden;

}

.m-sousuo .left {

	padding-top: 15px;

    width: 900px;

    float: left;

}

.m-sousuo .left span {

    color: #013f96;

}

.serch {

    width: 283px;

    float: right;

}

.input_search {

    width: 229px;

    border: 1px solid #cdcdcd;

    border-right: none;

    float: left;

    height: 41px;

    text-indent: 8px;

}

.btn_search {

    width: 52px;

    height: 43px;

    float: right;

    border: none;

    background: url(../Image/sousuo.png);

    text-indent: -9999px;

}



/*m-pro*/

.m-pro{width:100%;margin-top: 45px;overflow: hidden;}

.m-pro-hd{width:100%;overflow: hidden;margin: 15px 0}

.m-pro-hd a{text-align: center;font-size: 16px;background: #d6d5da;color: #174ca2;width:90%;margin:15px auto 0;display: block;overflow: hidden;border-radius: 5px;height: 40px;line-height: 40px;}

.m-pro-hd a:hover{background: #174ca2;color: #ffffff;}

.m-pro-bd{margin-top:15px;width:100%;overflow: hidden;}

.m-pro-left{float: left;overflow: hidden;margin-top: 15px;}

.m-pro-right{float: right;overflow: hidden;}

.m-pro-right li{margin:15px 0 0; }

.m-pro-right li img{width:100%;object-fit: cover;}

.m-pro-right li a{text-align: center;border:solid 1px #f0f0f0;display: block;}

.m-pro-right li a h1{font-size: 16px;color: #737272;line-height: 40px;height: 40px;overflow: hidden;}

.m-pro-right li:hover a{border-color: #ff9600}

.m-pro-right li:hover a p{color: #ffffff;background: #164899;}

.sidebar{width:100%;overflow: hidden;}

.s-hd{width:100%;float: left;height: 80px;background: url(../Image/s-hd.jpg) center no-repeat;}

.s-bd{width:100%;float: left;background: #434343;padding:15px 15px 30px;box-sizing: border-box;}

.s-bd li{width:100%;float: left;border-bottom: solid 1px #605f5f;height: 45px;padding:5px;box-sizing: border-box;}

.s-bd li a{width:100%;float: left;display: block;height: 35px;line-height: 35px;overflow: hidden;color: #ffffff;}

.s-bd li a span{width:5px;float: left;display: block;height: 5px;background: #ffffff;border-radius: 5px;margin: 15px 0;}

.s-bd li:hover a{background: #ff9600;border-radius: 20px;}

@media(min-width: 992px){

	.s-bd li a{padding:0 10px;text-indent: 10px;}

}

@media(min-width: 1200px){

	.s-bd li a{padding:0 30px;text-indent: 20px;}

}



/*m-com*/

.m-com{width:100%;/*height: 628px;*/background: url(../Image/m-part2-bg.jpg) center no-repeat #154595;/*margin-top: 300px;*/ padding-bottom: 50px;}

.m-com-hd{width:100%;text-align: center;margin-top: 110px;overflow: hidden;}

.m-com-bd{width:100%;overflow: hidden;}

.m-com-bd p{line-height: 32px;font-size: 16px;color: #ffffff;margin-top: 30px;overflow: hidden;width:100%;max-height: 155px;overflow: hidden;}

.m-com-bd .btn{width: 100%;text-align: center;overflow: hidden;margin-top: 15px;}

.m-com-bd a{width:117px;height: 39px;text-align: center;line-height: 40px;display: inline-block;margin:0 15px;background: url(../Image/m-com-btn.png);color: #ffffff;}

.m-com-bd a:hover{background: url(../Image/m-com-btn2.png);}



/*case-honor*/

.case-honor{width:100%;overflow: hidden;/*margin-top: -168px;*/padding-bottom: 30px; padding-top: 40px;}

.case-honor .nav-tabs{background: #e2e2e2;height: 44px;}

.case-honor .nav>li>a{font-size: 20px;color: #707070;font-weight: bold;border-radius: 0;width:125px;height: 52px;border:none;line-height: 25px;text-align: center;}

.case-honor .nav-tabs>li.active>a,.case-honor .nav-tabs>li.active>a:focus,.case-honor .nav-tabs>li.active>a:hover,.case-honor .nav-tabs>li>a:hover{background: url(../Image/m-case-hover.png) center no-repeat;color: #ffffff;height: 52px;border:none;}

.case-honor .tab-content{position: relative;padding-top: 30px;}

.case-honor .tab-content .btn{position: absolute;top:-40px;right:0;color: #707070;}

.case-honor .tab-content .btn:hover{color: #164797;}

.case-honor .tab-content li{text-align: center;}

.case-honor .tab-content li img{object-fit:cover;}

.case-honor .tab-content li p{width:100%;text-align: center;background: #000000;opacity: .7;line-height: 40px;height: 40px;color: #ffffff;font-size: 16px;margin-top: -40px;}

.case-honor .tab-content li:hover p{background: #164798;opacity: 1;position: relative;z-index: 1}



/*m-news*/

.m-part3{width:100%;overflow: hidden;padding:40px 0;background: 

#f1f1f1;}

.m-news{float: left;overflow: hidden;padding:25px;background: #ffffff;width:100%;}

.m-news-hd{width:100%;float: left;}

.m-news-hd span{width:125px;height: 52px;background: url(../Image/m-case-hover.png) center no-repeat;color: #ffffff;font-size: 20px;font-weight: bold;text-align: center;line-height: 40px;float: left;}

.m-news-hd a{color: #707070;float: right;line-height: 40px;}

.m-news-hd a:hover{color: #0f61cd;}

.m-news-mid{width:100%;overflow: hidden;margin-top: 15px;float: left;}

.m-news-mid .txt{float: right;}

.m-news-mid .txt span{float: left;font-size: 16px;color: #404040;font-weight: bold;width:100%;}

.m-news-mid .txt span:hover{color: #16499d;}

.m-news-mid .txt h2{float: left;font-size: 14px;color: #a09e9e;width:100%;line-height: 30px;}

.m-news-mid .txt p{float: left;font-size: 14px;color: #000;line-height: 30px;width:100%;margin:0;}

.m-news-mid .more{width:90px;height: 30px;text-align: center;line-height: 30px;background: #0f61cd;font-size: 14px;color: #fbfbfb;display: block;float: left;}

.m-news-mid .more:hover{background: #f3740f;}

.m-news-bd{width:100%;float: left;margin-top: 15px;}

.m-news-bd li{width:100%;height: 44px;border-bottom: dotted 1px #666666;line-height: 44px;overflow: hidden;}

.m-news-bd li span{width:3%;height: 2px;background: #a1a1a1;display: block;float: left;margin-top: 20px;}

.m-news-bd li strong{width:70%;float: left;color: #404040;text-indent: 10px;font-size: 16px;line-height: 44px;overflow: hidden;height: 44px;}

.m-news-bd li p{float: left;font-size: 16px;color: #000;line-height: 44px;}

.m-news-bd li .time{float: right;font-size: 16px;color: #000;line-height: 44px;}

.m-news-bd li:hover strong{color: #0f61cd;}



/*m-wd*/

.m-wd{float: right;overflow: hidden;padding:15px;background: #ffffff;margin-top: 30px;}

.m-wd-hd{float:left;width:100%;}

.m-wd-hd p{float:left;font-size: 20px;color: #707070;font-weight: bold;line-height: 44px;}

.m-wd-hd p span{color: #949494;font-size: 14px;font-weight: normal;}

.m-wd-hd .more{float: right;line-height: 44px;color: #707070;}

.m-wd-hd .more:hover{color: #1b5da8;}

.m-wd-bd{float: left;width:100%;overflow: hidden;}

.m-wd-bd li{float: left;width:100%;overflow: hidden;padding:16px 0;border-bottom: dotted 1px #cecece;}

.m-wd-bd li p{float: left;width:100%;overflow: hidden;font-size: 16px;color: #000;/*font-weight: bold;*/background: url(../Image/wen.jpg) left center no-repeat;padding-left: 25px;overflow: hidden;max-height: 17px;}

.m-wd-bd li p{float: left;width:100%;overflow: hidden;font-size: 14px;color: #000;background: url(../Image/da.jpg) left 5px no-repeat;padding-left: 25px;line-height: 27px;margin-top: 10px;max-height: 54px;}

.m-wd-bd li:hover p{color: #0f61cd;}





@media(min-width:992px){

	.m-wd{margin-top:0;}

	.m-wd-bd li p{line-height: 22px}

}

@media(min-width:1200px){

	.m-wd-bd li p{line-height: 27px}

}







/*footer*/

.footer{width:100%;background: #333333;float: left;margin-bottom: 52px}

.footer h1{width:100%;float: left;text-align: center;font-size: 30px;color: #9d9c9c;font-weight: bold;}

.footer ul{width:100%;float: left;border-top:solid 1px #9d9c9c;border-bottom:solid 1px #9d9c9c;margin:15px 0;text-align: center;}

.footer ul li{padding:0;}

.footer ul a{display: inline-block;color:#9d9c9c; font-size:16px;width:18.8%;padding:10px 0;}

.footer ul a:hover{color: #ffffff;}

.f-con{width:100%;float: left;overflow: hidden;}

.f-con li{width:100%;line-height: 38px;color: #848484;font-size: 16px;text-align: center;}

.f-liuyan{float: right;overflow: hidden;width:100%;padding-left: 10px;}

.f-liuyan input{width:100%;float: left;padding:10px;background: #454545;color: #8c8b8b;border:none;width:31%;float: left;margin: 0 5px;}

.f-liuyan textarea{width:97%;float: left;height: 80px;overflow: hidden;padding:10px;background: #454545;color: #8c8b8b;border:none;margin:10px 0 10px 5px;}

.f-liuyan .submit{color: #ffffff;text-align: center;font-size: 16px;background: #1b5da8;}

.f-bd{width:100%;text-align: center;height: 80px;line-height: 36px;font-size: 16px;color: #848484;background: #2d2d2d;margin-top: 20px;}



.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: block;}

.down li{width: 24.7%;border-right: solid 1px #ffffff;text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px;}

.down li a{color: #ffffff;}

.down .current{border-right: none;}

.down li img{max-width: 25px;height: 25px;}

@media(min-width: 768px){

	.footer{margin-bottom: 0}

	.down{display: none;}

}

@media(min-width: 992px){

	.footer ul a{width:18.8%;}

	.f-con li{text-align: left;}

}



/*list-banner*/

.list-banner{width:100%;float: left;padding:80px 0 60px;max-height: 357px;overflow: hidden;background: url(../Image/l-banner.jpg) center no-repeat;margin-top: 100px; }

.list-banner  p{width:100%;text-align: center;color: #ffffff;font-size: 28px;}

.list-banner  h2{width:100%;text-align: center;color: #ffffff;font-size: 30px;text-transform : uppercase;margin-top: 10px;}

@media(min-width: 768px){

	.list-banner{padding:110px 0;overflow: hidden; margin-top: 0}

	.list-banner  p{font-size: 34px;}

	.list-banner  h2{font-size: 50px;}

}

@media(min-width: 992px){

	.list-banner{padding:130px 0;}



}



/*sidebar*/

.side{width:100%;overflow: hidden;float: left;padding:15px 0;background: #ffffff;}

.side ul{width:100%;float: left;min-height: 30px;}

.side  ul li{/*margin-top: 15px;*/}

.side ul a{display: inline-block;background: #cccccc;text-align: center;color: #343434;font-size: 16px;width:100%;overflow: hidden;line-height: 50px;height: 50px;}

.side ul a:hover{background: #1951ae;color: #ffffff;}



/*l-position*/

.l-position{width:100%;float: left;overflow: hidden;font-size: 16px;line-height: 30px;background: #ffffff;margin-bottom: 15px;}

@media(min-width: 768px){

	.l-position{line-height: 50px;}

}



/*list*/

.list{width:100%;float: left;background: #f0f0f0;padding:27px 0;}

.list .container{background: #ffffff;overflow: hidden;padding:30px 15px;line-height: 260%;min-height: 300px; font-family: 宋体;font-size:16px;}

.page{float: left;border-top:solid 1px #cccccc;width:100%;text-align: right;margin-top: 30px;}

/*产品列表页*/

.pro{overflow: hidden;float: left;width:100%;}

.pro li{margin-bottom: 15px;}

.pro li img{border:solid 1px #cccccc;object-fit: cover;}

.pro li p{font-size: 16px;line-height: 40px;text-align: center;color: #333333;height: 40px;overflow: hidden;width:100%;}

.pro li p{font-size: 16px;line-height: 40px;text-align: center;color: #333333;}

.pro li:hover p{color: #1b5da8;}

.pro li:hover img{border:solid 1px #1b5da8;}



/*产品内容页样式*/

.p-img{ width: 100%; padding: 5px 0 5px 0; text-align: center; color:#888787; font-size: 14px; }

.p-img p{ font-size: 27px; color: #5f5f5f;margin-bottom: 15px;}

.p-fgx{width: 100%; border-bottom:dotted 1px #868686;margin-top: 5px;}

.p-content{ width: 100%; margin: 0 auto;  overflow: hidden; font-family: 宋体; font-size: 16px;}

.p-content .title{ width: 100%; height:30px;  overflow: hidden; background-color: #f0f0f0;}

.p-content .title h2{ width: 100px; text-align: center; height: 30px;  overflow: hidden; color: #fff; font-size: 15px; line-height: 30px; font-weight: 700; background: #2f6db2;}

.p-content .nr{ width: 98%; margin: 0 auto; line-height: 260%; padding: 0px 0 30px 0; overflow: hidden;}

.p-content .nr p{ font-family: 宋体; font-size: 16px;}



/*新闻首页样式*/

.list-news{min-height: 100px;height: auto; }

.list-news li{height:50px; line-height: 50px; border-bottom: 1px dotted #bbb; padding:0 1%; width:100%;}

.list-news li span{float: right;}

.list-news li a{color: #595959;width:65%;height: 50px;overflow: hidden;display: block;float: left;}

.list-news li:hover{background-color: #eee;}



/* message styles */

.message{width:100%;float: left;overflow: hidden;}

.message ul{

	overflow: hidden;

}

.message li{

	float: left;

	margin:10px 0;

}

.message input {

	position: relative;

	display: block;

	float: left;

	padding:.5em;

	width: 100%;

	border: solid 1px #cccccc;

	border-radius: 0;

	background: #fff;

	color: #0075c5;

	font-weight: bold;

}

.message textarea {

	position: relative;

	display: block;

	float: left;

	padding:.5em;

	width: 100%;

	border: solid 1px #cccccc;

	border-radius: 0;

	background: #fff;

	color: #0075c5;

	font-weight: bold;

	resize:none;

}

.message textarea:focus {

	outline: none;

}

.message input:focus {

	outline: none;

}

.message #submit{

	

	height: 35px;

	line-height: 35px;

	padding:0;

    color: #fff;

    background: #1b5da8;

    cursor: pointer;

    -webkit-transition: background 0.3s;

	transition: background 0.3s;

}

.message #submit:hover{

	background: #0075c5;

}