@charset "utf-8";
/*=========== public CSS ===========*/
*,::before,::after{ margin:0; padding:0; box-sizing:border-box;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img{ margin:0; padding:0;} 
body{ font-family:"Heiti SC","Microsoft YaHei","微软雅黑"; color:#333; font-size: 16px; line-height: 26px; margin:0 auto; overflow-x: hidden; background-color:#FFF;min-width: 1024px;}
input,select,textarea,button{ outline:none;} /*去掉默认蓝边框*/
input, button{ border-radius:0; outline:none; border: none; -webkit-appearance:none;} /*清除ios默认圆角*/
input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; outline:none;}
textarea { resize :none; outline:none; border: none;} /*去掉提交框右下角箭头*/
table{ border-collapse: separate;} /*边线重叠*/
fieldset,img{ max-width: 100%; border:0 none; vertical-align:middle;}
ul,li{list-style:none;}
em,i{ font-style: normal;}
a{ color:#333; text-decoration:none; outline:none; cursor:pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}

a:hover, a:active, a:link, a:visited{ text-decoration:none;}
.clearfix:after{ content:" "; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
.fl{ float: left;}
.fr{ float: right;}
.box{ max-width: 1400px; margin: 0 auto;}

.head{ position: relative; width: 100%; height: 90px; line-height: 90px;}
.logo{ position: relative; float: left; width: 26%; height: 90px; text-align: right;background-color: #FF8000; /*background: url(../newimg/head-bg01.png) #FF8000 no-repeat right center;*/}
.logo a{ display: inline-block; margin-right: 65px;}
.tel{ position: relative; float: right; width: 26%; height: 90px;background-color: #393B45; /*background: url(../newimg/head-bg02.png) #393B45 no-repeat left center;*/}
.tel p{ color: #FFF; font-size: 14px; line-height: 24px; margin-top: 21px; padding-left: 100px; background: url(../newimg/tel.png) no-repeat 65px center;}
.tel p span{ font-size: 16px;}
.tel p strong{ font-size: 20px;}
.nav{ float: left; width:48%;}
.nav li{ float: left; width:14.2%; text-align: center; font-size: 16px;}
.nav li a{ display: block; color: #333;}
.nav li.select a, .nav li a:hover { color: #FF8000;}

/* right fixed */
.right-fixed{ position: fixed; right: 20px; top: 46%;z-index: 9999; transform: translateZ(100px); }
.fixed-box{ font-size: 16px; width: 80px; text-align: center; border: 1px solid #EEEEEE\0; background-color: #FFF; border-radius: 10px;  -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1);}
.fixed-box a{ display: block; color:#333; }
.fixed-box li{ position: relative; text-align:center; height: 99px; font-size: 14px; cursor: pointer;}
.fixed-box li::after{ content: ''; display: block; position: absolute; bottom: -1px; left: 10px; width: 60px; height: 1px; background-color: #EEE;}
.fixed-box li:last-child::after{ display: none;}
.fixed-box li img{ display: block; padding-top: 15px; margin:0 auto 5px;}
.fixed-box li .fix-hide{ display: none;}
.fix-tel{ position: absolute; top: 0; right: 10px; width: 160px; width: 148px\0; padding: 6px; background: url(../newimg/fix-side.png) no-repeat #FFF top center; border-radius: 10px; -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1); opacity: 0; filter: alpha(opacity=0); z-index: -1;}
.fix-tel::before{ content: ''; display: block; position: absolute; right: -9px; top: 50%; margin-top: -7px; width: 10px; height: 14px; background: url(../newimg/fix-arrow.png) no-repeat center;}
.fix-tel::after{ content: ''; display: block; position: absolute; right: -9px; top: 0; width: 10px; height: 100%; }
.fix-tel p{ display: block; color: #FF8000; font-size: 16px; font-weight: bold; line-height: 1.5;}
.fix-code{ clear: both; overflow: hidden;}
.fixed-box li .fix-code img{ float: left; width: 50px; padding-top: 10px;}
.fix-code span{ float: left; padding-top: 16px; margin-left: 6px; text-align: center; font-size: 12px;}
.fix-code span i{ display: block; font-style: italic; color: #FF8000; font-size: 14px; font-weight: bold; line-height: 1.2;}
.fixed-box li:hover a{ color:#FF8000;}

.fixed-box li.fix-click:hover {
    background: #FA8A06;
    background: -moz-linear-gradient(top, #FF5C59 0, #FA8A06 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0, #FF5C59), color-stop(100%, #FA8A06));
    background: -webkit-linear-gradient(top, #FF5C59 0, #FA8A06 100%);
    background: -o-linear-gradient(top, #FF5C59 0, #FA8A06 100%);
    background: -ms-linear-gradient(top, #FF5C59 0, #FA8A06 100%);
    background: -webkit-gradient(linear, top left, bottom left, from(#FF5C59), to(#FA8A06));
    background: -webkit-gradient(linear, top left, bottom left, color-stop(0, #FF5C59), to(#FA8A06));
    background: linear-gradient(to bottom, #FF5C59 0, #FA8A06 100%);
    padding-top: 0px;
}
.fixed-box li.fix-click:hover .fix-show{ display: none;}
.fixed-box li.fix-click:hover .fix-hide{ display: block;}
.fixed-box li.fix-click:hover{ color: #FFF;}
.fixed-box li.fix-click:hover span{ color: #333;}
.fixed-box li.fix-click:hover .fix-tel{ right:92px; transition: all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; opacity: 1; filter: alpha(opacity=100); }

.return_top{ font-size: 16px; width: 80px; height: 70px; height: 70px\0; height: 38px\9; border: 1px solid #EEEEEE\0; padding: 16px 0; text-align: center; margin-top: 10px; background-color: #FFF; border-radius: 10px; box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1); cursor: pointer; display: none;}
.return_top img{ display: block; margin:0 auto;}
/* IE9+ */
@media all and (min-width:0) {
    .return_top{
        height: 70px\9;
    }
}

/* slick */
.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;zoom:1}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:-10px;padding:0;border:none;outline:0}
.slick-next:focus,.slick-prev:focus{outline:0}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
.slick-prev:before{content:"\2190"}
.slick-next{right:-25px}
.slick-next:before{content:"\2192"}
.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:0;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:focus{outline:0}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"\2022";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75}

/* banner */
.banner-slider{ position: relative; padding-top: 28.65%;}
.banner-slider.slick-slider{ padding-top: 0;}
.banner-slider .slick-dots{ bottom:30px;}
.banner-slider .slick-dots li{ width: auto; height:10px; margin:0 6px;}
.banner-slider .slick-dots li button:before{ display: none;}
.banner-slider .slick-dots li button{ width: 10px; height:10px; cursor: pointer; border-radius: 4px; border: 2px solid #F5F5F5; transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}
.banner-slider .slick-dots li.slick-active button{ opacity: 1; width:36px; border-color: #F7AC1B; background-color: #F7AC1B;}
.banner-slider .ban-con img{ display: block; width: 100%; z-index: 1;}
.banner-slider img{ position: absolute; left: 0; top: 0; width: 100%; }
.banner-slider.slick-slider img{ position: relative;}
.banner-slider .slick-prev:before, .banner-slider .slick-next:before { content: ''; filter:alpha(opacity=80); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.banner-slider .slick-prev { left: 25px; background: url(../newimg/ban-fl.png) no-repeat; background-size:100% 100%; width: 40px; height: 80px; margin-top: -40px;}
.banner-slider .slick-next { right: 25px; background: url(../newimg/ban-fr.png) no-repeat; background-size:100% 100%; width: 40px; height: 80px;margin-top: -40px;}
.banner-slider .slick-prev, .banner-slider .slick-next{ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.banner-slider:hover .slick-prev, .banner-slider:hover .slick-next{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.index-type{ margin-top: 40px;}
.main-tit{ width: 80%; margin: 0 auto;}
.main-tit h1{ color: #333; font-size: 36px; text-align: center; line-height: 1.1;}
.main-tit p{ color: #333; font-size: 16px; text-align: center; line-height: 30px; margin: 20px 0 30px;}
.index-type ul{ position: relative;}
.index-type ul:before{ content: ''; position: absolute; left: 92px; top: -190px; width: 20px; height: 190px; background: url(../newimg/type-line.png) no-repeat center;}
.index-type ul:after{ content: ''; position: absolute; right: 92px; top: -190px; width: 20px; height: 190px; background: url(../newimg/type-line.png) no-repeat center;}.index-type li{ float: left; width: 14.5%; height: 254px; text-align: center; margin-right: 2.6%; margin-right: 2.1%\0; background: url(../newimg/type-bg.png) no-repeat center;}
.index-type li:last-child{ margin-right: 0;}
.index-type li img{ margin: 16px auto; transition:all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.index-type li:hover a{ color: #FF8000;}
.index-type li:hover a img{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px);}
.index-type li p a{ display: block; color: #333; font-size: 20px; font-weight: bold;}
.index-type li p a:hover{ color: #FF8000;}

.index-hots{ margin-top: 60px; background: url(../newimg/bg.jpg) no-repeat right center;}
.index-hot{ padding: 50px 0 130px 13.2%; background: url(../newimg/hot-bg.png) no-repeat left top;background-size: contain;}
.index-tit{ text-align: center;}

.index-hot .index-tit{ text-align: left;}
.index-tit h2{ position: relative; display: inline-block; font-size: 36px; line-height: 58px; padding-bottom: 20px;}
.index-tit h2:before{ content: ''; position: absolute; left: 0; bottom:2px; width: 100%; height: 2px; background-color: #FF8000;}
.index-tit h2:after{ content: ''; position: absolute; left: 0; bottom:0; width: 58px; height: 7px; border-radius: 2px; background-color: #FF8000;}
.index-tit h2 a{ color: #333;}
.index-tit h2 b{ display: inline-block; color: #FFF; width: 58px; height: 58px; border-radius: 50%; text-align: center; margin-right: 5px; background-color: #FF8000;}
.index-tit .tit-more{ float: right; width: 46px; height: 46px; margin-top: 8px; background: url(../newimg/tit-arrow01.jpg) no-repeat left center;}
.index-tit .tit-more:hover{ background: url(../newimg/tit-arrow02.jpg) no-repeat left center;}

.index-hot .index-tit h2{ position: relative; display: inline-block; font-size: 38px; line-height: 58px; padding-bottom: 20px;}
.index-hot .index-tit h2:before{ content: ''; position: absolute; left: 0; bottom:2px; width: 100%; height: 2px; background-color: #9C9DA2;}
.index-hot .index-tit h2:after{ content: ''; position: absolute; left: 0; bottom:0; width: 58px; height: 7px; border-radius: 2px; background-color: #FFF;}
.index-hot .index-tit h2 a{ color: #FF8000;}
.index-hot .index-tit h2 b{ display: inline-block; color: #FF8000; width: 58px; height: 58px; border-radius: 50%; text-align: center; margin-right: 5px; background-color: #FFF;}

.hot-slider{ margin-top: 34px;}
.hot-txt{ display: block; color: #FFF; font-size: 18px; font-weight: bold; width: 40%; height: 55px; text-align: center; line-height: 55px; margin-left: 26%; border-radius: 0 0 30px 30px; background-color: #FF8000;}
.hot-slider .slick-prev{ position: absolute; left: 0; top: auto; bottom: -80px; width: 48px; height: 48px; background: url(../newimg/tab-arrow05.png) no-repeat center;}
.hot-slider .slick-next{ position: absolute; left: 60px; top: auto; bottom: -80px; width: 48px; height: 48px; background: url(../newimg/tab-arrow06.png) no-repeat center;}
.hot-slider .slick-prev:hover{ background: url(../newimg/tab-arrow07.png) no-repeat center;}
.hot-slider .slick-next:hover{ background: url(../newimg/tab-arrow08.png) no-repeat center;}
.hot-slider .slick-prev:before, .hot-slider .slick-next:before{ content: '';}
.hot-pic{ outline: none;}
.hot-pic img{ display: block; width: 100%;}
.hot-pic{ position: relative; clear: both; overflow: hidden; display: block; margin-right: 6%;}
.hot-pic i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../newimg/hot-select.png) rgba(255, 128, 0, 0.8) no-repeat center; background: none\0; transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; -o-transition: all 0.25s;-moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.hot-slider .hot-pic:hover i { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.hot-slider .hot-show{ float: left; width: 25%;}

.index-case{ margin-top: 60px;}
.case-show{ position: relative; margin-top: 34px;}
.case-show .case-fl{ position: absolute; left: 4%; top: 50%; margin-top: -80px;}
.case-show .case-fr{ position: absolute; right: 4%; top: 50%; margin-top: -80px;}
.case-pic{ float: left; width: 63%; margin-right: 2%; min-height: 100px;}
.case-name{ float: left; width: 30%; margin-top: 30px;}
.case-name li{ position: relative; margin-top: 12px; padding-top: 12px\0; margin-top: 0\0;}
.case-name li h3 a{ color: #333; font-size: 24px; font-weight: normal;}
.case-name li.active h3 a{ color: #333; font-size: 28px; font-weight: bold;}
.case-name li.active{padding-bottom: 35px;}
.case-name li .case-line{ position: absolute; bottom: 20px; left: -320px; width: 0; height: 2px; background: #FF8000; opacity: 0; filter: alpha(opacity=0); z-index: -2;}
.case-name li.active .case-line{ opacity: 1; transition: all .3s ease .3s; -webkit-transition:all .3s ease .3s; -moz-transition:all .3s ease .3s; -o-transition:all .3s ease .3s; filter: alpha(opacity=100); left: -150px; width: 200px;}
.name-info{ display: none; margin-top: 20px;}
.name-info p{ color: #333; font-size: 16px; line-height: 28px; margin-bottom: 20px;}
.name-info p img{ width: 20px; height: 20px; vertical-align: middle; margin-top: -2px; margin-right: 10px;}

.case-slider{position: relative;}
.case-slider .slick-prev:before, .case-slider .slick-next:before{ content: '';}
.paging{ position: absolute; bottom: 0;right: 15%; font-size: 20px; color: #333;margin-top: 40px;}
.paging .cur{ position: absolute; top: -30px; right: 30px; color: #FF8000; font-size: 30px;}
.paging .sep{ position: absolute; top: -12px; left: -15px; width: 24px; height: 24px; background: url(../newimg/page-line.png) no-repeat;}
.case-slider .slick-prev{ position: absolute; left: auto; top: auto; bottom: 0; right:53px; width: 53px; height: 36px; background: url(../newimg/tab-arrow03.png) no-repeat center;}
.case-slider .slick-next{ position: absolute; left: auto; top: auto; bottom: 0; right:0; width: 53px; height: 36px; background: url(../newimg/tab-arrow04.png) no-repeat center;}
.case-slider .case-con img{display: block;width: 100%;z-index: 1;}
.case-slider img{ position: absolute;left: 0;top: 0;width: 100%;}
.case-slider.slick-slider img{ position: relative;}

.index-pro{ margin-top: 60px;}
.pro-show{ width: 100%; padding-top: 60px; margin-top: 34px;}
.pro-show01{ background: url(../newimg/pro-bg01.jpg) no-repeat center bottom; background-size: cover;}
.pro-show02{ background: url(../newimg/pro-bg02.jpg) no-repeat center bottom; background-size: cover;}
.pro-show03{ background: url(../newimg/pro-bg03.jpg) no-repeat center bottom; background-size: cover;}
.pro-show04{ background: url(../newimg/pro-bg04.jpg) no-repeat center bottom; background-size: cover;}
.pro-show05{ background: url(../newimg/pro-bg05.jpg) no-repeat center bottom; background-size: cover;}
.pro-show .pros{ width: 1460px; margin: 0 auto;}
.pro-show, .pros{ outline: none;}
.pro-info{ float: left; width: 720px;}
.pro-pic{ float: left; }
.pro-info h3{ margin-left: 35px;}
.pro-info h3 a{ color: #FF8000; font-size: 30px;}
.pro-info ul{ clear: both; overflow: hidden; padding: 50px 0 50px 35px; background: url(../newimg/pro-bg.png) no-repeat left top;}
.pro-info ul li{ float: left; width: 23%; width: 20%\0; padding-left: 12px; margin-left: 2%; background: url(../newimg/pro-line.jpg) no-repeat left center;}
.pro-info ul li a{ display: inline-block; color: #FFF; font-size: 16px; line-height: 24px; margin: 15px 0;}
.pro-info ul li a:hover{ color: #FF8000;}
.pro-slider{ outline: none;}
.pro-slider .slick-prev{ position: absolute; left: 14%; top: auto; bottom: 60px; width: 48px; height: 48px; background: url(../newimg/tab-arrow01.png) no-repeat center; z-index: 20;}
.pro-slider .slick-next{ position: absolute; left: calc(14% + 60px); left:-webkit-calc(14% + 60px); left:-moz-calc(14% + 60px); left:17%\0; top: auto; bottom: 60px; width: 48px; height: 48px; background: url(../newimg/tab-arrow02.png) no-repeat center;}
.pro-slider .slick-prev:before, .pro-slider .slick-next:before{ content: '';}

.index-news{ margin-top: 60px;}
.news-box{ width: 48.5%;}
.news-box .index-tit{ text-align: left;}
.index-news ul{ margin-top: 55px;}
.index-news li{ margin-bottom: 10px; border: 1px solid #EEE;}
.index-news li:last-child{ margin-bottom: 0;}
.index-news .news-name{ clear: both; overflow: hidden; line-height: 68px; border-bottom: 1px solid #EEE;}

.news-name i{ float: left; width:13%; height:100%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; background:url(../newimg/news-arrow01.png) #F8F8F8 no-repeat center;}
.news-name a { float:left; color: #333; font-size:18px; font-weight:bold; width:72%; width:66%\0; height:100%; padding:0 3%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news-name span { float:right; color: #999; font-size:16px; width:15%; font-family:Arial;}
.index-news .news-font{ height:0; overflow:hidden; margin-top: -1px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease;}
.news-font a{ display: block; color: #666; font-size: 16px; margin:20px 30px; line-height:30px; height: 60px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.index-news li.select .news-name i { background:url(../newimg/news-arrow02.png) #FF8000 no-repeat center;}
.index-news li.select .news-font { height:100px;}
.index-news li:hover .news-name span{ color: #FF8000;}
.index-news li:hover .news-font a{ color: #FF8000;}

.index-about{ margin-top: 150px;}
.about-dot{ position: relative; padding: 70px 0; padding-top: 68px\0; background:url(../newimg/about-bg01.jpg) no-repeat top center; background-size: cover;}
.about-dot span{ position: absolute; bottom: 0; right: 120px;}
.about-dot ul{ width:80%;}
.about-dot ul li{ float: left; color: #FFF; width: 18%; margin-right: 9%; margin-right: 7%\0; text-align: center; line-height: 1;}
.about-dot ul li:last-child{ margin-right: 0;}
.about-dot ul li img{ display: block; margin: 0 auto;}
.about-dot ul li b{ display: block; font-family: Impact; font-size: 50px; margin: 28px auto 20px;}
.about-dot ul li p{ font-size: 16px;}
.about-base{ background:url(../newimg/about-bg02.jpg) #F4F4F6 no-repeat top right;}
.about-base img { display: inline-block; vertical-align: middle; width: 43%;}
.base-info{ display: inline-block; vertical-align: middle; width: 42%; margin-left: 2%; line-height: 1;}
.base-info b{ color: #FF8000; font-size: 16px;}
.base-info h2{ color: #333; font-size: 34px; margin: 20px 0 30px;}
.base-info p{ color: #666; font-size: 16px; line-height: 30px;}
.more-btn{ float: right; margin-top: 30px;}
.more-btn a{ display: inline-block; color: #FFF; font-size: 16px; height: 46px; line-height: 46px; padding: 0 25px; background-color: #FF8000;}
.more-btn a:hover{ font-weight: bold;}
.more-btn a.btn-ico{ width: 46px; padding: 0; background: url(../newimg/tit-arrow02.jpg) no-repeat left center;}

.link{ margin-top: 20px; margin-bottom: 10px;}
.link-tit{ line-height: 30px; padding: 10px 0; border-bottom: 1px solid #CCC;}
.link-tit span{ font-size: 14px;}
.link-tit span strong{ font-size: 16px;}
.link-tit a{ float: right; color: #FF8000; font-size: 14px; line-height: 30px; padding: 0 15px; border-radius: 3px; border: 1px solid #BBB;}
.link-tit a:hover{ border: 1px solid #FF8000;}
.link p{ font-size: 14px; line-height: 30px; margin: 20px 0;}
.link p a{ color: #666; width: auto; padding-right: 30px; white-space: nowrap;}
.link p a:hover{ color: #FF8000;}
.copyright{ width: 100%; text-align: center; background-color: #333;}
.copyright p{ color: #FFF; font-size: 14px; line-height: 30px; padding: 7px 0;}
.copyright p a{ color: #FF8000; margin-left: 20px;}
.copyright p a:hover{ text-decoration: underline;}

/* about style */
.main-ban{ position: relative; width: 100%;}
.main-ban img{ width: 100%;}
.ban-nav{ position: absolute; bottom: 0; left: 50%;right:0; margin-left: -700px; height: 64px; line-height: 64px; font-size: 16px; color: #FFF; background-color:rgba(0,0,0,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);}
.ban-nav .box{ margin-left: 0;}
.main-name{ position: absolute; top: -5px; left: -10px; line-height: 1; width: 177px; height: 195px;background:url(../newimg/name-bg.png) no-repeat;}
.main-name .name-line{ display: block; width: 1px; height: 36px; margin: 25px auto 35px;}
.main-name .name-line .lines{ display: block; width: 100%; height: 100%; background-color: #FFF; animation: lin 1.5s ease .5s infinite;}
@keyframes lin{
	0%{height: 0;}
	100%{height:100%;}
}
.main-name h3,.main-name strong{ font-size: 22px; margin-left: 44px;}/*text-align: center;*/
.position{ float: right; font-size: 14px;}
.position a{ color: #FFF;}
.position a:hover{ color: #FF8000;}
.position span{ width: 16px; text-align: center; display: inline-block;}
.ban-nav ul{ float: left; margin-left: 15%;}
.ban-nav ul li{ display: inline-block; width: 110px; margin-right: 20px; font-size: 18px; cursor: pointer;}
.ban-nav ul li a{ display: block; color: #FFF;}
.ban-nav ul li:hover, .ban-nav ul li a:hover{ color: #FF8000;}
.ban-nav ul li.on, .ban-nav ul li.on a{ color: #FF8000; font-size: 22px; font-weight: bold;}

.about-show{ font-size: 0; background: url(../newimg/about-bg03.jpg) no-repeat center; background-size: cover;}
.about-sl{display: inline-block; vertical-align: middle; width: 63%;}
.about-sl .index-tit{ text-align: left;}
.about-sl p{ color: #333; font-size: 16px; line-height: 30px; margin-top: 35px;}
.about-sl p a{color: #FF8000;}
.about-sl p a:hover{text-decoration: underline;}
.about-state{ position: relative; display: inline-block; vertical-align: middle; width: 36%; height: 443px; margin:40px 0; margin: 40px 0\0; margin: 20px 0\9;}
/* IE9+ */
@media all and (min-width:0) {
    .about-state{
        margin: 40px 0\9;
    }
}
.about-state li{ position: relative; width: 120px; font-size: 16px;}
.about-state li.about-state01{ position: absolute; left: 0; top: 118px;}
.about-state li.about-state02{ position: absolute; left: 85px; top: 0;}
.about-state li.about-state03{ position: absolute; left: 175px; top: 144px;}
.about-state li.about-state04{ position: absolute; left: 265px; top: 34px;}
.about-state li.about-state05{ position: absolute; left: 390px; top: 94px;}
.about-state li:after{ content: ''; display: block; position: relative; left: 50%; top: 18px; width: 2px; height: 200px; margin-left: -1px;background: #FF8000; background: linear-gradient(to bottom, #FF8000, #E9E9E9);}
.about-state li.about-state01:after{ background: linear-gradient(to bottom, #FF8000, #D3D3D3);}
.about-state li.about-state05:after{ background: linear-gradient(to bottom, #FF8000, #D0D1CD);}
.about-state li span{ display: inline-block; width: 120px; height: 120px; border-radius: 60px; text-align: center; padding-top: 25px; line-height: 20px; border: 2px solid #FF8000;font-size: 14px;}
.about-state li span strong{ font-size: 24px;display: inline-block;margin-bottom: 10px;}
.about-state li.about-state01 span,.about-state li.about-state03 span,.about-state li.about-state04 span{padding-top: 35px;}

.about-honor{ padding: 70px 0; background-color: #393B45;}
.about-honor .box{ position: relative;}
.about-honor .box:after{ content: ''; display: block; position: absolute; right: -55px; top: -60px; width: 316px; height: 297px; background: url(../newimg/honor-cup.png) no-repeat; z-index: 10;}
.honor-pic{ width: 762px; margin-right: 10px; background: url(../newimg/honor-line.png) no-repeat left bottom;}
.honor-pic ul{ clear: both; overflow: hidden; margin: 0 12%;}
.honor-pic ul li{ float: left; width: 42%; text-align: center; margin: 0 4% 57px;}
.honor-pic ul li:nth-child(3), .honor-pic ul li:nth-child(4){ margin-bottom: 31px;}
.honor-info{ position: absolute; right: 0; top: 160px; width: 44%; padding: 60px 30px 70px; border-radius: 6px; background-color: #FFF; box-shadow: 0 2px 15px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 15px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 15px 3px rgba(0,0,0,0.5); z-index: 20;}
.honor-info span{ position: absolute; left: 26%; top:-23px; width: 46%; height: 46px; line-height: 46px; display: inline-block; color: #FFF; font-size: 20px; font-weight: bold; text-align: center; border-radius: 8px; background-color: #FF8000;}
.honor-info .index-tit{ text-align: left;}
.honor-info p{ color: #333; font-size: 16px; line-height: 30px; margin-top: 34px;}

.about-good{ font-size: 0; padding: 70px 0; margin-top: 70px;}
.good-info{ display: inline-block; vertical-align: middle; width: 35%; margin-right: 2%;}
.good-info .index-tit{ text-align: left;}
.good-info p{ color: #333; font-size: 16px; line-height: 30px; margin-top: 34px;}
.about-good img{ display: inline-block; vertical-align: middle; width: 62%;}

.about-nation{ padding: 30px 36px; text-align: center; background: url(../newimg/about-bg04.jpg) no-repeat center; background-size: cover;}
.about-nation .index-tit h2{ color: #FF8000;}
.about-nation .index-tit h2 b{ color: #FF8000; background-color: #FFF;}
.about-nation .index-tit h2:before{ background-color: #FFF;}
.about-nation .index-tit h2:after{ background-color: #FFF;}
.about-nation p{ color: #FFF; font-size: 16px; line-height: 30px; text-align: center; margin: 34px auto 36px;}

/* product style */
.pro-list{ margin-top: 150px;}
.list-odd{ margin-bottom: 70px;}
.list-even{ padding: 70px 0; margin-bottom: 70px; background-color: #FAFAFA;}
.pro-list ul{ clear: both; overflow: hidden; margin-top: 5px;}
.pro-list li{ float: left; display: table; width: 21.2%; width: 21.2%\0; display: table-cell\0; width: 20.2%\9; display: table-cell\9; margin-right: 3%; transition:all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; padding-top: 5px;}
.pro-list li a.pros-pic{ display: block; overflow: hidden;}
.pro-list li:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2);}
.pro-list li.pro-tit:hover, .pro-list li:hover a img{ transform:none; box-shadow:none;}

.pro-list li .tit-info{ display: table-cell; vertical-align: middle;}
.pro-list li:last-child{ margin-right: 0;}
.pro-list li.pro-tit{ color: #FFF; width: 27.4%; height: 259px; padding: 20px 45px 20px 30px; width: 27.4%\0; height: 259px\0; padding: 20px 45px 20px 30px\0; width: 22%\9; height: 210px\9; padding: 20px 3% 20px 2%\9; border-radius: 0 130px 130px 0;}
.list-even li.pro-tit{ float: right; padding: 20px 30px 20px 90px; padding: 20px 2% 20px 3%\0; margin-right: 0; border-radius: 130px 0 0 130px;}
/* IE9+ */
@media all and (min-width:0) {
    .pro-list li{
        width: 21.2%\9;
        display: table-cell\9;
    }
    .pro-list li.pro-tit{
        width: 27.4%\9; 
        height: 259px\9; 
        padding: 20px 45px 20px 30px\9; 
    }
}

.pro-list li.pro-tit01{ background: url(../newimg/pro-mark01.png) #FF8000 no-repeat; background-position: right -160px center;}
.pro-list li.pro-tit01:hover{ background-position: right 0 center;}
.pro-list li.pro-tit02{ background: url(../newimg/pro-mark02.png) #393B45 no-repeat; background-position: left -80px center;}
.pro-list li.pro-tit02:hover{ background-position: left 0 center;}
.pro-list li.pro-tit03{ background: url(../newimg/pro-mark03.png) #FF8000 no-repeat; background-position: right -60px center;}
.pro-list li.pro-tit03:hover{ background-position: right 0 center;}
.pro-list li.pro-tit04{ background: url(../newimg/pro-mark04.png) #393B45 no-repeat; background-position: left -40px center;}
.pro-list li.pro-tit04:hover{ background-position: left 0 center;}
.pro-list li.pro-tit05{ background: url(../newimg/pro-mark05.png) #FF8000 no-repeat; background-position: right -100px center;}
.pro-list li.pro-tit05:hover{ background-position: right 0 center;}
.pro-list li.pro-tit06{ background: url(../newimg/pro-mark06.png) #393B45 no-repeat; background-position: left -40px center;}
.pro-list li.pro-tit06:hover{ background-position: left 0 center;}
.pro-list li.pro-tit h2 a{ color: #FFF; font-size: 30px;}
.pro-list li.pro-tit p{ font-size: 16px; line-height: 26px; margin: 20px 0;}
.pro-list li.pro-tit a.pro-more{ display: inline-block; color: #FFF; font-size: 16px; height: 42px; line-height: 38px; padding: 0 40px 0 15px; border: 2px solid #FFF; background: url(../newimg/more-arrow01.png) no-repeat right 12px center;}
.pro-list li.pro-tit a.pro-more:hover{ font-weight: bold;}
.pro-list li h3{ height: 40px; line-height: 40px; text-align: center; background-color: #FAFAFA; transition:all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.pro-list .list-even li h3{ background-color: #FFF;}
.pro-list li h3 a{ position: relative; color: #333; font-size: 18px; font-weight: normal;}
.pro-list .pro-hot li h3 a:after{ content: ''; display: block; position: absolute; right: -26px; top: -20px; width: 26px; height: 26px; background: url(../newimg/pro-icon01.png) no-repeat center;}
.pro-list li:hover h3 a, .pro-list li h3 a:hover{ color: #FF8000;}
.pro-list li:hover img{ box-shadow: 0 2px 10px 0 #BBB; -webkit-box-shadow: 0 2px 10px 0 #BBB; -moz-box-shadow: 0 2px 10px 0 #BBB;}

.show-list{ margin: 150px auto 30px;}
.show-list h2{ color: #333; font-size: 28px; line-height: 1; padding-left: 32px; margin-top: -120px; margin-bottom: 40px; background: url(../newimg/pro-name.png) no-repeat left center;}
.show-list ul{ clear: both; overflow: hidden; margin-left: -3%;}
.show-list ul li{ float: left; width: 30.3%; margin-left: 3%; margin-bottom: 40px; background-color: #F8F7F7; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}
.show-pic{ position: relative; overflow: hidden; padding: 6.8% 6.8% 0;}
.show-pic .pic-list{ height:0; padding-bottom:74%; overflow:hidden;}
.show-pic .pic-list img{ -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.show-list ul li:hover img{ -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); transform:scale(1.08,1.08);}
.show-pic a{ position:absolute; top:100%; left:0; width:100%; width: 100%\0; width: 78%\9; height:100%; font-size:18px; line-height:30px; color:#FFF; padding: 12%; background:rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); transition:all ease .3s; -webkit-transition:all ease .3s; -ms-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s;}
/* IE9+ */
@media all and (min-width:0) {
    .show-pic a{
        width: 100%\9;
    }
}
.show-pic a span{ position: relative; display: block; padding-left: 20px;}
.show-pic a span::before{ content: ''; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; border-radius: 6px; background-color: #FFF;}
.show-info{ position: relative; padding: 0 6.8% 6.8%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}
.show-info i{ position: absolute; right: 8px; top: -18px; width: 41px; height: 46px; background: url(../newimg/pro-icon02.png) no-repeat center;}
.show-info h3{ padding: 25px 0 20px;}
.show-info h3 a{ color: #333; font-size: 22px; line-height: 1.1;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.show-data{ margin-bottom: 25px; font-size: 0; overflow: hidden;}
.show-data p{ float: left; width:53%; width:47%\0; padding:0 2% 0 3%;  border-left:1px solid #999;}
.show-data p span{ display:block; color: #666; font-size: 16px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.show-data p.data-two{ width: 47%; width:42%\0; }
.show-data p.prolist-jieshao{ color: #666; font-size: 16px; width: 100%; width: 94%\0; height: 60px; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.show-list ul li:hover .show-info{ background-color: #FF8000;}
.show-list ul li:hover h3 a{ color: #FFF;}
.show-list ul li:hover .show-data p{ border-left:1px solid #FFF;}
.show-list ul li:hover .show-data span, .show-list ul li:hover p.prolist-jieshao{ color: #FFF;}
.show-list ul li:hover .show-btn a, .show-list ul li:hover .show-btn span{ color: #FFF; border: 2px solid #FFD9B3; background-image: url(../newimg/more-arrow01.png);}
.show-list ul li:hover .show-pic a{ top: 0;}

.show-btn a, .show-btn span{ color: #666; font-size: 16px; height: 42px; line-height: 38px; padding: 0 40px 0 15px; padding: 0 1%\0; cursor: pointer; border: 2px solid #C8C7C7; background-image: url(../newimg/more-arrow02.png); background-repeat: no-repeat; background-position: right 12px center; background-position: right center\0;}
.show-btns{ position: relative; display: inline-block; margin-right: 30px; width: 124px; height: 42px;}
.btn-roll01{ position:absolute; left:0; top:0; width:100%; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transition: .5s ease; transition: .5s ease; -webkit-transform-origin: 50% 50% -25px; -ms-transform-origin: 50% 50% -25px; transform-origin: 50% 50% -25px; z-index:1; opacity:1;}
.btn-roll02{ position:absolute; left:0; top:0; width:100%; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition: .5s ease; transition: .5s ease; -webkit-transform-origin: 50% 50% -22px; -ms-transform-origin: 50% 50% -22px; transform-origin: 50% 50% -22px; z-index:-1; opacity:0; display:none\9;}
.show-btns:hover .btn-roll01{ -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0; color:#FFF; background-color:#FF8000; border-color:#FFD9B3;}
.show-list ul li:hover .show-btns:hover a.btn-roll02, .show-list ul li:hover .show-btns:hover span.btn-roll02{ -webkit-transform: rotateX(0deg); transform: rotateX(0deg); display:block\9; z-index:1; opacity:1; color:#FFF; background-color:#393B45; border-color:#393B45;}

.pro-main{ clear: both; overflow: hidden;}
.pro-mains{ position: relative;}
.pro-mains::after{ content: ''; display: block; position: absolute; left: -8px; bottom: 0; width: 756px; height: 477px; background: url(../newimg/case-bg.png) no-repeat center; z-index: -1;}
.pro-fl{ float: left; width: 42%; padding-top: 140px;}
.pro-mains .pro-fl{ padding-top: 160px;}
.pro-fl h1{ color: #393B45; font-size: 40px; line-height: 1.1; margin-bottom: 30px;}
.pro-fl p{ color:#393B45; font-size: 16px; line-height: 30px; margin-bottom: 20px; }
.pro-fl p strong{ font-size: 18px;}
.con-side{ padding-top: 50px; background: url(../newimg/pro-con.png) no-repeat top center; background-size: contain;}
.con-side ul, .case-dot{ clear: both; overflow: hidden; border-radius: 0 0 8px 8px; margin: -1px 18px 0 8px;
    background: #FCFCFC;
    background: -moz-linear-gradient(top, #FCFCFC 0%, #E5E5E5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(100%,#E5E5E5));
    background: -webkit-linear-gradient(top, #FCFCFC 0%,#E5E5E5 100%);
    background: -o-linear-gradient(top, #FCFCFC 0%,#E5E5E5 100%);
    background: -ms-linear-gradient(top, #FCFCFC 0%,#E5E5E5 100%);
    background: linear-gradient(to bottom, #FCFCFC 0%,#E5E5E5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FCFCFC, endColorstr=#E5E5E5, GradientType=0);
}
.con-side ul li{ float: left; width: 50%; width: 50%\0; width: 26%\9; color:#393B45; font-size: 16px; line-height: 30px; padding-left: 130px; margin: 10px 0 30px;}
.case-dot{ padding: 10px 30px;}
.con-side ul li.pro-ico01{ background: url(../newimg/pro-ico01.png) no-repeat 60px center;}
.con-side ul li.pro-ico02{ background: url(../newimg/pro-ico02.png) no-repeat 60px center;}
.con-side ul li strong{ display: block; font-size: 18px;}
.pro-fr{ float: right; width: 53%; padding: 30px; margin-bottom: 20px; border-bottom-left-radius: 80px; background-color: #FAFAFA; box-shadow: -1px 8px 15px -4px rgba(0,0,0,0.2); -webkit-box-shadow: -1px 8px 15px -4px rgba(0,0,0,0.2); -moz-box-shadow: -1px 8px 15px -4px rgba(0,0,0,0.2);}
.pro-link{ position: relative; width: 88%; height: 58px; margin: 60px auto 16px; border-radius: 10px; background-color: #FA880A;}
.pro-link i{ position: absolute; left: 18px; bottom: 0; width: 96px; height: 100px; background: url(../newimg/tel-pic.png) no-repeat center;}
.pro-link span{ display: inline-block; color: #FFF; font-size: 20px; line-height: 58px; padding: 0 40px 0 130px; cursor: pointer; background: url(../newimg/tel-hand.gif) no-repeat right center;}
.pro-link span:hover{ -webkit-animation: link-down 1.5s linear 2; -o-animation: link-down 1.5s linear 2; animation: link-down 1.5s linear 2;}
@-webkit-keyframes link-down { 
    25% {-webkit-transform: translateY(-3px);} 
    50%, 100% {-webkit-transform: translateY(0);} 
    75% {-webkit-transform: translateY(3px);}
}
@keyframes link-down { 
    25% {transform: translateY(-3px);} 
    50%, 100% {transform: translateY(0);} 
    75% {transform: translateY(3px);}
}
.pro-tel{ float: right; width: 57%; height: 72px; width: 57%\0; height: 72px\0; width: 46%\9; height: 56px\9; line-height: 27px; color: #FFF; font-size: 16px; padding: 8px 40px 8px 60px; margin-top: -14px; border-radius: 0 10px 10px 0; border-radius: 0\9; background: url(../newimg/tel-side.png) no-repeat #393B45 left center;}
/* IE9+ */
@media all and (min-width:0) {
    .con-side ul li{
        width: 50%\9;
    }
    .pro-tel{
        width: 57%\9;
        height: 72px\9;
    }
}
.pro-tel img{ float: left; margin-top: 8px; margin-right: 18px;}
.pro-tel strong{ font-size: 22px; line-height: 1;}

.pro-type{ margin-top: 50px; width: 100%; height: 100px; border-top-right-radius: 80px; background-color: #F5F5F5;}
.pro-type li{ float: left; width: 25%; text-align: center;}
.pro-type li a{ display: block;}
.pro-type li img{ padding: 15px 0;}
.pro-type li p a{ color: #333; font-size: 20px;}
.pro-type li.type-select p a, .pro-type li:hover p a{ color: #FF8000;}

.pro-con{ clear: both; overflow: hidden; }
.pro-con.pro-line{margin-top: -20px;}
.con-fl{ float: left; width: 70%; margin: 10px 0 20px;}
.pro-base h2{ color: #333; font-size: 24px; padding-left: 50px; margin: 32px 0 20px; background: url(../newimg/pro-icon.png) no-repeat left center;}
.pro-base h3{ color: #333; font-size: 23px; margin: 32px 0 20px;}
.pro-base h4{ margin: 20px 0 15px; }
.pro-base p{ color: #333; font-size: 16px; line-height: 30px; text-indent: 2em; margin-bottom: 20px;}
.pro-base p strong{ font-size: 18px;}
.pro-base p img, .pro-base p video{ max-width: 800px; height: auto; text-indent: -2em;width: 100%;}
.pro-base p a{ color: #DA251D;padding: 0 4px;}
.pro-base p.techdata-title{ margin: 15px 0 20px -2em;}
.pro-base table td{ padding: 5px 2px; word-break: break-all;}
.news-xz{ color: #DA251D; }
.pro-base ul{ clear: both; overflow: hidden; margin: 20px 0;}
.pro-base ul li{ float: left; width: 50%; line-height: 30px; padding-left: 30px; margin-bottom: 6px; background: url(../newimg/pro-arrow.png) no-repeat left center;}
.pro-base ul li a:hover{ color: #FF8000;}
.pro-page{ height: 50px; font-size: 0; margin:30px 0 40px; margin-top: 30px; border-radius: 0 20px 0 20px; background-color: #FAFAFA;}
.pro-page b{ display: inline-block; width: 48%; font-size: 16px; font-weight: normal; line-height: 50px; margin-left: 2%;}
.pro-page b a:hover{ color: #FF8000;}
.case-relevant{ margin-top: 30px;}
.case-relevant b{ display: block; font-size: 28px; line-height: 1; margin-bottom: 30px; padding-left: 32px; background: url(../newimg/pro-name.png) no-repeat left center;}
.case-relevant li{ margin-bottom: 20px;}
.case-relevant li .rel-pic{ display: inline-block; vertical-align: middle; width: 42%;}
.case-relevant li .rel-info{ display: inline-block; vertical-align: middle; width: 54%; margin-left: 3%;}
.rel-info h3{ margin-bottom: 35px; line-height: 1.1;}
.rel-info h3 a{ color: #333; font-size: 28px;}
.rel-info h3 a:hover{ color: #FF8000;}
.rel-info p{ line-height: 28px; padding-left: 30px; margin-top: 25px;}
.rel-info p img{ float: left; margin: 4px 10px 0 -30px;}

.con-fr{ float: right; width: 26%;}
.pro-about{ padding: 0 10px 10px; background-color: #F5F5F5; }
.pro-side{ padding: 0 30px; border-top-right-radius: 80px; background-color: #FFF;}
.pro-name{ line-height: 28px; text-align: center; font-size: 22px; font-weight: bold; padding: 30px 0 30px 50px; background: url(../newimg/tit-icon.png) no-repeat 25% center;}
.pro-side li{ text-align: center; padding-bottom: 10px;}
.pro-side li a{ display: block; overflow: hidden;}
.pro-side li p a{ margin: 10px 0;}
.pro-side li img{ -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.pro-side li:hover img{ -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); transform:scale(1.08,1.08);}
.pro-side li:hover p a{ color: #FF8000;}
.pro-equ{ position: relative; padding: 0 30px 20px; margin-top: 30px; border: 10px solid #FAFAFA;}
.pro-equ::before{ content: ''; display: block; position: absolute; left: 50px; top: -75px; width: 20px; height: 100px; background: url(../newimg/tit-line.png) no-repeat center;}
.pro-equ::after{ content: ''; display: block; position: absolute; right: 50px; top: -75px; width: 20px; height: 100px; background: url(../newimg/tit-line.png) no-repeat center;}
.pro-equ li{ line-height: 40px; text-align: center; margin-bottom: 10px; background-color: #F3F3F3;}
.pro-equ li:hover{ cursor: pointer; background-color: #FF8000;}
.pro-equ li:hover a{ color: #FFF;}

/* case style */
.case-list{ margin-top: 150px;}
.case-list ul{ clear: both; overflow: hidden; margin-left: -3%;}
.case-list ul li{ position: relative; overflow: hidden; float: left; width: 30.3%; margin-left: 3%; margin-bottom: 70px;}
.case-list ul li .case-pics > a{position: relative;padding-top: 74%;display: block;}
.case-list ul li .case-pics > a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.case-pics i{ position: absolute; left: 0; top: 0; width: 84px; height: 84px; background: url(../newimg/pro-icon03.png) no-repeat center;}
.case-pics img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.case-list ul li:hover .case-pics img{ -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); transform:scale(1.08,1.08);}
.case-info{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 40px; background-image: url(../newimg/case-arrow01.png); background-position: right bottom; background-repeat: no-repeat; background-color: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; z-index: 5;}
.case-info h3{ padding: 15px 0;}
.case-info h3 a{ color: #FFF; font-size: 22px; font-weight: bold;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case-info p{ display:block; height:0; overflow:hidden; color: #FFF; font-size:16px; line-height:1; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case-info i{ position: absolute; right: 0; bottom: 0; display:block; height:0; overflow:hidden; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}
.case-list ul li:hover .case-info{ background-color: #FF8000; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFF8000,endColorstr=#7FFF8000);}
.case-list ul li:hover .case-info p { height:40px; padding-bottom: 20px;}
.case-list ul li:hover .case-info i{ width: 105px; height: 86px; z-index: 6;}

.case-pro{ clear: both; overflow: hidden; margin-top: 40px; }
.case-pro b{ display: block; font-size: 28px; line-height: 1; margin-bottom: 30px; padding-left: 32px; background: url(../newimg/pro-name.png) no-repeat left center;}
.case-pro ul{ margin-left: -2%;}
.case-pro li{ float: left; width: 23%; margin-left: 2%; text-align: center; }
.case-pro li a{ display: block; overflow: hidden;}
.newcases-pro li a img{ width: 100%; height: auto;}
.case-pro li img{ -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.case-pro li:hover img{ -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); transform:scale(1.08,1.08);}
.case-pro li p{ line-height: 16px; margin: 20px 0;}
.case-pro li:hover p a{ color: #FF8000; }

.case-side{ padding: 0 30px 50px; border-top-right-radius: 80px; background-color: #FFF;}
.case-side li{ line-height: 40px; text-align: center; margin-bottom: 10px; background-color: #F3F3F3;}
.case-side li:hover{ cursor: pointer; background-color: #FF8000;}
.case-side li:hover a{ color: #FFF;}
.case-news{ position: relative; padding: 0 30px 20px; margin-top: 30px; border: 10px solid #FAFAFA;}
.case-news::before{ content: ''; display: block; position: absolute; left: 50px; top: -75px; width: 20px; height: 100px; background: url(../newimg/tit-line.png) no-repeat center;}
.case-news::after{ content: ''; display: block; position: absolute; right: 50px; top: -75px; width: 20px; height: 100px; background: url(../newimg/tit-line.png) no-repeat center;}
.case-news li{ line-height: 36px; padding-left: 30px; background: url(../newimg/pro-arrow.png) no-repeat left center; }
.case-news li a{ display: block; font-size: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.case-news li a:hover{ color: #FF8000;}

/* news style */
.news-main{ margin-top: 150px;}
.news-main ul{ clear: both; overflow: hidden; margin-left: -3%;}
.news-main ul li{ position: relative; float: left; width: 30.3%; margin-left: 3%;}
.news-main ul li img{ width: 100%; height: auto;}
.main-info{ position: relative; padding: 20px; margin: -40px 8% 10px 8%; padding-top: 20px\0; margin-top: -40px\0; padding-top: 60px\9; margin-top: -90px\9; background-color: #FFF; box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.5); z-index: 20;}
.main-info:before{
    content: '';
    display: block;
    height: 60px;
    position: absolute;
    left: 0;
    top: -60px;
    width: 100%;
    background-size: 100% 100%;
    background: url(../newimg/news-top.png) no-repeat right center;
}
.main-info i{ position: absolute; right: -10px; top: -30px; right: -10px\0; top: -30px\0; top: 8px\9; right: -22px\9; color: #FFF; font-size: 16px; width: 112px; height: 42px; line-height: 35px; padding-left: 24px; background: url(../newimg/pro-icon04.png) no-repeat center;}
.main-info h3{ color: #DA4E4E; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.main-info h3 a{ color: #DA4E4E; font-size: 20px;}
.main-info p{ color: #666; font-size: 16px; line-height: 28px; height: 56px; margin: 16px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.main-info a.info-more{ color: #DA4E4E; font-size: 16px; padding-right: 26px; background: url(../newimg/more-arrow03.png) no-repeat right center;}
.main-info a.info-more:hover{ padding-right: 32px;}
.news-list{ margin-top: 60px;}
.news-list ul{ clear: both; margin-left: -3%;}
.news-list ul li{ position: relative; float: left; width: 47%; height: 210px; margin-left: 3%; margin-bottom: 40px;}
.news-list li .list-time{ position: relative; float: left; width: 12%; height: 100%; }
.time-show{ position: absolute; height: 66px; top: 50%; margin-top: -33px; float: left; width: 70%; margin: -33px 0 0\0; margin: -33px 15% 0\9; line-height: 1; color: #FF8000; font-size: 14px; text-align: center; z-index: 5;}
.news-list li:hover .list-time:after{ content: ''; position: absolute; top: 0; right:0; width: 340px; height: 210px; background-color: #393B45; transition: all .5s ease; -webkit-transition: all .5s ease; display: block\0; display: none\9;}
.news-list li:hover .time-show{color: #FFF; color: #FFFFFF \0; color: #FF8000 \9;}
.news-list li:hover .time-show:before{ content:''; position: absolute; right: -68%; top: 50%; border-top:15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #393B45; margin-top: -15px; z-index: 3; display: block\0; display: none\9;}

.news-list li .list-info{ float: left; width: 88%; height: 100%; padding: 40px 30px 30px 64px; width: 88%\0; height: 100%\0; border: none\0; padding: 40px 30px 30px 64px\0; width: 83%\9; padding: 30px 2%\9; background-color: #FFF; box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.5); z-index: 20; height: 150px\9; border: 1px solid #EEEEEE \9;}
.news-list li .list-info:after{ content: ''; position: absolute; top: 50%; left: 12%; width: 46px; height: 1px; background-color: #CCC; display: block\0; display: none\9;}
.news-list li:hover .list-info:after{ background-color: #393B45;}
.list-time b{ display: block; font-size: 46px; font-weight: bold; margin-bottom: 6px;}
.list-info h3{ line-height: 28px; height: 56px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.list-info h3 a{ color: #333; font-size: 20px;}
.news-list li:hover h3, .news-list li:hover h3 a{ color:#FF8000;}
.list-info h3:hover, .list-info h3 a:hover{ color: #FF8000;}
.list-info p{ color: #666; font-size: 16px; line-height: 26px; height: 52px; margin-top: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.nrswt{position: relative;display: inline-block; color: #FFF;background-color: #FF8000;border-radius: 20px 0 20px 0;padding:5px 12px;line-height: 1.6;margin: 4px 5px;text-indent: 0;}
.nrswt:before{content: "";display: inline-block;position: absolute;right: 0;top: -5px;width: 84%;height: 24px;border-radius: 20px 0 20px 0;background-color: #FEDBB7;z-index: -1;}
.nrswt:hover{background-color:#FE624E;}
.nrswt:hover:before{background-color: #FFDBDC;}
/* IE9+ */
@media all and (min-width:0) {
    .main-info{ padding-top: 20px\9; margin-top: -40px\9; }
    .time-show{ margin: -33px 0 0\9;}
    .main-info i{ right: -10px\9; top: -30px\9;}
    .news-list li .list-info{ width: 88%\9; height: 100%\9; border: none\9; padding: 40px 30px 30px 64px\9;}
    .news-list li:hover .list-time:after{ display: block\9;}
    .news-list li:hover .time-show{ color: #FFFFFF \9; }
    .news-list li:hover .time-show:before{ display: block\9; }
    .news-list li .list-info:after{ display: block\9; }
}

.news-list li:nth-child(even) .list-info{ padding: 40px 64px 30px 30px;}
.news-list li:nth-child(even) .list-info:after{ left: auto; right: 12%;}
.news-list li:nth-child(even) .time-show{ margin-left: 30%;}
.news-list li:nth-child(even):hover .list-time:after{ left:0; right: auto;}
.news-list li:nth-child(even):hover .time-show:before{ left: -96%; right: auto; border-top:15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #393B45; margin-top: -15px; z-index: 3;}

.main-page{ position: relative; width:100%; color: #333; font-size:16px; line-height:40px; text-align:center; margin:30px auto 70px;}
.main-page span, .main-page a{ color:#333; margin: 0 5px; padding:6px 12px; border:1px solid #CACACA; background-color:#FFF; cursor: pointer;} 

.main-page .current{ color:#FFF; border:1px solid #FF8000; background-color:#FF8000;}
.pagination{ display: inline-block; margin: 0 auto;}
.pagination li{ float: left;}
.active span,.disabled span{cursor: default;}
.page-active span{border:1px solid #FF9E5F!important;cursor: default; display: block; padding: 2px; width: 40px; height: 40px; line-height: 35px; text-align: center;}
.main-page a:hover, .pagination .active span, .ul-tab-page .on a,.page-active span{ 
    color:#FFF; 
    border:1px solid #FF9E5F; 
    background: #FF9E5F;
    background: -moz-linear-gradient(45deg, #FF4D52 0%, #FF9E5F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF4D52), color-stop(100%,#FF9E5F));
    background: -webkit-linear-gradient(45deg, #FF4D52 0%,#FF9E5F 100%);
    background: -o-linear-gradient(45deg, #FF4D52 0%,#FF9E5F 100%);
    background: -ms-linear-gradient(45deg, #FF4D52 0%,#FF9E5F 100%);
    background: linear-gradient(45deg, #FF4D52 0%,#FF9E5F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FF4D52, endColorstr=#FF9E5F, GradientType=0);
    box-shadow: 0px 5px 10px -2px rgba(255,78,82,0.6); 
    -webkit-box-shadow: 0px 5px 10px -2px rgba(255,78,82,0.6); 
}
.pagination ul{ display: inline-block;}
.dn{ display: none;}
.t-page{ box-sizing: inherit; display: none; position: absolute; left: 0; width: 562px; bottom:80px; margin-left: 30%; padding: 30px 30px 10px; border: 1px solid #CACACA; background: url(../newimg/ico-more.png) #FFF repeat-x left top; z-index: 10;}
.t-page .close{ position: absolute; right: 0;top: 5px; width: 30px; height: 30px; line-height: 30px; color: #333; cursor: pointer;}
.t-page .ico{ content: ''; display: block; position: absolute; bottom: -12px; left: 50%; margin-left: -12px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #CACACA transparent transparent;}
.t-page .ico em{ content: ''; display: block; position: absolute; bottom: 1px; left: -12px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #FFF transparent transparent;}
.ul-page{ text-align: center;overflow: hidden;}
.ul-page li{float: left; margin-bottom: 10px;}
.ul-page li a{ display: block; padding: 2px; width: 40px; height: 40px; line-height: 35px; border: 1px solid #CACACA; text-align: center;}
.ul-tab-page{ overflow: hidden; margin-top: 20px;}
.ul-tab-page li{ float: left; width: 25%; text-align: center; margin-bottom: 15px;}
.ul-tab-page li a{ display: block; font-size: 16px; color: #333; padding: 0 12px; line-height: 36px; border: 1px solid #F5F5F5; background-color: #F5F5F5;}

.news-show{ clear: both; overflow: hidden; margin-top: 75px;}
.news-fl{ float: left; width: 70%; padding-top: 80px;}
.news-tit{ margin-bottom: 32px; border-bottom: 1px dashed #999;}
.news-tit h1{ color: #333; font-size: 30px; line-height: 46px;}
.news-tit p{ color:#666; font-size: 16px; height: 16px; line-height: 16px; margin: 30px 0; }
.news-tit p img{ float: left; margin-right: 10px;}
.news-tit p i{ margin-left: 44px;}
.news-detail{ margin-bottom: 30px;}
.news-detail p{ color: #4D4F53; font-size: 16px; line-height: 30px; text-indent: 2em; margin-bottom: 20px;}
.news-detail p strong{ font-size: 18px;}
.news-detail p img, .news-detail p video{ max-width: 800px; height: auto; margin-left: -2em;}
.news-detail p a{ color: #DA251D;padding: 0 4px;}

.news-form{width: 75%;margin: 0 auto;border:1px solid #999;padding:1px; margin-bottom: 20px;}
.news-form table{border-top:1px solid #999;border-left:1px solid #999;margin-bottom: 0;}
.news-form table td{border-width: 1px; border-right:1px solid #999;border-bottom:1px solid #999;}
.news-detail .news-form table{margin-bottom: 0;}

.pc_cs strong{ display: block; margin: 20px 0 15px;}
.news-detail table{ margin-bottom: 20px;}
.news-detail table td{ padding: 5px 2px; word-break: break-all;}
.news-xz{ color: #DA251D; }
.news-detail h2{ color: #FF8000; font-size: 24px; margin: 32px 0 20px;}
.news-detail h3{ color: #FF8000; font-size: 22px; margin: 32px 0 20px;}
.news-detail h4{ margin: 20px 0 15px;font-size: 18px;}
.news-pro{ padding: 0 30px; margin-top: 40px; border: 10px solid #FAFAFA; }
.news-pro li{ text-align: center; padding-bottom: 10px;}
.news-pro li a{ display: block; overflow: hidden;}
.news-pro li p a{ margin: 10px 0;}
.news-pro li img{ -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.news-pro li:hover img{ -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08); transform:scale(1.08,1.08);}
.news-pro li:hover p a{ color: #FF8000;}

.news-fr{ float: right; width: 26%;}
.news-tool{ text-align: right; height: 36px; line-height: 36px;}
.news-tool span{ border-right: 1px solid #CCC; padding-right: 30px; margin-right: 20px;}
.news-tool span a{ color: #666; font-size: 20px; font-weight: bold; padding-left: 22px; background: url(../newimg/news-back.png) no-repeat left center; background-size: 16px 16px;}
.news-tool i{ display: inline-block; height: 36px; margin-left: 10px; }
.news-tool i a{ display: inline-block;}
.news-tool i img{ vertical-align: top;}
.news-cont{ clear: both; overflow: hidden; padding: 24px 16px; margin-top: 40px; margin-right: 2px; background-color: #FFF; background-color: #F6F6F6\0; box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.2);}
.news-about{ float: left; width: 63%; width: 58%\0; margin-top: 30px;}
.news-cont p{ color: #666; font-size: 14px; line-height: 24px;}
.news-tel{ color: #333; font-size: 16px; margin-top: 24px;}
.news-tel b{ display: block; color: #FF8000; font-size: 22px;}
.news-ser{ position: relative; float: right; color: #DD8953; font-size: 16px; font-weight: bold; width: 37%; width: 35%\0; padding: 16px 10px; padding: 16px 8px\9; margin-top: 105px; text-align: center; border-radius: 12px; border-bottom: 1px solid #FDC58D; background-color: #FEDBB7;}
.news-ser::before{ content: ''; display: block; position: absolute; top: -105px; left: 8px; width: 100px; height: 105px; background: url(../newimg/news-ser.png) no-repeat top center; background-size: cover; z-index: 3;}
.news-ser::after{ content: ''; display: block; position: absolute; top: -8px; left: 8%; width: 84%; height: 8px; border-radius: 6px 6px 0 0; background-color: #EDEDED; z-index: 2;}
.news-ser span{ display: block; color: #FFF; font-size: 16px; font-weight: normal; width: 100%; margin-top: 5px; height: 30px; line-height: 30px; border-radius: 15px; cursor: pointer; 
    background: #FF4D52;
    background: -moz-linear-gradient(45deg, #FF4D52 0%, #FF9E5F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF4D52), color-stop(100%,#FF9E5F));
    background: -webkit-linear-gradient(45deg, #FF4D52 0%,#FF9E5F 100%);
    background: -o-linear-gradient(45deg, #FF4D52 0%,#FF9E5F 100%);
    background: -ms-linear-gradient(45deg, #FF4D52 0%,#FF9E5F 100%);
    background: linear-gradient(45deg , #FF4D52 0%,#FF9E5F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FF4D52, endColorstr=#FF9E5F, GradientType=0); 
}
.news-ser span:hover{ font-weight: bold;}
.news-page{ margin-top: 30px; }
.news-page p{ height: 50px; line-height: 50px; padding: 0 8%; border-top-right-radius: 20px; background-color: #FAFAFA;}
.news-page p b{display: inline-block; }
.news-page p a{ display: inline-block; vertical-align: middle; width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.news-page p a:hover{ color: #FF8000;}
.news-page p.news-pages{ position: relative; margin-top: 20px; border-top-right-radius: 0; border-bottom-left-radius: 20px;}
.news-pages::before{ content: ''; display: block; position: absolute; left: 30px; top: -40px; width: 14px; height: 60px; background: url(../newimg/news-line.png) no-repeat center;}
.news-pages::after{ content: ''; display: block; position: absolute; right: 30px; top: -40px; width: 14px; height: 60px; background: url(../newimg/news-line.png) no-repeat center;}

.news-other{ background-color: #393B45;}
.other-tit{ display: block; line-height: 28px; padding: 25px 0 30px; border-bottom: 1px dotted #616161;}
.other-tit strong{ color: #FFF; font-size: 28px; line-height: 28px; }
.other-tit a{ float: right; color: #FF8000; padding-top: 4px;}
.other-tit a:hover{ text-decoration: underline;}
.news-other ul{ clear: both; overflow: hidden; padding: 10px 0 20px;}
.news-other li{ float: left; width: 48%; width: 46%\0; margin-right: 2%; line-height: 44px; padding-left: 24px; background: url(../newimg/news-icon.png) no-repeat left center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.news-other li a{ display: inline-block; color: #FFF; }
.news-other li a:hover{ color: #FF8000;}

.more-tit{ height: 72px; margin: 25px auto 60px;}
.more-tit b{ float: right; color: #FFF; font-size: 26px; height: 72px; line-height: 72px; padding: 0 50px; border-radius: 0 30px 0 30px; box-shadow: 0 2px 8px 0 rgba(255,78,82,0.5); -webkit-box-shadow: 0 2px 8px 0 rgba(255,78,82,0.5); -moz-box-shadow: 0 2px 8px 0 rgba(255,78,82,0.5);
    background: #FF4D52;
    background: -moz-linear-gradient(45deg, #FF4D52 0%, #FF9E5F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF4D52), color-stop(100%,#FF9E5F));
    background: -webkit-linear-gradient(45deg, #FF4D52 0%,#FF9E5F 100%);
    background: -o-linear-gradient(45deg, #FF4D52 0%,#FF9E5F 100%);
    background: -ms-linear-gradient(45deg, #FF4D52 0%,#FF9E5F 100%);
    background: linear-gradient(45deg , #FF4D52 0%,#FF9E5F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FF4D52, endColorstr=#FF9E5F, GradientType=0);
}
.more-tit b a{ color: #FFF;}

.message{
    position: relative;
    clear: both;
    overflow: hidden;
    padding: 60px 40px 0 60px;
    margin-top: 40px; 
    border-top-left-radius: 100px;
    background: #FFE1C2;
    background: -moz-linear-gradient(top, #FFE1C2 0%, #FFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFE1C2), color-stop(100%,#FFF));
    background: -webkit-linear-gradient(top, #FFE1C2 0%,#FFF 100%);
    background: -o-linear-gradient(top, #FFE1C2 0%,#FFF 100%);
    background: -ms-linear-gradient(top, #FFE1C2 0%,#FFF 100%);
    background: linear-gradient(to bottom, #FFE1C2 0%,#FFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FFE1C2, endColorstr=#FFFFFF, GradientType=0); 
}
.msgs{ padding-bottom: 16px;}
.msgs .msg-pic{ bottom: 16px;}
.msg-pic{ position: absolute; left: 25px; bottom: 0;}
.msg-txt{ float: left; width: 35%;}
.msg-txt h3{ font-size: 32px; line-height: 1.1;}
.msg-txt p{ color: #333; font-size: 16px; line-height: 26px; margin-top: 20px;}

.msg-show{ position: relative; float: right; width: 58%; padding: 40px 50px; margin-top: 40px; border-radius: 50px 10px 0 0; background-color: #FFF; box-shadow: -1px -1px 26px 0 rgba(0,0,0,0.4); -webkit-box-shadow: -1px -1px 26px 0 rgba(0,0,0,0.4); -moz-box-shadow: -1px -1px 26px 0 rgba(0,0,0,0.4);}
.msg-show ul{ clear: both; overflow: hidden; margin-top:0.5rem;}
.msg-show ul li{ margin-bottom: 20px; }
.msg-show ul li em{ display: block; color: #333; font-size: 18px; line-height: 1.1; margin: 10px 0;}
.msg-show ul li em i{ color: #E60100;}
.msg-show ul li input{ width:100%; height: 44px; line-height: 44px; color: #333; font-size: 16px; padding-left:20px; border: 1px solid #FFEDDA; border-radius: 6px; background-color: #FFF9F3;}
.msg-show ul li input:-webkit-autofill {
    -webkit-text-fill-color: #333;
    -webkit-box-shadow: 0 0 0px 1000px #FFF9F3 inset !important;
}
.msg-show ul li textarea{ font-family:Microsoft YaHei; width:100%; height: 90px;line-height: 26px; color: #333; font-size: 16px; padding-left:20px; padding-top: 6px; border: 1px solid #FFEDDA; border-radius: 6px; background-color: #FFF9F3;}
::-webkit-input-placeholder{ color: #999; }
::-moz-input-placeholder{ color: #999; }
::-ms-input-placeholder{ color: #999; }
.msg-btn{ clear: both; overflow: hidden; }
.msg-btn input{ float: right; display:block; width:36%; height:42px; line-height:42px; text-align:center; color:#FFF; font-size:18px; background-color: #FF8000; border: none; border-radius: 21px; cursor: pointer;}
.msg-btn input:hover{ background-color: #393B45;}
.msg-show span{ position: absolute; top: -80px; right: 60px; width: 181px; height: 139px; background: url(../newimg/msg-pic01.png) no-repeat center;}

/* service style */
.ser-support{ margin-top: 90px;}
.ser-support.box{ position: relative;}
.ser-support.box::before{ content: ''; display: block; position: absolute; left: 0; top: 30px; width: 596px; height: 325px; background: url(../newimg/ser-bg01.png) no-repeat center; z-index: -1;}
.ser-support.box::after{ content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 467px; height: 317px; background: url(../newimg/ser-bg02.png) no-repeat center; z-index: -1;}
.ser-support .index-tit{ text-align: left; padding-top: 70px;}
.supp-info{ width: 86%; width: 76%\0; padding: 70px 70px 110px; margin-top: 40px; background-color: #393B45; box-shadow: 0px 20px 50px -8px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 20px 50px -8px rgba(0,0,0,0.6); -moz-box-shadow: 0px 20px 50px -8px rgba(0,0,0,0.6);}
.supp-info h3{ position: relative; display: inline-block; color: #FFF; font-size: 30px; line-height: 1.1; padding-bottom: 20px; margin-bottom: 24px;}
.supp-info h3::after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 50px; height: 6px; background-color: #FFF;}
.supp-info p{ color: #FFF; font-size: 16px; line-height: 26px; width: 42%; margin-bottom: 64px;}
.ser-flow{ width: calc(86% - 140px); width:-webkit-calc(86% - 140px); width:-moz-calc(86% - 140px); width: 76%\0; margin-left: 70px; margin-top: -110px; background-color: #FF8000; box-shadow: 0px 29px 57px -12px rgba(255,128,0,0.6); -webkit-box-shadow: 0px 29px 57px -12px rgba(255,128,0,0.6); -moz-box-shadow: 0px 29px 57px -12px rgba(255,128,0,0.6);}
.ser-flow ul{ clear: both; overflow: hidden; padding: 50px 30px;}
.ser-flow li{ float: left; width: 16.6%; text-align: center;}
.ser-flow li p{ color: #FFF; font-size: 16px; margin-top: 15px;}
.supp-pic{ position: absolute; right: 0; top: 0; box-shadow: 0px 20px 50px -8px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 20px 50px -8px rgba(0,0,0,0.6); -moz-box-shadow: 0px 20px 50px -8px rgba(0,0,0,0.6);}
.supp-font{ position: absolute; right: -32px; bottom: -54px; z-index: 10;}

.ser-offer{ padding: 40px; margin-top: 70px; background: url(../newimg/ser-bg04.jpg) no-repeat top center;}
.ser-offer .index-tit h2 b{ color: #FF8000; background-color: #FFF;}
.ser-offer .index-tit h2{ color: #FF8000;}
.ser-offer .index-tit h2:before{ background-color: #FFF;}
.ser-offer .index-tit h2:after{ background-color: #FFF;}
.offter-pic{ margin-top: 30px; text-align: center;}
.offter-pic img{ margin: 0 auto;}

.ser-show{ margin-top: 70px; margin-bottom: 130px;}
.ser-main{ position: relative; padding-top: 60px; margin-top: 40px;}
.ser-main::after{ content: ''; display: block; position: absolute; right: 0; top: 30px; width: 696px; height: 379px; background: url(../newimg/ser-bg03.png) no-repeat center; z-index: -1;}
.ser-info{ width: 50%; padding: 320px 70px 90px; background-color: #393B45; box-shadow: 0px 20px 50px -8px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 20px 50px -8px rgba(0,0,0,0.6); -moz-box-shadow: 0px 20px 50px -8px rgba(0,0,0,0.6);}
.ser-info h3{ position: relative; color: #FFF; font-size: 30px; line-height: 1.1; padding-bottom: 20px; margin-bottom: 24px;}
.ser-info h3::after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 50px; height: 6px; background-color: #FFF;}
.ser-info p{ color: #FFF; font-size: 16px; line-height: 26px; width: 80%;}
.ser-time{ width:60%; margin-left: 40%; margin-top: -330px;}
.time-font{ display: inline-block; overflow: hidden; vertical-align: top;}
.ser-time ul{ display: inline-block; clear: both; overflow: hidden; width: 88%; width: 80%\0; margin-right: 3%; padding: 75px 30px; background-color: #FF8000; box-shadow: 0px 20px 50px -20px rgba(255,128,0,0.6); -webkit-box-shadow: 0px 20px 50px -20px rgba(255,128,0,0.6); -moz-box-shadow: 0px 20px 50px -20px rgba(255,128,0,0.6);}
.ser-time li{ float: left; width: 25%; text-align: center;}
.ser-time li p{ color: #FFF; font-size: 16px; margin-top: 20px;}
.ser-pic{ position: absolute; left: 70px; top: 0; box-shadow: 0px 20px 50px -8px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 20px 50px -8px rgba(0,0,0,0.6); -moz-box-shadow: 0px 20px 50px -8px rgba(0,0,0,0.6);}
.ser-font{ position: absolute; right: -28px; bottom: -105px; z-index: 10;}
.ser-name{ position: absolute; top: 60px; right: 0; width: 37%; text-align: right;}
.ser-name h3{ position: relative; display: inline-block; color: #333; font-size: 30px; line-height: 1.1; padding-bottom: 20px; margin-bottom: 24px;}
.ser-name h3::after{ content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 50px; height: 6px; background-color: #FF8000;}
.ser-name p{ color: #333; font-size: 16px; line-height: 26px;}

/* contact style */
.cont-show{ margin-top: 110px; }
.cont-show strong{ display: block; text-align: center; color: #393B45; font-size: 36px; line-height: 1.1; margin-bottom: 24px;}
.cont-show p{ color:#393B45; line-height: 30px; text-align: center; padding: 0 11%; }
.cont-show ul{ clear: both; overflow: hidden; padding-bottom: 16px; margin-top: 40px; margin-left: -5%; }
.cont-show li{ float: left; width: 28%; text-align: center; padding: 30px 0 40px; margin-left: 5%; box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.2);}
.cont-show li img{ margin-bottom: 40px;}
.cont-show .cont-txt{ height: 84px; padding: 0 6px;}
.cont-show li p{ font-size: 20px; line-height: 36px; padding: 0;}
.cont-show li b{ color: #FF8000; font-size: 22px; line-height: 36px; }
.cont-show li span{ display: inline-block; color: #FFF; font-size: 20px; width: 166px; height: 36px; line-height: 36px; text-align: center; border-radius: 18px; margin-top: 10px; cursor: pointer; background-color: #FF8000;}

.cont-map{ position:relative; height: 600px; margin-top: 110px;}
.map-msg{ position: relative; float: left; width: 520px; padding: 30px 60px; margin-top: 0; border-radius: 10px; background-color: #FFE1C2; box-shadow: 0px 12px 36px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0px 12px 36px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0px 12px 36px 0 rgba(0,0,0,0.2); z-index: 30;}
.map-msg::before{ content: ''; display: block; position: absolute; left: 5%; top: -20px; width: 90%; height: 20px; border-radius: 10px 10px 0 0; background-color: rgba(255,225,194,0.5);}
.map-msg span{ top: -50px;}
.map-side{ position: absolute; top: 0; left: 0; z-index: 20; width: 100%;}
.map-side img{ width: 100%;}

.m-map{overflow: hidden;position: absolute; right: -10%; top: 0; width: 110%; height: 600px;}
#map-show *{ box-sizing: content-box;}
#map-show{ width: 130%; height: 150%; position: relative; top: 0; right:0; bottom: -10%;}
#map-show .BMap_Marker{ width:37px!important; height:53px!important; position:relative; cursor: default; -webkit-animation: mark-down 1.5s linear infinite; -o-animation: mark-down 1.5s linear infinite; animation: mark-down 1.5s linear infinite;}

@-webkit-keyframes mark-down { 
    25% {-webkit-transform: translateY(-6px);} 
    50%, 100% {-webkit-transform: translateY(0);} 
    75% {-webkit-transform: translateY(6px);}
}
@keyframes mark-down { 
    25% {transform: translateY(-6px);} 
    50%, 100% {transform: translateY(0);} 
    75% {transform: translateY(6px);}
}

/* error style */
.error-show{ text-align: center; }
.error-show img{ margin-top: 70px;}
.error-show p{ color: #393B45; font-size: 20px; margin-top: 60px;}
.error-show a{ display: inline-block; color: #FFFEFE; font-size: 22px; width: 240px; height: 50px; line-height: 50px; border-radius: 25px; margin-top: 30px; background-color: #FF8000;}
.error-show img.error-pic{ margin-top: -100px; position: relative; z-index: -1; }

/* 参数切换 */
.data-pro h2{ color: #333; font-size: 24px; padding-left: 50px; margin: 32px 0 20px; background: url(../newimg/pro-icon.png) no-repeat left center;}
.data-list{margin-top: 36px;}
.data-list ul {overflow: hidden;margin-left: -2%;margin-bottom: 0;}
.data-list ul li {float: none;width: auto;display: inline-block;margin-left: 2%;color: #666;font-size: 18px; padding-left: 0;box-sizing: border-box;cursor: pointer;margin-bottom: 30px; border-radius: 25px 0 25px 0;background: none; background-color: #FFF;border: 1px solid #DEDFE0;}
.data-list ul li span{display: block; padding: 10px 30px;line-height: 1.5;}
.data-list ul li:hover{color: #FF8000;}
.data-list ul li.cur{position: relative;z-index: 2;padding: 2px;text-align: center;border: none;
    background: -moz-linear-gradient(left, #FF5553 0%, #FA870B 100%);
    background: -webkit-linear-gradient(left, #FF5553 0%, #FA870B 100%);
    background: -o-linear-gradient(left, #FF5553 0%, #FA870B 100%);
    background: -ms-linear-gradient(left, #FF5553 0%, #FA870B 100%);
    background: linear-gradient(to right, #FF5553 0%, #FA870B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FF5553, endColorstr=#FA870B, GradientType=0 );
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);
}
.data-list ul li.cur span{display: block;color: #333;font-weight: bold; width:100%;height:100%;background-color: #FFF;border-radius: 24px 0 24px 0;}
.data-no{display: none;}

/* 0108 参数 */
.data-on{display: inline-block;margin-left: 2%;color: #666;font-size: 18px; padding-left: 0;box-sizing: border-box;margin-bottom: 30px; -webkit-border-radius: 25px 0 25px 0;border-radius: 25px 0 25px 0;background: none; background-color: #FFF;border: 1px solid #DEDFE0;position: relative;z-index: 2;padding: 2px;text-align: center;border: none;background: -moz-linear-gradient(left, #FF5553 0%, #FA870B 100%);background: -webkit-linear-gradient(left, #FF5553 0%, #FA870B 100%);background: -o-linear-gradient(left, #FF5553 0%, #FA870B 100%);background: -ms-linear-gradient(left, #FF5553 0%, #FA870B 100%);background: linear-gradient(to right, #FF5553 0%, #FA870B 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FF5553, endColorstr=#FA870B, GradientType=0 );-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);}
.data-on span{display: block; padding: 10px 30px;line-height: 1.5;color: #333;font-weight: bold; width:100%;height:100%;background-color: #FFF;-webkit-border-radius: 24px 0 24px 0;border-radius: 24px 0 24px 0;}


.data-link{margin: 50px 0 40px;padding-left: 15px;}
.data-link strong{ display:inline-block;color: #FFF;font-size: 18px;position: relative;z-index: 0;text-align: center;line-height: 60px;width: 375px;font-weight: normal;}
.data-link strong:before{content: "";position: absolute;left: 0;top: 0;width: 375px;height:60px;background: url(../images/data-link01.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;z-index: -1;}

.link-con{padding: 30px; margin-top: -28px; background-color: #FFF;-webkit-box-shadow: 0 3px 15px rgba(0,0,0,.2);-moz-box-shadow: 0 3px 15px rgba(0,0,0,.2);-ms-box-shadow: 0 3px 15px rgba(0,0,0,.2);-o-box-shadow: 0 3px 15px rgba(0,0,0,.2);box-shadow: 0 3px 15px rgba(0,0,0,.2);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.link-con a{display: inline-block;line-height:50px;padding: 0 30px;background-color: #FF8000; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 10px rgba(0,0,0,.15);-ms-box-shadow: 0 3px 10px rgba(0,0,0,.15);-o-box-shadow: 0 3px 10px rgba(0,0,0,.15);box-shadow: 0 3px 10px rgba(0,0,0,.15);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;position: relative;z-index: 0;color: #393B45;font-size: 18px;margin-right:26px;text-align: center;margin-top: 20px;}
.link-con a:before{content: "";position: absolute;left: -4px;top: -4px;width: 100%;height: 100%;background: url(../images/data-link02.png) left top;z-index: -1;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.link-con a:hover{color: #FF8000;}

@media screen and (max-width:1900px){
    .m-map{right: 0;}
}
@media screen and (max-width:1700px){
    .index-hot{ padding-left: 6%;}
    .pro-slider .slick-prev{ left: 6%;}
    .pro-slider .slick-next{ left: calc(6% + 60px); left:-webkit-calc(6% + 60px); left:-moz-calc(6% + 60px);}
    .about-dot span{ right:2%;}
    .about-dot ul{ width: 78%;}
    .about-dot ul li{ margin-right: 8%;}
    .base-info{ width: 48%;}
}
@media screen and (max-width:1600px){
    .index-hot{ padding-left: 3%;}
    .pro-slider .slick-prev{ left: 3%;}
    .pro-slider .slick-next{ left: calc(3% + 60px); left:-webkit-calc(3% + 60px); left:-moz-calc(3% + 60px);}
    .about-dot ul li{ margin-right: 7%;}
    .about-base img{ display: none;}
    .base-info{ width: 96%; margin: 0 2%; padding: 20px 0;}
    .about-honor .box:after{right: 0;}
}
@media screen and (max-width:1500px){
    .box{ margin-left: 20px; margin-right: 20px;width: auto;}
    .index-hot{ padding-left: 20px;}
    .about-dot span{ right:1%; text-align: right;}
    .about-dot span img{ width: 90%;}
    .index-about{ margin-top: 100px;}
    .paging{ right: 8%;}
    .ser-time ul{ width: 86%;}
    .t-page .box{ margin: 0;}
    .supp-font,.ser-font{right: 0;}
}
@media screen and (max-width:1400px){
    .index-type li{ width: 15.4%; margin-right: 1.5%; background-size: 100%;}
    .pro-info ul{ padding:50px 0 50px 20px; background-position-x: -25px;}
    .pro-info h3{ margin-left: 20px;}
    .pro-slider .slick-prev{ left: 20px;}
    .pro-slider .slick-next{ left: 80px;}
    .hot-slider .hot .hot-pop img{ width: 80px; margin: 90px auto;}
    .case-name{ width: 35%;}
    .paging{ right: 2%;}
    .about-sl{ width: 60%;}
    .about-state{ width: 40%;}
    .honor-info{ top: 0;}
    .ban-nav{ left: 0; width: 100%; margin-left: 0;}
    .main-name{ left: 5px;}
    .pro-list li.pro-tit{ height: 238px;}
    .time-show{ width: 80%;}
    .news-list li .list-info:after{ display: none;}
    .news-list li:hover .list-time:after{ display: none;}
    .news-list li:hover .time-show:before{ display: none;}
    .news-list li:hover .time-show{color: #FF8000;}
    .news-list li .list-info, .news-list li:nth-child(even) .list-info{ padding: 40px 30px;}
    .supp-info p{ width: 50%;}
    .supp-pic{ width: 55%;}
    .pro-tel{ width: 54%; width: 42%\0; padding: 8px 20px 8px 40px;}
    .pro-link span{ padding-left: 120px;}
    .con-side ul li{ width:25%\0; }
    .news-about{ width: 60%; width: 60%\0;}
    .news-ser{ width: 40%; width: 37%\0;}
    .con-side ul li.pro-ico01, .con-side ul li.pro-ico02{ background-position: 40px center;}
    .con-side ul li{ padding-left: 106px;}
}
@media screen and (max-width:1300px){
    .about-dot ul li{ margin-right: 5%;}
    .case-name li p:last-child{ display: none;} 
    .pro-list li.pro-tit a.pro-more{ display: none;}
    .pro-list li.pro-tit{ height: 224px;}
    .show-btns:last-child{ margin-right: 0;}
    .news-list li .list-info{ width: 84%;}
    .news-list li .list-time{ width: 16%;}
    .ser-support{ margin-top: 70px;}
    .supp-pic{ top: 40px;}
    .pro-link{ width: 96%;}
    .t-page{ margin-left: 27%;}
    .main-tit p i{ display: none;}
    .about-sl{ width: 54%;}
    .about-state{width: 46%;}
    .ser-time{margin-left: 37%;width: 63%;}
}
@media screen and (max-width:1220px){
    .pro-info ul li a{font-size: 14px;}
}
@media screen and (max-width:1200px){
    .box{ min-width: 1024px; margin: 0 10px;}
    .index-type{ margin-top: 30px;}
    .index-news{ margin-top: 50px;}
    .cont-show{ margin-top: 100px;}
    .case-list, .news-main{ margin-top: 150px;}
    .news-show, .ser-support{ margin-top: 70px;}
    .show-list{ margin: 150px auto 30px;}
    .nav{ width: 60%;}
    .logo, .tel{ width: 20%; background-image: none;}
    .logo a{ margin-right: 16px;}
    .tel p{ padding-left: 16px; background: none;}
    .index-tit h2{ font-size: 32px;}
    .index-tit h2 b{ width: 50px; height: 50px; line-height: 50px;}
    .hot-slider .slick-slide p{ width: 50%; margin-left: 25%;}
    .about-dot span{ display: none;}
    .about-dot ul{ width: 100%;}
    .about-dot ul li{ width: 22%; margin-right: 4%;}
    .hot-slider .hot .hot-pop img{ width: 60px; margin-top: 70px;}
    .cases img{ width: 95%;}
    .case-pic{ width: 61%;}
    .case-name{ width: 37%; margin-top: 10px;}
    .name-info p{ margin-bottom: 10px;}
    .pro-pic{ margin-left: -20px;}
    .honor-pic{ width: 544px; background-position: -100px bottom;}
    .honor-pic ul{ margin: 0;}
    .about-sl{width: 48%;}
    .about-state{ width: 52%;}
    .pro-list li.pro-tit{ width: 100%; height: auto; color: #333; text-align: center; padding: 0; background: none;}
    .pro-list li.pro-tit .tit-info{ display: block; width: 100%;}
    .pro-list li.pro-tit h2 a{ color: #333;}
    .pro-list li.pro-tit h2 a:hover{ color: #FF8000;}
    .pro-list li{ width: 31.3%;}
    .list-odd{ margin-bottom: 50px;}
    .list-even{ padding: 50px 0; margin-bottom: 50px;}
    .ban-nav ul{ margin-left: 19%;}
    .ban-nav ul li{ margin-right: 10px;}
    .show-btns{ width: 108px;}
    .show-btn a, .show-btn span{ padding: 0 30px 0 10px; background-position: right 6px center;}
    .supp-pic{ top: 0; width: 48%;}
    .supp-info{ width: 100%; width: 100%\0;}
    .supp-info p{ width: 100%;}
    .supp-font, .ser-font{ display: none;}
    .ser-flow{ width: calc(100% - 140px); width:-webkit-calc(100% - 140px); width:-moz-calc(100% - 140px); width: 90%\0;}
    .supp-info p{ margin-bottom: 44px;}
    .ser-info{ width: 100%; padding-top: 220px;}
    .ser-time{ margin-left: 0; margin-top: -60px; width: calc(100% - 140px); width:-webkit-calc(100% - 140px); width:-moz-calc(100% - 140px); width: 90%\0; margin-left: 70px;}
    .time-font{ display: none;}
    .ser-time ul{ width: 100%;}
    .ser-pic{ width: 52%;}
    .ser-name{ top: 90px; right: 30px;}
    .ser-name h3, .ser-name p{ color: #FFF;}
    .ser-show{ margin-bottom: 90px;}
    .pro-link{ width: 100%;}
    .pro-link span{ padding-left: 40px;}
    .pro-link i{ display: none;}
    .pro-tel{ width: 64%; width: 52%\0;}
    .con-side ul li.pro-ico01, .con-side ul li.pro-ico02{ background-position: 10px center; background-size: 32px 32px;}
    .con-side ul li{ padding-left: 52px;}
    .hot-txt{ width: 50%; margin-left: 22%;}
    .news-name span{ width: 20%;}
    .news-name a { width:67%; width:61%\0; }
    .main-tit{ width: 74%;}
    .t-page{ margin-left: 25%;}
    .pro-info{ width:640px;}
    .news-detail p img, .news-detail p video{width: 100%;}
}
@media screen and (max-width:1034px){
    .box{ min-width: auto; max-width: 1014px; margin-left: 5px; margin-right: 5px;}
}
@media screen and (max-width:1000px){
    .box{ min-width: 990px; }
}