@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;}
.border{border:1px solid #DFDFDF;}
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; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
em,i{font-style: normal;}
.content{width: 1200px;margin:0 auto;}
.pr{position: relative;}
/*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:#060}
.flexslider .slides a img{width:100%;height:600px;display:block}

/*欢迎*/
.wel{background-color: #ccc;}
/*header*/
.xzsheader{height: 230px;overflow: hidden;}
.header{ width: 100%;background: rgb(255, 255, 255);}
.header .wel{ width: inherit; background: #ccc; line-height: 36px;}
.header .header_top .right{ float: right; text-align: center;}
.header .header_top .left,.header .header_top .right a{ color: #666; font-size: 14px;}
.header .header_top .right a{ margin-right: 25px;}
.header .header_top .right a:last-child{ margin-right: 0;}
.header .header_top .right a img{ vertical-align: middle; margin: -4px 5px 0 0;}
.header .nr{width: 1200px;margin:0 auto;}
.header .nr .zb>div,.header .nr .right>div{ display: inline-block; vertical-align: top;}
.header .nr .zb .left{ padding: 25px 0 0; line-height: 0; margin-right: 28px;}
.header .nr .zb .left img{ vertical-align: top;}
.header .nr .right{ margin:20px 0 0;}
.header .nr .right .icon{ margin: 0 16px 0 0;}
.header .nr .right .dz-rx b{ display: block; color: #444; font-size: 22px;line-height: 30px;}
.header .nr .right .dz-rx p{ font-size: 26px; color: #060;font-weight: bold; line-height:28px;}
.header .nr .left{margin: 20px 0 20px 0;width: 497px;height: 82px;}
.header .nr .left img{width: 100%;height: 100%;}
.header .nr .left a{display:block;}
/*导航栏*/
.hearer_Nav {height: 53px;line-height: 53px;position: relative;z-index: 1000;background-color: #060;}
.hearer_Nav .daohang {width: 1200px;margin: 0 auto;height: 53px;}
.hearer_Nav ul li {font-size: 16px;padding-right: 11px;line-height: 53px;float: left;text-align: center;position: relative}
.hearer_Nav ul li:last-child{padding-right: 0;float: right}
.hearer_Nav ul li.last {background: 0 0}
.hearer_Nav ul li>a {display: block;color: #fff;padding:0 20px 0 20px;}
.hearer_Nav ul li:hover>a,.hearer_Nav ul li.cur>a {background-color: #e6e5e5; text-decoration: none; color: #333;font-weight: 600;border-top: 3px solid #060; padding-bottom: -3px; margin-top: -3px;}
.hearer_Nav ul li .ej_Nav {position: absolute;width:104px;}
.hearer_Nav ul li .ej_Nav {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0)}
.hearer_Nav ul li:hover .ej_Nav {opacity: 1;visibility: visible;transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0)}
.hearer_Nav ul li .ej_Nav dd {width: 100%;height: 40px;line-height: 40px;float: left}
.hearer_Nav ul li .ej_Nav dd a {display: block;width: 100%;height: 39px;color: #fff;text-align: center;font-size: 14px;background: #060; border-bottom: 1px solid #eee;}
.hearer_Nav ul li .ej_Nav dd a:hover {background-color: #eee;color: #060;}

/*product start*/
.pro{padding:60px  0 60px  0;}
.profl{ overflow: hidden;width: 270px; height:auto;}
.profl .cpflcon{ width:270px;border-top:0; display:inline-block;height:auto;background: #eee}
.profl p{ height: 113px; background-image: url(../images/title_01.png); }
.profl p a{font-weight: bold;font-size: 36px;display: block;color: #fff;line-height:113px;text-align: center;}
.profl p i{color:#a3dbf8;line-height:28px; display:block; text-transform:uppercase; font-family:Arial; font-size:18px; font-weight:normal;}
.profl span.first{line-height:40px; margin: 0 auto; color: #333;display: block;background:url(../images/protit2.png)  #dedede no-repeat right 40px center;border-bottom:1px solid #ebebeb; border-top:0;}
.profl span{ line-height:35px; margin: 0 auto; color: #333;background-color: #ccc;display: block;border-bottom:1px solid #ebebeb; border-top:0;}
.profl span a{padding-left: 30px;font-size:17px;  color: #333;display: block; }
.profl ul{width:270px; margin:0 auto; color:#555; }
.profl ul li{position: relative; line-height:35px; z-index: 9; border-bottom: 1px dashed #ccc;background: url(../images/protit3.png) no-repeat 49px center;}
.profl ul li:hover{background: url(../images/protit3_2.png) no-repeat 49px center;}
.profl ul li a{ padding-left:80px; display:block; font-size:14px;  color:#666666;}
.profl ul li a:hover,.pro .profl ul li.cur a{ color:#060;}

/*右侧*/
/*1*/
.pro_con{width:920px;}
.pro_con .ul1 li img{ width:100%; height:100%;padding:0px;}
.down img{width:100%;height: 100%;}
.pro_con .ul1 li{position: relative; width:420px;display: inline-block;margin: 0 8px 25px 21px;background: #fff; overflow: hidden;border:1px #ddd solid; }
.pro_con .ul1 li:nth-child(2n){float: right;margin-right: 0}
.pro_con .ul1 i.one{color:#333;background: #e5e5e5; font-size: 15px; text-align: center;padding:10px 30px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con .ul1 li .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%; background: #0606;;}
.pro_con .ul1 li .box i.two{ color:#fff;font-size:20px;padding: 0 40px; margin:40px 0 0 0;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con .ul1 li .box img{ display: block; margin: auto; height:auto;width:auto;}
.pro_con .ul1 li:hover .box{ opacity: 1;top:0}
.pro_con .ul1 li:hover i.one{ opacity: 0;}

/*2*/
.pro_con .ul2 li img{ width:100%; height:100%;padding:0px;}
.down img{width:100%;height:100%;}
.pro_con .ul2 li{position: relative; width:270px;display: inline-block;margin: 0 8px 10.6px 21px;background: #fff; overflow: hidden;border:1px #ddd solid; }
.pro_con .ul2 li:nth-child(3n){float: right;margin-right: 0}
.pro_con .ul2 i.one{color:#333; font-size: 15px; text-align: center;padding:10px 30px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con .ul2 li .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%; background: #0606;;}
.pro_con .ul2 li .box i.two{ color:#fff;font-size:14px;padding: 0 20px; margin:10px 0 0 0;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con .ul2 li .box img{ display: block; margin: auto; height:auto;width:auto;}
.pro_con .ul2 li:hover .box{ opacity: 1;top:0}
.pro_con .ul2 li:hover i.one{ opacity: 0;}
.pro_con .ul2 li:hover .rightDown span{border-bottom: 35px solid #ccc;}
.pro_con .rightDown span{position:absolute;bottom:0;right:0;width:0;height:0;border-left:35px solid transparent;border-bottom:35px solid #060;-webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}
.pro_con .rightDown b{position:absolute; bottom:-1px;right:0;  color:#fff; font-size:25px;}

/*关于我们*/
.scroll_bg{width: 100%;height: 100%;background-image: url(../images/scroll_bg.jpg);background-attachment: fixed;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;z-index: -1;}
.about{line-height:24px;padding: 60px 0 90px 0;background: #0066005c;}
.aboutil{padding: 74px 0 0 10px;font-size: 24px;line-height: 68px;color: #fff;}
.aboutil a,.honner_c li span a{color: #fff;display: block;}
.aboutil span{display: block;font-family: Arial;text-transform: uppercase;    font-size:20px;line-height: 30px; opacity: 0.5;}
.about_c{width: 926px;}
.about_p,.about_p img{width:926px;height:440px;display: block;overflow: hidden;}
.about_w{color: #fff;}
.about_w p{ overflow: hidden;text-indent: 2rem;line-height: 36px;padding-left: 18px;}
.about_w .more{display:block;margin-left: 20px; margin-top:2px;line-height: 26px; color: #060;font-weight: bold;border: 1px solid #fff; width: 89px;border-radius: 20px; background: #fff;text-align: center;text-align: center;text-indent: 0; float: right;margin-right: 500px;}
.about_w .more:hover{color: #fff;background: #060;border: 1px solid #060; }

/*优势*/
.adv{background:url(../images/advbg.jpg)no-repeat center;}
.advtit{background:url(../images/ystitbg.png)no-repeat center;height: 210px;}
.adv-part1{width:1200px;float: left;}
.adv-part1>div:first-child{float:left}
.adv-part1>div:last-child{float:right}
.adv .posiP1{background:url(../images/posi-p1.png)no-repeat center;width: 598px;height: 361px;}
.adv .posiP2{background:url(../images/posi-p2.png)no-repeat center;width: 680px;height: 391px;}
.posiT{overflow:hidden;margin-top:20px;width:502px;}
.posiT>div:first-child{width:100%;height:84px;padding-left:12px;}
.adv .p1{background: url(../images/no1.png)no-repeat left 5px;}
.adv .p2{background: url(../images/no2.png)no-repeat left 5px;}
.adv .p3{background: url(../images/no3.png)no-repeat left 5px;}
.adv .p4{background: url(../images/no4.png)no-repeat left 5px;}
.posiT>div:first-child>em{float:left;width:76px;height:80px}
.posiT>div:first-child>p{border-bottom: 1px solid #CCC; float: left; line-height:38px; color: #444; font-size: 30px;font-weight: 600;margin-left: 10px;}
.posiT>div:first-child>p>em{font-weight: 400;font-style: normal;font-size: 20px;color: #666;display: block;}
.posiT>div:last-child{padding-left:86pxwidth:100%}
.posiT>div:last-child>p{display:block;width:400px;color:#666;line-height: 25px;    padding-left: 100px; }
.part2{width: 500px;}

/*统一使用的标题*/
.title-line{text-align:center; padding-bottom:20px;margin:0 auto;}
.title-line .entit{font-size: 32px;color:#ccc;text-transform:uppercase;    text-align: center;}
.title-line .chtit{font-size: 32px;color:#333;font-weight:600;line-height: 44px;    text-align: center;}
.title-line .line{background: url(../images/index-titleline1.png)no-repeat center;height: 25px;}
.about .title-line{text-align:center; padding-bottom:20px;margin:0 auto;}
.about .title-line .entit{font-size: 32px;color:#ccc;text-transform:uppercase;    text-align: center;}
.about .title-line .chtit{font-size: 32px;color:#fff;font-weight:600; line-height: 44px;   text-align: center;}
.about .title-line .line{background: url(../images/index-titleline1.png)no-repeat center;height: 25px;}

/*新闻部分*/
.newsbj{padding: 60px 0;background: #fff}
.news{padding-top:15px;}
.news .title{text-align: center;margin-bottom: 38px;}
.news .title span{display: block; font-size: 36px; line-height: 36px; color:#333333;}
.news .title em{display: block;font-size: 18px; color:#666666; line-height: 53px;font-style: normal;}
.news .title i{display: block;width:50px; height:2px;background:#060; margin:0 auto;}
.news .newsdt{width: 760px;float: left; background: #f1f1f1;padding: 49px 20px 0;box-sizing: border-box;}
.news .newsdt .n1{height:240px;margin-bottom: 13px;overflow: hidden;}
.news .newsdt .n1 .nimg{width:340px; height:240px;float:left; overflow:hidden;}
.news .newsdt .n1 .nimg img{width:340px; height:240px; transition:.5s;}
.news .newsdt .wz{float:left; width:380px; padding-left:24px;box-sizing: border-box;}
.news .newsdt .wz span{display: block;margin-bottom: 22px;}
.news .newsdt .wz span a {font-size: 16px;line-height: 20px;color: #333;display: block; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.news .newsdt .wz p{width: 350px;line-height: 25px;color: #666; margin-bottom: 20px;text-indent: 2rem;}
.news .newsdt .wz i{display: block; font-size: 14px;width:350px; color:#333333; line-height: 14px; text-align: right;font-style: normal;}
.news .newsdt ul li{float:left;width:355px;height:90px;background:#fff url(../images/jt1.png) no-repeat 90%; margin-bottom: 10px; box-sizing: border-box;padding-top:28px; padding-left:21px;transition: .3s;}
.news .newsdt ul li:nth-child(2n){float:right;}
.news .newsdt ul li span{display: block;}
.news .newsdt ul li span a{display: block;font-size: 16px; color:#333333;  line-height: 16px; margin-bottom: 14px;width: 260px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.news .newsdt ul li span i{display: block;font-size: 12px; color:#808080; line-height: 12px;font-style: normal;}
.news .newsdt ul li:hover span a{color:#FFF;}
.news .newsdt ul li:hover span i{color:#FFF;}
.news .newsdt ul li:hover{background:#060 url(../images/jt1_h.png) no-repeat 90%;}

/*右侧*/
.news .bk{width: 420px;background: #f1f1f1;float: right; padding: 50px 49px 0;box-sizing: border-box;}
.news .bk .bt{height:51px;}
.news .bk .bt a.bktit{font-size: 22px; line-height:30px; color:#333333; font-weight:bold;padding-left:33px;background:url(../images/news2.png) no-repeat left;}
.news .bk .bt a.more{display: block;width: 66px;float: right;width: 80px; border: 1px solid #ccc;border-radius: 17px;text-align: center;line-height: 26px;}
.news .bk .bt a.more:hover{background-color: #060;color: #fff;}
.news .bk .bkimg{display: block;height:240px; width:320px;margin-bottom: 8px; overflow:hidden;}
.news .bk .bkimg img{width:320px; height:240px;}
.news .bk ul li{height:34px; line-height: 34px;}
.news .bk ul li a{display: block; font-size:15px; color:#333333;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.news .bk ul li a:hover{color:#060;}

/*底部小广告*/
.ad-wrap{background:url(../images/adbg1.jpg) #fff no-repeat center center;background-size:cover;height:165px;position: relative;}
.ad-wrap .rwpic{position:absolute;top:-59px;z-index:2}
.ad-wrap .adcon{margin-left: 235px; padding-top: 35px;}
.ad-wrap p.p1{font-size: 25px; font-weight: 700;color: #060;line-height: 37px;}
.ad-wrap p.p2{ font-size: 16px;line-height:30px;color: #555;}
.ad-wrap p.p3{font-size: 16px;line-height:30px;color: #666;}
.ad-wrap .lx{color:#888;text-align:center}
.ad-wrap .lx p.tit{font-size:18px}
.ad-wrap .lx .tit i{margin-right:10px}
.ad-wrap .lx .tit span{margin-top:3px;color: #060}
.ad-wrap .lx p{font-size:28px;color: #555}
.ad-wrap .adcon .ccon{width: 561px;}
.ad-wrap .adcon .lx{position:relative;float:right}

/*底部*/
.footer{ padding:80px 0;background-color: #333; overflow: hidden;}
.footer .m_fanv{ width:300px;    padding: 0 30px 0 30px;}
.footer .m_fanv ul li a{display: block;color: #bbb;float: left;width: 136px;line-height: 35px; font-size: 15px; }
.footer .m_fanv li{float: left;width:150px;}
.footer .f_ftcon{  border-left: 1px solid #4e4d4d; padding: 0 30px 0 30px;height: 221px}
.footer .f_cb p{line-height: 35px;color: #bbb;}
.footer span{display: block; font-weight:700;font-size:18px;color:#fff;line-height:26px;margin-bottom:20px}
.footer .f_ftcon span{padding-left: 0;}
.footer .f_ftcon li{position: relative;line-height: 28px;padding-left: 70px;color: #282828;line-height: 26px;width: 220px;}
.footer .f_ftcon li b{position: absolute;left:0;top:0;font-weight: normal;}

/*版权*/
.copyr{color: #bbb;background-color: #222;}
.copyr a{color: #bbb;}
.copyr p{text-align: center;line-height: 45px;  }