/*样式初始化*/

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;}

img{max-width: 100%;}

h1,h2,h3,h4,h5,h6{margin:0;}

.clear{clear: both;}



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

.navbar-default{border:none;}

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

.container-fluid{padding:0;}

.tz-gallery{padding:0;}



/*header*/

.header{/*overflow: hidden;*/position: fixed;z-index: 999;width:100%;}

.h-top{background: #252525;float: left;width:100%;color: #8f8f8f;font-size: 14px;}

.h-top .lt{float: left;color: #8f8f8f;}

.h-top p{float: right;display: none;margin:0;}

.nav{text-align: right;}

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

.h-mid .navbar-toggle{margin:20px 15px 0 0;float: none;}

.h-logo{line-height:80px; }

.h-logo img{max-width: 100%;vertical-align: middle;}

.h-nav{display: none;}

#h-nav{width:100%;float: left;background: #282727;}

#h-nav li{width:100%;float: left;height: 40px;border-bottom: solid 1px #cecece;color: #ffffff;line-height: 40px;font-size: 16px;text-align: center;}

#h-nav li:hover{clear: #1457be;}

@media(min-width: 768px){

	.header{position: relative;}

	.h-top{height: 30px;line-height: 30px;}

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

	.h-top p span{background: url(../Image/h-top-icon.png) 15px center no-repeat #11a2e4 ;font-size:16px;font-weight: bold;color: #ffffff;padding:10px 15px 10px 48px ;}

	.h-logo{line-height:80px; }

	.nav{float: right;}

	.h-nav{width:100%;float: left;display: block;}

	.h-nav li{width:20%;float: left;padding:8px 0;}

	.h-nav li h1{width:100%;float: left;color: #434343;font-size: 16px;text-align: center;margin:5px 0;}

	.h-nav li span{width:30px;height: 1px;display: block;margin:0px auto;background: #434343;/*overflow: hidden;*/}

	.h-nav li:hover{background: #6ec33c;}

	.h-nav li:hover h1{color: #ffffff;}

	.h-nav li:hover span{background: #ffffff;}

	#h-nav{display: none!important;}

}



@media (min-width: 992px){

	.header .navbar{height:160px;}

	.h-top{height: 35px;line-height: 35px;}

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

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

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

	.h-top a:hover{color: #11a2e4;}

	.h-mid{height: 125px;line-height: 125px;}

	.h-logo{line-height:125px; }

	.h-nav li{height: 125px;padding:30px 0;width:10%;}

	.h-nav li h1{margin:15px 0;}

	

}





/*banner*/

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

.banner1{display:none;}

.banner2{display: block;}

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



@media(min-width:768px){

	.banner{margin-top:0px }

}

@media(min-width:768px){

	.banner1{display: block;}

	.banner2{display: none;}

}



/*youshi*/

.youshi{width:100%;float: left;}

.youshi li{padding:0;}

.youshi .hd{width:100%;padding:15px 10px 0;}

.youshi .hd .circle{width:98px;height: 98px;border:solid 1px #ffffff;border-radius: 100%;text-align: center;line-height: 98px;margin:0 auto;}

.youshi .hd .circle img{vertical-align: middle;}

.youshi h1{width:100%;font-size: 20px;font-weight: bold;color: #fff;margin:10px 0px;text-align: center;}

.youshi .bd{width:100%;padding:0px 10px;}

.youshi .bd p{border-top: solid 1px #fff;width:100%;color:#ffffff;line-height: 20px;font-size: 14px;padding:15px 0 15px;}



.youshi01,.youshi03{background: #11a2e4;}

.youshi02,.youshi04{background: #ebebeb;}

.youshi02 .hd .circle,.youshi04 .hd .circle{border-color: #cccccc;}

.youshi02 h1,.youshi04 h1{color:#5e5d5d;}

.youshi02 .bd p,.youshi04 .bd p{border-top: solid 1px #5e5e5e;color:#5e5e5e;}

.youshi .right{float: right;}

.youshi .left{float:left;}

.youshi01,.youshi02,.youshi03,.youshi04{height: 260px;overflow: hidden;}

.youshi li:hover .circle img{transform:rotate(360deg);transition:all .5s;}



@media(min-width: 768px){

	.youshi{width:100%;margin-top: -15px;position: relative;z-index: 2}

	.youshi .hd{width:100%;}

	.youshi h1{font-size: 24px;margin:15px 0 25px; }

	.youshi .bd{padding:0px 20px;}

	.youshi .bd p{line-height: 24px;font-size: 16px;padding:20px 0 25px;}

	.youshi01,.youshi02,.youshi03,.youshi04{height: 330px;}

	.youshi .right{float: left;}

	.youshi .left{float:left;}

}

@media(min-width: 992px){

	.youshi{margin-top: -35px;}

	.youshi01,.youshi02,.youshi03,.youshi04{height: 300px;}

}



/*m-pro*/

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



.m-pro-hd{text-align: center;color:#737373;}

.m-pro-hd h1{font-size: 24px;font-weight: bold;}

.m-pro-hd h2{font-size: 16px;margin-top: 10px;color: #2c2c2c;}

.m-pro-mid{text-align: center;margin:20px 0;overflow: hidden;}

.m-pro-mid li{width:30%;display: inline-block;margin:1% .5%;}

.m-pro-mid li a{width:100%;text-align: center;font-size: 16px;color: #444444;display: block;border-radius: 5px;background: #d4d4d4;height: 40px;line-height: 40px;overflow: hidden;}

.m-pro-mid li a:hover{background: #1457be;color: #ffffff;}

.m-pro-bd{width:100%;float: left;background: #1097d5;overflow: hidden;padding:30px 0 0;}

.m-pro-bd li{margin-bottom: 28px;}

.m-pro-bd li .img{width:100%;border:solid 1px #ededed; float: left;background: #fff;overflow: hidden;text-align: center;}

.m-pro-bd li .img img{width:100%;object-fit: cover;transition:all .5s;}

.m-pro-bd li h1{width:100%;float: left;text-align: center;font-size: 16px;color: #737272;height: 38px;line-height: 38px;margin:0;overflow: hidden;border:solid 1px #ededed;border-top: none;background: #fff;transition:all .5s;}

.m-pro-bd li:hover .img{border-color:#6ac335;transition:all .5s;}

.m-pro-bd li:hover h1{border-color:#6ac335;background: #6ac335;color: #fff;}

.m-pro-bd li:hover .img img{transform: scale(1.1,1.1);}

@media(min-width: 768px){

	.m-pro-hd h1{font-size: 28px;}

	.m-pro-hd h2{font-size: 20px;}

} 

@media(min-width:992px){

	.m-pro-mid li{width:15.5%;}

	.m-pro-left{width:100%;height: 530px;background: url(../Image/m-pro-left.jpg) center top no-repeat #119edf;color: #fff;font-size: 18px;padding:50px 0 0 65px;font-weight: bold;box-sizing: border-box;background-size:100%;}

	.m-pro-bd{background:url(../Image/m-pro-bg.jpg) center top no-repeat;}

	.m-pro-bd li .img{height: 212px;}

	

} 

@media(min-width: 1200px){

	.m-pro-left{width:100%;height: 624px;background: url(../Image/m-pro-left.jpg) center top no-repeat #119edf;color: #fff;font-size: 23px;padding:60px 0 0 80px;font-weight: bold;box-sizing: border-box;background-size:100%;}

	.m-pro-bd li .img{height: 260px;}

}







/*m-com*/

.m-com{width:100%;padding:50px 0;overflow: hidden;}

.m-com-hd{text-align: center;overflow: hidden;color:#737373;}

.m-com-hd h1{font-size: 24px;font-weight: bold;}

.m-com-hd h2{font-size: 12px;margin-top: 10px;}

.m-com p{text-align: center;line-height: 25px;font-size: 16px;color: #666666;margin:30px 5%;width:90%;}

.m-com a{width:166px;height: 42px;border:solid 2px #119fe0;text-align: center;line-height: 42px;font-size: 18px;color: #11a2e4;display: block;margin:0 auto;}

.m-com a:hover{border:solid 2px #6ac335;color: #6ac335;}

@media(min-width: 768px){

	.m-com-hd h1{font-size: 28px;}

	.m-com-hd h2{font-size: 13px;}

}



/*part1*/

.part1{padding:30px 0;width:100%;float: left;background: #cecece;overflow: hidden;}

.m-news-hd{width:100%;float: left;text-align: center;color: #ffffff;margin-bottom: 30px;}

.m-news-hd h1{font-size: 24px;font-weight: bold;color:#343434;}

.m-news-hd h2{font-size: 14px;margin-top: 10px;color: #636363;}

.m-news-right{float: left;width:100%;overflow: hidden;padding:18px 18px 0;box-sizing: border-box;background: #ffffff;}

.m-news-right .hd{width:100%;float: left;overflow: hidden;margin-bottom: 15px;}

.m-news-right .hd .img{width:30%;height: 130px;overflow: hidden;float: left;}

.m-news-right .hd img{width:100%;object-fit: cover;height: 100%}

.m-news-right .hd .txt{float: right;width:65%;overflow: hidden;}

.m-news-right .hd .txt h1{width:100%;float: left;font-size: 18px;font-weight: bold;color: #615c5c;height: 18px;overflow: hidden;margin-top: 15px;}

.m-news-right .hd .txt h1:hover{color: #6ac335;}

.m-news-right .hd .txt h2{width:100%;float: left;font-size: 14px;color: #615c5c;margin:10px 0;}

.m-news-right .hd .txt p{width:100%;float: left;font-size: 14px;color: #555252;line-height: 24px;height: 48px;overflow: hidden;}

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

.m-news-right .bd li{float: left;width:100%;border-top: dashed 1px #cccccc;padding:15px 0;}

.m-news-right .bd li .left{float: left;max-width:20%;text-align: center;}

.m-news-right .bd li .left h1{float: left;width:100%;font-size: 50px;font-weight: bold;color: #939393;}

.m-news-right .bd li .left h2{float: left;width:100%;font-size: 14px;color: #939393;}

.m-news-right .bd li .right{float: right;width:77%;}

.m-news-right .bd li .right h1{float:left;width:100%;font-size: 18px;color: #615c5c;font-weight: bold;height: 18px;overflow: hidden;margin: 7px 0;}

.m-news-right .bd li .right p{float:left;width:100%;font-size: 14px;color: #555252;line-height: 24px;height: 48px;overflow: hidden;margin:0;}

.m-news-right .bd li:hover .left h1{color: #6ac335;}

.m-news-right .bd li:hover .left h2{color: #6ac335;}

.m-news-right .bd li:hover .right h1{color: #6ac335;}

@media(min-width: 768px){

	.m-news-hd h1{font-size: 28px;}

	.m-news-hd h2{font-size: 16px;}

	.m-news-right .hd .img{width:170px;}

	.m-news-right .hd .txt{width:250px;}

	.m-news-right .bd li .left{width:80px;}

	.m-news-right .bd li .left h1{font-size: 57px;}

	.m-news-right .bd li .left h2{font-size: 14px;}

	.m-news-right .bd li .right{width:350px;}

}



@media(min-width: 992px){

	.m-news-hd{display: none;}

	.m-news-left{width:100%;overflow: hidden;}

	.m-news-left .hd{width:100%;background: #119edf;padding:20px 15px;float: left;}

	

	.m-news-left .hd h1{width:100%;float: left;font-size: 22px;color: #fff;font-weight: bold;margin:5px 0 10px;}

	.m-news-left .hd h2{width:100%;float: left;font-size: 16px;color: #fff;}

	.m-news-left .bd{width:100%;float: left;background: url(../Image/m-news-left.jpg) center top no-repeat;height: 275px;}

	.m-news-right .hd .txt{width:235px;}

	.m-news-right .bd li{padding:11px 0;}

	.m-news-right .bd li .right{width:330px;}

}



@media(min-width: 1200px){

	.m-news-left .hd{padding:25px 20px;}

	.m-news-left .hd h1{font-size: 24px;}

	.m-news-left .hd h2{font-size: 18px;}

	.m-news-left .bd{height: 275px;}

	.m-news-right .hd .txt{width:335px;}

	.m-news-right .bd li{padding:15px 0;}

	.m-news-right .bd li .right{float: right;width:430px;}

}



/*m-con*/

.m-con{width:100%;float: left;overflow: hidden;background: #6ac335;padding:15px;margin-top: 30px;}

.m-con h1{width:100%;float: left;height: 40px;background: url(../Image/m-con-icon.png) left center no-repeat; color: #fff;font-weight: bold;font-size: 24px;line-height: 36px;text-indent: 45px;}

.m-con p{width:100%;float: left;color: #fff;font-size: 16px;line-height: 24px;margin: 10px 0;}

.m-con .input-group{margin-bottom: 5px;width:100%;}

.m-con .submit{padding:8px 50px;font-size: 18px;color: #fff;background: #119edf;border:none;margin:10px 0 15px;}

@media(min-width:768px){

	.m-con{margin-top: 0px;}

}

@media(min-width: 992px){

	.m-con .submit{margin:5px 0;}

}

@media(min-width: 1200px){

	.m-con .submit{margin:10px 0 15px}

}



/*case-honor*/

.case-honor{width:100%;overflow: hidden;margin-top: 35px;padding-bottom: 30px;}

.case-honor .nav{float: none;}

.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: #6ac335;}

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

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

.case-honor .tab-content li h1{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 h1{background: #11a1e2;opacity: 1;position: relative;z-index: 1}





/*footer*/

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

.f-hd{width:100%;background: #353535;overflow: hidden;padding:15px 0 15px 0;}

.f-left{text-align: center;}

.f-left h1{text-align: center;color: #ffffff;font-size: 18px;margin-bottom: 20px;}

.f-left img{max-width: 60%}

.f-nav h1{display: none;margin-bottom: 20px;color: #919191;}

.f-nav li{color:#919191;padding:0px 0 10px;width:25%;float: left;text-align: center; }

.f-nav li a{color:#919191;font-size: 16px; }

.f-nav li a:hover{color:#6ac335; }

.f-con{color: #fff;}

.f-con h1{font-size: 18px;display: none;margin-bottom: 20px}

.f-con p{font-size: 16px;line-height: 28px;text-align: center;padding-top:15px;color: #919191}

.f-bd{width:100%;float: left;background: #181818;color: #919191;text-align: center;padding:10px 0;font-size: 14px;margin-bottom: 50px;}

.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){

	.f-hd{padding:35px 0 15px;}

	.f-nav h1{display: block;font-size: 18px;color: #919191;}

	.f-con h1{font-size: 18px;display: block;}

	.f-con p{font-size:16px;line-height: 28px;text-align: left;padding-top:0;}

	.f-bd{margin-bottom:0;}

	.down{display: none;}

}



/*list-banner*/

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

.list-banner  h1{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  h1{font-size: 34px;}

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

}

/*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{padding:0 5px;}

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

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

@media(min-width: 768px){

	.side ul a{line-height: 50px;height: 50px;}

}



/*l-position*/

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

@media(min-width: 768px){

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

}



/*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;}

.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;}

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

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

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

@media(min-width: 768px){

	.pro li h1{font-size: 16px;line-height: 40px;}

}



/*产品内容页样式*/

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

.p-img h1{ 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;}

.p-content .title{ width: 100%; height:70px;  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: 15px 0 50px 0; overflow: hidden;}



/*新闻首页样式*/

.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;

}

/*自定义的css*/
            .dropdown-submenu {
                position: relative;
            }

            .dropdown-submenu>.dropdown-menu {
                top: 0;
                left: 100%;
                margin-top: -6px;
                margin-left: -1px;
                -webkit-border-radius: 0 6px 6px 6px;
                -moz-border-radius: 0 6px 6px;
                border-radius: 0 6px 6px 6px;
            }

            .dropdown-submenu:hover>.dropdown-menu {
                display: block;
            }

            .dropdown-submenu>a:after {
                display: block;
                content: " ";
                float: right;
                width: 0;
                height: 0;
                border-color: transparent;
                border-style: solid;
                border-width: 5px 0 5px 5px;
                border-left-color: #ccc;
                margin-top: 5px;
                margin-right: -10px;
            }

            .dropdown-submenu:hover>a:after {
                border-left-color: #fff;
            }

            .dropdown-submenu.pull-left {
                float: none;
            }

            .dropdown-submenu.pull-left>.dropdown-menu {
                left: -100%;
                margin-left: 10px;
                -webkit-border-radius: 6px 0 6px 6px;
                -moz-border-radius: 6px 0 6px 6px;
                border-radius: 6px 0 6px 6px;
            }