/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {padding:0;margin:0; font-size:13px;font-family:"microsoft yahei", Arial, Helvetica, sans-serif; }
body{ background-color:#FFFFFF;font-size: 12px;font-family:"microsoft yahei", Arial, Helvetica, sans-serif; }
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0; margin:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0}
a:link,a:visited{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none;}
img{vertical-align:middle;border:none;}
li {text-decoration:none;}
input,textarea,select,a:focus {outline: none;}

.wid1200{ max-width: 74%;margin: 0 auto;}
.fl{ float:left;}
.fr{ float:right;}
* {font-style: normal; outline: none;border-collapse: collapse;box-sizing: border-box;}
.clear{clear: both;}
.zt{width:100%; float:left;}
.nav-head{   background-image: linear-gradient( 0deg, rgb(255, 255, 255,0) 0%, rgb(255, 255, 255) 100% );height:100px; width:100%; position:fixed; z-index:999}
.fixed {opacity: 1;
    -webkit-animation: fadeInDown 0.3s ease-out forwards;
    -moz-animation: fadeInDown 0.3s ease-out forwards;
    -o-animation: fadeInDown 0.3s ease-out forwards;
    animation: fadeInDown 0.3s ease-out forwards;
    position: fixed;top: 0;left: 0;width: 100%;z-index: 10000;
    -webkit-box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.3); background:#fff;}
.nav-head .nav{}
.nav-head .nav .nav-logo{ float: left; height:100px ; width: 30%;
    margin-left: 2%;}
	.nav-head .nav .nav-logo img{max-height:100%; max-width:100%; height:auto;}
