@charset "utf-8";
/* CSS Document */
.slider{ width:100%;  min-width:1100px;  height:435px;  position:relative; overflow:hidden; background:#fff; text-align:center;   }
.slider .bd{ width:1100px; position:absolute; left:50%; margin-left:-550px  }
.slider .bd li{ width:1100px;  overflow:hidden; }
.slider .bd li img{ display:block; width:1100px; height:435px;    }
.slider .tempWrap{ overflow:visible !important }
.slider .tempWrap ul{  margin-left:-1100px !important; /*强制位置*/  }


.slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:10px; bottom:20px;  text-align:center;  }
.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:10px; height:10px; line-height:99px; overflow:hidden; background:url(../images/slider-btn.png) 0 -10px no-repeat; 
	margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;  }
.slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1;  }
.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:435px; cursor:pointer;   }
.slider .prev{ left:-50%; margin-left:-550px;  }
.slider .next{ left:50%;  margin-left:550px;  }
.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:435px; background:#000; filter:alpha(opacity=25);opacity:0.25;   }
.slider .pnBtn .arrow{ display:none;   position:absolute; top:50%; z-index:1; width:60px; height:60px;filter:alpha(opacity=70);opacity:0.7;  }
.slider .pnBtn .arrow:hover{ filter:alpha(opacity=30);opacity:0.3;}
.slider .prev .arrow{ right:-60px; background: #303030 url(../images/slider-arrow.png) -120px 0 no-repeat;  }
.slider .next .arrow{ left:-60px; background:#303030 url(../images/slider-arrow.png) 0 0 no-repeat;  }








.sidebar-content{position: fixed; top: 50%; right: 0; z-index: 1000; margin-top: -280px;}
.sidebar-box{position: relative; margin-top: 1px;}
.sidebar-icon{width: 50px; height: 50px; cursor: pointer;}
.si1 .sidebar-icon{background: #0755a8 url(../images/side1.png) no-repeat center center;}
.si2 .sidebar-icon{background: #0755a8 url(../images/side2.png) no-repeat center center;}
.si3 .sidebar-icon{background: #0755a8 url(../images/side3.png) no-repeat center center;}
.si4 .sidebar-icon{background: #0755a8 url(../images/side4.png) no-repeat center center;}
.si5 .sidebar-icon{background: #0755a8 url(../images/side5.png) no-repeat center center;}
.si1:hover .sidebar-icon{background: #ff963a url(../images/side1.png) no-repeat center center;}
.si2:hover .sidebar-icon{background: #ff963a url(../images/side2.png) no-repeat center center;}
.si3:hover .sidebar-icon{background: #ff963a url(../images/side3.png) no-repeat center center;}
.si4:hover .sidebar-icon{background: #ff963a url(../images/side4.png) no-repeat center center;}
.si5:hover .sidebar-icon{background: #ff963a url(../images/side5.png) no-repeat center center;}
.sidebar-dark1{position: absolute; top: 0; right: 50px; padding: 0 20px; background-color: #ff963a; display: none;}
.sidebar-dark2{position: absolute; top: 0; right: 50px; padding: 16px 20px; background-color: #ff963a; display: none;}
.sidebar-box:hover .sidebar-dark1{display: block;}
.sidebar-box:hover .sidebar-dark2{display: block;}
.sidebar-dark1 p a{display: block; height: 50px; line-height: 50px; font-size: 16px; color: white; text-align: center; white-space: nowrap;}
.sidebar-code{width: 98px; margin-top: 8px;}
.sidebar-dark2 .sidebar-code:first-child{margin-top: 0;}
.sidebar-code p{text-align: center; color: white; line-height: 18px; margin-top: 4px;}
.sidebar-top{display: block; width: 50px; height: 50px;}
.sidebar-icon-a{display: block; width: 50px; height: 50px;}
.side-layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none;}
.side-layer-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}














.content{ padding:20px 0; overflow: hidden;}

.box_main{width:1100px; margin:5px auto; overflow: hidden;}
.box_left{float: left; width: 44%; margin: 5px;}
.box_about{background:#fff url(../images/icon_1.png) 18px 8px no-repeat; background-size: 30px; height: 435px; margin-bottom: 12px;  box-shadow: 0 0 4px #cfcfcf;}
.box_about .about-tit{width:92%; margin: 0 auto 10px auto; height: 48px; line-height: 48px; font-size: 17px; text-align: left; font-weight: 400; text-indent: 42px; border-bottom: 1px solid #e2e2e2;}
.box_about .about-pics img{width:92%; height: 150px; margin: 0 auto;display: block;} 
.box_about .bcontent{width:92%; margin: 0 auto; padding: 10px 0;line-height: 25px; font-size: 13px;  border-bottom:1px solid #e2e2e2 ;}
.compmore_42{text-align: center; float: right; font-size: 12px; line-height: 25px; margin: 12px 15px 0 15px;   background: #165791; width: 82px;}
.compmore_42 a{color: #fff;}

.box_right{float: right; width: 53%; margin: 5px;}
.box_news_honor{width: 100%;margin-bottom: 15px;}
.box_news{background:#fff url(../images/icon_2.png) 18px 8px no-repeat; background-size: 30px; float: left; width: 100%; height: 435px; margin: 0;  box-shadow: 0 0 4px #cfcfcf;}
.box_news .news-tit{width:95%;margin:0 auto; height: 48px; line-height: 48px; font-size: 17px; text-align: left; font-weight: 400; text-indent: 42px;border-bottom:1px solid #e2e2e2 }
.id_news {width:95%;margin:0 auto; padding: 10px 0; overflow: hidden;}
.id_news .xwtp{width: 230px; float: left;}
.id_news .xwtp img{ width:100%;padding-top: 15px;}
.id_news ul{ float: right; width: calc(100% - 255px)}
.id_news ul li{line-height:32px;border-bottom:1px dashed #ccc;font-size: 13px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.id_news ul li p{padding: 4px 0; font-size: 12px; color: #888;line-height:27px;font-weight: normal;}

.box_solution{background:#fff;width: 99.5%; height: 375px; margin:0 auto 20px auto;  box-shadow: 0 0 4px #cfcfcf; border-top: 4px solid #bbb;position:relative; }
.box_solution .solution-tit{background:#fff url(../images/icon_3.png) 0 12px no-repeat; background-size: 30px; width:96%;margin:0 auto; height: 55px; line-height: 55px; font-size: 17px; text-align: left; font-weight: 400; border-bottom:1px solid #e2e2e2;text-indent: 42px; }


.picScroll-left{ width:100%;  overflow:hidden; position: absolute; right: 15px;top: 20px;  }
.picScroll-left .hd{ overflow:hidden;  height:30px;  padding:0 10px;  }
.picScroll-left .hd .prev{background:url(../images/prev.jpg) no-repeat 0 0;height:21px;line-height:21px;width:21px;display:block;float:right;margin:0 1px;cursor:pointer}
.picScroll-left .hd .next{ background:url(../images/next.jpg) no-repeat 0 0;height:21px;line-height:21px;width:21px;display:block;float:right;margin:0 1px;cursor:pointer}

.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ width: 95%; margin:20px auto 0 auto;  }
.picScroll-left .bd ul{ overflow:hidden;}
.picScroll-left .bd ul li{ margin:0 9px;  float:left; text-align:left; width: 23.8%;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:100%; display:block;  padding:2px; border:1px solid #e5e5e5; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#165791;  }
.picScroll-left .bd ul li .title{ line-height:24px; padding: 6px 0;  }
.picScroll-left .bd ul li .title h3{ font-size:15px; padding:8px 0;}
.picScroll-left .bd ul li .title p{ font-size: 13px; color: #777; line-height: 22px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


/*-------------------------------------------内页样式开始----------------------------------*/
.inner_content{background-color: #efefef; width: 100%; margin-bottom:40px; overflow: hidden;}
.menuLableBox {background-color: #8b8b8b;  line-height: 45px;color: #fff;font-size: 13px;text-indent: 20px;}
.menuLableBox a{color: #fff}
.Pic_TextBox{background:linear-gradient(to bottom, #258dc8 0%, #165791 100%); height:250px;}
.Pic_TextBox img{max-width: 100%; display: block;}

.Page_Content{max-width: 1100px;margin: 0 auto;padding: 0; overflow: hidden;}

.aboutBox{width:99.2%;margin: 0 auto;height: auto;overflow: hidden;background-color: #f6f6f6;box-shadow: #ccc 0px 1px 10px; }
.aboutLeft{width: 290px;display: block;float: left;height: auto;min-height: 685px; overflow: hidden;}
.aboutLeft h2{background:#258dc8; height:48px; line-height:48px; font-size: 16px; font-weight: bold; color: #fff; text-indent: 25px; text-shadow:1px 1px 1px #333;}

.aboutLeft a{height: 40px;line-height:40px;display: block;float: left;font-size: 13px;text-indent: 30px;width: 100%;border-bottom: 1px solid #ccc;}
.aboutLeft a:hover,.aboutLeft a.hover{background-color: #cdcdcd;color: #000;text-decoration: none;}
.aboutRight{width:calc(100% - 347px);min-height: 600px;float: right;padding:25px 28px 20px; background-color: #fff;border-left: 1px solid #dbdbdb;}
.aboutRight .about_content{font-size: 13px; line-height: 25px; }
.aboutRight .about_content img{ max-width:100%;}

/*news*/
.news_list{width: 100%; margin-top:5px; overflow: hidden;}
.news_list ul{overflow:hidden;}
.news_list ul li{width:100%; height:90px; padding-bottom: 20px; margin-bottom: 10px;  border-bottom:1px solid #D8D8D8;  }
.news_list ul li h3{font-size:14px;  color:#333; font-weight: bold;  line-height:20px; padding-bottom: 5px; }
.news_list ul li h3 span{float: right; font-size: 12px; font-weight: normal;}
.news_list ul li p{font-size:12px;color:#666;line-height:25px;display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }

.newShow{ padding:10px 0 20px; overflow: hidden;}
.newShow .name{ text-align:center; font-size:18px; color:#222; font-weight:bold; padding-bottom:12px;}
.newShow .time{ text-align:center; font-size:13px; color:#888; border-bottom:1px dashed #ccc; padding-bottom:12px;}
.newShow .time em{ padding:0 15px;}
.newShow .contss{ padding:10px 0 20px 0; font-size:13px; line-height:27px;border-bottom:1px #ccc solid; color: #555;}
.newShow .contss img {max-width:100%;margin:0px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}

.newShow .contss strong{line-height:25px; font-size:18px; font-weight: bold; color: #165791;padding:8px 0; display:block;}


.newShow .pptss{ padding:10px 0 20px 0; font-size:13px; line-height:27px;border-bottom:1px #ccc solid; color: #555;position:relative;overflow:hidden;}
.newShow .pptss img {max-width:100%;margin:0px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}
.newShow .pptss strong{line-height:25px; font-size:18px; font-weight: bold; color: #165791;padding:8px 0; display:block;}

.watermark{position: absolute;top: 0;left: 0;width: 100vw;height: 100%;pointer-events: none;background: url(../images/sylogo.png) top left repeat transparent;
opacity: 0.22;z-index: 999;}



.fanhui{float:right;width:95px;margin:0 auto;position:relative;height:1px;}
.fanhui a{ position:absolute;z-index:2;width:95px;height:35px;line-height:35px;top:25px;right:0; text-align:center;background:#777;font-size:14px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;text-decoration:underline;}


.PreveNext {margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:28px;text-align:left;}

/*product*/
.product{ width:100%; height:auto; overflow:hidden;}
.product h2{line-height:28px; font-size:18px; font-weight: bold; color: #165791;padding-bottom: 15px;}
.product ul{margin-left: -2%;}
.product ul li{ float:left; width: 23%;  margin-left:2%; margin-bottom:1%;}
.product ul li img{ border:1px solid #e2e2e2; width:98%; }
.product ul li p{padding:5px 0; font-size:13px; line-height:25px; text-align: center;}

.product_Content{ width:100%; height:auto; overflow:hidden;}
.product_Content .product_Memos{padding:0 0 16px 0; border-bottom: 1px dotted #ccc;margin-bottom: 20px;}
.product_Content .product_Memos h3{line-height:25px; font-size:18px; font-weight: bold; color: #165791;padding-bottom:5px;}
.product_Content .product_Memos .ItemList{padding:5px 0; font-size:13px; line-height:25px;position:relative;overflow:hidden;}

.product_Content .spes{width:100%;  padding-bottom: 20px; margin-top: 20px;position: relative;}
.product_Content .spes span{font-size:18px; color: #165791; font-weight: bold;  padding-right: 12px; display:block; margin-bottom:15px}
.product_Content .spes samp{line-height:22px;font-size: 12px; border-left: 1px solid #ccc;padding: 0 10px; margin-bottom:12px; display: inline-block; font-family: "PingFangSC-Regular"; cursor:pointer;}


.product_Content .Tablelist{width: 100%; padding-bottom: 30px;line-height:22px;font-size: 12px; position:relative; overflow: hidden;}
.product_Content .Tablelist .Tname{ line-height:27px;font-size: 15px; font-weight: bold; padding-bottom: 12px;color:#165791;}
.product_Content .Tablelist table{border-left: 1px solid #000;border-top:1px solid #000; width: 100%; font-size: 13px;}
.product_Content .Tablelist table td{border-right: 1px solid #000;border-bottom:1px solid #000; padding:5px; line-height: 22px; text-align:center;}
.product_Content .Tablelist table tr:nth-child(1){background: #d9d9d9; }
.product_Content .Tablelist table tr:nth-child(2){background: #d9d9d9; }
.product_Content .Tablelist img{max-width:100%;}

/*Application*/
.Applica{width:100%; height:auto; overflow:hidden;}
.Applica .app img{max-width:100%; padding: 0 0 15px; display: block; margin: 0 auto;border-bottom: 1px dotted #ccc;margin-bottom: 20px;}
.Applica .PlaceHolder{padding:5px 0; font-size:13px; line-height:25px;}
.Applica .PlaceHolder table{border-left: 1px solid #000;border-top:1px solid #000; width: 100%; font-size: 13px; margin-top: 15px;}
.Applica .PlaceHolder table td{border-right: 1px solid #000;border-bottom:1px solid #000; padding:5px; line-height: 22px; text-align:center;}
.Applica .PlaceHolder table tr:nth-child(1){background: #d9d9d9; }
.Applica .PlaceHolder table tr:nth-child(2){background: #d9d9d9; }

/*联系我们*/
.com_map{margin-top: 20px;}

/**图片css**/
.tpimg{ width:100%; height:auto; overflow:hidden; margin:2.5% 0;}
.tpimg ul{margin-right:-3%;}
.tpimg ul li{ width:22%; float:left; height:auto; overflow:hidden; margin-right:3%; margin-bottom:1%;}
.tpimg ul li .pic{  border:1px #e2e2e2 solid;height:auto; overflow:hidden; padding:2px;}
.tpimg ul li .pic img{ width:100%;}
.tpimg ul li p{ line-height:30px; text-align:center; font-size:14px;}


/*feedback*/
.content_box{margin-top:0px;}
.content_box .messages_box{width:auto;padding:0 1% 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #d4281b;border:none;}