@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%}
.content{width: 1200px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
i{font-style: normal;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
/*头部*/
.wel{background-color:#e9eaee;}
.wel span{font-size: 15px;line-height: 30px;color: #454545;}
.header_top{margin:15px 0}
.header_top .logo{height:100px;width:527px}
.header_top .logo img{height:100px;width:527px}
.header_top .header_tel{background:url(../images/tel_bg.png) no-repeat left center;padding-left:70px; margin-top: 20px;}
.header_top .header_tel i{font-size:16px}
.header_top .header_tel p{font-weight:700;color:#0060b1;font-size:30px;line-height:25px;font-family:Arial;display:block;padding-top:10px}
/*导航*/
.hearer_Nav {height: 53px;position: relative;z-index: 1000;background-color:#e9eaee;}
.hearer_Nav .daohang {width: 1200px;margin: 0 auto;height: 53px;}
.hearer_Nav ul li {font-size: 17px;width: 170px;line-height: 53px;float: left;text-align: center;position: relative}
.hearer_Nav ul li.last {background: 0 0}
.hearer_Nav ul li>a {display: block;color: #333}
.hearer_Nav ul li:hover>a,.hearer_Nav ul li.cur>a {background-color: #0060b1;text-decoration: none;color: #fff;}
/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:600px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#0060b1}
.flexslider .slides a img{width:100%;height:600px;display:block}
/*统一使用的标题*/
.tit01{ box-sizing: border-box; text-align: center;font-size: 45px; display: block;  font-weight: normal;height: 100px;}
.tit01 p{color: #454545;opacity: 0.8;    text-align: center;}
.tit01 span{text-align: center; font-size: 18px; color: #666666; display: block; font-weight: normal;    opacity: 0.6;}
.tit02{ box-sizing: border-box; text-align: center;font-size: 45px;  font-weight: normal;height: 100px;}
.tit02 p{color: #fff;opacity: 0.8;    text-align: center;}
.tit02 span{text-align: center; font-size: 18px; color: #ccc; display: block; font-weight: normal;opacity: 0.6;}

/*四个图标*/
.icon4{padding: 50px 0}
.icon4 ul li{width: 300px;text-align: center;background: url(../images/line.png) no-repeat center left;}
.icon4 ul li:nth-child(1) {background: none;}
.icon4 ul li i{display: block;width:150px;height: 150px;margin:30px auto 15px auto; transition: all 0.5s ease-in-out;}
.icon4 ul li i.i1{background: url(../images/icon1.png) no-repeat center;}
.icon4 ul li i.i2{background: url(../images/icon2.png) no-repeat center;}
.icon4 ul li i.i3{background: url(../images/icon3.png) no-repeat center;}
.icon4 ul li i.i4{background: url(../images/icon4.png) no-repeat center;}
.icon4 ul li:hover i{transform: rotate(360deg);}
.icon4 ul li:hover i.i1{background: url(../images/icon1_h.png) no-repeat center;}
.icon4 ul li:hover i.i2{background: url(../images/icon2_h.png) no-repeat center;}
.icon4 ul li:hover i.i3{background: url(../images/icon3_h.png) no-repeat center;}
.icon4 ul li:hover i.i4{background: url(../images/icon4_h.png) no-repeat center;}
.icon4 ul li p{font-size: 18px;text-align: center;letter-spacing: 2px}


/*产品中心*/
.product{padding: 50px 0;background: url(../images/probg.jpg) no-repeat center top;}
.pro_l{width: 270px;}
.pro_l .pList_top{width: 270px;height: 90px;background: url(../images/pListbg.jpg) no-repeat center;text-align: center;}
.pro_l .pList_top p{color: #fff;line-height: 90px;text-align: center;font-size: 34px;letter-spacing:3px;}
.pro_l ul.pro_list > li{width: 268px;line-height: 85px;border:1px solid #dfdfdf;border-width: 0 1px 1px;font-size: 16px;position: relative;}
.pro_l ul.pro_list > li > a{color: #454545;display: block;width: 178px; margin: 0 30px; padding-right: 30px;background: url(../images/jt.png) no-repeat center right;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_l ul.pro_list > li img{padding: 9px 0}
.pro_l ul.pro_list > li:hover {background: #ccc;border-color: #ccc}
.pro_l ul.pro_list > li:hover a{color: #0060b1}
.pro_l ul.sub{display: none;width: 180px;left: 270px;top: 0px;position: absolute;background: rgba(3,64,145,0.9);z-index: 9999;}
.pro_l ul.sub li{width: 100%;height: auto;height: 45px;line-height: 45px;text-align: center;font-size:14px;border-bottom: 1px solid #dedede!important;}
.pro_l ul.sub li a{color: #fff!important}
.pro_l ul.sub li:hover {background: #1271CB}
.pro_l ul.sub li:hover a{color: #fff}
.pro_r {width: 930px;}
.pro_r .pr_top{height: 90px;width: 100%;text-align: right;position: relative; top: -10px;}
.pro_r .pr_top b{letter-spacing: 2px;font-size: 32px;color: #fff;}
.pro_r .pr_top p{text-align: right;font-size: 18px;line-height: 50px;color: #fff}
.pro_r ul li{width: 270px;float: left;margin-left: 38px;margin-top: 30px;border: 1px solid #ccc;}
.pro_r ul li p{font-size: 16px;height: 35px;line-height: 35px;text-align: center;color: #454545;background: #eee;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_r ul li .img{width: 270px;height: 202px;overflow: hidden;}
.pro_r ul li img{ display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.pro_r ul li:hover img {transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.pro_r ul li:hover p{background: #0060b1;color: #fff}

.plx{height: 194px;background: url(../images/plxbg.jpg) no-repeat center}
.plx .nr{padding-top: 20px;line-height: 39px;color: #fff;font-size: 16px;}
.plx em{padding-left: 13px;font-style:normal;line-height: 35px;color: #fff;font-size: 20px;font-weight: 700;}
.plx p{padding-left: 40px; background: url(../images/pi2.png) no-repeat 8px center}
.plx span{padding-left:40px;display: block; background: url(../images/pi1.png) no-repeat 12px center}
.plx i{padding-left: 40px;display: block; background: url(../images/pi3.png) no-repeat 8px center}

/*合作客户*/
.jszb {padding-top: 60px;padding-bottom:40px;background-color: #fff}
.part{margin-top: 30px;}
.pr{ position: relative;}
.prev2{ width: 36px;height: 36px;z-index: 9;top: 58px;left: 284px; cursor: pointer;}
.next2{   width: 36px;height: 36px; z-index: 9;top:58px;right: 300px; cursor: pointer;}
.part_c{overflow: hidden;text-align: center;line-height: 42px;margin:0 auto;}
.part_c li{width: 230px;float: left;padding: 0 13px 0 0;}
.part_c li p{border: solid 1px #e6e6e6;}
.part_c li p,.part_c li p img{width: 220px;height: 165px;display: block;overflow: hidden;}
.part_c li span a{display: block;color: #333;}
.pa {position: absolute;}



/*关于我们*/
.company {padding: 50px 0;background: url(../images/combg.jpg) no-repeat center;}
.company .com_body{height: 516px;background: url(../images/com_l.png) no-repeat center;}
.company .com_l{width: 520px;height: 516px;}
.company .com_l b{font-size: 34px;color: #fff;margin-top: 80px;margin-left: 80px;display: block;letter-spacing: 2px}
.company .com_l p{font-size: 16px;color: #fff; line-height: 54px; margin-left: 226px;letter-spacing: 2px}
.company .com_r{width: 600px;margin-right: 30px}
.company .com_r b{font-size: 24px;color: #454545;margin-top: 100px;display: block;margin-bottom:10px}
.company .com_r p{line-height: 29px;color: #666;text-indent: 2em;    font-size: 15px;}
.company .more{width: 130px;height: 40px;background: url(../images/more.jpg) no-repeat center;display: block;margin-top: 20px;line-height: 40px;color: #fff;padding-left: 20px;letter-spacing: 2px}
.com_r > ul{position: relative; margin-top:15px;}
.com_r > ul li{float: left;text-align: center; width:25%;padding:10px 0;}
.com_r > ul li:nth-child(1) {background: #ccc}
.com_r > ul li:nth-child(2) {background: #aaa}
.com_r > ul li:nth-child(3) {background: #888}
.com_r > ul li:nth-child(4) {background: #666}
.com_r > ul li p{text-align: center;font-size: 15px;line-height:20px;color: #fff !important;text-indent:0px !important;}
.com_r > ul li:hover {background: #34b419}

/*新闻动态*/
.news{padding: 55px 0 65px;background-color: #fff;}
.news .content{}
.news .yin_t{ height:70px;}
.news_t{height: 40px;width: 300px;margin:0 auto;}
.news_t ul li{float: left;width: 150px;overflow: hidden;}
.news_t ul li a{font-size: 14px;color: #333;display: block; float: left; width: 150px; text-align: center; height: 40px; line-height: 40px; overflow: hidden;background:url(../images/news_k01.gif) no-repeat;} 
.news_t ul li a:hover,.news_t ul li.on a{color: #fff;font-weight: bold;background:url(../images/news_k02.gif) no-repeat;}
.news01{width: 600px;float: left;padding: 280px 0 0; position:relative;}
.news01 .news_pic{width: 600px;height: 200px;overflow: hidden;line-height: 0; position:absolute; top:50px; left:0;}
.news01 .news_pic img{width: 600px;height: 200px;}
.news .wz{width: 600px;}
.news .wz .date{float: left;height: 56px;width: 95px; font-size: 14px; color: #0060b1; background:url(../images/news_line.gif) no-repeat right 10px;line-height: 30px;padding: 10px 0 0;}
.news .wz .date b{display: block;font-size: 24px;color: #454545;text-align: center;}
.news .wz dd{width: 465px;float:right;}
.news .wz dd  a.tit{height: 30px;overflow: hidden;font-size: 16px;display: block;color: #000;white-space:nowrap;  text-overflow:ellipsis;   }
.news .wz dd  a.tit:hover{ color: #0060b1;}
.news .wz p.jj{font-size: 15px;color: #666;}
.news_desc{font-size: 14px; color: #888; line-height: 20px; height: 40px; overflow: hidden;} 
.news .wz p.ee{ color: #0060b1;text-align: center}
.news02{ width:560px;float: right;padding: 20px 0 0;}
.news .news02 .wz{ width:560px;height: 70px;overflow: hidden;border-bottom: #dadada 1px solid;padding: 20px 0;}
.news .news02 .date{width: 90px;}
.news .news02 dd{width: 430px;float: right;}
.news .news02 .nobor{border-bottom: none;}
/*底部*/
.footer{background-color: #333;}
.footer .nav{height: 60px;border-bottom: 1px solid rgba(204, 204, 204, 0.2);}
.footer .logo{height: 200px;width: 150px;margin:0 auto;}
.footer .logo img{height: 150px;width: 150px;}
.footer .logo p{line-height: 30px;font-size: 16px;color: #fff;    text-align: center;}
.footer .content{padding-top:50px;}
.footer .nav ul li{width: 171px;float: left;}
.footer .nav ul li a{display: block;text-align: center;line-height: 60px;color: #fff;font-size: 17px;}
.footer .nav ul li a:hover{font-weight: bold;font-size: 19px;}
.lianxi p{ text-align: center; font-weight: 700;font-size: 23px; line-height: 100px;color: #ccc;}
.lianxi{margin-top: 60px;}
.lianxi  ul{background-color:rgba(238, 238, 238, 0.09);    padding: 20px 2px 20px 2px;    border-radius: 6px;}
.lianxi  ul li{margin-left: 20px;padding-left: 41px; padding-right: 24px;float:left;background:url(../images/fi1.png) no-repeat left ;height: 40px; font-size: 15px; color: #eee;}
.lianxi  ul li span{color: #ccc;font-size: 15px;line-height: 25px;display: block;   }
.lianxi  ul li:nth-child(2){background:url(../images/fi2.png) no-repeat left ;}
.lianxi  ul li:nth-child(3){background:url(../images/fi3.png) no-repeat left ;}
.lianxi  ul li:nth-child(4){background:url(../images/fi4.png) no-repeat left ;}
.lianxi  ul li:nth-child(5){background:url(../images/fi5.png) no-repeat left ;float:right;}
.banquan{margin-top: 40px;padding-bottom: 20px;}
.banquan p{text-align: center;font-size: 15px;color: #ccc;line-height: 35px;}
.banquan p a{font-size: 15px;color: #ccc;}