@charset "utf-8";
html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select{margin:0;padding:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{min-height:100%}
body{font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;font-size:14px;color:#333;background:#fff;position:relative}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol{list-style:none}
img{border:none;vertical-align:middle}
a{color:#666;text-decoration:none}


table{border-collapse:collapse;table-layout:fixed}
input,textarea{outline:none;border:none}
textarea{resize:none;overflow:auto}
.clearfix{zoom:1}
.clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
/* 本案例CSS*/
header{ height: 110px; box-sizing:width: 100%;}
.wrap{width: 1200px;margin: 0 auto; }

.logo{width: 240px;overflow: hidden;float: left;}
.logo a{display:block;}
.logo a img {height: 100px;}

.nav{display: block;width: 900px;float:left;}


.about{padding: 80px 0; overflow: hidden; }
.about_txt{width: 650px; float: left;}
.about_txt h1{font-size: 18px;line-height: 35px;font-weight: bolder;}
.about_txt p{line-height: 26px;letter-spacing: 2px;}

.about_more{ width: 200px; float: right;}
.about_more h2{font-size: 30px; text-align: right;}

.wenhua{ height: 500px;background: url("../images/index-2.jpg") no-repeat; background-size: cover;}
.wenhua ul{padding-top: 50px;}
.wenhua ul li{ font-size: 22px; color: #fff; line-height: 60px;}


/* 本例子css */
.slideTxtBox{  }
.slideTxtBox .hd{  line-height:30px; width: 257px; float: left; height: 320px;}
.slideTxtBox .hd ul{ float:left; width: 257px;   }
.slideTxtBox .hd ul li{cursor:pointer; display: block; width:257px; background: url("../images/by0002.png"); line-height: 40px; text-indent: 15px; color: #fff; }
.slideTxtBox .hd ul li.on{ height:40px;  display: block; width: 100%;background: url("../images/by1111.jpg"); color: #000;}
.slideTxtBox .bd{width: 943px; height: 320px; background: #fff; float: right;}
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd ul dl{ width: 200px; float: left; margin-bottom: 10px;}
.slideTxtBox .bd ul dl h3 a{font-size: 15px;font-weight: bolder; line-height: 25px;}
.slideTxtBox .bd ul dl dt a{  font-size: 13px; line-height: 25px;}
.slideTxtBox .bd ul dl dt a:hover{color:#085CE7; }

/* 本例子css */
.slideBox{ width:100%; overflow:hidden; position:relative;  z-index: 2;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; width: 100%;}
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align: center; width: 100%; display: block; }
.slideBox .hd ul li{ width:10px; height:10px; border-radius: 10px; line-height:14px; margin:0 3px; text-align:center; background:#dddddd; cursor:pointer; display: inline-block;}
.slideBox .hd ul li.on{ background:#085CE7; color:#085CE7; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url("../images/slider-arrow.png") -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.ss{ height:145px; background: url("../images/bg_png.png"); z-index: 3;}
.sss{width: 1200px; margin: 0 auto; }
.sss ul li{width: 380px;display: block;height: 145px; float: left; color: #fff;margin-right: 30px; padding:15px 10px; padding-top: 35px; overflow: hidden; }
.sss ul li a{color: #fff; line-height: 25px;}
.sss ul li img{float: left;  margin-right: 10px;}
.sss ul li:hover{ background:#085CE7; }
#right{ margin-right: 0;}

.pro{ height: 500px; background: #fff;}
.ititle{ margin-top: 60px; margin-bottom: 60px;}
.ititle h3{color: #333333;font-size: 32px;LINE-HEIGHT: 60px;text-align: center;}
.ititle p{LINE-HEIGHT: 25px;color: #333333;font-size: 14px;text-align: center;}

.ititle2{ margin-top: 60px; margin-bottom: 60px;}
.ititle2 h3{color: #fff;font-size: 32px;LINE-HEIGHT: 60px;text-align: center;}
.ititle2 p{LINE-HEIGHT: 25px;color: #fff;font-size: 14px;text-align: center;}

/* 本例子css */
.picScroll-left{ width:1200px;  overflow:hidden; position:relative;    }

.picScroll-left .next{ display: block;width:50px;height: 145px;float: left;overflow: hidden;cursor: pointer;background: url(../images/left.png) no-repeat; background-position:left center; }
.picScroll-left .prev {display: block;width:50px;height: 145px;float: right;overflow: hidden;cursor: pointer;background: url(../images/right.png) no-repeat; background-position:right center;  }




.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ width: 1100px; float: left;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 12.5px; float:left; _display:inline; overflow:hidden; text-align:center; width: 250px; line-height: 30px; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:250px; height:145px; display:block; }
.picScroll-left .bd ul li .title{ line-height:24px;   }

.sucess{ background: url("../images/ttbg1.jpg") no-repeat; overflow: hidden;}
.sucess ul{overflow: hidden;}
.sucess ul li{display: block; width: 383px; height:410px; background: #fff; border: 1px solid #ddd; padding: 5px; float: left; margin-right: 15px;}
.sucess ul li img{width:100%;}
.sucess ul li span{display: block;width: 100%; height: 40px;line-height: 40px;font-weight: 200;color: #333;font-size: 1.125rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sucess ul li p{display: block;width: 100%; height: 120px; font-size: 0.875rem;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2px;-webkit-box-orient: vertical;text-overflow: ellipsis;line-height: 2em;color: #999;}

.more{ display: block; width: 150px; height: 40px; background:#fff; clear: both; line-height: 40px; font-size: 14px; text-align: center; border: 1px solid #085CE7; margin: 50px auto; float: right;}
.more:hover{ background: #085CE7; color: #fff}
.more2{ display: block; width: 150px; height: 40px; background:#fff; clear: both; margin-top: 50px; line-height: 40px; font-size: 14px; text-align: center; border: 1px solid #dddddd; float: left;}
.more2:hover{ background: #085CE7; color: #fff}

/* 本例子css */
.picScroll-left2{ width:1200px;  overflow:hidden; position:relative;    }

.picScroll-left2 .next{ display: block;width:50px;height: 420px;float: left;overflow: hidden;cursor: pointer;background: url(../images/left.png) no-repeat; background-position:left center; }
.picScroll-left2 .prev {display: block;width:50px;height: 420px;float: right;overflow: hidden;cursor: pointer;background: url(../images/right.png) no-repeat; background-position:right center;  }




.picScroll-left2 .hd ul li.on{ background-position:0 0; }
.picScroll-left2 .bd{ width: 1100px; float: left;   }
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center; width: 1100px; line-height: 30px; }

.picScroll-left2 .bd ul li .title{ line-height:24px;   }
.npic{ width:420px; height: 420px; float: left;}
.npic img{ width:100%;}
.ntxt{width:580px; height: 420px; float: left; background:#085CE7; padding-left: 50px; padding-right: 50px;  }
.ntxt .ntitle{padding-top: 50px;font-size: 30px;color: #ffffff; clear: both;display: block; text-align: left;}
.ntxt .nmore{float: left;color: #ffffff;margin-top: 50px;position: relative;padding: 5px 30px; border: 1px solid #fff;}

.cooperation ul{overflow: hidden;}
.cooperation ul li{ display:block; width: 225px; float: left; padding: 30px;  height:140px; overflow: hidden; }
.cooperation ul li img{ width: 165px; height: 80px;}

.slogan{text-align: center; height: 160px; background: url("../images/ba541.jpg") no-repeat;}
.slogan h3{color: #ffffff;font-size: 20px; padding-top: 30px; clear: both;}
.footer{clear: both;}
.flink{height: 325px; background: #373D41; padding-top: 50px;}
.copyright{height: 90px; border-top: 1px solid #464d51; background: #373D41;}

.tel{width:190px; height: 300px; background: url("../images/caa3.jpg") no-repeat; padding-left: 60px; float: left;}
.tel dl dt h3{LINE-HEIGHT: 40px;color: #ffffff;font-size: 16px;}
.tel dl dt h2{color: #ffffff;font-size: 20px;font-weight: bold;}
.tel dl dt {color: #9b9ea0;font-size: 14px;LINE-HEIGHT: 25px;}
.flink ul {display: block; width: 800px; float: right;}
.flink ul li{display: block; width: 150px; float: left;}
.flink ul li dl dt a{font-weight: bold;font-size: 14px;LINE-HEIGHT: 30px;color: #d7d8d9;}
.flink ul li dl dt a span{font-size: 14px;color: #9b9ea0; font-weight: normal;}

.copyright a{text-align: center;color: #d7d8d9;font-size: 14px;}
.copyright{text-align: center;color: #d7d8d9;font-size: 14px; line-height: 90px;}