/* CSS Document */

*{padding:0px;margin:0px;font-family:"Microsoft YaHei"; font-size:14px;}

*html{background-image:url(about:blank);background-attachment:fixed;}

body{line-height:25px;  color:#333333;}

h1,h2,h3,h4,h5,h6,i,em,p,span,i,th,td{ font-weight:normal; font-style: normal;}



a{

	text-decoration: none;color:#333;

	text-decoration: none;

	-moz-transition: all 0.3s ease-in;

	-webkit-transition: all 0.3s ease-in;

	-o-transition: all 0.3s ease-in;

	transition: all 0.3s ease-in;

	tap-highlight-color: rgba(0,0,0,0); 

	focus-ring-color: rgba(0, 0, 0, 0); 

	-webkit-tap-highlight-color: rgba(0,0,0,0); 

	-webkit-focus-ring-color: rgba(0, 0, 0, 0); 

	-moz-tap-highlight-color: rgba(0,0,0,0); 

	-moz-focus-ring-color: rgba(0, 0, 0, 0);

}

a:hover{

	text-decoration: none;color:#158EE0;

	-moz-transition: all 0.3s ease-in;

	-webkit-transition: all 0.3s ease-in;

	-o-transition: all 0.3s ease-in;

	transition: all 0.3s ease-in;

}

img,input,select{outline:none; vertical-align:middle;}

ul,ol,li{list-style:none;}

table,th,td{border-collapse:collapse;}

.fl,.left{ float:left;}

.fr,.right{ float:right;}

.dis{display:none;}

.bgbai{background:#fff;}

.clear,.c{clear:both; height:0px; font-size:0px; overflow:hidden;}

.c10{clear:both; height:10px; font-size:0px; overflow:hidden;}

.c20{clear:both; height:20px; font-size:0px; overflow:hidden;}

.c30{clear:both; height:30px; font-size:0px; overflow:hidden;}

.c50{clear:both; height:50px; font-size:0px; overflow:hidden;}

.c80{clear:both; height:80px; font-size:0px; overflow:hidden;}

.clearfix{*zoom: 1;}

.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

table{border-collapse:collapse;border-spacing:0;}

.w1200{width:1200px; margin:0 auto; clear:both; display:block; background:#fff;padding:0px 0px;}

.w1200w{width:1200px; margin:0px auto; clear:both; background:#fff;padding:0px 0px;}

.wrap {width: 1200px; height: auto; margin: 0 auto;}

.huanyingbj{ height:30px; background:#e5e5e5;}

.huanying{ width:1200px; margin:0 auto; line-height:30px; color:#868686; font-size:13px;}

.toubu{ width:1200px; height:110px; margin:0 auto; overflow:hidden;}

.logo{ width:880px; height:80px; float:left; margin-top:15px;}

.logo img{/*height:66px;*/}

.toubu .zhuanzhu{ width:300px; height:70px; float:left; padding:22px 0 0 15px; line-height:35px;}

.toubu .zhuanzhu i{ font-size:26px; color:#158EE0; font-style:normal;}

.toubu .phone{ float:right; width:auto; height:70px; background:url(../images/tel.png) no-repeat left 0px; margin-top:23px; padding-left:70px; line-height:30px;color:#DB0000; font-size:26px; font-weight:bold;}

.toubu .phone span{ display:block; color:#DB0000; font-size:26px; font-weight:bold;}

.toubu .phone span em{ color:#158EE0; font-size:26px; font-weight:bold;}

.header{height: 58px; background:#158EE0; width: 100%;}



.nav{height:60px;width:100%; background:#158EE0;position:relative;}

.nav ul{width:1200px; margin:0 auto;}

.nav ul li{float: left; text-align: center; height: 60px;  overflow: hidden;}

.nav ul li a{ display: block; width: 150px;text-align: center;  margin: 0 auto; height: 60px; line-height: 60px; font-size: 16px; color: #fff;}

.nav ul li a:hover{background: #0B67C6; color: #fff;text-align: center;transition:all 0.6s;}

.nav .hover a{background:#0B67C6; color: #fff;text-align: center;transition:0.6s;}

.nav li.classhover a{background:#0B67C6; color: #fff;}

.nav ul li ul{margin:0px;padding:0;display:none;transition:all 0.6s;}

.nav ul li ul li{font-size:14px; text-align:left; border-bottom:1px solid #0A5AAF; height:45px; float:left;}

.nav ul li ul.subnav{transition:0.7s;width: 150px;position:absolute;z-index:999;}

.nav ul li ul.subnav li a{display:block;width:150px;height:45px;line-height:45px;text-align:center;background:#0B67C6;color:#fff;font-size:14px;transition:0.7s}

.nav ul li ul.subnav li a:hover{background:#158EE0;color: #fff;}





.nav ul li UL.navpro {width:100%; background:#fff; border-bottom:3px solid #158EE0; position:absolute; left:0;z-index:9999;}

.navpro .plistx{width:1204px; margin:0 auto;background:#999;z-index:99999;}

.navpro .plistx dl a{line-height:30px;width:80%; font-size:14px;background:none; color:#111;}

.navpro .plistx dl{height:370px;width:300px;float:left;text-align:center; border-right:1px solid #dadada;}

.navpro .plistx dl:nth-child(2n){ background:#f5f5f5;}

.navpro .plistx dl:nth-child(4n){border-right:none;}

.navpro .plistx dl dt{width:80%; margin:0 auto; height:150px; margin-bottom:5px;}

.navpro .plistx dl dt a{font-size:14px; background:#158EE0; color:#fff;}

.navpro .plistx dl dt a:hover{background:#158EE0;color: #fff;}

.navpro .plistx dl dt a.ttimg{padding:4px; height:110px; background:none;}

.navpro .plistx dl dt img{width:100%; height:110px;}

.navpro .plistx dl dt span{clear:both; height:30px; line-height:30px; display:block; overflow:hidden;}

.navpro .plistx dl dd{height:25px; line-height:25px; float:left; width:100%; overflow:hidden; margin-top:2px;}

.navpro .plistx dl dd a{background:none; color:#111;}

.navpro .plistx dl dd a:hover{background:none; color:#158EE0;}



/*banner*/

.fullSlide{width:100%;position:relative;height:580px;background:#000;}

.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{width:100% !important;}

.fullSlide .bd li{width:100% !important;height:580px;overflow:hidden;text-align:center; background-size:cover}

.fullSlide .bd li a{display:block;height:580px;}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}

.fullSlide .hd ul{text-align:center;}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:60px;height:7px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}

.fullSlide .hd ul .on{background:#f00;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}

.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}



.banner1{background:url(../images/banner1.jpg) no-repeat center;}

.banner2{background:url(../images/banner2.jpg) no-repeat center;}

.banner3{background:url(../images/banner3.jpg) no-repeat center;}

.banner4{background:url(../images/banner4.jpg) no-repeat center;}

/*关键词搜索*/

.keyword{width:100%; clear:both;height:60px; line-height:60px; overflow:hidden; font-size:16px; background:#f5f5f5;border-bottom:2px solid #e2e2e2;}

.keyword .key_text{float:left;}

.keyword .search{width:350px; float:right;}

.search li{float:left; padding-top:14px;}

.search li .select{width:60px; background:#fff; height:32px;float:left; margin-right:2px;}

.search li .input{width:200px; background:#fff; border:1px solid #158EE0; height:30px;float:left; text-indent:3px;}

.search li .submit{width:80px; background:#158EE0; height:32px;float:left; color:#fff; border:none;}

/*标题*/

.hd_title{width:100%; height:60px; padding:20px 0; text-align:center; }

.hd_title h3{font-size:28px; height:60px; line-height:60px; color:#111;letter-spacing:4px;font-weight:600;background:url(../images/tu05.png) no-repeat center;}

.hd_title em{font-size:18px; height:30px; line-height:30px;letter-spacing:0px; color:#3c3c3c;text-transform:uppercase; display:block;}

.hd_title span{font-size:16px; height:30px; line-height:30px; color:#3c3c3c;text-transform:uppercase; display:none;}



.cp_title{width:100%; height:100px; margin-top:10px; padding:0px 0; text-align:center;background:url(../images/tu05.jpg) no-repeat center;}

.cp_title h3{font-size:20px; line-height:100px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;}



.tj_title{width:100%; height:140px; margin-top:20px; padding:0px 0; text-align:center;background:url(../images/bt2.jpg) no-repeat center;}

.tj_title h3{font-size:28px; padding-left:42px; line-height:140px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;}



.news_title{width:100%; height:100px; margin-top:20px; padding:0px 0; text-align:center;background:url(../images/bt3.jpg) no-repeat center;}

.news_title h3{font-size:28px; padding-left:42px; line-height:100px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;}



.case_title{width:100%; height:80px; margin-top:20px; padding:0px 0; text-align:center;background:url(../images/bt5.jpg) no-repeat center;}

.case_title h3{font-size:28px; padding-left:42px; line-height:80px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;}



.cp_class{width:1200px; margin:0 auto; padding:0px 0 10px 0;}
.cp_class ul{ display:flex}
.cp_class li{flex:1}

.cp_class li{width:230px; height:auto; overflow:hidden; margin:2px 5px; float:left; text-align:center;}

.cp_class li:nth-child(5){margin-right:0px;}

/*.cp_class li em{ width:40px; height:40px; line-height:40px;font-size:18px; display:block; margin:0 auto; clear:both; background:#158EE0; border-radius:2em; color:#fff; font-style:normal;}

.cp_class li a img{width:120px; height:120px; margin:0 auto; border-radius:10em; padding:5px; background:#D3D3D3; border:5px solid #f4f4f4; transition:all 0.4s;}

.cp_class li span{height:34px; overflow:hidden; line-height:34px; width:100%; display:block; font-size:16px; clear:both;}*/

.cp_class li a{font:16px/45px "Microsoft YaHei"; border:1px solid #158EE0; color:#158EE0; display:block; box-sizing:border-box; transition:all 0.4s;}

.cp_class li a:hover{background:#158EE0;color:#fff;}

.cp_class li a.zx{background:#158EE0;color:#fff;}



.left_b{height:22px;background:url(../images/bt_bg.jpg) no-repeat center;}

.plist{ width: 266px; float: left; overflow: hidden;}

.plist .hd{ height: 82px; line-height:82px; font-size:30px; color:#fff; text-align:left; text-indent:35px; background:#158EE0 url(../images/ico.png) no-repeat 200px center; overflow: hidden;}

.plist .bd{ width: 260px; border: 3px solid #e2e2e2;  border-top: none; overflow: hidden;}

.plist .bd ul{ width: 260px; margin: 0 auto; padding-top: 14px;padding-bottom: 6px; overflow: hidden;}

.plist .bd ul li{ width: 100%; height: 37px; text-indent: 50px; line-height: 37px; margin-bottom: 7px; overflow: hidden;}

.plist .bd ul p{width: 94%; margin: 0 auto;text-align:center; background:#f5f5f5; height:28px; line-height:28px; margin-bottom:5px;}

.plist .bd ul p a{display:block;}

.plist .bd ul li a{ display: block; width: 94%; height: 37px;  background:#f5f5f5 url(../images/jiantou2.png) no-repeat 24px center; margin:0 auto; color: #111;}

.plist .bd ul li a:hover{ color: #fff;background:#158EE0 url(../images/jiantou3.gif) no-repeat 24px center;}

.plist .bot{ margin-top:8px;}

.plist .bot ul{ padding: 10px 15px; line-height:28px; border: 3px solid #e2e2e2; border-top: none;}

.plist .bot ul h3{ color: #000; font-weight: 700; font-size: 15px;}



.plist .bot ul .zx{width: 100%;height: 50px;font-size: 20px;line-height: 50px;background: #009b4c;color: #fff;display: block;margin-top: 10px;}

.plist .bot ul .zx em{width: 50px;height: 50px; background: url(../images/renshi.png) no-repeat center;display: inline-block;vertical-align: top;border-right: 1px solid #fff;margin-right: 35px;}

.plist .bot ul .zx:hover{background: #ed8e06;}

/*首页滚动产品展示*/

.inproduct{width:1200px; margin:0 auto; clear:both;overflow: hidden; padding-top:0px;}

.product{width:100%;overflow: hidden; padding-top:0px;}

.product .cpgd { width:100%; display:block; overflow: hidden;}

.product .cpgd ul { margin:0;padding:0; clear:both; overflow: hidden;}

.product .cpgd li {float:left; width: 280px; overflow: hidden; font-size:15px; line-height: 35px; text-align:center;border-collapse: collapse; border:1px solid #e0e0e0;margin:15px 24px 20px 0; -webkit-box-shadow:0 3px 10px 0 #CCC; -moz-box-shadow:0 3px 10px 0 #CCC; -ms-box-shadow:0 3px 10px 0 #CCC; -o-box-shadow:0 3px 10px 0 #CCC; box-shadow:0 3px 10px 0 #CCC;}

.product .cpgd1 li:nth-child(4n){ margin-right:0 }

.product .cpgd li a{display:block;}

.product .cpgd li a .cp_name{display: block; width:100%;background: #fff; color: #555; /*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ box-sizing:border-box; overflow:hidden; padding:5px;}

.product .cpgd li a:hover span{background: #158EE0; color: #fff;transition:0.6s all 0s linear;}

.product .cpgd li a img{width: 100%; vertical-align:middle;}

.product .cpgd li span{height:50px; line-height:50px; display:block; clear:both;}

.product .cpgd li a .cp_name:hover img { transform: scale(1.1, 1.1);}

.product .cpgd li a .cp_name img{transition:transform 1s ease 0s}

/*首页产品展示*/

.index_cp,.con_right {width:910px; float:right;display:block; overflow: hidden;}

.index_cp ul {margin:0;padding:0; clear:both; overflow: hidden;}

.index_cp li {float:left; width: 281px; overflow: hidden; line-height: 35px; text-align:center;border-collapse: collapse;

 border:1px solid #e0e0e0;margin:15px 10px 25px 10px;-webkit-box-shadow:0 2px 10px 0 #CCC;-moz-box-shadow:0 2px 10px 0 #CCC;-ms-box-shadow:0 2px 10px 0 #CCC;-o-box-shadow:0 2px 10px 0 #CCC;box-shadow:0 2px 10px 0 #CCC;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;

}

.index_cp li b{font-weight:normal;}

.index_cp li a{ width: 100%; display:inline-block;}

.index_cp li a .cp_name{display: block; width:100%; box-sizing: border-box; background: #fff; color: #555; text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden; padding:5px;}

.index_cp li a:hover span{background: #158EE0; color: #fff;transition:0.6s all 0s linear;}

.index_cp li a:hover b{color: #fff;}

.index_cp li a img{max-width: 100%; max-height:200px; vertical-align:middle; display:block}

.index_cp li span{height:50px; line-height:50px; background:#e2e2e2; display:block; clear:both; }

.index_cp li a .cp_name:hover img { transform: scale(1.1, 1.1);}

.index_cp li a .cp_name img{transition:transform 1s ease 0s}

/*============简介===============*/

#in_02{width: 100%;height:450px; background: url(../images/about_bg.jpg) center no-repeat; background-size:cover;margin:0px auto; padding-top:90px; display:block;}

#in_02_mid{width: 1200px;height:348px;margin:10px auto;position: relative;}

#intro_pic{ float:left; height:340px; width:510px;padding:5px;  position: absolute; display:block; border:5px solid #fff;}

#intro_pic img{width:100%; display:block; max-height: 100%; }

#intro_info{width: 560px;height: 240px;position: absolute;right: 50px;top:5px;line-height: 33px;color: #fff;font-size: 14px;}

#intro_info h3{display:block; height:50px; line-height:40px; font-size:26px;}

#intro_info span{height:240px; display:block; overflow:hidden;}

#intro_info a{color: #fff;font-size: 16px; background:#de7724;padding:6px 25px; margin-top:10px; display:block; width:160px; margin:10px ; text-align:center; border-radius:6em; float:left;}

#intro_info a:hover{color: #fff; background:#399DF2;}

#intro_info a.about_more{background:#399DF2; float:right;}

#intro_info a.about_more:hover{color: #fff; background:#de7724;}

.updown p{ line-height:35px;}

/* about end */



.case{width:1200px; margin:0 auto; padding:0px 0; background:#fff;}



/*============优势===============*/

.homeSp {padding-bottom:50px; background: #eee;}

.homeSpH {height: 350px; color: #fff; background: url(../images/sp_advance_im1.jpg) no-repeat center; background-size: auto 100%; position: relative;}

.homeSpH .bg {width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; z-index: 0;}

.homeSpH .wrap {position: relative; z-index: 2;}

.homeSpH h2 {padding-top: 64px; font-size: 24px; font-weight: 600; line-height: 28px;}

.homeSpH h3 {font-size: 36px; font-weight: 600; line-height: 46px;}

.homeSpH h4 {font-size: 18px; line-height: 32px;}

.homeSpH p {width: 360px; color: #a7a7a7; line-height: 18px;}

.homeSpH .line {width: 56px; height: 1px; margin: 30px 0 46px 0; background: #fff;}

.homeSpT {}

.homeSpT .left {float: left; width: 50%; }

.homeSpT .right {float: right; width: 50%; height: 518px; /*margin-top: -118px;*/ position: relative; z-index: 22;} 

.homeSpTW {position: absolute; width: 100%; height: 636px; left: 0; bottom: 0; background: #fff;}

.sliderHomeSpT {width: 100%; height: 100%;}

.sliderHomeSpT li {width: 100%; height: 100%;}

.homeSpTInner {width: 80%; margin: 0 auto;}

.homeSpTInner:first-child {padding-top: 60px; padding-bottom: 16px; margin-bottom: 48px; border-bottom: 1px solid #d2d2d2;}

.homeSpTInner h2 {height: 36px; margin-bottom: 16px; font-size:24px; line-height: 32px;}

.homeSpTInner h2 span {display: inline-block; width: 32px; height: 100%; margin-right:15px; font-size: 0; vertical-align: top;}

.homeSpTInner h2 span img {display: inline-block; vertical-align: middle;}

.homeSpTInner p {height: 148px; line-height: 24px; overflow: hidden;}

.homeSpTW .bx-wrapper .bx-pager {padding-left: 10%; bottom: 58px; text-align: left; box-sizing: border-box;}

.homeSpTW .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px; border-radius: 50%; background: #d2d2d2; text-indent:-9999em; margin:20px 3px; display:block; float:left;}

.homeSpTW .bx-wrapper .bx-pager.bx-default-pager a:hover, .homeSpTW .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e83522;}

.homeSpTW .bx-wrapper {height: 100%;}

.homeSpTW .bx-wrapper .bx-controls-direction{clear:both;}

.homeSpTW .bx-wrapper .bx-controls-direction a {width: 50%; height: 50px; top: auto; margin-top: 0; bottom: 0px; background-color: #276BC3; background-repeat: no-repeat; background-position: center; box-sizing: border-box; text-indent:-9999em; display:block; float:left;}

.homeSpTW .bx-wrapper .bx-controls-direction a:hover {background-color: #e83522; background-position: center; text-indent:-999em;}

.homeSpTW .bx-wrapper .bx-prev {left: 0; background-image: url(../images/jt_zuo.png);  text-indent:-999em; /*border-right: 1px solid #f5f5f5;*/}

.homeSpTW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you.png); text-indent:-999em;}



.newsBox{width: 430px;position: relative;}

.newsBox .item{position: relative; z-index: 3;}

.newsBox .item .img{height: 170px; overflow: hidden;}

.newsBox .item .img img{width: 228px;height: 170px;display: block;}

.newsBox .item .img .time{width: 202px; height: 170px; position: relative; overflow: hidden; background: url(../images/xw_time.jpg) no-repeat; text-align: center; color: #fff; font-size: 16px;}

.newsBox .item .img .time b{font-size: 60px; line-height: 60px; display: block; padding-top: 40px;}

.newsBox .item .img .time .yuan{position: absolute; width: 136px; height: 136px; display: block; left: 50%; margin-left: -68px; top: 50%; margin-top: -68px; background: url(../images/yuan.png) no-repeat;}

.newsBox .item a{display: block;}

.newsBox .item img{width: 100%; height: 100%; display: block;}

.newsBox .item .txt{width: 100%;}

.newsBox .item .txt h3{font-size: 20px;font-weight: normal;padding: 15px 0 0;}

.newsBox .item .txt p{color: #999;overflow: hidden;height: 60px;line-height: 20px;padding-top: 5px;}

.newsBox .item .txt span{width:150px;height:45px;line-height: 45px;border: 1px solid #0b67c6; text-align: center;display: block;font-size: 16px;color: #158EE0;margin-top: 15px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}

.newsBox .item .txt:hover span{background: #158EE0; color: #fff;}

.newsBox .di{position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; background: #ceeeff; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; z-index: 0;}



.textlist .item{margin-bottom: 26px; transition: all 0.2s linear 0s; width: 100%; position: relative;}

.textlist .item a{display: block;}

.textlist .item a.img{width: 100px;height:60px;margin-right: 22px; font-size:60px; display:block; padding-top:30px; text-align:center; vertical-align:middle;border:1px solid #e2e2e2;font-family:"Impact";}

/*.textlist .item .img img{width: 100%; height: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}*/

.textlist .item .txt{width: 480px;}

.textlist .item h3{font-size: 18px;}

.textlist .item p{font-size: 14px;line-height: 20px;color: #999;height: 60px;overflow: hidden;padding-top: 10px;}

.textlist .item .time{display: block;width: 66px;height: 100px;line-height: 50px;text-align: center;font-size: 14px;border-left: 1px solid #e9e9e9;padding-left: 20px;}

.textlist .item .time b{display: block;font-size: 48px;color: #158EE0;line-height: 60px;}

.textlist .item:hover img{transform: scale(1.06, 1.06);}



.linkbj{ height:92px;}

.link{ width:1200px;height:92px; margin:0 auto; background:url(../images/linkbg.jpg) no-repeat;}

.linkz{ float:left; width:250px; height:92px; background:url(../images/yqlj.jpg) no-repeat; font-size:16px; font-weight:bold;}

.linky{ width:950px; float:right; padding-top:20px;}

.linky a{ display:block; float:left; padding: 0 15px 10px 15px; color:#fff;}

.linky a:hover{text-decoration:underline;}

.footbj{ height:320px; background:url(../images/bottom-bg.png) no-repeat center top;}





.foot{ width:1100px; height:180px; margin:0 auto; padding-top:10px; clear:both;}

.foot ul{ float:left;margin-left:10px; line-height:30px; border-right:1px solid #666; height:160px;}

.foot ul li{ width:200px; }

.foot ul p{ height:40px;width:100%;}

.foot ul p a{ font-size:18px; color:#CCC;}

.foot ul li a{ color:#CCC; font-size:13px;}

.foot a:hover{color:#ccc;}

.footy{ width:220px; float:right; }

.phoned{ background:url(../images/phone2.png) 0 20px no-repeat; color:#CCC; font-size:16px; padding-left:80px;}

.weixin{height:160px; text-align:center; padding-top:10px; line-height:30px; color:#ccc;}

.weixin img{ background:#fff; padding:5px;}

.footd{ background:#1F1F1F;}

.footd ul{ width:1200px; line-height:50px; height:50px; margin:0 auto;}

.footd ul li{ color:#ccc;}

.footd ul li a{ color:#ccc;}



.yb_conct {

	position: fixed;

	z-index: 9999999;

	top: 200px;

	right: -127px;

	cursor: pointer;

 transition: all .3s ease;

}

.yb_bar ul li {

	width: 180px;

	height: 53px;

	font: 16px/53px 'Microsoft YaHei';

	color: #fff;

	text-indent: 54px;

	margin-bottom: 3px;

	border-radius: 3px;

 transition: all .5s ease;

	overflow: hidden;

}

.yb_bar .yb_top {

	background: url('../images/fixcont.png') no-repeat 0 0 #158EE0;

}

.yb_bar .yb_phone {

	background: url('../images/fixcont.png') no-repeat 0 -57px #158EE0;

}

.yb_bar .yb_QQ {

	text-indent: 0;

	background: url('../images/fixcont.png') no-repeat 0 -113px #158EE0;

}

.yb_bar .yb_ercode {

	/*height:200px;*/

    background: url('../images/fixcont.png') no-repeat 0 -169px #158EE0;

}

.hd_qr {

	padding: 0 29px 25px 29px;

}

.yb_QQ a {

	display: block;

	text-indent: 54px;

	width: 100%;

	height: 100%;

	font-size: 14px;

	color: #fff!important;

}



.fixedSubNav{position: fixed; top: 0px; left: 0px; z-index:10; width: 100%; background: #000; background: rgba(0,0,0,.8); animation:myfirst 0.5s;

-moz-animation:myfirst 0.5s; /* Firefox */

-webkit-animation:myfirst 0.5s; /* Safari and Chrome */

-o-animation:myfirst 0.5s; /* Opera */}

@keyframes myfirst

{

from {top:-50px;}

to {top:0px;}

}



@-moz-keyframes myfirst /* Firefox */

{

from {top:-50px;}

to {top:0px;}

}



@-webkit-keyframes myfirst /* Safari and Chrome */

{

from {top:-50px;}

to {top:0px;}

}



@-o-keyframes myfirst /* Opera */

{

from {top:-50px;}

to {top:0px;}

}



/*内页*/

.class_bg{ clear:both;}

.class_bg h3{margin-top:50px; padding:40px; float:left; background:#fff; border-radius:10px; font-size:36px; color:#000; display:none;}



.navli{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #f0f0f0;}

.navli li{width:15%; height:60px; line-height:60px;text-align:center; float:left;}

.navli li a{display:block; font-size:16px;}

.navli li:hover{width:15%; height:60px; line-height:60px; border-bottom:1px solid #158EE0; text-align:center; float:left;}

.navli li.hover{width:15%; height:60px; line-height:60px; border-bottom:1px solid #158EE0; text-align:center; float:left;}



.path{width:100%;height:40px; line-height:40px; padding:0px; background:#f4f4f4; border-bottom:2px solid #158EE0;}

.path h2{float:left; font-weight:bold; font-size:16px; background:#158EE0; height:40px; padding:0px 30px; color:#fff;}

.path span{float:right; padding-right:10px; }

.content{width:100%; margin:0 auto; padding:25px 0; font-size:14px; line-height:24px;}

.content table{border:0px;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2; width:96%; margin:0 auto;}

.content table td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; margin:0px; padding:5px 2px; text-align:center;}



.view-title{font-size:24px; height:50px; line-height:50px; display:block; text-align:center;}

.view-date{height:25px; line-height:25px; display:block; text-align:center;}



.updown{width:100%; clear:both; margin-top:15px; margin-bottom:15px; height:50px; display:block;}

.updown li{height:25px; line-height:25px;}

.products{ width:100%; margin:0 auto;}

.products .pros_tit{font-size:28px; text-align:center;height:90px; line-height:90px;margin-top:20px;margin-bottom:20px;clear:both;}

.products .pros_tit a{font-size:28px; background:#158EE0; color:#fff; padding:10px 30px;}



.row .cptitle{ width:291px; background:#eeeeee; height:50px;}

.row .cptitle p{ color:#333; font-size:16px; text-align:center; line-height:50px;}



/*产品组图*/

.pro_list{padding:0px;}

#imgto{width:364px; height:450px; float:left;}

/*#imgto .big{width:510px;height:380px;display: table-cell;text-align: center; vertical-align: middle;text-align:center; background:#f5f5f5;}

#imgto .big img{max-width:510px;max-height:380px;}

#imgto .small{height:100px; margin-top:8px;width:100%; clear:both;}

#imgto .small div{float:left;overflow:hidden;}

#imgto .small div.imgl,#imgto .small div.imgr{width:13px;height:80px; border:1px solid #CCC; background-color:#F6F6F6; text-align:center; line-height:80px; font-weight:bold; color: #999; cursor:pointer;}

#imgto .small div.imgl:hover,#imgto .small div.imgr:hover{ background-color: #E7E7E7; color: #666}

#imgto .small div.imgc{width:480px; position:relative;height:100px;}

#imgto .small div.imgc ul{ position:absolute;width:2200px; height:100px;top:0; left:0;}

#imgto .small div.imgc ul li{ float:left; width:108px; padding-left:10px;cursor:pointer; }

#imgto .small div.imgc ul li img{width:106px; height:80px;border:1px solid #2968c7}

#imgto .small div.imgc ul li.the img {border:1px solid #2968c7}*/



.pro_right{width:510px; float:right;}

.pro_right h1{height:80px; line-height:80px; font-size:26px;}

.pro_right .pro_desc{line-height:28px; line-height:28px; font-size:14px; background:#f4f4f4; padding:15px;}

.pro_right .pro_zx{width:260px;height:28px; line-height:28px; margin-top:20px; font-size:30px; background:#158EE0 url(../images/tel2.png) no-repeat 20px 16px; padding:15px 25px; border-radius:3em; text-indent:36px; color:#fff;}

.pro_img{ width:94%; margin:0 auto; clear:both; text-align:center; display:block; padding:20px;}



.view_con{width:100%; padding:15px 0; font-size:14px;}

.view_con img{min-width:440px; max-width:740px;}

.view_pic{width:100%; padding:15px 0; text-align:center;}

.view_pic img{min-width:440px; max-width:640px;}

.view_desc{padding:15px 25px; background:#f5f5f5; border:1px solid #e2e2e2; font-size:14px;}

.view_title{width:100%; background:#f4f4f4; height:50px; line-height:50px;}

.view_title h3{background:#158EE0; display:block; float:left; color:#fff; padding:0px 30px; font-size:16px;}



.pronrupr{height:auto;float: left;padding-bottom:20px; margin-left:150px; margin-top:15px;}

.pronrupr1{ width:100%; height:40px; line-height:40px; display:block; color:#1d7ae1; background-color:#767676;}

.pronrupr1_1{ width:auto; padding-left:6px; padding-right:6px; height:40px; display:block; text-align:center; color:#FFF;background-color:#2b5c97; float:left;}

.pronrupr1_2{ width:200px; float:left; height:auto; display:block; padding-top:8px;}

.pronrupr1_3{color:#000; font-weight:bold;}

.pronrupr1_2 a:hover{ text-decoration:underline;}



.pronrupr2{ width:165px; height:50px; display:block; padding-top:10px; float:left;}

.pronrupr2_1{ width:135px; height:39px; line-height:39px; display:block; float:left;}

.pronrupr2_1 a{ width:100%; height:39px; display:block;color:#fff;background:url(../images/qqpibg.png) no-repeat 10px 10px; background-color:#158EE0;display:block; text-indent:50px;font-weight:bold;}

.pronrupr2_1 a:hover{ color:#000;background:url(../images/qqpibg.png) no-repeat 10px -30px; background-color:#c40000; color:#FFF;}

.pronrupr2_2{ width:198px; height:29px; padding-top:7px; display:block; float:left; }



.pronrupr3{ width:230px; height:55px;padding-left:61px;background:url(../images/protel.png) no-repeat left; font-size:20px; color:#f25000; display:block; line-height:24px; float:left;}

.pronrupr3_1{color:#000; font-size:14px;}



.pronrupr2_112{ width:140px; height:42px; line-height:42px; display:block; float:left; margin-top:8px;}



.pronrupr2_11{ width:100%; height:42px; display:block;color:#c40000;background:url(../images/weixin.png) no-repeat 5px 10px;background-color:#ffeded;border:#fff solid 5px; border-radius:8px; text-indent:37px;transition:all 0.3s}

.pronrupr2_11:hover{ color:#000;background:url(../images/weixin.png) no-repeat 5px -30px; background-color:#c40000; color:#FFF;transition:all 0.3s}

.pronrupr2_22{ width:148px; height:148px; display:none; position:relative; top:-50px;transition:all 0.3s}

.pronrupr2_22 img{width:148px; height:148px;}

.pronrupr2_11:hover .pronrupr2_22{ display:block;width:148px; height:148px; position:relative; top:-127px; left:108px;transition:all 0.3s}

.info_title {

	margin: 10px 0 0 0;

	width: 100%;

	height: 40px;

	background: #E2E2E2;

	margin-bottom: 10px; clear:both;

}

.info_title b {

	display: inline-block;

	padding:0 20px;

	height: 100%;

	border-right: 1px solid #fff;

	background: #158EE0;

	color: #fff;

	line-height: 40px;

}

.info_title a {

	margin: 8px;

	width: 15px;

	height: 15px;

	background-position: 0 -426px;

}

/*新闻列表*/

.news_list{ width:100%; clear:both; margin:10px auto;}

.news_list li{height:40px; line-height:40px; border-bottom:1px dashed #e2e2e2;padding-left:20px; background:url(../images/heidian.jpg) no-repeat 8px 15px;}

.news_list li span{float:right;}

.news_list li b{font-weight:normal;}

/*联系我们*/

.contact {font: 400 14px/28px "microsoft yahei";}

.contact .caption {margin: 30px 0 20px; padding-bottom:20px;border-bottom: 1px solid #e8e8e8;}

.contact .caption span {display: block;color: #ff2020;font-size: 13px}

.contact h2 {clear: both;font: 700 20px/40px "microsoft yahei";margin-bottom: 10px}

.contact .cway {position: relative;padding: 20px 0;overflow: hidden;}

.contact .cway ul {height: 270px;float: left;}

.contact .cway li {background: url(../images/icon_contact.png) 0 100px no-repeat;line-height: 40px;text-indent: 60px;margin: 5px 0}

.contact .cway li a {color: #666}

.contact .cway li a:hover {color: #ff5050;font-weight: 700}

.contact .cway li span {font-weight: 700}

.contact .cway li.tel {background-position: -60px -338px}

.contact .cway li.qq {background-position: -60px -381px}

.contact .cway li.email {background-position: -60px -473px}

.contact .cway li.fax {background-position: -60px -519px}

.contact .cway li.group {background-position: -60px -427px}

.contact .cway .chat {display: block;width: 230px;line-height: 40px; height:40px;text-align: center;color: #fff;font-size: 16px;font-weight: 700;background-color: #ff2020;margin: 30px 0 0 6px}

.cway p{font-size: 18px;line-height: 40px; }

/*.map{ width:600px; padding:20px 0;float:right;}

.map p{line-height:25px;}*/



#allmap{width:100%; height:350px; line-height:25px;}



/*分页*/

.pages{text-align:center;clear:both; padding:5px 0px 10px 0px;font-size:14px;width:100%; margin:0 auto;margin:15px 0;}

.pages a{margin:3px;padding:8px 12px;border:1px solid #c1c1c1;color:#A0A0A0;font-size:14px;border-radius: 3px;

	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#F0F0F0));}

/*.pages span{background:#15181E;color:#fff;margin:3px;padding:8px 12px;border:1px solid #15181E;border-radius: 3px;}*/



/*留言*/

.member_f{margin-top:5px;float:right;}

.member_f dl{border-bottom:1px solid #E8E8E8; padding:5px 0; width:100%; float:left;}

.member_f dl dt{float:left; width:110px; text-align:right; line-height:26px; font-weight:bold;}

.member_f dl dd{float:left; line-height:26px; padding-left:10px;}

.member_f dl dd textarea{ width:90%; height:200px;}

.member_f dl dd.m span{color:#C00;}

.member_f dl dd.m span.ok{ background-color:#000; width:10px; height:5px;}

.inp{height:32px; line-height:32px; border:1px solid #e2e2e2; border-radius:5px; padding-left:5px;}

.btnbig{height:40px; line-height:40px; background:#158EE0; width:180px; color:#fff; border:0px;}



/*文章列表*/

#indexNews{ width:100%; margin:0 auto; padding:10px 0; overflow:hidden;} 

#indexNews dl{width:100%; height:100px; display:block;}

#indexNews dl.pic{border-bottom:1px solid #e2e2e2; margin:10px 0;}

#indexNews dt{width:15%; text-indent:10px; float:left; height:100px; background:url(../images/news_li.jpg) no-repeat right;}

#indexNews dt.none{background:none;}

#indexNews dt img{width:80px; margin-left:14px; padding:2px; border:1px solid #e2e2e2;}

#indexNews dd{width:84%; float:right; height:100px;line-height:30px;}

#indexNews dd h3{display:block; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#101010;}

#indexNews dd a:hover h3{color:#1A1F23;}

#indexNews dd span{clear:both; height:44px; display:block;line-height:22px; padding-top:4px; overflow:hidden;}





#maximg{ line-height:33px}

#maximg img{ max-width:100% !important; height:auto !important}



.pagebar { padding:20px; overflow:hidden; clear:both}

.pagebar .pagination {

  display: flex;

  justify-content: center;

  margin-top: 10px;

}

.pagination a {

  background: #fff;

  border: 1px solid #ccc;

  color: #333;

  font-size: 12px;

  padding: 8px 10px;

  margin: 0 2px;

  border-radius: 3px; line-height:100%

}

.pagination span {

    color: #333;

    font-size: 12px;

    padding: 7px 2px;

    margin: 0 2px;

    border-radius: 3px;

}

.pagination a:hover {

  color: #333;

  border: 1px solid #333;

}

.pagination a.page-num-current {

  color: #fff;

  background: #333;

  border: 1px solid #333;

}

.pagination .st{ font-family:宋体}

.text-secondary{ text-align:center; padding:20px 0}