/* CSS Document */
*{margin:0; padding:0; font-family:Arial, Helvetica, 微软雅黑, sans-serif; }
a{ color:#333; text-decoration:none;}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;  vertical-align: middle;}
.container{width:1400px; margin:0 auto;}
.clear{clear:both;}
body{ overflow-x:hidden; position:relative; }
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select, button{outline:medium; blr:expression(this.onFocus=this.blur());}
p{ text-align:justify; margin-bottom: 10px;}
.fl{ float:left;}
.fr{ float:right;}

.header{ position:fixed; top:0; width:100%; left:0; height:100px; background:#fff; z-index:99;}
.header .logo{ float:left; padding:27.5px 0; margin-right:50px;}

.header .nav{ float:left;}
.header .nav li{ float:left; line-height:100px; padding:0 20px; position:relative;}
.header .nav li>a{ font-size:18px; color:#010101; display:inline-block; padding:0 10px; position:relative;}
.header .nav li:first-child>a{ padding:0 18px;}
.header .nav li:hover>a, .header .nav li.on>a{ color:#ed7401;}
.header .nav li a i{ width:0; height:2px; background:#ed7401; position:absolute; bottom:0; left:0; transition: all 0.3s linear 0s;}
.header .nav li:hover>a i, .header .nav li.on>a i{  width:100%;}

.header .nav .nav-box{ background:#fff; width:590px; position:absolute;  top:100%; left:0; line-height:24px; display:none; margin-left: -230px; box-shadow: 0 5px 10px rgba(0,0,0,.35); border-radius:10px; overflow:hidden;}
.header .nav li:nth-child(2) .nav-box{ width:710px; margin-left: -290px;}
.header .nav li:nth-child(4) .nav-box{ width:780px; margin-left:-310px;}
.header .nav li:hover .nav-box{ display:block;}
.header .nav .nav-box .nav-list{ margin:5px 0; padding:24px 10px 0; }
.header .nav .nav-box .nav-list dl{ float:left; margin:0 30px 30px; width:130px;}
.header .nav li:nth-child(3) .nav-box .nav-list dl:nth-child(3n-2){ clear:left;}
.header .nav li:nth-child(2) .nav-box .nav-list dl:nth-child(2){ width:250px;}
.header .nav li:nth-child(2) .nav-box .nav-list dl:nth-child(2) dd{ float:left; width:50%;}
.header .nav .nav-box .nav-list dt{ font-size:18px; color:#2b2b2b; font-weight:bold; margin-bottom:6px;}
.header .nav .nav-box .nav-list dd{ border-top:1px solid #aaa; line-height:40px;}
.header .nav .nav-box .nav-list dd>a{ font-size:16px; color:#696969; display:inline-block;}
.header .nav .nav-box .nav-list dd:hover>a, .header .nav .nav-box .nav-list dt:hover>a{ color:#ed7401;}

.header .search{ float:left; line-height:100px;}
.header .search button{ border: none;  background: transparent; padding:38px 15px; cursor:pointer;}
.search-tc{ position:relative; padding:30px 40px !important;}
.search-tc input[type="text"]{ width: 100%;    height: 40px;    border: none;    background: transparent;    border-bottom: 2px solid #fff; font-size:16px; color:#fff;}
.search-tc input[type="submit"]{ position:absolute; background:url(../images/search1.png) no-repeat center; width: 40px; height: 40px; border: none; top: 30px;  right: 40px; cursor:pointer;}
.search-tc button{ border: 0; background: transparent; color: #fff; margin: 16px 0 0;}

.header .language{ margin-top:38px; float:left;  margin-left: 5px; position:relative; padding-bottom:4px;}
.header .language>a{ color:#c9c7c7; font-size:14px; display:inline-block; width:78px; height:23px; border:1px solid #c9c7c7; border-radius:20px; text-indent:16px; background:url(../images/yuyan.png) no-repeat 48px center; line-height:23px;}
.header .language ul{ line-height:40px; display:none; position:absolute; width:80px; top:100%; left:0;     background: #fff;    border: 1px solid #eaeaea;    box-shadow: 0 2px 4px rgba(0,0,0,.35);}
.header .language:hover ul{ display:inline-block;}
.header .language li{ text-align:center;}
.header .language li a{ color:#333; font-size:14px;}
.header .language li a:hover{ color:#ed7401;}

.header .tel{ float:right;  width:150px; line-height:100px; }
.header .tel span{ width:150px; height:25px; line-height:25px; color:#fff; display:inline-block; border-radius:20px; background:url(../images/header-tel.png) no-repeat 16px center #ed7401; text-indent: 36px; font-size: 14px;}

.banner{overflow:hidden; margin-top:100px;}
.banner .swiper-slide{ position:relative;}
.banner .swiper-slide .img{ position:relative; z-index:0;}
.banner .swiper-slide .text{  top:70%; left:50%; position:absolute; transform:translate(-50%, -50%);}
.banner .swiper-slide .text .box{ width:1200px;}
.banner .swiper-slide .text .p1{  transition: all 0.8s ease;    opacity: 0;    transform: translateY(50px); text-align:right;}
.banner .swiper-slide-active .text .p1{ opacity: 1;    transform: translateY(0);    transition-delay: 0.1s;}
.banner .swiper-slide .text .p2{ text-align:left; transition: all 0.8s ease;    opacity: 0;    transform: translateY(60px); margin:30px 0;}
.banner .swiper-slide-active  .text .p2{  opacity: 1;  transform: translateY(0);    transition-delay: 0.4s;}
.banner .swiper-slide .text .p3{ text-align:right; transition: all 0.8s ease;    opacity: 0;    transform: translateY(70px);}
.banner .swiper-slide-active  .text .p3{  opacity: 1;  transform: translateY(0);    transition-delay: 0.8s;}

.banner .swiper-container-horizontal>.swiper-pagination{ bottom:20px;}
.banner .swiper-pagination-bullet{ width:14px; height:14px; border-radius:20px;  opacity:1; background:#fff; margin:0 10px !important;}
.banner .swiper-pagination-bullet-active{ background:#ed7401;  width:30px;}

.iproduct{ padding-top:94px; overflow:hidden; padding-bottom:30px; background:#efefef;}
.iproduct .hd{ box-shadow: 0 0 10px rgba(219,219,219,.5); margin-bottom:45px; background:#fff;}
.iproduct .hd li{ width:233.3333px; float:left; text-align:center; height:70px; padding:15px 0; position:relative;}
.iproduct .hd li .icon{ width:50px; height:40px; margin:0 auto 6px; position:relative;}
.iproduct .hd li .icon .icon1{ display:block;}
.iproduct .hd li .icon .icon2{ display:none; position:absolute; top:0; left:0;}
.iproduct .hd li .title{ font-size:18px; color:#232323; font-weight:bold; line-height:20px; border-right:1px solid #bfbfbf;}
.iproduct .hd li:last-child .title{ border-right:none;}
.iproduct .hd li i{ width:24px; height:14px; background:url(../images/pro-on.png) no-repeat center; position:absolute; top:100%; left:50%; margin-left:-12px; display:none;}
.iproduct .hd li.on{ background:#ed7401;}
.iproduct .hd li.on .icon .icon1{ display:none;}
.iproduct .hd li.on .icon .icon2{ display:block;}
.iproduct .hd li.on .title{ color:#fff;}
.iproduct .hd li.on i{ display:inline-block;}

.iproduct .bd{ overflow:hidden;}
.iproduct .bd li{ float:left; width:430px; margin-right:55px; margin-bottom:55px;}
.iproduct .bd li:nth-child(3n){ margin-right:0;}
.iproduct .bd li .img{ width:99.6%; overflow:hidden; border:1px solid #d2d2d2;}
.iproduct .bd li:hover .img{ border:1px solid #ed7401;}
.iproduct .bd li .img img{ transition: all 0.3s linear 0s;}
.iproduct .bd li:hover .img img{ transform: scale(1.1,1.1);}
.iproduct .bd li .title{ width:100%; height:60px; line-height:60px; font-size:18px; color:#000; font-weight:bold; background:#d2d2d2; text-align:center;}
.iproduct .bd li:hover .title{ background:#ed7401; color:#fff;}

.index-title{ text-align:center;}
.index-title .title{ font-size:24px; color:#ed7401; font-weight:bold; padding-bottom:10px; position:relative;}
.index-title .title i{ position:absolute; display:inline-block; background:#2b2b2b; width:50px; height:4px; bottom:0; left:50%; margin-left:-25px;}
.index-title .text{ font-size:16px; color:#2b2b2b; margin-top:10px;}

.iabout{ padding:50px 0 80px; background:url(../images/iabout-bg.png) no-repeat left bottom;}
.iabout-box{width:1400px;height:350px;margin:0px auto; position:relative; overflow:hidden;}
.iabout-box ul li{width:195px;height:350px;border-left:5px solid #fff;position:relative;overflow:hidden;float:left;}
.iabout-box ul li img{ max-width:inherit;}
.iabout-box ul li .imgTop{ position:relative; z-index:0;}
.iabout-box ul li .icon{ position:absolute; z-index:2; width:100%; height:100%; top:0; left:0; text-align:center;}
.iabout-box ul li .icon .img{ margin-top:125px;}
.iabout-box ul li .icon .title{ font-size:18px; color:#fff; font-weight:bold; margin-top:6px;}
.iabout-box ul li .text{ position:absolute; width:160px; height:60px; background:#605f5f; left:0; bottom:0; color:#fff; padding: 25px 30px; display:none;}
.iabout-box ul li .text .cn{ font-size:24px; font-weight:bold; background:url(../images/iabout-icon5.png) no-repeat 130px center;}
.iabout-box ul li:nth-child(-n+2) .text .cn{ background:url(../images/iabout-icon5.png) no-repeat 110px center;}
.iabout-box ul li .text .en{ font-size:16px; color:#d2d2d2; letter-spacing:0.8px; margin-top:6px;}
.iabout-box ul li.on .text{ display:block;}
.iabout-box ul li.first{width:800px; border-left:none;}
.iabout-box ul li.fast{position:absolute;right:0px;bottom:0px;}

.icase{ padding:60px 0 50px; background:#efefef;}
.icase-list{ margin-top:45px;}
.icase-list .box{ padding:20px; background:#fff; border:1px solid #c6c6c6; border-radius:10px; margin-bottom:70px;}
.icase-list .box .img{ overflow:hidden; height:220px; width:100%;}
.icase-list .box .img img{ height:220px; width: 100%; transition: all 0.3s linear 0s;}
.icase-list .box:hover .img img{ transform: scale(1.1,1.1);}
.icase-list .box .title{ text-align:center; color:#2b2b2b; font-weight:bold; margin:16px 0 10px; font-size:20px;}
.icase-list .box:hover .title{ color:#ed7401;}
.icase-list .box .text{ font-size:14px; color:#686868; line-height:24px; text-indent:2em; height:48px;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}
.icase-list .box .btn{ text-align:center; margin-top:60px; }

.icase-list .swiper-container-horizontal>.swiper-pagination{ bottom:0px;}
.icase-list .swiper-pagination-bullet{ width:15px; height:15px; border-radius:20px;  opacity:1; background:#2b2b2b; margin:0 10px !important;}
.icase-list .swiper-pagination-bullet-active{ background:#ed7401;  width:15px;}

.inews{ padding:70px 0 80px;}
.inews-left{ margin-top:40px;}
.inews-left .img{ width:570px; height:260px; overflow:hidden;}
.inews-left .img img{transition: all 0.3s linear 0s; height:100%; min-width: 100%; }
.inews-left:hover .img img{transform: scale(1.1,1.1);}
.inews-left .text{ width:570px; height:140px; background:#f5f4f4; position:relative;}
.inews-left .text .box{ width:464px; height:126px; background:#fff; position:absolute; top:-60px; left:50%; margin-left:-252px; padding:20px; box-shadow:0 7px 8px rgba(0,0,0,.1); transition: all 0.3s linear 0s;}
.inews-left:hover .text .box{ background:#ed7401}
.inews-left .text .title{ font-size:16px; color:#2b2b2b; border-bottom:1px dashed #dbdbdb; padding-bottom: 15px;}
.inews-left:hover .text .title{ color:#fff;}
.inews-left .text .p{ font-size:14px; color:#868686;line-height: 20px; padding-top:14px; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 18px;}
.inews-left:hover .text .p{ color:#fff;}
.inews-left .text .btn{color:#868686; font-size:12px;}
.inews-left:hover .text .btn{ color:#fff;}
.inews-left .text .btn span{ float:left;}
.inews-left .text .btn .date{ float:right;}

.inews-right{ width:760px; height:400px; background:#f3f3f3; margin-top:40px; padding:0 20px;}
.inews-right li{ padding:10px 0; border-bottom:1px dashed #dbdbdb; margin-top:15px; overflow:hidden; transition: all 0.3s linear 0s;}
.inews-right li .date{ width:74px; height:88px; text-align:center; border-right:1px dashed #d8d8d8;}
.inews-right li .date span{ color:#2b2b2b; font-size:30px; display:inline-block; margin-top: 18px; margin-bottom: 2px; font-weight:bold;}
.inews-right li:hover .date span{ color:#ed7401;}
.inews-right li .date p{ font-size:12px; color:#797979; text-align:center;}
.inews-right li .text{ width: 650px; padding: 0 10px 0 20px;}
.inews-right li .text .title{ font-size:16px; color:#2b2b2b; padding: 4px 0 6px;}
.inews-right li:hover .text .title{ color:#ed7401;}
.inews-right li .text .p{ font-size:14px; color:#868686; line-height:20px; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.footer{ background:#464545;}
.footer .link{ text-align:right; padding:26px 0; border-bottom:1px solid #7f7f7f;}
.footer .link .link-box{ display:inline-block; text-align:left; color:#b2b2b2; font-size:16px; line-height:30px;}
.footer .link .link-box span{ display:inline-block; background:url(../images/link.png) no-repeat center left; padding-left:40px; color:#fff;}
.footer .link .link-box a{ color:#b2b2b2; font-size:16px; display:inline-block; margin:0 4px;}
.footer .link .link-box a:hover{ color:#ed7401;}

.footer-box{ padding-top:40px; overflow:hidden; padding-bottom:34px;}
.footer-box dl{ float:left; padding:0 65px; border-right:1px solid #7f7f7f; height:265px;}
.footer-box dl:first-child{ padding-left:0;}
.footer-box dt{ margin-bottom:10px;}
.footer-box dt a{ font-size:18px; font-weight:bold; color:#fff;}
.footer-box dd{ font-size:16px; color:#b2b2b2; line-height:24px; padding:2px 0;}
.footer-box dd a{  font-size:16px; color:#b2b2b2;}
.footer-box dd a:hover{ color:#ed7401;}
.footer-box .wx{ float:right;}
.footer-box .wx .title{ font-size:18px; font-weight:bold; color:#fff; margin-bottom:14px;}
.footer-box .wx li{ float:left; margin-left:30px;}
.footer-box .wx li:first-child{ margin-left:0;}
.footer-box .wx li .img{ width:100px; height:100px;}
.footer-box .wx li .p{ text-align:center; font-size:16px; color:#b2b2b2; margin-top:6px;}

.footer-copy{ background:#383838; font-size:14px; color:#b2b2b2; height:70px; line-height:70px;} 
.footer-copy a{ font-size:14px; color:#b2b2b2;}

/*xf css*/
.main-im{ position:fixed; right: 10px; top:36%; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 142px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -96px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 114px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 112px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:6px auto; text-align:center; font-size:12px;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 143px; background: url(../images/open_im.png) no-repeat left top; }
.main-im .back{ width:40px; height:40px; margin-top:15px;     margin-left: 68px;}


/*******************内页************************/
.page-banner{ height:400px; margin-top:100px; text-align:center;}
.page-banner .title{ font-size:32px; color:#fff; font-weight:bold; padding: 11% 0 1%;}
.page-banner .text{ font-size:18px; color:#fff;}

.mbx{ font-size:16px; color:#333; padding:24px 0;}
.mbx *{ font-size:16px; color:#333;}
.mbx a{ display:inline-block; margin:0 5px;}
.mbx a:hover{ color:#ed7401;}

.case-nav{ text-align:center; height:40px; margin:6px 0 50px; position:relative; z-index:1;}
.case-nav ul{ display:inline-block;}
.case-nav li{ float:left; width:150px; height:40px; line-height:40px;  margin:0 20px; position:relative; z-index:999;}
.case-nav li>a{ background:#f0f0f0;  display:inline-block; width:100%; height:40px; border-radius:20px; color:#333;}
.case-nav li:hover>a, .case-nav li.on>a{ background:#ed7401; color:#fff;}
.case-nav li dl{ position:absolute; top:40px; background:#fff;box-shadow: 0 8px 10px rgba(51,51,51,.37);  line-height: 30px; text-align:center; font-size:14px; display:none; border-radius:4px; overflow:hidden; padding-top:10px;}
.case-nav li:hover dl{ display:flex;}
.case-nav li dd{ float:left;  width:120px; margin:0 10px;}
.case-nav li dd a{ display:inline-block; width:100%; height:100%; padding:10px 0;}
.case-nav li dd:hover a{ background:#ed7401; color:#fff;}

.case-list{ overflow:hidden; position:relative; z-index:0;}
.case-list li{ width:33.33333%; float:left; margin-bottom:40px; display:table;}
.case-list li a{ display:inline-block; padding:0 20px;}
.case-list li .img{ position:relative; overflow:hidden; height: 325px; width:100%; }
.case-list li .img img{ transition: all 0.3s linear 0s; width:100%;}
.case-list li:hover .img img{ transform: scale(1.1,1.1);}
.case-list li .title{ position:absolute; width:100%; line-height:50px; font-size:16px; color:#fff; text-align:center; z-index:1; background:rgba(51,51,51,.7); bottom:0; left:0;}
.case-list li:hover .title{ color:#ed7401;}

.pager-list{ text-align:center; margin-top:30px; margin-bottom:60px;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 10px; }
.pager-list li>*{ display:inline-block; font-size:14px; color:#000; height:30px; line-height:30px; padding:0 10px; border:1px solid #c2c2c2; border-radius:2px; }
.pager-list li.active>*, .pager-list li a:hover{ background:#ed7401; color:#fff;}
.pager-list li.disabled>*{ cursor:auto; background:#fff; color:#ccc;}

.case-con{}
.case-con .title{ padding-bottom:20px; border-bottom:1px solid #c2c2c2; text-align:center; font-size:22px; color:#000;}
.case-con .text{ font-size:14px; color:#333; line-height:1.75em; padding:30px 0;}

.tj-pro{ overflow:hidden; margin-top:10px;}
.tj-pro .tj-title{ font-size:20px; color:#333; margin-bottom:20px; font-weight:bold;}
.tj-pro .box{ position:relative;}
.tj-pro .bd{ width:1256px; margin:0 auto; overflow:hidden;}
.tj-pro .bd li{ width:380px; float:left; margin-bottom:40px; margin-right:58px;}
.tj-pro .bd li a{ display:inline-block;}
.tj-pro .bd li .img{ position:relative; overflow:hidden; }
.tj-pro .bd li .img img{ transition: all 0.3s linear 0s; width:100%;}
.tj-pro .bd li:hover .img img{ transform: scale(1.1,1.1);}
.tj-pro .bd li p{ font-size:16px; color:#333; text-align:center; font-weight:bold; margin-top:20px;}
.tj-pro .bd li p:hover{ color:#ed7401;}
.tj-pro .hd a{ display:inline-block; position:absolute; top:37%; margin-top:-22px; width:25px; height:44px;}
.tj-pro .hd a.prev{ background:url(../images/pro-Cbottom-prev.png) no-repeat center; left:0;}
.tj-pro .hd a.next{ background:url(../images/pro-Cbottom-next.png) no-repeat center; right:0;}

.ty-left{ float:left; margin-top:60px; width:285px;}
.ty-left .ty-top{ font-size:28px; color:#fff; background:url(../images/ty-icon4.png) no-repeat 50px center #ed7401; height:55px; line-height:55px; text-align:center; text-indent:40px; font-weight:bold;}
.ty-left .ty-nav{ width:283px; border:1px solid #959595; border-top:none; margin-bottom:20px;}
.ty-left .ty-nav li>a{ width:100%; display:inline-block; height:52px; font-size:18px; color:#333; font-weight:bold; line-height:52px; text-indent:16px; border-bottom:1px dashed #989898; background:url(../images/ty-icon1.png) no-repeat 240px center;}
.ty-left .ty-nav li{ margin-bottom:-1px;}
.ty-left .ty-nav li dl{ display:none;}
.ty-left .ty-nav li.on dl{ display:block;}
.ty-left .ty-nav li dd{ border-bottom:1px dashed #989898;}
.ty-left .ty-nav li dd a{ width:100%; display:inline-block; font-size:16px; color:#333; line-height:48px; text-indent:38px;}
.ty-left .ty-nav li.on>a{ color:#ed7401; background:url(../images/ty-icon2.png) no-repeat 240px center; border-bottom:1px dashed #989898; }
.ty-left .ty-nav li:hover>a{ color:#ed7401;}
.ty-left .ty-nav li dd:hover a, .ty-left .ty-nav li dd.on a{ color:#ed7401;}

.ty-contact{ padding:16px; border:1px solid #959595;}
.ty-contact .img{ margin-bottom:10px;}
.ty-contact .tel{ background:url(../images/ty-icon3.png) no-repeat 0 10px; padding-left:60px;}
.ty-contact .tel span{ font-size:18px; color:#333; font-weight:bold;}
.ty-contact .tel p{ font-size:26px; color:#333; font-family:Impact; letter-spacing:.8px;     line-height: 26px;}
.ty-contact .tel p:nth-child(2){ letter-spacing: 2.8px;  margin-top: 2px;}

.ty-right{ float:right; width:1080px; margin-top:60px;}
.ty-right .mbx{ padding:20px 0;}

.product-list{ margin:0 -15px; display:block; overflow: hidden;}
.product-list li{ width:33.33333%; float:left; margin-bottom:15px; display:table;}
.product-list li:nth-child(3n-2){ clear: left;}
.product-list li a{ display:inline-block; padding:0 15px; width:92% }
.product-list li .img{ position:relative; overflow:hidden; border:1px solid #959595; border-bottom:5px solid #ed7401;}
.product-list li .img img{ transition: all 0.3s linear 0s; width:100%;}
.product-list li:hover .img img{ transform: scale(1.1,1.1);}
.product-list li .title{ font-size:18px; color:#333; text-align:center; margin-top:10px;}
.product-list li .title:hover{ color:#ed7401;}

.about-video{ height:450px; margin-bottom:20px;}
.about-text{ margin-bottom:60px;}
.about-text .title{ font-size:20px; color:#ed7401; margin-bottom:6px;}
.about-text .text{ font-size:16px; color:#555; line-height:1.75em;}

.news-nav{ text-align:center; height:40px; overflow:hidden; margin:6px 0 50px;}
.news-nav ul{ display:inline-block;}
.news-nav li{ float:left; width:200px; height:40px; line-height:40px;  margin:0 20px;}
.news-nav li a{ background:#f0f0f0;  display:inline-block; width:100%; height:40px; border-radius:20px; color:#333;}
.news-nav li:hover a, .news-nav li.on a{ background:#ed7401; color:#fff;}

.news-list{ overflow:hidden; margin:-20px 0;}
.news-list li{ padding:20px 18px; background:#f0f0f0; overflow:hidden; margin:40px 0;}
.news-list li .img{ width:300px; height:160px; float:left; overflow:hidden;}
.news-list li .text{ width:1020px; float:right; position:relative;}
.news-list li .text .title{ font-size:18px; color:#555; margin:30px 0 26px;}
.news-list li .text .title span{ font-size:20px; color:#555; font-weight:bold; float:right; margin-right:20px;}
.news-list li .text .p{ font-size:14px; color:#898787; line-height:30px; width:800px;     text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}
.news-list li .more{ position:absolute; width:98px; height:28px; line-height:28px; border:1px solid #c2c2c2; color:#898787; border-radius:30px; font-size:14px; text-align:center; top: 95px;  right:26px;}
.news-list li .more:hover{ color:#fff; background:#ed7401; border:1px solid #ed7401;}
.news-list li:hover .text .title{ color:#ed7401;}
.news-list li .img img{ transition: all 0.3s linear 0s; width:100%; height:100%;}
.news-list li:hover .img img{ transform: scale(1.1,1.1);}

.news-con{ margin-bottom:60px;}
.news-con .title{ font-size:22px; color:#000; text-align:center;}
.news-con .bq{ text-align:center; padding:20px 0; border-bottom:1px solid #c2c2c2;}
.news-con .bq span{ font-size:14px; color:#969696; padding-left:30px; display:inline-block; margin:0 20px; line-height:22px;}
.news-con .bq .sj{ background:url(../images/news-icon1.png) no-repeat center left;}
.news-con .bq .ly{ background:url(../images/news-icon2.png) no-repeat center left;}
.news-con .bq .ll{ background:url(../images/news-icon3.png) no-repeat center left;}
.news-con .text{ padding:30px 0; font-size:16px; color:#333; line-height: 32px;}
.content{ font-size:16px; color:#333; line-height: 32px;}
.news-con .text p{ margin-bottom: 10px; }
.news-con .text table{ margin:10px auto; }
.news-con .text p+p{ margin-top: 1em; }

.pager{ padding:10px 25px; background:#efefef; font-size:14px; color:#333;}
.pager div{ line-height:40px;}
.pager .prev{ border-bottom:1px dashed #d8d8d8;}
.pager a{ font-size:14px; color:#333;}
.pager a:hover{ color:#ed7401; text-decoration:underline;}

.pro-left{ float:left; width:650px;}
.pro-left .bd{ border:1px solid #d8d8d8; border-bottom:5px solid #ed7401;}
.pro-left .pro-left-bottom{ margin-top:20px; position:relative;}
.pro-left .pro-left-bottom ul{ display:inline-block; width:560px; padding:0 45px; overflow:hidden;}
.pro-left .pro-left-bottom li{ width:118px; height:98px;  float:left; margin:0 11px}
.pro-left .pro-left-bottom li img{ border:1px solid #d8d8d8;}
.pro-left .pro-left-bottom li.on img{ border:1px solid #ed7401;}
.pro-left .pro-left-bottom a{ position:absolute; display:inline-block; width: 43px;    height: 97px;    top: 0px;}
.pro-left .pro-left-bottom .prev{ background:url(../images/pro-con-prev.png) no-repeat center left #fff; left:0;}
.pro-left .pro-left-bottom .next{ background:url(../images/pro-con-next.png) no-repeat center right #fff; right:0;}

.pro-right{ width:712px; float:right;}
.pro-right .title{ font-size:40px; color:#ed7401; font-weight:bold; padding-bottom:20px; border-bottom:1px solid #d8d8d8;}
.pro-right .other{ font-size:16px; color:#333; line-height:30px; padding:20px 0; border-bottom:1px solid #d8d8d8;}
.pro-right .bc{ font-size:16px; color:#333; line-height:30px; padding:20px 0;}
.pro-right .bc span{ font-weight:bold;}

.pro-content{ margin-top:88px; margin-bottom:30px;}
.pro-content .hd{ border-bottom:1px solid #d9d9d9; padding-left:1px; overflow:hidden; }
.pro-content .hd li{ width:168px; height:48px; text-align:center; line-height:48px; color:#ed7401; border:1px solid #d9d9d9; margin-left:-1px; float:left; margin-bottom:-1px;}
.pro-content .hd li.on{ background:#ed7401; color:#fff;}
.pro-content .bd{ font-size:14px; color:#333; line-height:30px; padding:20px 0;}
.pro-content .bd ul{ overflow:hidden;}

.contact-con{ background:url(../images/contact-line.png) no-repeat top left; padding-top:28px; position:relative; margin-bottom:80px;}
.contact-con .title{ font-size:16px; color:#333; font-weight:bold; margin-bottom:18px;}
.contact-con .qq{ margin-bottom:26px;}
.contact-con .qq a{ display:inline-block; margin-right:16px;}
.contact-con .wx{ position:absolute; right:26px; top:26px;}
.contact-con .wx p{ width:100%; font-size:16px; font-weight:bold; text-align:center; color:#333; margin-top:10px;}
.contact-con li{ font-size:14px; color:#333;  padding-left:40px; line-height:26px; margin:8px 0;}
.contact-con li.dz{ background:url(../images/contact-icon1.png) no-repeat 0 2px;}
.contact-con li.dh{ background:url(../images/contact-icon2.png) no-repeat 0 2px;}
.contact-con li.yx{ background:url(../images/contact-icon3.png) no-repeat 0 2px;}
.contact-con li.yb{ background:url(../images/contact-icon4.png) no-repeat 0 2px;}
.contact-con li.fs{ background:url(../images/contact-icon5.png) no-repeat 0 2px;}
.contact-con .map{ height:400px; margin-top:40px;}
.contact-con .map-text{ font-size:14px; color:#999; margin:10px 0;}


@media (max-width: 1440px) {
	.container{ width:1200px;}
	.header .logo{ margin-right:42px;}
	.header .nav li{ padding:0 4px;}
	.header .nav .nav-box .nav-js{padding: 28px 30px 0;}
	.header .nav .nav-box .nav-img{width: 236px;  padding: 28px 20px;}
	
	.iproduct .hd li{  width: 200px;}
	.iproduct .bd li{  width: 363px;}
	
	.iabout-box{ width:1200px;}
	
	.iabout-box ul li.first{ width:600px;}
	
	.inews-right{ width: 595px;}
	.inews-right li .text{ width: 490px;}
	
	.inews-left .img{ width:550px;}
	.inews-left .img img{ height:100%;}
	.inews-left .text{ width:550px;}
	
	.footer-box dl{ padding: 0px 38px;}
	
	.page-banner .title{ padding:13% 0 1%;}
	
	.ty-right{ width:880px;}
	
	.news-list li .text{ width:830px;}
	.news-list li .text .p{ width:650px;}
	
	.pro-right{ width:500px;}
	
	.tj-pro .bd{ width:1100px; margin:0 auto; overflow:hidden;}
	.tj-pro .bd li{ width:350px; float:left; margin-bottom:40px; margin-right:30px;}
}