@charset "utf-8";
/* CSS Document */
*{ padding:0;margin:0;border:0; font-family:"微软雅黑", Verdana, Geneva, sans-serif;}
address,caption,cite,code,dfn,em,strong,th,var,i { font-weight: normal; font-style: normal; }
ol,ul,li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
.lf{ float:left}
.lr{ float:right}
input, textarea{outline: none;}

/*-- All --*/
a{ color:#333; text-decoration:none; outline:none;}
a:hover {color:#4c82e6; text-decoration:none; }
.bt{ padding:10px 0; height:40px;}
.bt h3{color:#333; font-size:20px; font-weight:600; float:left;}
.bt a{ font-size:14px; float:right; display:block; color:#333; background:#eaeaea; padding:10px 20px;}
header, banner, .id_A, .id_B, .id_C, .id_D, .id_E, .id_F, footer{ width:100%; float:left;}
.hmin{ width:80%; margin:0px auto;}
.id_A .ladyScroll{ width:100%;}

.id_A .ladyScroll dl{width:330px; margin-right:10px;}
.id_A .ladyScroll{height:447px;}
.id_C .ladyScroll2{ max-width:1200px;}
.id_C .ladyScroll2 dl{width:290px;}


/**********************************/
header { width: 100%; height:80px; position: fixed;top: 0; z-index: 999; box-shadow: 0px 2px 10px #ccc; background: #D7EDFA; }
.head { width:80%; position: relative; margin: 0 auto;}
.lf.logo { position: absolute; left: 0; top: 10px; }
.navs { position: absolute;right: 175px;top:10px; width:45%;}
.lr.soen { position: absolute; right: 0; top: 20px; width: 180px }
.navBar { position: relative; z-index: 1; height: 60px; line-height: 60px; color: #333; }
.navBar .home a {display: block;padding: 0 15px;text-align: center; font-weight: bold; line-height: 60px;color: #333;font-size: 15px; font-weight:600;}
.product.lf .pord a { display: block; padding: 0 15px; text-align: center; font-weight: bold; line-height: 60px; color: #333; font-size:15px;}
.nav { position: relative; font-size: 14px; }
.nav a { color: #333; }
.nav h3 { font-size: 100%; font-weight: normal; }
.nav .m { float: left; position: relative; z-index: 1; }
.nav .s { float: left; width: 3px; text-align: center; color: #D4D4D4; font-size: 12px; }
.nav h3 a { display: block; font-size:15px; text-align: center; font-weight: bold;padding: 0 15px;}
.nav .sub { display:none;position: absolute;left:-45px; top:60px; z-index:1; width:180px; border:1px solid #E6E4E3; border-top: 0; background:#fff;}
.nav .sub li { text-align: center; padding: 0 8px; margin-bottom: -1px; }
.nav .sub li a { display: block; border-bottom: 1px solid #E6E4E3; padding: 8px 0; height: 28px; line-height: 28px; color: #666; }
.nav .sub li a:hover { color: #4c82e6; }
.nav .block { height: 3px; width: 130px; background: #4c82e6; position: absolute; left: 0; top: 57px; overflow: hidden; }
.open {overflow: hidden; background: #fff; position: relative; z-index: 99;top: -200%; transition: all .0s ease; }
.product:hover .open {height:700px;  top: 70px; transition: all .0s ease; }
.outBox0 { width: 100%;height:700px;  position: fixed; text-align: left; left: 0 }
.outBox0 .hd { height: 100%; width:30%; background: #eee; position: absolute; padding-top:10px; }
.outBox0 .hd ul { height: 100%; }
.outBox0 .hd ul li {margin-left:35%; text-align: left; line-height: 33px; margin-top: 10px; text-indent: 40px; }
.outBox0 .hd ul li a { display: block; color: #333; }
.outBox0 .hd ul li.on { background:#4c82e6  no-repeat; color: #fff; }
.outBox0 .hd ul li.on a { color: #fff; }
.outBox0 .tempWrap { margin-left:30%; height:490px!important;}
.inBd0 { margin-left:20%; background: #fff;height:700px;}
.inBox0 { margin-left: 70px; background: #fff;height: 490px!important;}
.inBox0 .inHd0 { position: absolute; line-height: 24px; width:20%; }
.inBox0 .inHd0 ul { overflow: hidden; zoom: 1; }
.inBox0 .inHd0 ul h2 { margin-top: 40px; font-size: 22px; font-weight: 900; }
.inBox0 .inHd0 ul h2 p { font-size: 14px; font-weight: 600; line-height: 35px; }
.inBox0 .inHd0 ul li { line-height: 35px; text-align:left; cursor: pointer;margin-right: 30px; font-weight: 600; }
.inBox0 .inHd0 ul li.on a { color: #4c82e6; font-weight: 600; }
.inBox0 .inBd0 ul { zoom: 1; overflow: hidden; }
.inBox0 .inBd0 li { line-height: 35px; text-align: center; margin-top: 40px; overflow: hidden; zoom: 1; height: 100%; }
.inBox0 .inBd0 li h6 { font-weight: 900; font-size: 22px; }
.inBox0 .inBd0 ul li a:hover { color: #333 }
.inBox0 .inBd0 ul li img{ width:600px; height:344px;}
.inBox0 .inBd0 li .date { float: right; color: #999; }
header .top-r{ float:right; margin-top:15px;}
header .top-r a{ width:40px; text-align:center; display:block; float:left; overflow:hidden;}
header .top-r a.ch{ border-right:1px #666 solid;margin-top:15px}
header .top-r a.en{ border-left:1px #666 solid;margin-top:15px}
header .top-r a.al{ height:40px;background:url(../images/al-so.png)0px 5px no-repeat; margin:0 20px;}
header .top-r a.so{ height:40px;background:url(../images/al-so.png)0px -28px no-repeat;}
/*************************/
banner .slideBox{ width:100%;overflow:hidden; position:relative;}
banner .slideBox .hd{ height:30px; overflow:hidden; position:absolute; right:48%; bottom:5px; z-index:1; }
banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
banner .slideBox .hd ul li{float:left;margin-right:10px;width:15px;height:15px;display:block;text-align:center; border:2px #fff solid;cursor:pointer;border-radius:35px;}
banner .slideBox .hd ul li.on{ background:#fff; color:#fff; }
banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
banner .slideBox .bd img{ width:100%;display:block;  }
banner .slideBox .prev{ position:absolute; left:3%; top:50%;display:block; width:53px; height:53px; background:url(../images/a_m.png)0px -59px no-repeat;filter:contrast(0%);opacity:0.2;}
banner .slideBox .next{ position:absolute; right:3%; top:50%;display:block; width:53px; height:53px; background:url(../images/a_m.png)0px 0px no-repeat;filter:contrast(0%);opacity:0.2;}

/*******************************************/

.id_A .ladyScroll .bt{ width:90%; margin:0 auto;}
.id_A .ladyScroll{height:580px;margin:50px auto;position:relative;}
.id_A .ladyScroll .prev{width:55px;height:55px;position:absolute;top:250px;left:70px;z-index:100; cursor:pointer; background:url(../images/arrow.png)-25px -93px no-repeat;}
.id_A .ladyScroll .next{width:55px;height:55px;position:absolute;top:250px; right:70px;z-index:100; cursor:pointer; background:url(../images/arrow.png)-25px -13px no-repeat;}
.id_A .ladyScroll .scrollWrap{width:100%;position:absolute;}
.id_A .ladyScroll .scrollWrap .dlList{ margin:0 auto !important;}
.id_A .ladyScroll dl{float:left;text-align:center;border:1px #e8e7e7 solid; margin-top:20px;transition: all 600ms;}
.id_A .ladyScroll  dt{margin:0 auto;width:100%;overflow:hidden; }
.id_A .ladyScroll dl:hover{-webkit-transform: translate(0, -10px);transform: translate(0, -10px); transition: all 600ms;box-shadow:0px 5px 8px 0px #d2d1d1; border-bottom:4px #4c82e6 solid;}
.id_A .ladyScroll dl:hover dd a{ color:#4c82e6;}
.id_A .ladyScroll  img{display:block; width:100%;}
.id_A .ladyScroll  dd a{width:100%;height:60px;line-height:60px;font-size:16px;text-align:center;overflow:hidden;color:#333;  }
.id_A .ladyScroll  dd a:hover{ text-decoration:none;  }

/**************************************************/

.id_B{background:url(../images/bk1.jpg) center no-repeat;}
.id_B .hmin{ max-width:1200px; position:relative; height:500px;}
.id_B .hmin .about{display:none; width:55%; padding:30px; z-index:10; position:relative; top:50px; left:0;/* background:url(../images/ba.png);*/}
.id_B .hmin .about h5{ font-size:16px; font-weight:revert; line-height:35px;}
.id_B .hmin .about p{ line-height:30px; font-size:14px;}
.id_B .hmin .about a{ font-size:14px; width:120px; height:35px; text-align:center; line-height:35px; border:1px #ccc solid; margin-top:20px; display:block;}
.id_B .hmin .abog{ width:40%; position:absolute; bottom:50px; right:0;}

/*******************************************/
.id_C .ladyScroll2.hmin h3{color:#333; font-size:20px; font-weight:600; width:100%; text-align:center; padding-bottom:40px;}
.id_C .mor{ width:120px; height:40px; line-height:40px; text-align:center; background:#4c82e6; color:#fff; margin:0px auto; display:block;}
.id_C .ladyScroll2{height:400px;margin:50px auto;position:relative;}
.id_C .ladyScroll2 .prev{width:55px;height:55px;position:absolute;top:170px;left:-70px;z-index:100; cursor:pointer; background:url(../images/a_m.png)0px -55px no-repeat;}
.id_C .ladyScroll2 .next{width:55px;height:55px;position:absolute;top:170px; right:-70px;z-index:100; cursor:pointer; background:url(../images/a_m.png)0 0 no-repeat;}
.id_C .ladyScroll2 .scrollWrap{width:100%;overflow:hidden;position:absolute;}
.id_C .ladyScroll2 .scrollWrap .dlList2{ margin:0 auto !important;}
.id_C .ladyScroll2 dl{float:left;text-align:center;margin-right:10px;}
.id_C .ladyScroll2 dt{margin:0 auto;width:100%;overflow:hidden;border:1px #e8e7e7 solid;}
.id_C .ladyScroll2 img{display:block; width:100%;}
.id_C .ladyScroll2 dd a{width:100%;height:60px;line-height:60px;font-size:16px;text-align:center;overflow:hidden;color:#333;  }
.id_C .ladyScroll2 dd a:hover{ text-decoration:none;  }

/*************************/
.id_D{ margin:50px 0}
.id_D .slideBoxx{ width:100%;overflow:hidden; position:relative;}
.id_D .slideBoxx .hd{ height:30px; overflow:hidden; position:absolute; right:48%; bottom:5px; z-index:1; }
.id_D .slideBoxx .hd ul{ overflow:hidden; zoom:1; float:left;  }
.id_D .slideBoxx .hd ul li{float:left;margin-right:10px;width:15px;height:15px;display:block;text-align:center; border:2px #fff solid;cursor:pointer;border-radius:35px;}
.id_D .slideBoxx .hd ul li.on{ background:#fff; color:#fff; }
.id_D .slideBoxx .bd1{ position:relative; height:100%; z-index:0;   }
.id_D .slideBoxx .bd1 li{ zoom:1; vertical-align:middle; }
.id_D .slideBoxx .bd1 img{ width:100%;display:block;  }
.id_D .slideBoxx .prev{ position:absolute; left:3%; top:50%;display:block; width:53px; height:53px; background:url(../images/a_m.png)0px -59px no-repeat;filter:contrast(0%);opacity:0.2;}
.id_D .slideBoxx .next{ position:absolute; right:3%; top:50%;display:block; width:53px; height:53px; background:url(../images/a_m.png)0px 0px no-repeat;filter:contrast(0%);opacity:0.2;}

/*******************************************/

.id_E{ background:#c7eafd;}
.id_E .hmin{ padding:50px 0;}
.id_E .hmin p{ text-align:center; font-size:24px; font-weight:bolder;}

/*******************************************/


footer{background:#d7edfa; color:#222;}
footer .hmin ul li{ width:32%; float:left; margin:50px 0;}
footer .hmin ul .f-l .fnav{ background:url(../images/f.jpg)0 20px no-repeat;display: inline-block;width: 100%;font-size: 16px;}
footer .hmin ul .f-l .fnav a{ width:33%; float:left; color:#222; text-align:right; line-height:35px;}
.hmin ul .f-l{ font-size:16px; color:#222;}
.hmin ul .f-l form{ width:100%; background:url(../images/fso.png) right no-repeat; height:50px; margin:30px 0;}
.hmin ul .f-l form .cont_text{ width:80%;background:none; line-height:50px; padding-left:10px; color:#222;font-size: 16px; float:left;}
.hmin ul .f-l form .cont_btn{ width:15%; height:50px; float:right; background:none;}

footer .hmin ul li.f-z{width:28%; color:#222; margin-left:4%; margin-right:4%;}
footer .hmin ul li.f-z b{ font-size:16px; width:100%; display:block;color:#222; font-weight:normal; line-height:35px;}
footer .hmin ul li.f-z b p{ font-size:30px; font-weight:bolder; color:#325096; line-height:50px;}
footer .hmin ul li.f-z span{ width:30%; float:left; line-height:30px; text-align:center; margin-right:20px;}
footer .hmin ul li.f-z span img{ width:100%;}
.hmin ul .f-l .b-q{ line-height:30px;}
.hmin ul .f-l .b-q a{ color:#222; display:block;}
.hmin ul .f-l .link{ line-height:30px;}
.hmin ul .f-l .link a{ color:#222; margin:5px;}

.f-link{ width:100%; line-height:40px; display:block;float: left; border-top:1px #666 solid; padding:20px 0;background-color: rgba(0,41,83,1);color:#fff;}
.f-link b{ width:80%; margin:0 auto; display:block; font-size:14px; }
.f-link b span{background:url(../images/al-so.png) bottom left no-repeat; padding-left:40px; float:left;}
.f-link b a{ color:#fff; display: block; float:left; margin-right:10px;}


/*********************************pro-hom****************************/

.pro-hom{ width:80%; margin:50px auto;display: table;}
.pro-hom ul li{width:23.3%;float:left;margin-right:2%;border:1px #ccc solid;margin-bottom:30px;transition: all 500ms;min-height:404px;}
.pro-hom ul li img{}
.pro-hom ul li:nth-child(4n){ margin-right:0}
.pro-hom ul li:hover{box-shadow:0px 0px 10px -2px #3583ff;transition: all 500ms;}
.pro-hom ul li h3>a{ width:100%; display:block; height:40px; line-height:40px; font-size:16px;margin-top: -3px;font-weight:700; background:#f0f7ff;text-align:center;}
.pro-hom ul li p{border-bottom:1px #ccc solid;padding-left:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.pro-hom ul li p a{ line-height:30px; color:#333; font-size:14px;display:block;transition: all 500ms;}
.pro-hom ul li p i{ width:20px; height:30px; display:block; background:url(../images/p-o.png)-20px 10px no-repeat; float:left;transition: all 500ms;}
.pro-hom ul li p:hover i{ width:30px; height:30px; background:url(../images/p-o.png)8px 10px no-repeat;transition: all 500ms;}
.pro-hom ul li .m-or{ text-align:center; display:block; height:40px; line-height:40px;background: #f1f8ff;border-top: 1px #c2dcf7 solid;}

.pro-hom ul li h3:hover a{ background:#06F; color:#fff;transition: all 500ms;filter:grayscale(0%);}
.pro-hom ul li .m-or:hover{ background:#06F; color:#fff;transition: all 500ms;filter:grayscale(0%);}
@media (max-width: 1255px)  {
.pro-hom ul li{ width:30%;}
.pro-hom ul{ width:100%;}
.pro-hom ul li:nth-child(4n){margin-right:2%;}
.pro-hom ul li:nth-child(3n){margin-right:0;}
}

/**********************************nAB**********************************************/

.nlink .lkmain{width:80%; margin:0px auto;}
.nAB{ width:80%; margin:50px auto;display: table;}

.nlink{width:100%; display:block; margin-top:85px; background:#f0f7ff; height:40px; line-height:40px;}
.nlink a{ margin-right:5px;}


.nAB .nd_A{width:20%; border:1px #ccc solid;}
.nAB .nd_A .sideMenu{}
.nAB .nd_A .sideMenu h3{height:45px; line-height:45px;border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;}
h3.tabt{ height:60px!important; line-height:60px!important; font-size:16px; font-weight:600;background:#f0f7ff!important;}
h3.tabt a{color:#3583ff;}
h3.tabt hr{height:59px!important; width:0;opacity:1!important;}
h3.tabt:hover hr{margin-right:0px!important;}
.nAB .nd_A .sideMenu h3 a{padding-left:20px;}
.nAB .nd_A .sideMenu hr{height:0; width:0;transition: all 500ms; float:left;border:1px #3583ff solid;opacity:0;}
.nAB .nd_A .sideMenu h3:hover hr{height:43px;width:0px;border:1px #3583ff solid;float:left;transition: all 500ms;opacity:1; margin-right:20px;}
.nAB .nd_A .sideMenu h3:hover{ background:#f0f7ff}
.nAB .nd_A .sideMenu h3:hover a{color:#3583ff;}
.nAB .nd_A .sideMenu ul{color:#999; display:none; /* 默认都隐藏 */ }
.nAB .nd_A .sideMenu ul>li{ line-height:45px; border-top:1px #e3e3e3 solid;}
.nAB .nd_A .sideMenu ul>li a{ padding-left:40px;}

.nAB .nd_A .sideMenu ul>li:hover hr{height:43px;width:0px;border:1px #3583ff solid;float:left;transition: all 500ms;opacity:1; margin-right:20px;}

.nAB .nd_B{width:78%;}
h3.dn-b{ font-size:16px; font-weight:800;}
h3.dn-b>p{ font-size:14px; font-weight:normal; color:#666; line-height:20px; margin:10px 0; display:block;}
.nAB .nd_B ul li{ width:27.7%; float:left; margin-right:2%; border:1px #ccc solid; margin-bottom:30px; padding:2%;transition: all 500ms;min-height:415px;}
.nAB .nd_B ul li:nth-child(3n){ margin-right:0}
.nAB .nd_B ul li:hover{box-shadow:0px 0px 10px -2px #3583ff;transition: all 500ms;}
.nAB .nd_B ul li h3>a{ font-size:16px; font-weight:700; background:none;}
.nAB .nd_B ul li div{font-size:12px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.nAB .nd_B ul li a{ line-height:30px; color:#333; font-size:14px;display:block;background:url(../images/p-mo.png)65px center no-repeat;filter:grayscale(100%);transition: all 500ms;}
.nAB .nd_B ul li a>img{ max-height:189px;margin: 0 auto;display: block;}
.nAB .nd_B ul li:hover h3>a{color:#3583ff;filter:grayscale(0%);}
.nAB .nd_B ul li:hover>a{color:#3583ff;block;background:url(../images/p-mo.png)70px center no-repeat;transition: all 500ms;filter:grayscale(0%);}

/***********************************************pro_l**********************************************/
.pro_l{ width:78%; margin:0px auto;}

.pro_l li{float:left; border:1px #ccc solid; width:49%; margin-bottom:20px;transition: all 500ms;height: 175px;}
@media (max-width: 1480px)  {
    .pro_l li{width:99%;}
    .pro_l ul li:nth-child(2n){ float:left!important;}
    .pro_l ul li a .pr-img{ width:20%!important;}
}
.pro_l ul li:nth-child(2n){ float:right;}
.pro_l ul li a .pr-img{ width:35%;min-width:120px;float:left;border-right: 1px solid #bacee4; height:175px;line-height: 175px;position: relative; overflow:hidden;}
.pro_l ul li a .pr-img img{ width:100%; align-items: center;justify-content: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pro_l ul li a .pr-mai{ padding-left:37%;}
.pro_l ul li a .pr-mai h3{ line-height:35px; font-size:14px; font-weight:600;}
.pro_l ul li a .pr-mai p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden; font-size:14px; line-height:25px;}
.pro_l ul li a .pr-mai span{ display:block; font-size:12px;background:url(../images/p-mo.png)65px center no-repeat;transition: all 500ms; margin-top:10px;}
.pro_l ul li:hover{box-shadow:0px 0px 10px -2px #3583ff;transition: all 500ms;}
.pro_l ul li a:hover p{color: #333;}
.pro_l ul li a:hover span{color:#3583ff;block;background:url(../images/p-mo.png)70px center no-repeat;transition: all 500ms;filter:grayscale(0%);}

/***********************************************new_l**********************************************/
.new_l{ width:78%; margin:0px auto;}

.new_l li{float:left; border-bottom:1px #ccc dashed; width:100%; /*margin-bottom:20px;*/transition: all 500ms;}
.new_l ul li:nth-child(2n){ float:right;}
.new_l ul li a .pr-img{ width:20px; padding:5% 0; text-align:center;float:left;}
.new_l ul li a .pr-img img{ width:100%; align-items: center;justify-content: center;}
.new_l ul li a .pr-mai{padding:1%;}
.new_l ul li a .pr-mai h3{ line-height:35px; font-size:14px; font-weight:600;}
.new_l ul li a .pr-mai span{ float:right; font-weight:100;}
.new_l ul li a .pr-mai p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; font-size:14px; line-height:25px;}
.new_l ul li:hover{transition: all 500ms;-webkit-transform: translate(5px, -5px);transform: translate(5px, -5px); transition: all 300ms;}
.new_l ul li a:hover p{color: #333;}

/***********************************************news_l**********************************************/
.news_l{ width:78%; margin:0px auto;}

.news_l h3{ width:100%; display:block; border-bottom:1px #ccc solid; text-align:center; margin-bottom:20px;}
.news_l .ne-pr{width:100%; display:block; border-top:1px #ccc solid; margin-top:20px;}
.news_l .ne-pr>p{ font-size:16px; line-height:35px;}
.news_l .ne-pr>a{ font-size:16px; line-height:35px;}
/***********************************************case_r**********************************************/
.nAB .case_r{width:78%;}
h3.dn-b{ font-size:16px; font-weight:800;}
h3.dn-b>p{ font-size:14px; font-weight:normal; color:#666; line-height:20px; margin:10px 0; display:block;}
.nAB .case_r ul li{ width:31%; float:left; margin-right:2%; border:1px #ccc solid; margin-bottom:30px;transition: all 500ms; text-align:center;}
.nAB .case_r ul li:nth-child(3n){ margin-right:0}
.nAB .case_r ul li:hover{box-shadow:0px 0px 10px -2px #3583ff;transition: all 500ms;}
.nAB .case_r ul li .ca-img{ overflow:hidden;}
.nAB .case_r ul li .ca-img img{width:100%;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.nAB .case_r ul li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.nAB .case_r ul li h3>a{ font-size:16px; line-height:40px; border-top:1px #f7f7f7 solid; display:block;background:none;}

/***********************************************product_n**********************************************/
.product_n{ width:100%; margin:0 auto;}
.product_n .prod-top{display:flex; width:80%; margin:50px auto;background:#edf5fd;overflow: hidden;}
.pagination{text-align: center;display: inline-block;}
.pagination p{line-height: 20px!important;}
.pagination a{line-height: 20px!important;}

.foucebox { padding:1% 3%;position:relative;width:45%;overflow:hidden; float:left;border:1px #ececec solid; background:#fff;}
.foucebox .bd { position:relative; float:right; width:80%;}
.foucebox .bd img {width:98%;border:1px #ccc solid; margin:15px 0;}
.foucebox .hd {position:relative; width:14%; float:left; z-index:1; }
.foucebox .hd ul { position:relative; width:100%;}
.foucebox .hd li {width:96%;overflow:hidden;border:1px #efeeee solid; margin:15px 0;}
.foucebox .hd img {width:100%;display:block;}
.foucebox .hoverBg { position:absolute; top:0; left:-10px;z-index:100;}
.foucebox .hd ul>li.on{ border:1px #efeeee solid;box-shadow: -3px 3px 4px 0px #ccc;}

.prod-lr{ float:right; width:43%; display:block; padding:1% 3%; height:100%;}
.prod-lr>h3{font-size: 16px;font-weight: bolder;}
.prod-lr>p.p{line-height: 25px;height:70px;font-size: 15px;padding: 10px 0;}
.prod-lr>a{ font-size:14px; display:block; color: #0a5cff;border-bottom:1px #ccc solid; padding-bottom:10px;}
.prod-lr>b{ font-size:15px; line-height:35px; width:100%; display:block;}
#tabs{ width:100%; padding-left:5%; height:40px; line-height:40px;}
#content div{display:none}
#content div:nth-child(1){display: block}
#content{width:90%;text-align:left;padding:5%;height:90px;background: #fff;margin-top: 30px;overflow-y:auto;}

.slideTxtBox{width:100%;text-align:left;}
.slideTxtBox .hd{border-top:1px solid #ddd; width:100%; height:60px;text-align: center;box-shadow: -3px 3px 4px 0px #ccc;}
.slideTxtBox .hd ul{display: inline-table;}
.slideTxtBox .hd ul li{ float:left; width:100px; line-height:60px; padding:0 15px;}
.slideTxtBox .hd ul li.on{ height:58px;  background:#fff;border-bottom:2px solid #0a5cff; color:#0a5cff; }
.slideTxtBox .bd ul{ width:80%; margin:0 auto; padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }

































@media (max-width: 1600px)  {
    .head{width:90%;}
    .ladyScroll{ height:520px;}
    .id_A .ladyScroll img{ width:330px;}
}
@media (max-width: 1400px)  {
    .navs{right: 80px;}
    .head .top-r .al{display:none}
    .head .top-r .so{display:none}
}