.nav-head .nav .nav-logo .navbar-brand{height:100px;
transition: 1s;display: block; position:relative;}
.nav-head .nav .nav-logo .navbar-brand img{ max-height:100%; max-width:100%; position:absolute; margin:auto; top:0; right:0; left:0; bottom:0;}
.nav-head .nav .nav-list{float: left;margin:0; width:60%;}
.nav-head .nav .nav-list ul{float: left; width:100%}
.nav-head .nav .nav-list ul li{height:100px;line-height: 96px;
transition: 1s;float: left; margin:0 0.2%; width:11%; text-align:center; }
.nav-head .nav .nav-list ul span{float: left;margin: 0 1px;line-height: 85px;font-size: 18px;color: #fff;}
.nav-head .nav .nav-list ul li a{ display:block;color: #333333;font-size: 1.3rem; line-height:100px;}
.nav-head .nav .menu ul li .sub-menu {position: absolute;z-index: 1000;float: left;background-color: #fff;
-webkit-transition: top 0.3s ease 0s, opacity 0.3s;transition: top 0.3s ease 0s, opacity 0.3s;transform: scaleX(0);
-moz-transform: scaleX(0);
-webkit-transform: scaleX(0);
-o-transform: scaleX(0);
-ms-transform: scaleX(0);opacity: 0;top: 115%;border: none;border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);margin: 0;display: block;left: 0;padding: 0;
min-width: 120px;white-space: nowrap;}
.nav-head .nav .menu ul li .sub-menu li{border-bottom: 1px solid #e6e6e6;}
.nav-head .nav .menu ul li .sub-menu li:last-child{border-bottom: none;}
.nav-head .fixed .menu ul li .sub-menu li{padding: 5px 20px;}
.nav-head .head-bottom .menu ul li .sub-menu li {padding: 5px 20px;}
.nav-head .fixed {
            -webkit-animation: fadeInDown 0.3s ease-out forwards;
            -moz-animation: fadeInDown 0.3s ease-out forwards;
            -o-animation: fadeInDown 0.3s ease-out forwards;
            animation: fadeInDown 0.3s ease-out forwards;
            position: fixed;top: 0;left: 0;width: 100%;z-index: 10000;background: rgba(255, 255, 255, 0.95);
            -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);}
.nav-head .innav .menu ul li:hover > ul {opacity: 1;top: 100%; -webkit-transform: scaleX(1); -ms-transform: scaleX(1);transform: scaleX(1);}
.nav-head .nav .nav-list ul li:hover > ul .menu-item{height: 60px;line-height: 60px;width: 100%;text-align: center;padding: 0px;}
.nav-head .nav .menu ul li .sub-menu li a {padding: 0px;display: block;color: #000;margin-top: 0px;line-height: 60px;display: block;}
.nav-head .nav .menu ul li .sub-menu li.sub-menu {left: 100%;top: 0px !important;}
.nav-head .nav .menu ul li .sub-menu li.sub-menu li a {color: #333;}
.nav-head .nav .menu ul li .sub-menu li:hover { background: #378ca0;}
.nav-head .nav .menu ul li .sub-menu li:hover a { color: #fff;}
.nav-head .nav .menu ul li .sub-menu li:hover a:after {max-width: 0px;}
.nav-head .nav .menu ul li .sub-menu li .sub-menu li:hover a {color: #fff;}
.search{width: 280px;overflow:hidden;z-index:99;padding-top:24px;height:80px;line-height:40px;float:right;margin-left: 20px;}
.search .ss_input{width: 180px;border:none;height:40px;line-height:40px;padding-left:20px;font-size:14px;color:#ccc;float:left;resize:none;border-radius:20px 0 0 20px;-moz-box-sizing: border-box;box-sizing: border-box;background:#f2f2f2;outline:none;}
.search .ss_an{width: 52px;height:40px;float:left;border:none;cursor:pointer;background: #1186a0 url(../images/ss.png) 5px no-repeat;outline:none;border-radius: 0 30px 30px 0;}
.nav-head .nav .nav-list ul li a:hover{color:#fff;}
.nav-head .nav .nav-list ul li.active a{color:#fff;}
.nav-head .nav .nav-list ul li.active,.nav-head .nav .nav-list ul li:hover{background:#002f66; color:#fff}
.nav-head .nav .nav-list ul li:hover > ul {opacity: 1;top: 100%;-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}

/*banner*/
.fullSlide{width:100%;position:relative;height:650px;}
.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:650px;overflow:hidden;text-align:center;background-position: center center;}
.fullSlide .bd li img{display: block;float: left;position: relative;left: 50%;margin-left: -960px;overflow: hidden;}
.fullSlide .bd li a{display:block;height:650px;}
.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:#fff;filter:alpha(opacity=50);opacity:1;line-height:999px;}
.fullSlide .hd ul .on{background:#002f66;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;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:5%;background-position:-6px -137px;}
.slideBox{ display:none;}




/*关于我们*/

.about{background: url(../images/bj_1.jpg) no-repeat center; padding:6rem 0 7rem 0; }
.about_left{width:40%; float:left;position: relative;    height: 500px;}
.about_left img{max-height:100%; max-width:100%;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3) ;    right: 0;left: 0;bottom: 0;margin: auto;    position: absolute;top: 0;}
.about_right{ width:57%; float:right;}
.about_right1{width:100%; float:left;}
.about_right1 p{position:relative; font-size:75px; color:#f3f3f3; font-family:Impact; display:block; text-transform:uppercase;}
.about_right1 span{position:absolute;bottom:0px; left:0; font-size:40px; color:#000; font-weight:bold;}
.about_right1 i{font-size:30px; color:#333333; margin-top:4rem; display:block;}
.about_right2{ width:100%; float:left; background:#f8f7f5; padding:2rem; margin-top:2.5rem;}
.about_right2 p{font-size:1.2rem; line-height:2.2rem;  color:#5b5b5b;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical; text-indent:2em; }
.about_right2 span{background:url(../images/jt.png); width:124px; height:27px; display:block; margin-top:2rem;}
.about_right2 span:hover{background: url(../images/jt-1.png);-webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -o-transition: all 0.5s;}





/*产品展示*/
.cpzs{ background: url(../images/bj_2.jpg); padding:6rem 0;}
.cpzs_list{width:100%; float:left; margin-top:4rem;}
.cpzs_list ul li{width:50%; float:left; padding:10px; box-sizing:border-box; }
.cpzs_list ul li dt{width:100%; float:left; padding:10px; box-sizing:border-box;background:#f5f5f5;}
.cpzs_list ul li dt i{width:40%; float:left; background:#fff; height:240px; position:relative;}
.cpzs_list ul li dt i img{max-height:100%; max-width:100%; top:0; right:0; left:0; bottom:0; margin:auto; position:absolute;}
.cpzs_list ul li dt div{width:55%; float:right; margin-top:10px;}
.cpzs_list ul li dt div p.c_1{font-size:20px; color:#333; font-weight:bold;    height:5rem;line-height: 30px;word-break:break-all ;    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
.cpzs_list ul li dt div p.c_2{font-size:14px; color:#777777; padding:15px 0;}
.cpzs_list ul li dt div p.c_3{font-size:14px; color:#777777;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: block;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical; line-height:28px; float:left; height:90px; width:100%;}
.cpzs_list ul li dt div span{ padding:5px 30px; border:1px solid #002f66; border-radius:50px; font-size:14px; margin-top:20px; float:left;}
.cpzs_list ul li dt div span:hover{background:#cf0000; border:1px solid #cf0000; color:#fff;-webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.cpzs_list ul li dt div p.c_1:hover{color:#cf0000;}
.ckgd{width:100%; float:left; text-align: center; margin-top:40px;}
.ckgd a{ padding:10px 80px; background:#fff; font-size:15px; color:#333; border-radius:50px;}
.ckgd a:hover{color:#fff; background:#cf0000;-webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -o-transition: all 0.5s;}


/*新闻*/

.news{ padding:6rem 0; background:#f6f9fd}
.news_list{ width:100%; float:left; margin-top:4rem;}
.news_list ul li{width:100%; float:left; padding:1%; box-sizing:border-box; background:#fff; margin:0 0% 1.5% 0%;}

.news_list ul li dt{width:24%; height:201px; overflow:hidden; position:relative; float:left;    border: 1px solid #f3f3f3;}
.news_list ul li img{max-height:100%; max-width:100%; position:absolute; top:0; right:0;left:0;bottom:0; margin:auto;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.news_list ul li:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.news_list ul li .x_1{width:73%; float:right;}
.news_list ul li .x_1 p{width:100%; float:left; font-size:1.4rem; color:#333333; border-bottom:1px solid #dfdfdf;text-overflow:ellipsis ;white-space:nowrap; overflow:hidden; padding:1rem 0;}
.news_list ul li .x_1 span{width:100%; float:left; font-size:1.2rem; color:#747474;  line-height:2.3rem; overflow:hidden; margin-top:10px;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical; }
.news_list ul li .x_1 i{float:left; font-size:1.2rem; color:#000; font-style:normal; margin-top:10px;}
.news_list ul li .x_1 div{float:right; font-size:1.4rem; color:#898989;margin-top:20px;}
.news_list ul li .x_1 p:hover{color:#f00;}

.news_list ul li .x_1 div:hover{color:#f00;}
.news_list ul li:hover{box-shadow:0px 1px 10px rgba(0,0,0,0.3);transition:all 0.5s;} 



/*技术文章*/

.article{ background:url(../images/bj_3.jpg) no-repeat center; padding:6rem 0;}
.article1{ width:49%; float:left; background:#fff; padding:2.35rem 2rem; margin-top:4rem;}
.article1 dt{float:left; font-size:20px; text-align:center; background:#002f66; padding:10px; color:#fff;}
.article1 dt i{font-size:16px; color:#fff;}
.article1 p{width:100%; float:left; font-size:16px; color:#333; margin:25px 0;}
.article1 span.a_1{float:left; width:100%; font-size:14px; color:#818181; line-height:24px;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical; }
.article1 span.a_2{float:left; font-size:14px; color:#818181; border:1px solid #818181; padding:7px 40px; margin-top:25px;}
.article1 span.a_2:hover{color:#cf0000; border:1px solid #cf0000;}
.article1 p:hover{color:#cf0000;}

.article2{width:49%; float:right; margin-top:4rem;}
.article2 ul li{width:100%; float:left; background:#fff; padding:10px; box-sizing:border-box; margin-bottom:10px;}
.article2 ul li dt{width:30%; float:left; height:140px; position:relative;}
.article2 ul li dt img{max-height:100%; max-width:100%; margin:auto; top:0; right:0; left:0; bottom:0; position:absolute;}
.article2 ul li div{ float: right; width:69%;}
.article2 ul li div p{font-size:16px; color:#333333; margin-top:10px;}
.article2 ul li div span{font-size:14px; color:#818181; line-height:24px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin:15px 0;}
.article2 ul li div i{font-size:14px; color:#818181; display:block;}
.article2 ul li div p:hover{color:#fc0000;}



/*友情链接*/

.db_1{ padding:2rem 0 3rem 0; background: url(../images/bj_4.jpg) no-repeat center;}
.yqlj{ width:100%; float:left; border-bottom:1px solid #ededed; padding-bottom:15px;}
.yqlj p{font-size:20px; color:#333; font-weight:bold;}
.yqlj2{float: left;}
.yqlj2 p{float:left; font-size:15px; color:#333333; background:#eae9e9; padding:5px 15px; border-radius:50px;margin-top:10px; margin-right:10px;}
.yqlj2 p:hover{background:#cf0000; color:#fff; }




/*关于我们*/


/*面包屑*/
 .szhome{ width:100%; float:left;box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.22); background:#002f66;}
 .szhome_1{ color:#fff;line-height: 30px;padding: 10px;background: url(../images/fz01.png) no-repeat 0 50%;text-indent: 10px; }
 .szhome a{ color:#fff; }
 .szhome a:hover{ color:#f49401;}


.listright{ float:right; width:100%; padding:3rem 0 3rem 0;}
.nr_left{width:25%; float:left;}
.nr_left2{width:100%; float:left; background:#002f66; padding:20px 30px; box-sizing:border-box; margin-bottom:15px;}
.nr_left2 p{ font-size:22px; color:#fff;}
.nr_left2 a{font-size:14px; color:#fff; border:1px solid #fff; border-radius:50px; width:100%; float:left; text-align:center; line-height:35px; margin-top:20px;}
.nr_left2 a:hover{color:#002f66;  background:#fff;-webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.nr_left3{width:100%; float:left; }
.nr_left3 p{width:100%; float:left; background:#002f66; padding:20px 30px; box-sizing:border-box; font-size:20px; color:#fff; }
.nr_left3 ul{background:#f5f5f5; float:left; width:100%;}
.nr_left3 ul li{width:100%; float:left; border-bottom:1px solid #e8e8e8; padding:10px 10px; box-sizing:border-box;}
.nr_left3 ul li a{font-size:14px; color:#333;    text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; float: left;}
.nr_left3 ul li a:hover{ color:#002f66;}


 .listright .listtxt{margin: 0px 0px 1rem;line-height:35px; font-size:1.4rem}

.company1{width:70%; float: right;}
.company{width:100%; float:left;}
.company h1{ font-size:32px; color:#333; font-weight:600px; margin-bottom: 20px; text-align:center;}
.company dt{width:60px; height:2px; background:#002f66; margin:auto; margin-bottom:2rem;}
.xgcp{width:100%; float:left; padding:3rem 0 0rem 0;}
.xgcp_tittle{width:100%; float:left; text-align:center; padding:2rem 0; }
.xgcp_tittle h1{ font-size:32px; color:#333; font-weight:600px; margin-bottom: 20px; text-align:center;}
.xgcp_tittle dt{width:60px; height:2px; background:#f49401; margin:auto; margin-bottom: 20px;}



.qywh{ width:100%; float:left; background:url(../images/qywh.png) no-repeat center; padding:5rem 0;}
.qywh_list{width:100%; float:left;}
.qywh_list ul li{width:25%; float:left; padding:0% 1% 1% 1%;}
.qywh_list ul li dt{width:100%; float:left; background:#fff; text-align:center; border-radius:10px; padding:10% 5%; box-sizing:border-box;}
.qywh_list ul li dt img{max-height:100%; max-width:100%;}
.qywh_list ul li dt p{font-size:22px; color:#f49401; font-weight:bold; padding:20px 0 15px 0;}
.qywh_list ul li dt span{font-size:16px; color:#999; line-height:30px;  height:56px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; }
.qywh_list ul li dt:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) ;}



/*解决方案*/

.news_1{width:70%; float: right;}
.news_1 .item {margin-bottom: 16px;transition: all 0.2s linear 0s;width: 100%;position: relative;padding-bottom:20px;border-bottom: 1px solid #e2e2e2;overflow: hidden;}
.news_1 .item a {display: block; }
.news_1 .item .img {position: relative; width:18%;height: 140px;overflow: hidden;text-align: center;}
.news_1 .item .img img {max-height:100%;max-width:100%; top:0px; position:absolute; left:0px; bottom:0px; right:0px; margin:auto;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;}
.news_1 .item .txt {width: 80%; float:right;}
.news_1 .item h3 {font-size: 18px; width:100%; float:left;}
.news_1 .item p {font-size: 14px;line-height: 30px;color: #999;text-overflow: -o-ellipsis-lastline;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;
-webkit-box-orient: vertical; padding-top: 10px; width:100%; float:left;}
.news_1 .item span{float:left; font-size:14px; color:#999;}
.news_1 .item i{float:right; font-size:14px; color:#999; border:1px solid #999; padding:0px 30px; font-style:normal; line-height:25px; border-radius:50px;}
.news_1 .item i:hover{ border:1px solid #002f66; background:#002f66; color:#fff;} 

.news_1 .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;}
.news_1 .item .time b {display: block;font-size: 48px;color: #009b4c;line-height: 60px;}
.news_1 .item:hover img {transform: scale(1.06, 1.06);}
.news_1 .item h3:hover{color:#002f66;}


/*产品列表页*/

.cp_list{width:100%; float:left; padding:4rem 0 7rem 0;}
.listright_1{ float:right; width:73%;}
 .listright_1 .listtxt_1{margin: 0px 0px 20px;line-height: 28px;}
.products_1 ul{overflow: hidden;}
.products_1 ul li{margin: 10px 0;overflow: hidden; padding: 10px 0;}
.W160{width:20%; margin:0 auto;text-align: center;margin-right: 10px;border-right: 1px solid #dadada;position: relative; height:120px;}

.W160 a img{ max-width:100%; max-height:100%; position:absolute; left:0px; top:0px; bottom:0px; right:0px; margin:auto;}
.W490{width:74%;margin-left:2%;}
.L { float: left; }
.R { float: right; }
.F18 a{font-size:18px;}
.products_1 ul li a.Tobm2{ height:24px; font-size:12px; background:#003b80;line-height:24px; padding:0 8px; margin-right:10px; display:inline-block; text-align:center; color:#fff;border:1px solid #003b80;}
.Red{color:#ff0000;font-weight: bold;}.G6{color:#666;}
.products_1 ul li:hover{background: #f3f3f3; box-shadow: 1px 1px 3px 0px #b3b3b3;}
.products_1 ul li:hover a.Tobm2{ background:#f00;border:1px solid #f00;}




/*内页-产品中心 开始*/
.ly_NyProducts { width:100%; min-height: 480px; height:auto; margin:0 auto 30px; padding:3rem 0 2rem 0; float:left;}
.ly_NyProducts .lyNyPro_main { max-width:80%; height:auto; margin:0 auto; padding:0;}
.lyNyPro_main .lyNyPro_left { width:25%; overflow:hidden; margin:0; padding:0; float:left;}


/*产品分类 开始*/

.h_left{ width:100%; overflow:hidden; background-color:#fff; margin:0;}
 .cp_type {}

 .cp_type .hd { text-align:center; background-color:#002f66; padding:20px;}
 .cp_type .hd p { height:40px; line-height:40px; font-size:28px; font-weight:bold; color:#fff;}

 .cp_type .hd span { display:block; height:20px; line-height:20px; font-size:14px; color:#fff; text-transform:uppercase;}

 .cp_type .bd { border-top:0; padding:0; background-color:#f1f1f1;}
.cp_type .bd ul li { border-bottom:1px solid #fff;}
.cp_type .bd ul li.on { border:0; margin-bottom:1px;}
 .cp_type .bd ul li p { height:60px; line-height:60px;}
 .cp_type .bd ul li p a { display:block; width:80%; padding:0 0 0 20px; overflow: hidden; line-height:60px; color:#333; font-size:16px; white-space:nowrap; text-overflow: ellipsis; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cp_type .bd ul li p span { display:block; width:20%; height:100%; background:url(../images/mulu1.png) center center no-repeat; cursor:pointer; float:left;}
.cp_type .bd ul li div { display:none; background:#fff; border-left: 1px solid #e8f1f8; border-right: 1px solid #e8f1f8;}
 .cp_type .bd ul li div a { display:block; height:48px; line-height:48px; color:#454545; font-size:14px; border-top:1px dashed #dfdfdf; padding:0 20px 0 36px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; background:url(../images/jt-4.png) 20px center no-repeat;}
 .cp_type .bd ul li div a:first-child { border-top:0;}
.cp_type .bd ul li p:hover, .cp_type .bd ul li.on p { background-color:#003b80;}
 .cp_type .bd ul li p:hover a, .cp_type .bd ul li.on p a { color:#fff;}
.cp_type .bd ul li p:hover span { background:url(../images/mulu2.png) center center no-repeat;}
 .cp_type .bd ul li.on p span { background:url(../images/mulu3.png) center center no-repeat;}
.cp_type .bd ul li div a:hover { color:#003b80; background:url(../images/jt-3.png) 20px center no-repeat;}
.cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:94%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;}
.cp_type .bd ul a.ckqb:hover { background:#f49401; color:#fff;}


/*产品分类 结束*/





/*产品详情页*/


.conn{color:#555;font-size:14px;line-height:28px; z-index:1; position:relative;overflow: hidden;}
.ny_content .ny_news_con2{min-height:300px;}
.conn .pro_name{font-size:24px;font-weight: bold;line-height:28px;color:#333;margin-bottom:10px;}
.conn .proshow1{position:relative;}
.conn .proshow1 .js-silder{float:left;width:40%;margin-top:0 !important;border:1px solid #ddd;}
.proshow1 .js-silder .silder-main-img {width:100%;height:380px; position:relative;}
.proshow1 .js-silder .silder-main-img img {max-width:100% !important;vertical-align:middle; position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; max-height:100%;}
.proshow1 .prodesc p{font-size:14px;line-height:24px;margin-bottom:10px;}
.proshow1 .prodesc p.bt{font-size:18px;color:#a2a2a2;}
.conn .proshow1 .prodesc{float:right;width:58%;}
.conn .proshow1 .prodesc p.desc{overflow:hidden;color:#999;background: #f3f3f3;padding: 10px;}
.conn .proshow1 .pro_btn{padding-top:20px;overflow:hidden;}
.conn .proshow1 .pro_btn1{display:block;width:30%;margin-right:20px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;background:#FF9800;border-radius:2px;float:left;border:1px solid #FF9800;}
.conn .proshow1 .pro_btn3{display:block;width:30%;margin-right:20px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;background:#FF5722;border-radius:2px;float:left;border:1px solid #FF5722;}
.conn .proshow1 .pro_btn2{display:block;margin-right:0;height:45px;line-height:45px;text-align:center;float:left;}
.conn .proshow1 .pro_btn2 span{ font-size:16px; color:#f60;}
.conn .proshow1 .pro_btn1:hover{background:#fff;border:1px solid #FF9800;color:#FF9800;}
.conn .proshow1 .pro_btn3:hover{background:#fff;border:1px solid #FF5722;color:#FF5722;}
.productdet .ppp{ margin:10px; line-height:24px;clear: both;}
.productdet .ppp img{ max-width:100%;}
.productdet .ppp table{ max-width:100%;}
.prodetppp{margin: 20px 0;background: #f3f3f3;padding: 10px 20px;    float: left; width: 100%;}
.prodetppp .spanppp{font-size: 20px;border-left: 4px solid #002f66;padding-left: 10px;}




/*留言*/


.ly_msg { width:70%; overflow: hidden; margin: 0 auto 20px; padding: 0;}
.ly_msg h3 { width: 100%; overflow: hidden; line-height: 40px; margin: 0 auto; padding: 0; color: #002f66; font-size: 26px; font-weight: bold; text-align: center;}
.ly_msg ul { width: 100%; overflow:hidden; margin: 20px auto; padding: 0;}
.ly_msg ul li { width: 100%; overflow: hidden; margin: 0 auto 12px; padding: 0;}
.ly_msg ul li h4 { width:17%;  overflow: hidden; line-height: 45px; margin: 0; padding: 0 20px 0 0; color: #333; font-size: 14px; text-align: right; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.ly_msg ul li h4 {height: 45px;font-size:12px;}
.ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara { width: 83%; overflow: hidden; margin: 0; padding-right: 20px; background:url(../images/tb_img.png) top right no-repeat; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.ly_msg ul li .msg_ipt1 { height: 47px;line-height: 47px;}
.ly_msg ul li .msg_tara { height: 118px;}
.msg_ipt1 input, .msg_tara textarea { display: block; width: 100%; overflow: hidden; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.msg_tara textarea { height: 118px; line-height: 20px; resize: none;}
.ly_msg .msg_ipt1 input { height: 45px;}
.ly_msg ul li .msg_ipt2 { width: 120px; overflow: hidden; margin-right: 10px; padding:0; float: left;}
.ly_msg .msg_ipt2 input { display: block; width: 120px; height: 45px; overflow: hidden; line-height: 16px; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.ly_msg input{border-radius:2px;border:1px solid #fff !important;background:#f1f1f1;}
.ly_msg  textarea{border-radius:2px;border:1px solid #fff !important;background:#f1f1f1;}
.ly_msg ul li .msg_btn { width:83%; overflow: hidden; margin: 0; padding: 0; float: left;}
.ly_msg .msg_btn input { display: block; width: 100px; height: 34px; overflow: hidden; line-height: 32px; margin: 20px 15px 0 0; padding: 0; background-color: #f0f0f0; color: #333; font-size: 13px; text-align: center; border: 1px solid #ccc; float: left;}
.ly_msg .msg_btn input{width:150px;height:45px;line-height:45px;cursor:pointer;}
.ly_msg .msg_btn input:first-child{background:#002f66;color:#fff;}



/*新闻内页*/
.articledte{width:70%; float:right;}
.articledte .arth1{  font-size:26px;    margin-bottom: 10px;  text-align:center;}
.articledte .artp{ color:#999; padding-bottom: 14px;border-bottom: 1px solid #dadada;  text-align:center;}
.articledte .artp span{ margin-right:16px;}
.articledte .arttxt{ margin-top: 10px;}
.articledte .arttxt img{ max-width:100%;}
.articledte .arttxt table{ max-width:100%;}



/*技术文章页*/


.article_1{width:70%; float:right; padding-bottom:3rem;}
.public-index-56 li .pi56-box {display: block;font-size: 0px;line-height: normal;padding: 25px 35px;border-bottom: solid 1px #e7e7e7;position: relative;overflow: hidden; }
.public-index-56 li:first-child .pi56-box { border-top: none; }
.public-index-56 li:hover .pi56-box { background-color: #f5f5f5; }
.public-index-56 li .pi56b-dot {position: absolute;top: 80%;left: 13px;width: 4px;height: 4px;padding: 2px;margin-top: -4px;border: solid 2px #002f66; opacity: 0;
  -webkit-transtion: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
.public-index-56 li:hover .pi56b-dot {top: 50%; opacity: 1; }
.public-index-56 li .pi56b-tit, .public-index-56 li .pi56b-date {display: inline-block;vertical-align: middle;font-size: 16px; }
.public-index-56 li .pi56b-tit {color: #666666;width:86%; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.public-index-56 li .pi56b-date {color: #999999; margin-left: 15px;    float: right; }
.public-index-56 li .pi56b-more {position: absolute;top: 50%;right:15px;margin-top: -6px; }
.public-index-56 li .pi56b-more span {position: relative;display: block; width: 12px; height: 12px; }
.public-index-56 li .pi56b-more span::before {
  content: "";
  position: absolute;top: -150%;left: 50%;width: 2px;height: 100%;margin-left: -1px;background-color: #002f66; opacity: 0;
  -webkit-transtion: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
.public-index-56 li:hover .pi56b-more span::before {top: 0px;opacity: 1; }
.public-index-56 li .pi56b-more span::after {
  content: "";
  position: absolute; top: 50%; left: -150%; width: 100%; height: 2px; margin-top: -1px; background-color: #002f66;opacity: 0;
  -webkit-transtion: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
.public-index-56 li:hover .pi56b-more span::after {left: 0px;opacity: 1; }



/*技术文章*/
.down{width:70%; float:right; }
.down ul {clear: both;}
.down ul li {border-bottom: 1px solid #f0f0f0;padding: 16px 0px;font-size: 16px;cursor: pointer;}
.down ul li:hover .list-title { color: #f00; }
.down ul li .list-title { color: #333; width: 80%;display: inline-block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position: relative;  padding-left: 40px; vertical-align: middle;}
.down ul li .list-title:before {  content: ''; position: absolute; top: 7px; left: 0; background: url("../images/15download.png") no-repeat;
background-size: 100% 100%; width: 22px; height: 22px;  }
.down ul li .list-time { float: right; color: #999; }



.zlxz{width: 164px;
    height: 42px;
    line-height: 42px;
    background: #002f66 url(../images/down.png) 30px 50% no-repeat;
    color: #fff;
    border: 0px;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-align: center;}



/*联系我们*/
.cp_list_5{width:100%; float:left; padding:4rem 0 7rem 0;}
.conzc{width:70%; float:right;}
.conzc h1{width:100%; float:left; font-size:30px; color:#000;}
.conzc h3{width:100%; float:left; font-size:16px; color:#CCC; text-transform:uppercase; font-weight:500; margin-top:10px;}
.czclx{width:100%; float:left; margin-top:20px;}
.czclx li{    width: 100%; padding-left: 32px; list-style: none; font-size: 14px;color: #333;
 line-height: 40px;  float: left;}
 .czclx li.li03{ background: url(../images/con01.png) no-repeat left 10px;}
.czclx li.li02{ background: url(../images/con03.png) no-repeat left 10px;}
.czclx li.li01{ background: url(../images/con04.png) no-repeat left 10px;}
.czclx li.li04{ background: url(../images/con02.png) no-repeat left 10px;}
.czclx li.li06{margin-top:15px;}
.czclx li.li06 img{max-height:100%; max-width:100%;}
@media screen and (max-width: 1640px){.wid1200{max-width:90%;} .foot {max-width:90%;}}
@media screen and (max-width: 1340px){
	
	.wid1200{max-width:94%;}.foot {max-width:94%;}
.nav-head .nav .nav-logo{width:20%;}
.nav-head .nav .nav-list{width:70%;}
.about{padding-bottom:7rem;}

.ly_NyProducts .lyNyPro_main { max-width:94%;}
}

	


	

@media screen and (max-width: 1110px){
		
	.nav-head{height:80px;}
	.nav-head .nav .nav-logo{height:80px;}
	.nav-head .nav .nav-logo .navbar-brand{height:80px;}
	.nav-head .nav .nav-list{width:72%;}
	.nav-head .nav .nav-list ul li{height:80px; line-height:80px;}
	.nav-head .nav .nav-list ul li a{line-height:80px;}
	.products ul li{width:50%;}
.cpzs_list ul li{width:100%;}


	.about_left span.a_1{padding:0 20px;}
.about_left dt{width:100%; float:left; text-align:center; padding:0 30%;}

.about_left div{float:none;}
.solution_list ul li{width:50%; margin-bottom:20px;}

.article_list ul li{width:100%;}
.article_list{padding:0 20px;}
 .fullSlide{ display:none;}
    .slideBox{position:relative;overflow:hidden;margin:0px auto;width:100%;/* 设置焦点图最大宽??*/display: block;}
    .slideBox .hd{ position:absolute;height:10px; line-height:28px; bottom:0; z-index:1; left:50%; margin-left: -14px; }
    .slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#FFF; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
    .slideBox .hd li.on{ background:#4caceb;  }
    .slideBox .bd{ position:relative; z-index:0; }
    .slideBox .bd li{position:relative;text-align:center;}
    .slideBox .bd li img{ vertical-align:top; width: 100%;/* 图片宽度100%，达到自适应效果 */}
    .slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
    .slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusbg.png) repeat-x; color:#fff;  text-align:left;  }
	
	
	
.szhome_1{font-size:16px;    background: url(../images/fz01.png) no-repeat 10px 50%;    text-indent: 24px;}
.szhome a{font-size:16px;}

.cp_type .hd span{ height:40px; line-height:40px;}
.lyNyPro_main .lyNyPro_left{width:100%;}
	 .cp_type .bd ul li p { height:56px; line-height:56px;}
	 .cp_type .bd ul li p a { line-height:56px;}
.cp_type .bd ul li div a { padding:0 20px 0 40px;}
	 .cp_type .bd ul li div a { background:url(../images/icon2.png) 24px center no-repeat;}
	.cp_type .bd ul li div a:hover { color:#f49401; background:url(../images/icon3.png) 24px center no-repeat;}
	.cp_type { margin:0;}
 .cp_type .hd p:before { display:none;}
 .cp_type .hd { background:#002f66 url(../images/down1.png) 94% center no-repeat;padding: 10px 3%;text-align:left;overflow:hidden;}
.cp_type .hd.on { background:#002f66 url(../images/up1.png) 94% center no-repeat;}
	.lyIdxPro_left .cp_type .hd span { display:block; font-style:italic; float:left; height:40px; line-height:40px;}
 .cp_type .hd p { padding:0; display:block; font-size:22px; float:left; min-width:88px; margin:0 10px 0 0;}
 .cp_type .bd { display:none;}
 .cp_type .bd ul li:last-child { border:0;}
 .cp_type .bd ul li p a { line-height:48px; font-size:16px;}
.cp_type .bd ul li div a { font-size:14px;}
 .cp_type .bd ul li p { height:48px;line-height:48px;}
.cp_type .bd ul li div a { height:44px;line-height:44px;}
 .cp_type .bd ul li p span { background-size: 20px;}
.cp_type .bd ul li.on p span { background-size: 20px;}
 .cp_type .bd ul li p:hover span { background-size: 20px;}
.listright_1{width:100%;}
.W160{border-right:none;}
.products_1 ul li{border-bottom:1px solid #CCC;}

}





@media screen and (max-width: 860px){	

.nav-head .nav .nav-list{width:78%;}
.nav-head .nav .nav-list ul li{width:12%;}
.f_address_in dl{width:100%;}
.clear{width:100%; padding:0 20px;}
.nav-head .nav .nav-list{ display:none;}
.nav-head{height: 65px;line-height: 65px;position: fixed; width: 100%; z-index: 9999;}

.nav-head .nav .nav-logo .navbar-brand{height:65px; margin-left: 0px;padding-top: 0px;padding-bottom: 0px;}
.nav-head .nav .nav-logo .navbar-brand img{max-height: 65px; width: inherit; right:auto;}
.nav-head .nav .nav-logo{float: left; width:60%; height:65px;}
 
.mobile_btn{ display:block; position:absolute; z-index:100; right:10%; top:50%; margin-top:-25px;  width:50px; height:50px;  text-align:center; background:url(../images/menutoggle.png) no-repeat 0 center; transition: all 0.5s;-webkit-transition: all 0.5s;cursor:pointer;}
.navBox{position:fixed !important; width:100%; left:0; top:65px !important; bottom:0; display:none; background:#fff; margin:0;border-top: 1px solid #ffffff; }
.mobile_btn.open{ background-position:-50px 0;}
.mobile_btn.open + .navBox{}
.nav{ display:block; height:100%; text-align:center;}
.nav li{ float:none; margin:0; border-bottom:1px solid rgba(0,0,0,0.1); width:100%;}
.nav > li > a, .nav > li > .parent > a{ line-height:2.8; text-align:center; color:#333;transition: all 0s;-moz-transition: all 0s;-webkit-transition: all 0s;font-size: 14px;}
.nav > li > a::after, .nav > li > .parent > a::after{ display:none;}
.nav .parent{ position:relative;}
.nav > li > .parent > a{ display:inline-block;    width: 100%;}
.nav .icon_control{ position:absolute; display:block; z-index:99; top:13px; right:20px; width:16px; height:11px; background:url(../images/icon8.png) no-repeat center; }
.nav li .parent.open .icon_control{ background-image:url(../images/icon9.png);}
.nav li:hover .parent .icon_control,.nav li.act .parent .icon_control{ background-image:url(../images/icon10.png);}
.nav li:hover .parent.open .icon_control,.nav li.act .parent.open .icon_control{ background-image:url(../images/icon7.png);}
.nav li:hover > a,.nav li.act > a,.nav li:hover .parent,.nav li.act .parent,.nav li:hover .parent a,.nav li.act .parent a{ background:#cf0000; color:#fff; }
.nav li.active a{color:#fff;}
.nav li.active{background: #002f66;color: #fff;}
.nav li.active .parent a{ color: #fff;}
.nav li.active .icon_control{background: url(../images/icon10.png) no-repeat center;}

.cpzs{    padding: 3rem 0 4rem 0;}
.news{padding:3rem 0 4rem 0;}
.company1{width:100%;}
.about_left{ display:none;}
.about_right{width:100%; padding:0 20px;}

 .slideBox .bd{ margin-top:70px; }
 .nr_left{display:none;}
 .company{width:100%; padding:0 10px; box-sizing:border-box;}
 .news_1{width:100%;     padding: 20px 10px 0px 10px;}
 .news_1 .item h3{    text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
 .news_1 .item p{    -webkit-line-clamp: 1; padding-top:0;}
 .news_1 .item i{display:none;}
 .news_1 .item .img{width:30%; height:7rem;}
 .news_1 .item .txt{width:65%;}
 .articledte{ width:100%; padding:0 10px; box-sizing:border-box;}
 .conn .proshow1 .js-silder{width:100%;}
 .conn .proshow1 .prodesc{width:100%; margin-top:20px;}
 .proshow1 .js-silder .silder-main-img{ height:20rem;}
 .ly_msg{width:90%; padding-top:30px;}
 .ppp{    width: 100%;  float: left;padding: 0 20px; box-sizing: border-box;}
 .article_1{width:100%;padding-bottom: 1rem;}
 .public-index-56 li .pi56-box{    padding: 10px 10px;}
 .cp_list{    padding: 1rem 0 4rem 0;}
 .public-index-56 li .pi56b-tit{width:70%;}
 .news_list{ width:100% !important;    margin-top: 2rem;}
 .news_list ul li dt{    height: 100px;}
 .news_list ul li .x_1 i{ margin-top:0px;}
.news_list ul li .x_1 p{padding: 0.5rem 0;}
.news_list ul li .x_1 span{margin-top: 5px;    -webkit-line-clamp: 1;}
.news_list ul li .x_1 div{display:none;}
.conzc{width:100% !important;padding: 0 20px; box-sizing: border-box;}
.down{width:100%;padding: 0 20px;}
.listright{padding: 1rem 0 2rem 0;}
.czclx li.li06{ display:none;}
.about_right1 p{    font-size: 50px;}
.about_right1 span{font-size: 30px;}
.about_right1 i{margin-top: 1rem;}
.about{padding-bottom: 3rem;}
.cpzs_list{    margin-top: 2rem;}
.article1{    margin-top: 2rem;}
.cpzs_list ul li dt div p.c_1{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

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

.about{padding-top:3rem;}
.about_left p{font-size:35px; }
.solution{padding:3rem 0;}

.news_list{ padding:0 10px;}


.article{padding:3rem 10px;background: url(../images/bj_3.jpg);}
.db_1{ padding: 2rem 10px;}

.article1{width:100%;}
.article2{width:100%; margin-top:1rem;}




.fenye p{font-size: 12px;line-height: 2.6rem;}
.fenye a{font-size: 12px;padding: 3px 5px;}
.fenye select{padding: 3px 5px;}


    }
	
	
	
	


@media (max-width: 460px){
	.mobile_btn{ right:15%;}
	
	}