@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"微软雅黑"; background:url(../images/bg.png) repeat;}
*{margin:0; padding:0;}
ul,li,dl,dt,dd{list-style-type:none}
a{text-decoration:none !important;line-height:none !important}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important;color:#999;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1130px !important;}
.container{max-width:1000px !important;padding:0;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
h1,h2,h3,h4,h5,h6{margin:0 !important; padding:0 !important}
.tr{transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}
.tr1{transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s}
.tr2{transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
.da{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
textarea:required,input:required{ -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}
.suo{padding:0 5px;}
body{overflow-x:hidden;}


/*全局样式*/
header{height:100px;}
.logo{line-height:100px;}
header .phone{margin-top:22px;}
header .phone span{display:block; padding-left:36px; margin-bottom:3px}
header .phone h4{font-size:32px; color:#3aa314; font-weight:bold; letter-spacing:-2px}
header .phone h4 img{margin:-7px 8px 0 0;}


/*pc导航*/
.nav{width:100%; background:#0256ac}
.nav li{width:11.11%;float:left;font-size:14px; line-height:48px;text-align:center;position:relative;}
.nav li a{display:block;color:#fff;}
.nav li .on,.nav li a:hover{background:#3aa314;}
/*导航二级下拉*/
.nav li .nav-zi{width:100%;position:absolute; left:0; top:100%;z-index:9999999; display:none;}
.nav li .nav-zi li{ width:100%; font-size:14px;line-height:40px;margin-top:1px;}
.nav li .nav-zi li a{display:block; padding:0 5px; color:#fff;background:rgba(0,0,0,0.65);}
.nav li .nav-zi li:hover a{background:rgba(58,163,20,0.9);color:#fff;}


header .sjdnav{ display:none;width:150px;height:auto;position:absolute;right:0;top:100px;z-index:2000; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{width:100%;background:rgba(0,0,0,0.55);line-height:38px;text-align:center;font-size:15px;line-height:38px;font-weight:bold;margin-bottom:3px}
header .sjdnav li a{display:block;color:#fff;}
header .sjdnav li a:hover{ background:rgba(229,153,8,0.85);}
header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:40px;right:15px;}
header .ydd_btn span{ display:block; width:100%; height:4px; background:#0256ac;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#0256ac;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;} 
header .ydd_btn.click span.span02{margin:4px 0;}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}


/*banner轮播*/
#myCarousel{position:relative;}
#myCarousel .carousel-inner img {margin:0 auto;}
#myCarousel .carousel-control {font-size:100px;}
#myCarousel .carousel-control.left{background-image: none; display:none}
#myCarousel .carousel-control.right{background-image: none; display:none}
#myCarousel:hover .carousel-control.left{display:block}
#myCarousel:hover .carousel-control.right{display:block}
.carousel-indicators{bottom:0;}
.carousel-indicators .active,.carousel-indicators li{width:13px;height:13px;margin:1px 4px;}




/*主体内容*/
.main1{padding-bottom:50px;}
.title{margin:50px 0 40px; text-align:center; font-size:14px; color:#ababab; text-transform:uppercase;background:url(../images/title.png) no-repeat center center;}
.title h4{font-size:30px; color:#0256ac; font-weight:bold; margin-bottom:5px !important}



/*产品展示可点击关闭的侧导航*/
.show .daobox .dao{font-size:24px; color:#fff; background:url(../images/menu.jpg) center center; background-size:cover; width:100%; position:relative; text-transform:uppercase; font-weight:bold;padding:10px 5px; text-align:center}
.show .daobox .dao b{display:block; font-weight:normal; font-size:11px; margin-top:2px;}
.show .daobox .dao i{display:block; width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer; z-index:1}
.show .daobox .dao span{position:absolute; right:15px; line-height:50px; color:#fff; transition:all 0.3s}
.show .daobox .dao1{display:block; background:#3aa314;font-size:14px; color:#fff; font-weight:bold;line-height:39px; padding:0 10px 0 calc(15% + 25px); margin-top:3px; position:relative}
.show .daobox .dao1:before{content:"+"; position:absolute; top:0; left:15%; transition:all 0.3s}
.show .daobox ul a{display:block; background:#e6e6e6;font-size:14px;color:#333; font-weight:bold;line-height:38px; padding:0 10px 0 calc(15% + 25px); margin-bottom:1px; position:relative;}
.show .daobox ul a:before{content:">"; position:absolute; left:15%; top:0; color:#fff;transition:all 0.3s}
/*产品展示可点击关闭的侧导航  一级导航、二级导航 默认选中状态*/
.show .daobox ul a.active:before,.show .daobox ul a.active{color:#3aa314;}

.show .right .row{margin:0 -10px !important}
.show .right .col-md-4{padding:0 10px !important}
.show .imgbox{display:block;margin:0 0 20px; text-align:center}
.show .imgbox .tu{border:1px solid #e1e1e1; border-bottom:0;overflow:hidden;}
.show .imgbox h4{background:#d8d8d8; font-size:14px; color:#333; line-height:34px; padding:0 6px !important}



.datu{margin-top:60px;}
.datu img{width:100%;}


.block11{padding:50px 0;}
.block11 .imgbox{margin-bottom:20px; text-transform:uppercase}
.block11 .imgbox .yuan{max-width:208px;position:relative; border:5px solid #c8ced4; border-radius:50%; position:relative}
.block11 .imgbox .yuan:before{content:""; position:absolute; top:calc(100% - 58px); left:calc(100% + 40px); width:2px; height:76%; background:#c8ced4; transform:rotate(125deg)}
.block11 .imgbox .yuan .tu{position:absolute; left:0; top:0; width:100%; height:100%;display:flex;justify-content:center;align-items:center;}
.block11 .imgbox .yuan .tu img{max-width:100%; max-height:100%;}
.block11 .imgbox .text{padding-top:14%;}
.block11 .imgbox .text .tou{font-size:15px; color:#000; font-weight:bold; margin-bottom:12px;}
.block11 .imgbox .text .tou b{font-size:18px; color:#d51e10; margin-right:10px;}
.block11 .imgbox .text .zi{font-size:14px; color:#3f3f3f; line-height:24px; height:48px; overflow:hidden;}
.block11 .col-md-6:nth-child(3) .imgbox .yuan:before{transform:rotate(45deg); top:-85px; left:122%; height:74%}
.block11 .col-md-6:nth-child(4) .imgbox .yuan:before{display:none;}



.jiejue{background:#f8f8f8;}
.jiejue .gun{margin:0 -20px;}
.jiejue .imgbox{display:block; background:#fff; border:1px solid #e1e1e1; padding:10px 10px 0; margin:0 20px 10px; text-align:center; color:#333}
.jiejue .imgbox .tu{border:1px solid #e1e1e1;overflow:hidden;}
.jiejue .imgbox h4{font-size:16px; line-height:40px;}
.jiejue .owl-theme .owl-controls .owl-buttons div{display:none;}
.jiejue .more11{margin:30px auto 10px;}

.more11{display:block; width:92px; background:#3aa314; font-size:12px; color:#fff; line-height:32px; text-align:center;}



.jianjie .tu{height:296px;}
.jianjie .text h4{font-size:18px;}
.jianjie .text .zi{font-size:12px; color:#333; line-height:27px; height:189px; overflow:hidden; margin:20px 0 30px;}


.anli{background:#f8f8f8;}
.anli .imgbox{display:block; background:#fff; border:1px solid #e8e8e8; padding:25px 18px; border-radius:10px; margin-bottom:30px}
.anli .imgbox .left{width:70px; border:2px solid #0665c6; padding:3px;}
.anli .imgbox .left .shu{background:#0665c6;height:60px; font-size:30px; color:#fff; font-weight:bold;display:flex;justify-content:center;align-items:center;}
.anli .imgbox .text{width:calc(100% - 70px); padding-left:20px;}
.anli .imgbox .text .tou{font-size:14px; color:#333; position:relative; padding-right:75px; margin-bottom:8px}
.anli .imgbox .text .tou span{position:absolute; top:0; right:0; font-size:12px; color:#858383;}
.anli .imgbox .text .zi{font-size:12px; color:#6b6b6b; line-height:21px; height:42px; overflow:hidden;}



.contact{background:#0256ac; padding:40px 0; color:#fff}
.contact .tou{font-size:18px; margin-bottom:35px; text-transform:uppercase}
.contact .tou h4{font-size:24px; font-weight:bold; margin-bottom:8px !important}
.contact .lianxi{font-size:12px; line-height:37px;}
.contact .middle{text-align:center}
.contact .sao img{max-width:115px;}
.contact .right ul{margin-top:-10px;}
.contact .right ul li{width:50%; float:left; padding-right:10px; font-size:12px; line-height:50px;}
.contact a{color:#fff;}
.contact a:hover{color:#fff; text-decoration:underline !important}




/*底部信息*/
footer{background:#044c96;font-size:12px; color:rgba(255,255,255,0.6); padding:15px 0; line-height:22px; text-align:center}
footer a{color:rgba(255,255,255,0.6);}
footer a:hover{color:#fff;text-decoration:underline !important}





/*子页面*/
/*1、关于我们*/
.main{ padding:30px 0 50px;font-size:14px; line-height:28px;}
/*内页左侧导航主要样式*/
.neiye .menu{font-size:24px; color:#fff; background:url(../images/menu.jpg) center center; background-size:cover; width:100%; position:relative; text-transform:uppercase; font-weight:bold;padding:10px 5px; text-align:center; line-height:normal}
.neiye .menu b{display:block; font-weight:normal; font-size:11px; margin-top:2px;}
.neiye .menu i{display:block; width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer; z-index:1}
.neiye .menu span{position:absolute; right:15px; line-height:50px; color:#fff; transition:all 0.3s}
.neiye .navbox .nav1{display:block; background:#efefef;font-size:14px; color:#333;line-height:56px; padding:0 10px 0 calc(15% + 25px); margin-top:3px; position:relative}
.neiye .navbox .nav1:before{content:"+"; position:absolute; top:0; left:15%; transition:all 0.3s; font-size:16px}
.neiye ul a{display:block; background:#e6e6e6;font-size:14px;color:#333; font-weight:bold;line-height:38px; padding:0 10px 0 calc(15% + 25px); margin-bottom:1px; position:relative;}
.neiye ul a:before{content:">"; position:absolute; left:15%; top:0; color:#fff;transition:all 0.3s}
.neiye ul{display:none;}
.neiye .ul1{display:block;}


/*一级导航、二级导航默认选中状态和hover事件*/
.neiye .navbox .nav1.active,.neiye .navbox .nav1:hover{background:#3aa314; color:#fff;}
.neiye ul a.active,.neiye ul a:hover{color:#0089cf;}


.lian111{border:1px solid #dcdcdc; font-size:14px; color:#333; font-family:"宋体"; display:block;margin-top:15px; text-align:center; padding:15px 0;}
.lian111 span{margin:0 20px;}


.title-zi{border-bottom:1px solid #dcdcdc;font-size:18px; padding-bottom:6px;}
.title-zi .pull-right a{font-size:12px;color:#808080; font-family:"宋体";}
.title-zi span{font-size:12px;}
.title-zi a:hover{color:#0256ac; text-decoration:underline !important}

.main .cont{margin-top:20px;}

.about{font-size:14px;line-height:30px; }
.about h4{font-size:18px; line-height:35px; text-align:center;}
.about img{max-width:100%; height:auto; display:block;margin:10px auto}

.call-us{font-size:14px;line-height:28px; }
.call-us h4{font-size:18px; color:#666; font-weight:bold;line-height:30px;}
.call-us img{width:100%; height:auto; display:block;margin:20px auto; border:1px solid #ccc; padding:10px}


.show-box{background-image:none; padding:0; margin:0; line-height:normal}
.show-box .row{margin:0 -10px !important}
.show-box .col-xs-6{padding:0 10px !important}
.show-box .imgbox{margin:0 0 20px;}



.news-box .imgbox:last-child{padding-bottom:0; margin-bottom:0; border-bottom:0;}
.news-box .imgbox{display:block;padding-bottom:22px; border-bottom:1px dashed #e7e7e7; margin-bottom:26px;font-size:12px; color:#878787;}
.news-box .imgbox .tu{width:210px; height:125px; border:1px solid #ccc;overflow:hidden; margin-right:15px}
.news-box .imgbox .tu .img{width:100%; height:100%;}
.news-box .imgbox .text h4{font-size:14px; color:#333; line-height:30px}
.news-box .imgbox .text .zi{line-height:21px; height:42px; overflow:hidden; margin:12px 0 15px}


.news-main{font-size:14px;line-height:28px; color:#666}
.news-main .tou{text-align:center; color:#666; padding-bottom:8px; border-bottom:1px solid #ccc; margin-bottom:20px}
.news-main .tou h4{font-size:18px; color:#333}
.news-main img{display:block; max-width:100%; height:auto; margin:10px auto;}

.liuyan{width:70%; margin:0 auto;}



.show-main .showgun{border:1px solid #dbdbdb; padding:60px;}
.show-main .showgun .imgbox{display:block; border:1px solid #dbdbdb; overflow:hidden;}
.show-main .showgun .owl-theme .owl-controls .owl-buttons div{width:14px; height:42px; top:50%; margin-top:-21px;filter:Alpha(Opacity=100);opacity:1;}
.show-main .showgun .owl-theme .owl-controls .owl-buttons div.owl-prev{left:-40px; background:url(../images/left.jpg) no-repeat left center;}
.show-main .showgun .owl-theme .owl-controls .owl-buttons div.owl-next{right:-40px; background:url(../images/right.jpg) no-repeat right center;}
.show-main .text h4{font-size:29px; color:#0983e8; font-weight:bold; margin-bottom:10px !important}
.show-main .text .zi{font-size:15px; line-height:46px; height:322px; overflow-y:auto;}
.show-main .wenzi{margin-top:35px}
.show-main .wenzi img{max-width:100%; display:block; margin:10px auto;}
.anbox{font-size:0; line-height:normal; border-bottom:1px solid #0983e8; margin-bottom:20px}
.anbox .an{display:inline-block; width:105px; font-size:14px; color:#333; line-height:40px; text-align:center; padding:0 5px; cursor:pointer;}
.anbox .an.active{color:#fff; background:#0983e8;}
.contbox .cont01{display:none;}
.contbox .cont01.active{display:block;}




@media (max-width:1365px){
.owl-theme .owl-controls .owl-buttons div{display:none !important}
.show-main .showgun .owl-theme .owl-controls .owl-buttons div{display:block !important}
}


@media (max-width:1110px){
.block11 .col-md-6:nth-child(3) .imgbox .yuan:before{height:63%; left:110%}
}


@media (min-width:992px){
	/*本网站所有的hover事件 开始*/
.show .imgbox:hover .img{transform:scale(1.1,1.1);}
.show .imgbox:hover h4{background:#0256ac; color:#fff}
.block11 .imgbox:hover .tu img{transform:rotate(360deg);}
.jiejue .imgbox:hover{background:#0256ac; color:#fff;}
.jiejue .imgbox:hover .img{transform:scale(1.1,1.1);}
.more11:hover{background:#0256ac; color:#fff;}
.anli .imgbox:hover{box-shadow:0 0 10px rgba(0,0,0,0.3); transform:translate(0,-3px);}
/*产品展示可点击关闭的侧导航  一级导航、二级导 hover事件*/
.show .daobox ul a:hover:before,.show .daobox ul a:hover{color:#3aa314;}


.news-box .imgbox:hover .tu .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.news-box .imgbox:hover .text .more{text-decoration:underline !important}
.news11 ul li a:hover{color:#c10a0a;background:url(../images/icon02.png) no-repeat left center;}
	/*本网站所有的hover事件 结束*/	
}


@media (max-width:991px){
header{height:90px;}
.logo{line-height:90px;}
.logo img{height:65px;}
header .ydd_btn{top:30px}
header .sjdnav{ top:90px}
header .ydd_btn span.span02{margin:6px 0;}
header{margin-bottom:0; box-shadow:none}
.title h4{font-size:28px;}
.datu{background:#003e8b; padding:0 10px;}
.show .daobox{margin-bottom:25px;}
.show .daobox .dao{font-size:20px; padding:0 5px; line-height:50px}
.show .daobox .dao b{display:none;}
.show .daobox ul a,.show .daobox .dao1{padding:0 10px; text-align:center}
.show .daobox ul a:before,.show .daobox .dao1:before{display:none;}
.datu{margin-top:45px;}
.block11 .imgbox .yuan:before{display:none;}
.jiejue .gun{margin:0;}
.jiejue .imgbox{margin:0 10px 10px}
.jianjie .tu{height:auto; margin-bottom:20px;}
.jianjie .text .zi{height:auto; max-height:189px;}
.anli .imgbox{margin-bottom:20px;}


/*手机侧导航 下拉 开始*/
.neiye .navbox .ul1{display:none;}
.neiye .menu{font-size:20px; line-height:50px; text-align:center; padding:0 8px; line-height:50px} 
.neiye .menu b{color:#fff; display:none}
.neiye .menu span{line-height:50px;}
.neiye .navbox .nav1{line-height:44px; text-align:center; padding:0 10px; font-size:14px}
.neiye .navbox .nav1:before{display:none;}
.neiye .navbox{border:0; padding:0;}
.neiye ul a{text-align:center; padding:0 10px; line-height:42px;}
/*手机侧导航 下拉 结束*/
.liuyan{width:85%;}

.show-main .showgun{margin-bottom:25px;}
.show-main .text h4{font-size:26px;}
}

@media (max-width:767px){
header{height:70px;}
.logo{line-height:70px;}
.logo img{height:50px;}
header .ydd_btn{top:23px;width:32px;}
header .sjdnav{ top:70px}
.carousel-indicators{bottom:-5px;}
.carousel-indicators .active,.carousel-indicators li{width:10px;height:10px;margin:1px;}
.main1{padding-bottom:30px;}
.title{margin:48px 0 40px;}
.title h4{font-size:25px;}
.show .daobox .dao{font-size:18px;}
.datu{margin-top:32px;}
.jiejue .imgbox h4{font-size:15px; line-height:38px}
.contact .tou{font-size:16px; margin-bottom:28px;}
.contact .tou h4{font-size:20px;}

.liuyan{width:100%;}
.show-main .showgun{padding:40px 60px;}
.show-main .text h4{font-size:22px;}
.show-main .text .zi{line-height:40px; height:280px;}
}

@media (max-width:600px){
.logo img{height:42px;}
.title{margin:40px 0 36px;}
.title h4{font-size:20px;}
.show .daobox{margin-bottom:20px;}
.show .right .row{margin:0 -5px !important}
.show .right .col-md-4{padding:0 5px !important}
.show .imgbox{margin:0 0 10px;}
.block11{padding:40px 0;}
.block11 .row{margin:0 -6px !important}
.block11 .col-md-6,.block11 .col-md-5,.block11 .col-md-7{padding:0 6px !important}
.block11 .imgbox .text{padding-top:6%;}
.block11 .imgbox .yuan{border-width:3px;}
.block11 .imgbox .yuan .tu img{transform:scale(0.8,0.8)}
.jiejue .imgbox{margin:0 5px 5px; padding:5px 5px 0}
.jiejue .imgbox h4{font-size:14px; line-height:35px}
.jiejue .more11{margin:20px auto 5px}
.jianjie .text .zi{margin:12px 0 20px;}
.anli .imgbox{padding:20px 15px;}
.contact{padding:35px 0;}
.contact .tou{font-size:14px; margin-bottom:22px;}
.contact .tou h4{font-size:18px;}



/*手机侧导航 下拉 开始*/
.neiye .menu{line-height:46px; font-size:16px;}
.neiye .menu span{ line-height:46px;}
.neiye .navbox .nav1{line-height:40px;}
/*手机侧导航 下拉 结束*/

.main .tit-line {margin-bottom:30px;}
.main .tit-line h2{font-size:24px;}
.main .tit-line h2 span {ont-size:16px; margin-top:3px}

.show-box .row{margin:0 -5px !important}
.show-box .col-xs-6{padding:0 5px !important}
.show-box .imgbox{margin:0 0 18px;}
.news-main .tou h4{font-size:16px;}
.call-us img{padding:5px;}

.show-main .showgun{padding:20px 40px;}
.show-main .showgun .owl-theme .owl-controls .owl-buttons div.owl-prev{left:-30px;}
.show-main .showgun .owl-theme .owl-controls .owl-buttons div.owl-next{right:-30px;}
.show-main .text h4{font-size:18px;}
.show-main .text .zi{line-height:33px; height:198px;}
.show-main .wenzi{margin-top:25px;}
}


@media (max-width:479px){
header{height:55px;}
.logo{line-height:55px;}
.logo img{height:35px;}
header .ydd_btn{top:18px; width:30px;}
header .sjdnav{ top:55px}
header .ydd_btn span.span02{margin:4px 0;}
.block11 .imgbox .text{padding-top:10px;}
.block11 .imgbox .text .tou{font-size:14px; margin-bottom:5px;}
.block11 .imgbox .text .tou b{font-size:16px;}
.block11 .imgbox .yuan .tu img{transform:scale(0.5,0.5)}
.anli .imgbox{padding:10px 10px;}
.anli .imgbox .left{width:60px; padding:2px; margin-top:4px}
.anli .imgbox .left .shu{height:50px; font-size:25px;}
.anli .imgbox .text{width:calc(100% - 60px); padding-left:10px;}
.anli .imgbox .text .tou{margin-bottom:5px}
.anli .imgbox .text .zi{line-height:19px; height:38px;}

.news-box .imgbox{padding-bottom:20px;margin-bottom:20px}
.news-box .imgbox .tu{width:150px; height:100px; margin-right:10px}
.news-box .imgbox .text h4{line-height:22px;}
.news-box .imgbox .text .zi{margin:4px 0 6px; line-height:19px; height:38px;}
.news-box .imgbox .text span{line-height:18px;}

}


@media (max-width:400px){
header .ydd_btn{width:26px;}


.news-box .imgbox .tu{width:130px; height:90px;}


}


@media (max-width:380px){
}

@media (max-width:350px){


}