/* CSS Document */
body{color:#333333;font-family:"Microsoft YaHei";padding:0px;margin:0px;}
h1,h2,h3,h4,h5,h6,i,em,p,span,i,th,td{ font-weight:normal;margin:0px; padding:0px;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#3974EA;}
img,input,select{outline:none; vertical-align:middle;padding:0px;margin:0px;}
ul,ol,li{list-style:none;padding:0px;margin:0px;}
table,th,td{border-collapse:collapse;}
.fl,.left{ float:left;}
.fr,.right{ float:right;}
.dis{display:none;}
.clear,.c{clear:both; height:0px; font-size:0px; overflow:hidden;}
.c10{clear:both; height:10px; font-size:0px; overflow:hidden;}
.c10b{clear:both; height:10px; background:#fff; 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;}
.c40{clear:both; height:40px; font-size:0px; overflow:hidden;}
.c50{clear:both; height:50px; font-size:0px; overflow:hidden;}
.c100{clear:both; height:100px; font-size:0px; overflow:hidden;}
.clearfix:after {display: block;clear: both;content: "";visibility: hidden;height: 0}
.clearfix {zoom:1}
table{border-collapse:collapse;border-spacing:0;}
.w1200{width:1200px; margin:0 auto; clear:both; display:block;}
.w1200w{width:1200px; margin:25px auto; clear:both;}
.huanyingbj{ height:30px; background:#e5e5e5;}
.huanying{ width:1200px; margin:0 auto; line-height:30px; color:#868686; font-size:13px;}
.toubu{ width:1200px; height:76px; margin:40px auto 44px auto; overflow:hidden;}
.logo{float:left;}
.logo img{height:76px;}
.zhuanzhu{height:70px; float:left; font-size:16px; color:#666; padding:0px; line-height:26px; padding-top:10px;padding-left:50px;}
.zhuanzhu b{ font-size:26px; color:#0269c8; font-style:normal; font-family:"楷体"; font-weight:bold;}
.toubu .phone{ float:right; height:70px; background:url(../images/tel.jpg) no-repeat left 0px; margin-top:12px; padding-left:70px; line-height:30px;font-size:26px;}
.toubu .phone span{ display:block; color:#333; font-weight:bold;}
.toubu .phone span em{ color:#3974EA;  font-weight:bold;}

.nav{height:70px;background:#333; width: 100%;}
.nav ul{width:1200px; margin:0 auto;}
.nav ul li{float: left; text-align: center; height: 70px; line-height: 70px; width: 11%;overflow: hidden;}
.nav ul li a{ display: block;text-align: center;  margin: 0 auto; font-size: 16px; color: #fff;}
.nav ul li a:hover{color: #fff; background:#0066CB;text-align: center;transition:all 0.6s;}
.nav .currclass a{color: #fff;background:#0066CB;}
#nohome{display:block;}
/*.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; height:45px; float:left;}
.nav ul li ul.subnav{transition:0.7s;width: 11%;position:absolute;z-index:999;}
.nav ul li ul.subnav li a{display:block;width:11%;height:45px;line-height:45px;text-align:center;background:#40BC05;color:#fff;font-size:14px;transition:0.7s}
.nav ul li ul.subnav li a:hover{background:#3974EA;color: #fff;}

.nav ul li UL.navpro {width:100%; background:#fff; border-bottom:3px solid #3974EA; position:absolute; left:0;z-index:9999;}
.navpro .plistx{width:1205px; 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:320px;width:200px;float:left;text-align:center; border-right:1px solid #dadada; padding-bottom:15px;}
.navpro .plistx dl:nth-child(2n){ background:#f5f5f5;}
.navpro .plistx dl:nth-child(6n){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:#3974EA; color:#fff; font-weight:normal;}
.navpro .plistx dl dt a:hover{background:#3974EA;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;font-weight:normal; font-size:12px;}
.navpro .plistx dl dd a:hover{background:none; color:#3974EA;}
.navpro .plistx dl dd a.flmore{ font-size:12px; background:#3974EA; line-height:30px; color:#fff; border-radius:4em;}*/
.fixedSubNav{position: fixed; top: 0px; left: 0px; z-index:10; width: 100%; background: #3974EA;/* background: rgba(3,83,168,.9); */animation:myfirst 0.5s;
-moz-animation:myfirst 0.5s; /* Firefox */
-webkit-animation:myfirst 0.5s; /* Safari and Chrome */
-o-animation:myfirst 0.5s; /* Opera */box-shadow:  10px 0px 20px 0 #0358B9;}
@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;}
}
/*banner*/
.fullSlide{width:100%;position:relative;height:600px;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:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:600px;}
.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:42px;height:11px;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;}

.tedian{width:1200px; margin:0 auto; margin-top:-40px; position:relative; background:#e9e9e9; height:110px; z-index:9999;}
.tedian ul{width:100%; margin:0px; padding:0px;}
.tedian li{width:20%; float:left;height:100px; color:#454545; text-align:center; padding-top:10px;background:url(../images/td_li.jpg) no-repeat right center;}
.tedian li:last-child{background:none;}
.tedian li:hover{background:#0066cc; color:#fff; margin-left:-2px; padding-left:2px;}
.tedian li span{padding-top:54px; height:30px; line-height:30px; font-size:20px; display:block;}
.tedian li span.t_pic01{background:url(../images/td_1.png) no-repeat center 10px;}
.tedian li span.t_pic02{background:url(../images/td_2.png) no-repeat center 10px;}
.tedian li span.t_pic03{background:url(../images/td_3.png) no-repeat center 10px;}
.tedian li span.t_pic04{background:url(../images/td_4.png) no-repeat center 10px;}
.tedian li span.t_pic05{background:url(../images/td_5.png) no-repeat center 10px;}
.tedian li:hover span.t_pic01{background:url(../images/td_o1.png) no-repeat center 10px;}
.tedian li:hover span.t_pic02{background:url(../images/td_o2.png) no-repeat center 10px;}
.tedian li:hover span.t_pic03{background:url(../images/td_o3.png) no-repeat center 10px;}
.tedian li:hover span.t_pic04{background:url(../images/td_o4.png) no-repeat center 10px;}
.tedian li:hover span.t_pic05{background:url(../images/td_o5.png) no-repeat center 10px;}

/*关键词搜索*/
/*.keyword{width:100%; clear:both; height:50px; line-height:50px; font-size:16px; background:#f5f5f5;}
.keyword .key_text{float:left;}
.search{width:286px; float:right; padding-top:8px;}
.search li{float:left;}
.search li .select{width:60px; background:#fff; height:32px;float:left; margin-right:2px; display:none;}
.search li .input{width:230px; background:#fff; border:1px solid #3974EA; height:30px;float:left; text-indent:3px;}
.search li .submit{width:50px; background:#3974EA url(../images/sousuo.png) no-repeat center; cursor:pointer; text-indent:-999em; height:32px;float:left; color:#fff; border:none;}*/
.tj_title{width:100%; height:150px; margin-top:40px; padding:0px 0; text-align:center; display:block;}
.tj_title h3{font-size:45px; height:70px;line-height:100px; color:#333;letter-spacing:4px;display:block;}
.tj_title h3 b{color:#f00; font-style:normal;}
.tj_title h3 b font{font-size:96px; font-family:"Times New Roman", Times, serif; font-style:normal;}
.tj_title span{font-size:24px; height:36px; line-height:36px; color:#666;text-transform:uppercase; display:block;padding-bottom:4px;}
.tj_title em{display:block; height:9px;text-align:center;}
.tj_title em img{margin:0px; padding:0px;}
.hot_product{width:100%;}
.hot_product li{width:33.3%; float:left; margin-bottom:20px; margin-top:10px;}
.hot_product li.hp1{width:66.6%; float:left;}
.hot_product li.hp1 a{ border:1px solid #ccc;width:98%;padding:2px; display:block;height:338px; color:#f00; overflow:hidden;}
.cp_pic{width:60%; float:left;height:338px;}
.cp_pic img{height:100%; width:100%;object-fit: cover;}
.cp_desc{padding:5% 2%; width:34%; float:right;}
.cp_desc h3{color:#363636; display:block; padding-bottom:20px;}
.cp_desc p{background:url(../images/dui.png) no-repeat 0 center; height:40px; line-height:40px; overflow:hidden; text-indent:25px; color:#333; font-size:20px;}
.cp_desc .fangan{width:90%; margin:0 auto; border:2px solid #f00; border-radius:5px; height:40px; line-height:40px; font-size:18px; text-align:center;}
.cp_desc .fangan2{display:none;}
.hot_product li a{width:96%; margin:0 auto; position:relative; display:block; color:#fff;}
.hot_product li .cp_name{width:100%; height:344px;}
.hot_product li .cp_name img{height:100%; width:100%;object-fit: cover;}
.hot_product li span{position:absolute;left:0px; bottom:0px; width:100%; display:block;background: rgba(0,0,0,.6); height:66px; line-height:66px; font-size:18px; text-align:center;}
.hot_product li:hover span{background: rgba(0,102,203,.6);}
/*============优势===============*/
.youshi{width:100%; clear:both; display:block; position:relative; height:700px; float:left;}
.youshi .pic{width:444px; margin:28px auto;position:relative; top:50px; z-index:400;}
.youshi .ys_text{position:absolute;display:block; width:340px; height:100px;}
.youshi .ys_text .num{font-size:116px; position:absolute; z-index:100; top:0px; padding:0px; margin-top:-20px; text-indent:27px; color:#0269c8;font-family:微软雅黑; font-weight:bold;}
.youshi .ys_text .ys_desc{background:#eee; padding:10px 27px; display:block; font-size:16px; color:#333;position:absolute;z-index:200; top:70px;}
.youshi .ys_text .ys_desc h3{color:#333; font-size:22px; font-weight:bold;}
.youshi .t1{top:0px; left:0px;}
.youshi .t2{top:250px; left:0px;}
.youshi .t3{top:520px; left:0px;}
.youshi .t4{top:0px; right:0px;}
.youshi .t5{top:250px; right:0px;}
.youshi .t6{top:520px; right:0px;}
.youshi .x1{position:absolute;top:115px; left:334px; z-index:300;}
.youshi .x2{position:absolute;top:360px; left:334px; z-index:300;}
.youshi .x3{position:absolute;top:600px; left:334px; z-index:300;}
.youshi .x4{position:absolute;top:115px; right:334px; z-index:300;}
.youshi .x5{position:absolute;top:360px; right:334px; z-index:300;}
.youshi .x6{position:absolute;top:600px; right:334px; z-index:300;}

.ad1{width:100%; height:473px; background:url(../images/ad1.jpg) no-repeat center;overflow:hidden; background-size:cover;}
.ad1 a{width:1200px; margin:0 auto; display:block; height:100%;}
.ad2{width:100%; height:630px; background:url(../images/ad2.jpg) no-repeat center;overflow:hidden; background-size:cover;}
.ad2 a{width:1200px; margin:0 auto; display:block; height:100%;}

.case_one{width:100%;}
.case_one li{width:50%; float:left;}
.case_one li a{width:96%; margin:0 auto; display:block; color:#363636; border:2px solid #bfbfbf;transition:all 0.6s;}
.case_one li .cp_name{width:100%; height:344px;}
.case_one li .cp_name img{height:100%; width:100%;object-fit: cover;}
.case_one li span{ clear:both;width:100%; display:block; height:66px; line-height:54px; font-size:20px; text-align:left;}
.case_one li .case_title{margin:0 auto; display:block; width:86%; margin-top:27px;}
.case_one li .case_title .case_xian{height:2px; background:#0269c8; width:50px;transition:all 0.6s;}
.case_one li a:hover{border:2px solid #0269c8;}
.case_one li a:hover .case_xian{width:120px;transition:all 0.6s;}


.incase{width:100%;overflow: hidden;display:block;  padding-top:20px;}
.incase ul { margin:0;padding:0; clear:both;/* height:290px; */overflow: hidden;}
.incase li {float:left; width:25%; height:250px; overflow: hidden;text-align:center;border-collapse: collapse;}

.incase li a{display:block; width:94%; margin:0 auto;}
.incase li a .cp_name{display: block; width:100%; height:196px;overflow:hidden; position:relative; z-index:1;}
.incase li .cp_name img{height:100%; width:100%;object-fit: cover;}
.incase li a .cp_more{display:none;transition:0.6s all 0s linear;}
.incase li a:hover .cp_more{display:block;position:absolute; z-index:200; top:0px; left:0%; width:100%; height:100%;background:url(../images/case_jiao.png) center;transition:0.6s all 0s linear;}
.incase_title{margin:0 auto; display:block; width:86%;}
.incase li span{height:40px; line-height:46px;color: #111; text-align:center;display:block; clear:both; font-size:16px; text-align:left;overflow:hidden;}
.incase li .case_xian{height:2px; background:#0269c8; width:50px;transition:all 0.6s;}
.incase li a:hover .case_xian{width:100px;transition:all 0.6s;}

.youshi_two{width:100%;}
.ys_two{width:100%; height:410px;}

.ys_left{width:50%;}
.ys_right{width:44%;}

.ys_left li{margin-top:16px; display:block;}
.num_two{height:77px; line-height:77px; text-align:center; float:left; width:77px; display:block; background:#4383d0; color:#fff; font-family:Impact; font-size:45px;}
.ys_text_two{display:block;float:left; width:500px; padding-left:20px;}
.ys_text_two h3{height:30px; line-height:30px; font-size:30px; color:#0269c8; padding-bottom:10px; border-bottom:1px dashed #363636;}
.ys_text_two p{font-size:16px; color:#363636;}
.ys_text_two p font{color:#f00;}

.ys_three{width:100%; position:relative;}
.ys2_bg{position:absolute; top:0px; left:0px;}
.ys_three_1{ position:relative; margin:0 auto; width:1200px; padding-top:50px;}
.ys_three_1 .fl{position:absolute; z-index:100; top:100px;}
.ys_three_1 .ys_text_two{display:block;float:left; width:500px; padding-left:20px;}
.ys_three_1 .ys_text_two h3{height:30px; line-height:30px; font-size:30px; color:#fff; padding-bottom:10px; border-bottom:1px dashed #fff;}
.ys_three_1 .ys_text_two p{font-size:16px; color:#fff;}

.news{background:#f1f1f1; padding-bottom:50px;}
.news_l{width:42%; float:left;}
.news_l dt{width:100%; height:320px; overflow:hidden;}
.news_l dt img{float:left;width:100%;}
.news_l dd{padding:0px 15px; line-height:28px; font-size:16px; color:#5e5e5e; clear:both;}
.news_l dd.t{color:#363636; font-size:22px; height:44px; line-height:44px; display:block; padding-top:8px; overflow:hidden;}
.news_l dd span{background:#f00; color:#fff; font-size:16px; text-align:center; width:120px; height:42px; line-height:42px;display:block; margin-top:8px;}
.news_l dl:hover span{background:#0066CB;}

.news_r{ width:54%; float:right;}
.news_r dl{display:block; margin-bottom:46px;height:136px; overflow:hidden;}
.news_r dl:hover{background:#fff;}
.news_r dl:last-child{margin-bottom:0px;}
.news_r dt{width:36%; float:left;}
.news_r dt img{ width:100%; height:100%;}
.news_r dd{float:right; width:60%;}
.news_r dd h3{color:#0269c8; font-size:18px; height:40px; line-height:40px; overflow:hidden; margin:0px; padding:0px;}
.news_r dd span{color:#5e5e5e; font-size:14px; height:52px;line-height:26px; padding:0px 0; margin:6px 0; overflow:hidden;  display:block;}
.news_r dd .datetime{color:#a2a2a2; font-size:16px;}

/*============简介===============*/
.about{width:100%;}
.about img{width:100%;}
.about h3{ color:#323232; font-size:22px; text-align:center; height:60px; line-height:100px;}
.about p{display:block; padding-bottom:0px; width:90%; margin:0 auto; font-size:16px; color:#323232}
.about_li{width:100%; clear:both;}
.about_li li{ text-align:center; width:23%; padding:1%;float:left;}
.about_li li img{width:100%; height:100%;}
/*标题*/
.hd_title{width:100%; height:120px; padding:20px 0; text-align:center; margin-top:10px; clear:both;}
.hd_title h3{font-size:26px; height:90px; line-height:90px; color:#fff;letter-spacing:4px;font-family:微软雅黑; font-weight:normal;background:url(../images/tu16.png) no-repeat center;}
.hd_title span{font-size:16px; height:34px; line-height:34px; color:#000;text-transform:uppercase; display:block;font-family:Arial;}
.hd_title span font{color:#FEA501;font-size:20px;}

.cp_title{width:100%; height:110px; margin-top:20px; padding:0px 0; text-align:center;}
.cp_title h3{font-size:40px;height:80px; line-height:80px; color:#121212;letter-spacing:4px;}
.cp_title span{font-size:18px; height:34px; line-height:34px; color:#666;text-transform:uppercase; display:block;}



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


.cp_class{width:100%; margin:0 auto; padding:20px 0;}
.cp_class li{width:23%; height:40px; overflow:hidden; margin:0 1%; float:left; text-align:left;display:block;}
/*.cp_class li em{ width:40px; height:40px; line-height:40px;font-size:18px; display:block; margin:0 auto; clear:both; background:#3974EA; 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-size:16px;height:40px; line-height:40px;display:block; float:left; color:#fff;text-indent:25%; color:#111;transition:all 0.4s;background:#D3D3D3 url(../images/ico1.png) no-repeat 10% center; width:100%; border-bottom-right-radius:10px;}
.cp_class li a:hover{background:#3974EA url(../images/ico.png) no-repeat 15% center;color:#fff;text-indent:30%;border-top-left-radius:10px;}

.left_b{height:24px;background:url(../images/bt_bg.jpg) no-repeat center;}
.plist{ width: 22%; float: left; overflow: hidden; margin-bottom:20px; background:#f4f4f4;}
.plist .hd{ height:60px; line-height:60px; font-size:28px; color:#fff; text-align:left;background:#2968c7 url(../images/jian.png) no-repeat 15px center; text-indent:55px;overflow: hidden;}
.plist .bd{ border: 1px solid #eaeaea;  border-top: none;overflow: hidden;}
.plist .bd ul{ width:84%; margin: 0 auto; padding-top:5px;padding-bottom: 4px; overflow: hidden;}
.plist .bd ul li{ width: 100%; height:40px; line-height: 40px; overflow: hidden;background:url(../images/jiao.png) no-repeat 0 center; text-indent:15px; font-size:14px;}
.plist .bot{border: 1px solid #eaeaea;font-size: 15px;}
.plist .bot ul{ padding: 10px 15px; line-height:28px;}
.plist .bot ul h3{ color: #000; font-weight: 700; font-size: 16px;}

/*首页滚动产品展示*/
.inproduct{width:1200px; 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; height:290px; overflow: hidden;}
.product .cpgd li {float:left; width: 256px; overflow: hidden; line-height: 35px; text-align:center;border-collapse: collapse;
 border:1px solid #e0e0e0;margin:15px 20px 25px 20px;}
.product .cpgd li a{display:block;}
.product .cpgd li a .cp_name{display: block; width:246px; height:190px;background: #fff; color: #555;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden; padding:5px;}
.product .cpgd li a:hover span{background: #3974EA; color: #fff;transition:0.6s all 0s linear;}
.product .cpgd li a img{max-width: 246px; height:190px; vertical-align:middle;}
.product .cpgd li span{height:50px; line-height:50px; background:#e2e2e2; 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}
/*首页产品展示*/
.con_right {width:76%; float:right;display:block; overflow: hidden;}
.index_cp {width:100%;display:block; overflow: hidden;}
.index_cp ul {margin:0;padding:0; clear:both; overflow: hidden;}
.index_cp li {float:left; width: 23%; overflow: hidden; line-height: 35px; text-align:center;border-collapse: collapse;margin:0px 1% 25px 1%;}
.index_cp li b{font-weight:normal;}
.index_cp li a{display:block; font-size:16px; color:#121212; width:100%;}
.index_cp li a .cp_name{display: block; height:272px;color: #555;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden; width:100%;}
.index_cp li a:hover b{color: #fff;}
.index_cp li a img{width: 100%; height:100%; vertical-align:middle;object-fit: cover;}
.index_cp li span{height:50px; line-height:44px; 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}



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


.linkbj{ height:92px; background:#111;}
.link{ width:1200px; margin:0 auto;}
.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;}
/* CSS Footer */
#footer{width: 100%; background:#101010;padding:60px 0 30px 0; border-bottom:1px solid #666;}
.xlogo{width:136px; float:left; text-align:center; padding:0px 0; height:162px;padding-right:120px;}
.xlogo span{font-size:30px; height:44px; line-height:44px; color:#fff; display:block;}


.footer_nav{text-align:left; width:366px; float:left;height:162px;}
.footer_nav li{width:50%; height:40px;line-height:40px;float:left; overflow:hidden;}
.footer_nav a{font-size:18px; color: #fff;transition: all .4s;}
.footer_mid{ width:380px; float:left;color: #fff; font-size:18px; line-height:30px;}
.footer_mid h3{ font-size:20px; color:#fff;}
.web{width:140px; float:right; text-align:center;height:162px;}
.web img{width:80%;}
.web span{font-size:16px; height:44px; line-height:44px; color:#fff; display:block;}
.copyright{width:100%; height:60px; line-height:60px; color:#fff; font-size:16px; background:#101010; overflow:hidden;}
.copyright a{color:#fff; font-size:16px;}


/*内页*/
.class_bg{width:100%; background-repeat:no-repeat; background-position:center; background:url(../images/class_bg.jpg) no-repeat center; height:400px; clear:both;background-size:cover;}
.class_bg h3{margin-top:50px; padding:40px; float:left; background:#fff; border-radius:10px; font-size:36px; color:#000; display:none;}

.proli{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #f0f0f0;}
.proli li{width:15%; height:60px; line-height:60px;text-align:center; float:left;}
.proli li a{display:block; font-size:16px;}
.proli li:hover{width:15%; height:60px; line-height:60px; border-bottom:1px solid #3974EA; text-align:center; float:left;}
.proli li.hover{width:15%; height:60px; line-height:60px; border-bottom:1px solid #3974EA; text-align:center; float:left;}

.path{width:100%;height:40px; line-height:40px; padding:0px; background:#f4f4f4; border-bottom:2px solid #3974EA;}
.path h2{float:left; font-weight:bold; font-size:16px; background:#3974EA; height:40px; line-height:40px; padding:0px 30px; color:#fff;}
.path span{float:right; padding-right:10px;font-size:14px;color:#111;}
.path span a{color:#111;}

.content,.view_con{width:98%; margin:0 auto; padding:25px 1%; font-size:16px; line-height:28px;color:#333;}
.about_bg{background:url(../images/about_bg.jpg) bottom center;}
.content p,.view_con p{display:block; padding-top:8px;font-size:16px;color:#333;}
.content table,.view_con table{border:0px;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2; width:98%; margin:0 auto;}
.content table td,.view_con table td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; margin:0px; padding:0px; text-align:center;}
.content img{max-width:100%;}

.view-title{font-size:24px; line-height:30px; padding:8px 0; 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:#3974EA; 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-type{float:left;width:272px;height:316px; overflow:hidden; background:#fff;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;transition:all .2s ease;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/}
.pro-type img{width:232px; padding:10px 20px; height:296px;object-fit: cover;}
/*产品组图*/
.pro_list{padding:20px 0px;}
#imgto{width:510px; height:390px; float:left;}
#imgto .big{width:510px;height:390px;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/  text-align:center; background:#fff;}
#imgto .big img{max-width:510px;max-height:390px;}

#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;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/}
#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; margin-left:10px;cursor:pointer;border:1px solid #1a1f23;}
#imgto .small div.imgc ul li img{max-width:106px; height:80px;}
#imgto .small div.imgc ul li.the {border:1px solid #0D83F2}

.pro_right{width:620px; 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_desc em{font-style:normal; color:#f00;}
.pro_right .pro_zx{width:260px;height:28px; line-height:28px; margin-top:50px; font-size:30px; background:#3974EA 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_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; margin:10px auto;}
.view_title h3{background:#0F68B9 url(../images/ico.png) no-repeat 20px center; display:block; float:left; color:#fff;padding:0px 20px;text-indent:30px; height:50px; line-height:50px; font-size:16px;}
.view_title span{float:right; padding-right:10px; height:50px; line-height:50px;}
.view_title span a{color:#111;}

.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:#3974EA;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:#c40000 solid 1px; 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: #3974EA;
	color: #fff;
	line-height: 40px;
}
.info_title a {
	margin: 8px;
	width: 15px;
	height: 15px;
	background-position: 0 -426px;
}

.info_class{width:100%; border-bottom:1px solid #F0F0F0;}
.info_class li{width:120px; float:left; height:50px; line-height:50px; text-align:center; margin-right:5px;}
.info_class li a{display:block; background:#F0F0F0; font-size:16px;}
.info_class li a:hover{display:block; background:#0D83F2; color:#fff;}
.info_class li.hover a{display:block; background:#0D83F2; color:#fff;}
/*新闻列表*/
.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;}

/*新闻列表二*/
.main_c{width: 100%;float: left;line-height: 260%;padding:10px 0 20px 0;}
.news_two_ul {
    height: auto;
    overflow: hidden;
    width:100%; margin:0 auto;
}
.news_two_ul li{height:160px; overflow:hidden;}
.news_two_box {
    width: 100%;
    height: 130px;
    border: 1px solid transparent;
    position: relative;
    background: #f7f7f7;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.news_two_img {
    width: 200px;
    height: 100px;
    padding: 15px;
    float: left;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.news_two_img img{width: 200px;height: 100px;object-fit: cover;}
.news_two_txt span {
    font-size: 16px;
    color: #717171;
    display: block;
    height: 30px; line-height:30px;
    overflow: hidden;
    margin-bottom: 10px;
    transition: all .3s ease-out 0s
}
.news_two_txt span b{font-size:16px; font-weight:normal;}
.news_two_box:hover .news_two_txt span {
    color: #333;
}

.news_two_txt i {
    height: 52px;
    color: #A2A2A2;
    line-height: 24px;
    display: block; font-size:14px;
    overflow: hidden; font-style:normal;
    transition: all .3s ease-out 0s
}

.news_two_box:hover .news_two_txt i {
    color: #999
}

.news_two_txt {
    width: 60%;
    float: left;
    padding:16px 0 28px 28px;
    transition: all .3s ease-out 0s
}

.news_two_box:hover .news_two_txt {
    padding: 16px 0 28px 40px
}

.news_two_date {
    width:160px;
    float: right;
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";
    color: #999;
    padding: 16px 19px 0 0;
    transition: all .3s ease-out 0s; text-align:right;
}

.news_two_box:hover .news_two_date {
    padding: 26px 29px 0 0
}

.news_two_date span {
	color: rgb(153, 153, 153);
    height: 26px;
    font-size: 24px;
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"
}

.news_two_date i {
    font-size: 13px; 
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"
}

.news_two_but {
    position: absolute;
    top: 100px;
    right: 108px
}

.news_two_box:hover {
    border: 1px solid #efefef;
    box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08)
}

.news_two_box:hover .news_two_img {
    background: #0D83F2;
}

.news_two_box:hover .ser_but {
    background: #0a5cb0;
    border: 1px solid #0a5cb0;
    margin: 0 -36px
}


/*联系我们*/
.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}

/*.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:#3974EA; width:180px; color:#fff;}