html,body{-webkit-overflow-scrolling:touch; overflow-scrolling:touch; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body{font-family:微软雅黑; min-width: 1000px;font-size:14px; text-align:left; margin:0 auto; line-height:24px; background:#fff; color:#333; font-weight:normal; overflow-x:hidden;    -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{color:#555; text-decoration:none;cursor: pointer}
a:hover{text-decoration:none; color:#ee7709}
a:link,a:active,a:visited,a:hover { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }
img {max-width: 100%;height: auto;    vertical-align: bottom;-ms-interpolation-mode: bicubic;border: 0;}
i,em{ font-style: normal;}
li{list-style:none;}
button,input,select,textarea{font-size:100%;}
.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; }
button{border-radius:0px; -webkit-border-radius:0px; outline:none; }
input{border-radius:0; outline:none; }
input:-ms-clear{display:none; }/*消除 IE10 里面的那个叉号*/
input,textarea{border:0; }
textarea {resize :none; outline:none; }/*去掉提交框右下角箭头*/
img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/
ul,li{list-style:none; } 
.wrap{width: 81.25%;margin-right: auto; margin-left: auto; overflow:hidden; }
.fl {float: left}.fr {float: right}
.clearfix {display: inline-table;display: block;zoom: 1}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden}


.header {background:#262834;box-shadow: 0 5px 5px rgba(0,0,0,.1); background:#0E1436; width:100%; overflow:hidden}
.header .logo {position: relative;float:left; text-align:right; width:16%; margin-left:9%; margin-top:22px;}
.header .logo img {display: block;height:auto}
.header .nav-list {height:86px;text-align: center; display:inline-block; width:54%; margin-left:3%; float:left;}
.header .nav-list ul{margin-top:10px; }
.header .nav-list li {display: inline-block;vertical-align: top;margin: 0 3.2%;position: relative}
.header .nav-list li:hover  {background: url(../images/nav_on_bg.png) center bottom no-repeat; padding-bottom:0px;}
.header .nav-list li:hover>a {line-height:66px;color: #fff}
.header .nav-list .on  {background: url(../images/nav_on_bg.png) center bottom no-repeat; }

.header .nav-list li a {transition: .5s line-height ease-in-out;display: block;line-height: 66px;font-size: 18px;color: #fff;position: relative;z-index: 1}
.header  .tel-panel{ background:#E80011;	position: relative;	float:right; text-align:left; font-size:14px;width:18%; color:#fff;}
.header  .tel-panel span,.header  .tel-panel strong{ display:block}
.header  .tel-panel span{ margin-top:15px;}
.header  .tel-panel strong{font-size:26px;}
.header  .tel-panel .inner-wrapper{ background:url(../images/tel.png) no-repeat 25px 13px; padding-left:55px; height:71px;}


/*
.swiper-wrapper {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

 .swiper-wrapper .swiper-slide {
	width: 100%;
	float: left;
	height: 100%;
	overflow: hidden
}

.swiper-wrapper .swiper-slide .item-slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

.swiper-wrapper .swiper-slide .item-slide .font-panel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: table;
	padding: 10% 13.02083% 0
}

.swiper-wrapper .swiper-slide .item-slide .font-panel:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background: url(../images/video_cover.png) left top repeat;
	opacity: .7;
	filter: alpha(opacity=70)
}

.swiper-wrapper .swiper-slide .item-slide .font-panel .font-cell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	position: relative;
	z-index: 2
}


.swiper-wrapper .swiper-slide .item-slide video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center
}*/
.swiper-container { width:100%; margin:0 auto; position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto;}
.swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;}
.swiper-container {margin-left: auto; margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0; z-index: 1;}
.swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2;}
.swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2;}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform,height;}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform,height;}
.swiper-banner .swiper-wrapper {width: 100%}
.swiper-banner .swiper-slide {width: 100%;overflow: hidden}
.swiper-banner .swiper-slide a {display: block;width: 100%;overflow: hidden}
.swiper-banner .swiper-slide a img {display: block;width: 100%}
.swiper-banner .swiper-pagination {bottom: 70px}
.swiper-banner .swiper-pagination .swiper-pagination-bullet {background: none;opacity: 1;color: #fff;font-size: 20px;font-weight: bold;position: relative;width: auto;height: 30px;line-height: 30px;margin: 0 50px; cursor:pointer;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%;}
.swiper-pagination {position: absolute; text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {color: #dc0c0c}
.swiper-banner .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet:before {content: '';display: block;width: 70px;height: 1px;background: #fff;position: absolute;top: 15px;left: -85px}
.ie-hack .swiper-banner .swiper-slide,.ie-hack .swiper-product .swiper-slide {float: left}
.ie-hack .swiper-banner .swiper-pagination,.ie-hack .swiper-product .swiper-pagination {width: 100%;text-align: center}

.index_cate { margin:80px auto 0; width:70%;overflow:hidden; padding-bottom:100px;}
.index_cate ul{overflow:hidden;margin:0 auto 30px;text-align:center; z-index:999; position:relative}
.index_cate li{float:left;width:15%;margin: 0 2.5%;   }
.index_cate h5{ font-size:18px; line-height:40px;  margin:8px 0; width:100%;text-align:center;display:block; color:#888}
.index_cate li strong{ background:#f4f4f9;position: relative;
    z-index: 1;
    width: 70%;
    margin: 5px auto 10px; border-radius:50%; text-align:center; margin:0 auto;display:block; }
.index_cate li strong img{ width:100%; border-radius:50%;  }
.index_cate li strong img:hover{width:100%;  background:#f91627; }
.index-pro{ background:#252740;background-image: linear-gradient(180deg, #02314F 50%,#00121C 100%); width:100%; margin:30px auto; overflow:hidden}
.index-pro .tit{ width:7%; position:relative;float:left}
.index-pro .tit h2{ font-size:36px; color:#fff; line-height:40px; text-align:center; position:relative; margin:40px 0;left:15px; z-index:99}
.index-pro .tit h2:before {content: '';width: 8px;height:50px;display: block;background: #eb0001;position: absolute; top:0px;}
.index-pro .tit:before {content: '';display: block;width: 100%; position: absolute;top: 0;bottom: 0;left:15px;background:#4bbcdc; background-image: linear-gradient(180deg,#035E9A 50%,#02314F  100%);    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1); moz-box-shadow: 0 10px 20px rgba(0,0,0,.3); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.3);box-shadow: 0 10px 20px rgba(0,0,0,.3);z-index:8;border-radius: 0 0 100px 100px;}

.index-pro ul{ overflow:hidden; width:88%; float:right;margin-top:80px; margin-bottom:20px;}
.index-pro ul li{float: left;width:22%; padding-bottom:50px; background:#f4f4f4;margin:5px 1.5% 60px;*margin:0 1%;transition:all .3s ease;position:relative;display: block;overflow: hidden; text-align:center;   } 

.index-pro li img{ width:100%; margin:0 auto; height:auto; text-align:center;border-radius: 0 0 0 20px; position: relative}


.index-pro ul li a{display: block;float: left;width:100%;} 
.index-pro ul li i{display:block;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);}
.index-pro ul li a:hover i{transition:all .3s ease;left:100%}
 
.index-pro li h4{ font-size:16px; font-weight:500;  position: absolute; left: -1px; bottom: -1px; transition: all .2s ease; margin-top:-15px; width:85%}
.index-pro li h4 a{   text-align:center; line-height:50px; height:50px;}
.index-pro a:link,.index-pro a:active,.index-pro a:visited,.index-pro a:hover{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
.index-pro ul li:hover{transition:all .3s ease;transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.5);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.5)}
.index-pro li .five-js{line-height: 25px; display:none;width: 52%;float: right;padding: 3% 2% 4% 5%;min-height: 152px;background: #f4f4f4; overflow: hidden;}
.index-pro li:hover .five-js{background: #ff2d11;color:#fff;}
.index-pro li .five-js p{margin-bottom: 3px; font-size: 14px;}
.index-pro li .more {
       width: 75px;
    background: #00adef;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 34px;
    position: absolute;
    right: -1px;
    bottom: 5px;
    transition: all .2s ease; border-radius:30px 0 0 30px;
}
/*.index-pro li .more:before {
    content: '';
    display: block;
    width: 70px;
    height: 60px;
    border-bottom: 60px solid #d1ae6e;
    border-top: 0 dashed transparent;
    border-left: 70px dashed transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: all .5s linear;
}
*/.index_about{ margin-top:80px }
.index_about .tit{ margin:30px auto 70px; position:relative; text-align:left}
.index_about .tit h3{ font-size:50px; color:#202a5b;position:relative; display:block;margin-bottom:28px;z-index:3}
.index_about .tit h4{ font-size:22px;display:block;position:relative; z-index:3}
.tit-en { position:relative; z-index:2; margin-top:-70px; width:80%;
}
.about-pic{float: right;width: 60%; position: relative;z-index: 0; padding-left:20px;}
.about-pic img{width: 100%;}
.about-info{position: relative;float: left;width: 35%;}
.about-info p{font-size: 18px; color:#9b9aac;line-height: 40px;}
.about-base{ overflow:hidden}
.index_about_box{ /*background:#f0f3f5;*/overflow:hidden; width:100%; z-index:999; margin:60px auto; position:relative}

.index_about_box .l { width: 20%;font-weight: bold; background:#E80011;color: #fff; text-align:center; padding:40px 20px;bottom: 0; float:left;}
.index_about_box .l strong{ font-size:40px; margin-bottom:20px; display:block}
.index_about_box .l span{ display:block; font-size:30px;}
.index_about_box .r { width: 75%; float:right; margin-top:20px;}
.index_about_box dl{float:left;width:25%;text-align:center;}
.index_about_box dl dt{width: 30%;float: left;}
.index_about_box dl dt em{display:block;width:70px;height:70px;margin:0 auto 24px;text-align:center;line-height:2.5em;font-size:65px;font-style:normal; margin-top:20px;color:#fff;}
.index_about_box dl dd{width: 68%;float: right;margin-top: 20px;}
.index_about_box dl dd h3{font-size: 32px;text-align: left; margin-bottom:10px;}
.index_about_box dl dd p{font-size: 16px;text-align: left;width: 100%;overflow: hidden;}
#ys1{background:url(../images/com_1.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;}
#ys2{background:url(../images/com_2.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;}
#ys3{background:url(../images/com_3.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;}
#ys4{background:url(../images/com_4.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;}
.index_new{ margin-top:60px;}

.index_new_tj{ width:100%; overflow:hidden; margin-bottom:20px;} 
.index_new_tj ul{ margin-left:-3%;}
.index_new_tj li{ width:47%; float:left; margin-left:3%;}
.index_new_tj li .img{ width:30%; float:left}
.index_new_tj li .text{ width:66%; float:right}
.index_new_tj li .text h3{ font-size:18px; margin-bottom:8px;}
.index_new_tj li .text p{ font-size:16px; line-height:30px;}
.news_list {
        overflow: hidden;
        margin-left: -3%
    }
    
.news_list  li {
        width: 47%;
        float: left;
        font-size: 16px;
        color: #4b556e;
        padding: 20px 0;
        border-bottom: 1px dashed #ebf0f8;
        margin-left: 3%;
    }
    
.news_list  li a {
        font-size: 16px;
        color: #4b556e;
        width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        float: left;
        position: relative;
        padding-left:23px;
        transition: all 0.6s ease;
    }
    
.news_list  li a:hover {
        color: #e61e37;
        margin-left: -15px;
        transition: all 0.6s ease;
    }
    
.news_list  li a:before {
        background: url(../images/new_zs.png) no-repeat;
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        position: absolute;
        left: 0;
        top:8px;
    }
    
.news_list  li span {
        float: right;
    }
    
.news_list  li.zd-li {
        padding: 15px 0;
    }
    
.news_list li.zd-li a {
        font-weight: bold;
        font-size: 18px;
        color: #05163f;
        width: 98%;
        box-sizing: border-box;
        padding-right: 3%;
        height: 26px;
        line-height: 26px;
        padding-left: 40px;
    }
    
.news_list li.zd-li a:before {
        background: url(../images/tj.png) no-repeat;
        background-size: 100% 100%;
        content: "";
        display: inline-block;
        width: 26px;
        height: 26px;
        position: absolute;
        left: 0;
        top: -2px;
    }
    
.news_list  li.zd-li a:after {
        background: url(../images/tj_r.png) no-repeat;
        background-size: 100% 100%;
        content: "";
        display: inline-block;
        width: 38px;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
    }
.index_case{ margin-top:80px;}
.index_case .tit,.index_new .tit{ position:relative; margin-top:0; margin-bottom:60px; text-align:center}
.index_case .tit .tit-en,.index_new .tit .tit-en {
    position: relative;
    z-index: -10; margin:0 auto; text-align:left;
    margin-top: -150px;
    width: 80%;
}
.index_case .tit h3{font-size: 50px; position:relative; z-index:2;color: #202a5b;margin-bottom:30px; margin-top:30px; }
.index_new .tit h3{font-size: 50px; position:relative; z-index:2;color: #202a5b;margin-bottom:30px; margin-top:30px; text-align:left}

.index_new .tit h3,.index_new .tit p{ text-align:center}
.index_new .tit p{font-size: 18px;z-index:2; text-align: left}
.index_case .tit p{font-size: 18px;z-index:2; }

.index_new .tit p{ margin-top:20px; text-align:center}




/*=======================产品推荐滚动 start===================*/
#owl-demo{position:relative;margin: 0 auto;}
#owl-demo .item_ie7{ position:relative;display:block;}
#owl-demo img{display:block;width:100%;height:auto;}
.owl-pagination{position:absolute;left:0;bottom:20px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:1rem;height:1rem; border-radius:50%;margin:0 0.5rem;background:#fff;}
.owl-pagination .active{width:2.5rem;background:#dc0c0c;border-radius:1rem}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:43%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png); border-radius:0 50px 50px 0}
.owl-next{right:9%;background-image:url(../images/bg18.png);border-radius: 50px 0  0 50px}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
/*=======================产品推荐滚动end===================*/

.index_case_left{ float:left; width:70%} 
.index_case_right{ float:right; width:21%; margin-right:9%; padding:40px 25px; height:544px; background:url(../images/index_case_bg.jpg) no-repeat left top}

.index_case_right h2 {font-size:34px;color:#fff;position: relative;margin: 23px 0 28px 0; line-height:46px;}
.index_case_right h2::after {width: 71px;height: 5px;position: absolute; top: 20px; margin-top: -2.5px;left: -80px;content: "";background-color:#dc0c0c;}
.index_case_right p{color:#eee;font-size:16px; line-height:32px; margin-bottom:15px; }
.index_case_right .btn-line {
    font-size: 24px;
    border-radius: 35px; height:56px; line-height:56px; margin-top:60px;
    width:228px;
    background: url(../images/case_btn.png) left top  no-repeat;
    background-size:100%;
    color: #0f0f14;
    font-weight: bold;
    text-align: center;
    display: block;
    -webkit-box-shadow: 0 0 30px rgba(255,210,0,0.3);
    -moz-box-shadow: 0 0 30px rgba(255,210,0,0.3);
    box-shadow: 0 0 30px rgba(255,210,0,0.3);
    transition: .5s all ease-in-out;
}
.index_case_right .btn-line:hover{ color:#fff}
.footer { width:100%;padding:40px 0; text-align:center; background:#000;}
.footer p{ font-size:18px; color:#fff; }
.footer a{ color:#eee; margin-left:20px;}
.footer a:hover{ color:#F90}

.newslist{margin:80px auto 50px; width:100%; overflow:hidden}
.newslist .new_wrap {
    width: 1560px;
    margin-right: auto;
    margin-left: auto;
}
.newslist ul{position:relative;}
.newslist ul li{height:279px; margin-bottom:15px;}
.newslist ul ._l{width:7%; float:left; position:relative; height:100%;}
.newslist ul ._l:after{content:''; position:absolute; top:0; right:0; width:0; height:100%; background:#ea5513; transition:all .5s ease; -webkit-transition:all .5s ease;}
.newslist ul ._r{width:93%; float:left; height:100%; position:relative;}
.newslist ul ._r:after{content:''; position:absolute; top:0; right:0; background:#fafafa; height:100%; width:0; transition:all .5s ease; -webkit-transition:all .5s ease;}
.newslist ul ._l .time{width:65%; float:left; font-family:'Arial'; line-height:1; text-align:center; position:absolute; height:64px; top:50%; margin-top:-32px; color:#ea5513; z-index:1; font-size:14px}
.newslist ul ._l .time .d{font-size:55px; margin-bottom:3px; font-family:Arial;}
.newslist ul ._l .time .t{font-size:16px;}
.newslist ul ._l .time:after{content:''; background:#e5e5e5; position:absolute; width:1px; height:100px; top:50%; margin-top:-50px; right:-32px; transition:all .5s ease; -webkit-transition:all .5s ease;}
.newslist ul ._r .box{padding:30px 40px;}
.newslist ul ._r .intro_box .tit{font-size:22px; font-weight:bold; color:#212122; line-height:24px; margin-bottom:20px;}
 
.newslist ul ._r .intro_box .con{font-size:15px; color:#434343; height:60px; line-height:30px; overflow:hidden; margin-bottom:50px;}
.newslist ul ._r .img_box{float:right; width:21%; margin-left:20px;padding-bottom:71.5%;}
.newslist ul li:hover{background:#fafafa;}
.newslist ul  li:hover ._l .time{color:#fff;}
.newslist ul  li:hover ._l .time:after{display:none;}
.newslist ul  li:hover .tit{color:#ea5513;}
.newslist ul  li:hover ._l:after{width:520px}
.newslist ul  li:hover ._r:after{width:330px;right:-330px;}
.newslist ul  li:last-child{margin-bottom:0;}
.common_btn{overflow:hidden;}
.common_btn {display:inline-block;text-align:center; font-size:14px; border:1px solid #ea5513; border-radius:10px 0; color:#ea5513; padding:10px 30px; position:relative;}
.common_btn span{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);}
.common_btn span a{color:#ea5513;}
.common_btn:hover{background:#ea5513; cursor:pointer; color:#fff;}
.common_btn:hover a{color:#fff;}/*ccadd*/

/* 分页 */
.page{margin:100px auto 30px; overflow:hidden;color: #07284E;text-align: center;}
.page .gobutton,.page .num{color: #07284E;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff;font-size: 16px;font-weight: normal;}
.page .active{background: #ed1c24;color:#fff;}
.pages {color: #999; margin:15px; clear:both;   }
.pages a, .pages .cpb {text-decoration:none; padding:12px 18px; margin:2px; border: 1px solid #ddd;background: #ffff;font-size:13px; color:#07284E;}
.pages a:hover { background-color: #064187; color:#fff;border:1px solid #064187; text-decoration:none;}
.pages .cpb { font-weight: bold; color: #fff; background: #064187; border:1px solid #064187;}


.pro_ban {display: block;width: 100%;overflow: hidden;}
.pro_ban img{ text-align:center; margin:0 auto;}
.sub_ban{position: relative;overflow: hidden}
.sub_ban>span {display: block;width: 100%;overflow: hidden;}
.sub_ban .tit {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2}
.sub_ban .tit  h2 {height: 92px;font-size: 58px;letter-spacing:10px;line-height: 72px;padding-top: 20px;margin-top:60px;margin-bottom:15px;width: 100%;background-position: left top;background-repeat: no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%;color: #fff;font-weight: bold}
/*.sub_ban .tit .new{background-image: url(../images/new_mark.png);}
.sub_ban .tit .company{background-image: url(../images/company_mark.png);}
.sub_ban .tit .case{background-image: url(../images/case_mark.png);}
.sub_ban .tit .pro{background-image: url(../images/pro_mark.png);}
*/.sub_ban .tit  p {font-size: 20px;line-height: 32px;width: 100%;overflow: hidden;color: #dfdddd}
.breadcrumb {width: 100%;height: 36px;  position: relative; z-index: 3; margin:20px 0 0 0;}
.breadcrumb a,.breadcrumb span {display: inline-block;font-size: 14px; line-height: 36px;transition: all .5s linear}
.breadcrumb span {margin: 0 5px}
 


.case_list {margin-left: -3.5%; position:relative; margin-top:70px; margin-bottom:40px;}

.case_list li { float: left;width: 21.5%;margin-left: 3.5%; overflow:hidden; margin-bottom:60px; padding-bottom: 15px;
     position:relative}
.case_list li .Pic {display: block;
    width: 100%;
    overflow: hidden;}
.case_list li .pic img { width: 100%;overflow:hidden;-o-transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; -ms-transition: all 0.5s;transition: all 0.5s;}
.case_list li .pic img:hover {-o-transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); }
.case_list li .title {
    padding:10px 0 10px 0; text-align:center;
    display: block;
    width: 100%; font-size:18px;
    position: relative;
    z-index: 1; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.case_list li .title:after {content: ''; position: absolute;left: 0px;bottom: -100%;width: 100%;height: 100%;background:#a30000;z-index: -1;-o-transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s; transition: all 0.5s; color:#fff;}
.case_list li:hover .title {color: #fff}
.case_list li:hover .title:after {bottom: 0;}
.pro_cate {padding:20px 0;text-align:center;z-index:10; overflow:hidden; margin:35px auto }
.pro_cate li{display:inline-block;*display:inline;*zoom: 1;margin:0 4%;color:#07284E; font-size:20px;cursor:pointer;position:relative;z-index:999; color:#fff }
.pro_cate li a{color:#07284E;}
.pro_cate li ._title{background:#0E1436;border-radius: 10rem;line-height: 2.1rem; color:#fff; padding:7px 26px;display: block ; font-weight:600}
.pro_cate li.active .active{ background-color:#ff4a00;border-radius: 10rem;line-height: 2.1rem; padding:5px 20px;display: block; color:#fff}
.pro_cate li.active  ._title{background-color:#E80011; color:#fff}
.pro_cate .dot_icon{width:16px;height:16px;border:1px solid transparent;border-radius:50%;display:block;margin:-8px auto 22px;position:relative;}
.pro_cate .dot_icon:after{content:"";width:20px;height:20px; border:#d8d8d8 3px solid; background:#fff; display:block;position:absolute; z-index:999;top:50%;left:50%;margin-top:-10px;margin-left:-10px;border-radius:50%;}
.pro_cate li.active .dot_icon:after{background:#E80011; padding:2px;}
.pro_cate li:after{content:"";width:300px;height:1px;background:rgba(46,74,87,.20); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99cfcecf,endcolorstr=#99000000);position:absolute;top:6px;right:-50%;}

.pro_list{ height:auto; overflow:hidden; width:104%; margin-left:-4%; margin-bottom:40px;}
.pro_list .tj_tit{margin:20px 0 30px 4%; font-size: 36px;bottom: 30px; overflow:hidden;}
.pro_list .tj_tit h3{display: inline-block; float:left;color: #07284E;font-weight: bold;border-bottom: 6px solid #eb0001;padding-bottom: 0.5rem;}
.pro_list .tj_tit a{color:#07284E;}
.pro_list .tj_tit span{ color:#666;float: right;font-size:16px;padding-top: 20px;font-weight: 500;}
.pro_list dl{ float:left; width:20.8%; height:auto; margin: 0 0 3% 4%;    position: relative;}
.pro_list dl:hover {-moz-box-shadow: 0 5px 10px silver;-webkit-box-shadow: 0 5px 10px silver;box-shadow: 0 5px 10px silver;filter: progid:DXImageTransform.Microsoft.Shadow(color='#AFBEDA',Direction=125,Strength=9)}
.pro_list dl > a{ display:block;  } 
.pro_list dt{ width:100%; float:left;text-align:center; background: url(../images/prolist_bg.jpg) ;}
.pro_list dt  img{ width:100%; height:auto;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s; }
.pro_list dt a:hover img{filter:alpha(opacity=80);opacity:0.8; -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.pro_list dd h3{ font-size:20px ; margin-bottom:15px; padding:2px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pro_list dd h3 a{ color:#475770}

.pro_list dd{ line-height:25px;padding:8% 2% 4% 8%; min-height:152px; width:100%;  overflow:hidden;background:#f0f6fc;/*box-shadow: 2px 2px 2px rgba(0,0,0,.05);*/
-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.pro_list dl:before {
    bottom: 0;
    background: #aa8475;
    -webkit-box-shadow: 0 0 24px rgba(75,23,1,0.3);
    -moz-box-shadow: 0 0 24px rgba(75,23,1,0.3);
    box-shadow: 0 0 24px rgba(75,23,1,0.3);
    transition: all .5s linear; position:absolute
}
.pro_list dd:hover{ background:#0E1436;-moz-box-shadow:0 3px 10px rgba(0,0,0,.2); color:#fff;-webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);box-shadow:0 3px 10px rgba(0,0,0,.2);top:-5px}
.pro_list dd:hover h3 a{color:#fff;}
.pro_list dd p{ margin:10px 0;font-size:16px; color:#617798}
.pro_list dd:hover p{color:#fff;}
.pro_list{margin-top:20px; }
.pro_list .bj-btn,.pro_list .r_btn{ width:90px; margin: 15px 0 15px;  display: inline-block; text-align: center;  font-size: 14px;   line-height: 36px;}
.pro_list .bj-btn{color: #617798;border:#617798 1px solid;-webkit-transform: skew(-8deg, 0);transform: skew(-8deg, 0); background:#fff}
.pro_list .r_btn{ background: #617798; border:#333 1px solid;color: #fff;}
.pro_list .bj-btn:hover{color: #07284E; background: #fff; border:1px solid #999;}
.pro_list .r_btn:hover{color: #fff; background:#252A3C; border:1px solid #252A3C;}

.product_tit{ margin:-50px auto 70px ;position:relative; border-radius:30px;    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    box-shadow: 0 5px 10px rgba(0,0,0,0.1); z-index:10; background:  #fff;text-align:center; padding:40px 0;}
.product_tit h3{ font-size:60px; padding:25px 0; color:#05163f; margin-bottom:20px;}
.product_tit h3:after {content: '';position: absolute; left: 570px;top: 0px;   background-size:40px;width:45px;height:30px;}
.product_tit  p{ font-size:18px;color:#05163f;}

.about_ore{  position:relative; margin-top:40px;}
.about_ore:before {content: ""; width: 193px;height: 193px;background: url(../images/about-bg02.png) left top no-repeat; display: block;position: absolute;left: 0;top: 0;opacity: 0.8;}
.about_ore .wrap{ background:#fff;overflow: hidden }
.about_ore .tit{ margin:60px auto; }
.about_ore .tit h2{ font-size:42px; margin-bottom:20px; padding:5px 0; text-indent:40px; position:relative}
.about_ore .tit h2:before {content: '';display: block; width: 17px;height: 17px;border-radius: 100%;border: 3px solid #FF4639;background: #fff;position: absolute; margin-right:20px;top:5px;}
.about_ore .tit p{ font-size:18px; line-height:34px;}
.about_ore .about_orepic{clear:both; width:100%;position: relative;}
.about_ore .about_oreitem{ background:#db2035;padding:25px 20px;}
.about_ore .about_oreitem {float: right; width: 39.0625%;padding: 30px 30px;position: relative; z-index: 1;margin-top: -420px; }
.about_ore .about_oreitem .H4 {font-size: 45px;font-weight: bolder; font-family: Arial;text-transform: uppercase;margin-left: -184px; color:#fff}
.about_ore .about_oreitem .H5 {font-weight: normal;font-size: 24px;color:#fff;position: relative;margin: 23px 0 28px 0;}
.about_ore .about_oreitem .H5::after {width: 71px;height: 5px; position: absolute;top: 50%;margin-top: -2.5px;left: -96px;content: "";background-color: #fff;}
.about_ore .about_oreitem p{color:#eee;font-size:16px; line-height:32px; margin-bottom:15px; text-indent:20px;}


.about_two {
	clear: both;
	background: url(../images/about_two_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 90px 0px;
	margin-top:80px
}

.about_two .about_box {
	background: rgba(29,32,41,0.7);
	padding:30px 30px  30px 70px
}


.about_two .about_twofl {
	float: left;
	width:35%;
	padding-top: 60px
}

.about_two  .about_twofl .about_twofltit {
	padding: 10px 0px 18px 24px;
	color: #fff;
	border-left: 2px solid #fff;
	line-height: 1;
	font-size: 18px;
	margin-bottom: 43px
}

.about_two  .about_twofl .about_twofltit strong {
	clear: both;
	display: block;
	font-size: 36px;
	padding-bottom: 20px
}

.about_two  .about_twofl p{
	clear: both;
	color: #fff;
	font-size: 16px;
	padding-bottom: 32px;
	line-height: 30px
}

.about_two  .about_twofr {
	float: right;
	width: 60%;
	padding-top: 15px
}

.about_two  .about_twofr li {
	float: left;
	padding: 20px 20px 0px 0px;
	width:48%; margin:0 1% 2%;
}


.about_three{ margin:60px auto}
.about_three .tit{ text-align:center;margin-bottom:30px; position:relative; padding:60px 0 30px}
.about_three h2{position: relative;text-align: center;font-size:42px;line-height: 1.1;padding-bottom: 28px; margin-bottom:30px;}
.about_three h2:before{content: "";position: absolute;left: 0;top: -52px;width: 100%;height:73px; -webkit-background-size: auto 100%;-moz-background-size: auto 100%;-ms-background-size: auto 100%;-o-background-size: auto 100%;background-size: auto 100%; z-index: -1;}
.about_three h2:after{content: "";position: absolute;left: 50%;bottom: 0;width: 70px;height:5px;margin-left: -30px; background-color:#FF5C26;}

.about_three  .tit p{font-size: 18px;line-height:38px; color:#7d8b9f}
.about_three img{ margin:0 auto 60px;}
.contact_ban{ background:url(../images/contact_ban.jpg) 50%;background-size: cover;width: 100%;height:657px;position: relative; overflow:hidden}
.lx_con{width:70%; margin:0 auto;}
.lx_info { float:left; width:60%; color:#fff;  overflow:hidden;   margin-top:6%;}
.lx_info h1{ font-size:60px;  padding:25px 0; margin-bottom:10px;  color:#fff}
.lx_info p{  line-height:30px; font-size:18px; margin-bottom:40px;}
.lx_info p img{ width:30px; height:30px; margin-right:5px;}
.contact_lx{ overflow:hidden}
.contact_lx p{display:block;  margin:25px 0; text-indent:30px; color: #fff;width:50%; border-radius: 0 5px 5px 0; font-size:18px; padding:10px 0;border-left: 6px solid #FF5C26;border-top:#6F7E8C 1px solid;border-right:#6F7E8C 1px solid;border-bottom:#6F7E8C 1px solid;overflow: hidden;  background:#112131;display:inline-block}
.contact_lx p strong{  font-size:30px; margin-left:5px;}
.contact_lx p a{ color:#fff; display:block}
.swt-link a.icon {width: 70px; background: url(../images/icon_swt.png) no-repeat center center #FF5C26;}

.swt-link a { height: 54px;border-radius: 26px;display: inline-block;
background-image: -webkit-linear-gradient(left, #FF5C26, #db2035);
background:#FF5C26\0;/*forie11*/
vertical-align: middle;position: relative; color:#fff;}

.swt-link span {display: inline-block;height: 2px;width: 8px;background: #FF5C26;position: relative;}
.swt-link a.font {padding: 0 48px;line-height: 54px;font-size: 22px;color: #fff;font-weight: bold;transition: .5s all ease-in-out;}

 .swt-link {width:26%;height: 32px;position: absolute;padding-left: 30px; margin-top:40px;left:7%;z-index: 10}
 .swt-link:before {content: '';display: block;width: 22px;height: 20px; position: absolute;left: 0;top: 6px}

.contact-list{ margin:100px auto}
.contact-list .tit img{text-align: center;display: block;margin: 0 auto 50px;}
.contact-list .tit h2{ text-align:center;    margin-top: -50px; margin-bottom:40px; font-size:60px;}
.contact-list .tit p{ text-align:center; width:60%; margin:0 auto; line-height:34px;font-size:18px; }
.contact-list ul{ margin-top:80px;}
.contact-list li {width: 25%;padding: 0 42px;float: left}
.contact-list li .item-promise {padding-left: 30px;padding-bottom: 35px;position: relative}
.contact-list li .item-promise:hover:after {-webkit-box-shadow: 10px 10px 20px rgba(2,68,103,0.6);-moz-box-shadow: 10px 10px 20px rgba(2,68,103,0.6);box-shadow: 10px 10px 20px rgba(2,68,103,0.6)}
.contact-list li .item-promise:before,.contact-list li .item-promise:after {content: '';position: absolute;display: block}
.contact-list li .item-promise:after {    left: 40px;
    top: 20px;
    right: 0;
    bottom: 35px;z-index: 2;-webkit-box-shadow: 20px 20px 20px rgba(2,68,103,0.3);-moz-box-shadow: 20px 20px 20px rgba(2,68,103,0.3);box-shadow: 20px 20px 20px rgba(2,68,103,0.3);transition: all .24s linear}
.contact-panel  .lf-panel .rt-content .font-panel .item-font {width: 34.66667%;float: left;margin-left: 6.66667%;}
.contact-panel .wrap:after {left: 120px;top: 120px; bottom: 0;right: 120px;-webkit-box-shadow: 0 10px 30px rgba(42,56,64,0.8);-moz-box-shadow: 0 10px 30px rgba(42,56,64,0.8);box-shadow: 0 10px 30px rgba(42,56,64,0.8);}
.contact-panel .wrap .line-mark {top: 100px; bottom: 0;width: 100%; background-position: center top;background-repeat: no-repeat;-webkit-background-size: 100% auto;background-size: 100% auto;}
.contact-panel .contact-wrap .font-mark, .contact-panel .contact-wrap .line-mark {position: absolute; left: 0;z-index: 2;}
.contact-list li .item-promise .item-content {padding: 40px 30px 30px;border-radius: 20px; border:#d8d8d8 1px solid;width: 100%;overflow: hidden; 
    background-color: #fff;
    color: #203670;z-index: 3}
.contact-panel .wrap .wrap .rt-panel .message-form:before {left: 0;top: 0; right: 0;bottom: 0;z-index: -1;background: #df703d;background: -webkit-linear-gradient(#fccd7f, #c41c02);background: linear-gradient(#fccd7f, #c41c02);-webkit-box-shadow: -13px 0 18px rgba(0,0,0,0.1); -moz-box-shadow: -13px 0 18px rgba(0,0,0,0.1); box-shadow: -13px 0 18px rgba(0,0,0,0.1);}
.contact-panel .wrap .wrap .rt-panel .message-form:before, .contact-panel .wrap .wrap .rt-panel .message-form:after {content: '';display: block;position: absolute;border-radius: 20px;}
.contact-list li .item-promise .item-content i {width: 90px;height: 90px;display: block;margin: 0 auto}
.contact-list li .item-promise .item-content i img {display: block;width: 100%}

.contact-list li .item-promise .item-content h2 {font-size: 20px;height: 40px;line-height: 40px;margin-top: 20px;margin-bottom: 15px;width: 100%;text-align: center;font-weight: bold}
.contact-list li .item-promise .item-content p {height: 112px;font-size: 16px;line-height: 28px;color: #999999;overflow: hidden; text-align:center}
.contact-list li,.contact-list li+li+li {margin-top: 0}
.wrap_pro{ width:100%;}
.pro_top{  overflow:hidden; background:#f6f6f6;border-bottom:#d8d8d8 1px solid} 
.pro_top .left{ float:left; width:53%; padding:3.5% 3.5% 3.5% 9%;     position: relative;}
.pro_top .left_img{ position: relative;
    z-index: 1;}
.pro_top .left_img span{ display: inline-block; position:relative}
.pro_top .left_img img:before {
    left: 16px;
    top: 16px;
    right: 16px;
    bottom: 16px;
    content: '';
    display: block;
    position: absolute;
    border-radius: 20px;
    background: #bfd4df;
    opacity: .15;
    filter: alpha(opacity=15);
}
.pro_top .left_img p{ width:90%; margin:10px  auto 0;}
.pro_top .left_img p i{ width:22%; margin:0 1.5%; float:left; position:relative;color: #fff;display: inline-block;vertical-align: middle;color: #65718a; padding-left: 25px; font-size:16px;}
.pro_top .left_img i:before {margin-top: -6px;content: '';display: block;width: 12px; height: 12px;border-radius: 100%;border: 1px solid #70798d;position: absolute;left: 0; right:20px; top: 50%;-webkit-box-shadow: 3px 3px 5px rgba(109,121,162,0.5);-moz-box-shadow: 3px 3px 5px rgba(109,121,162,0.5);box-shadow: 3px 3px 5px rgba(109,121,162,0.5);}
.pro_top .left_img  span img {
    display: block;
    width: 100%;
}
.pro_top .left_img b {
    display: block;
    width:100%;
    height:105%;
    background: url(../images/pro_x.png) repeat;
    position: absolute;
    right:3%;
    top: 20px;
    border-radius: 5px;
}
.pro_top .left_img span {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}
.pro_top .right h1 {font-size: 40px;padding: 10px 0px 30px 0;}	
.pro_top .right{ float:right; width:47%; font-size:16px; /*background-image: -webkit-linear-gradient(top, #FFf, #e6f2ff);*/ padding:3.5% 11% 80px 50px; position:relative}
.pro_top .right h1{ font-size:40px; padding:10px 0 30px 0; margin-bottom:20px; position: relative; }
.pro_top .right h1:before {width: 54px;left: 0;}
.pro_top .right h1:before, .pro_top .right h1:after {content: '';display: block;position: absolute;bottom: -6px;height: 6px;background: #e52425;border-radius: 6px;}
.pro_top .right h1:after { width: 10px;left: 60px;}
.pro_top .right .zi{  line-height:34px;padding-top:20px;}
.pro_top .right .maoshu{ margin:30px auto; width:97%; background: #fff;    box-shadow: 0 0 38px rgba(46,53,67,0.1); padding:20px 40px;overflow:hidden}
.pro_top .right .maoshu p{    position: relative;float: left;font-size: 16px;line-height: 36px;width:100%; margin-right:8%; padding:8px 0; text-align:left; background:url(../images/pro_ico.png) no-repeat 0px  center; background-size:15px; text-indent:20px;}
.pro_contact{margin-top:30px;}
.btn-line{position: absolute; margin-top:38px;cursor: pointer; color:#fff;font-size:22px; width:250px;height:54px;line-height:54px;text-align:center;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px; background:#FF5C26;-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.13);-moz-box-shadow: 0px 5px 5px rgba(0,0,0,.13);-ms-box-shadow: 0px 5px 5px rgba(0,0,0,.13);-o-box-shadow: 0px 5px 5px rgba(0,0,0,.13);box-shadow: 0px 5px 5px rgba(0,0,0,.13);-webkit-background-size: 120% 100%;-moz-background-size: 120% 100%;-ms-background-size: 120% 100%; border: #fff 2px solid;background-image: linear-gradient(to right, #FF5C26 0%, #db2035 100%);}


.btn-line-pro{position: relative; display: inline-block;cursor: pointer; color:#fff;font-size:22px; width:250px;height:54px;line-height:54px;text-align:center;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px; background:#FF5C26;-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.13);-moz-box-shadow: 0px 5px 5px rgba(0,0,0,.13);-ms-box-shadow: 0px 5px 5px rgba(0,0,0,.13);-o-box-shadow: 0px 5px 5px rgba(0,0,0,.13);box-shadow: 0px 5px 5px rgba(0,0,0,.13);-webkit-background-size: 120% 100%;-moz-background-size: 120% 100%;-ms-background-size: 120% 100%; border: #fff 2px solid;background-image: linear-gradient(to right, #FF5C26 0%, #db2035 100%);}

.btn-line:hover{ color:#FC0}
.pro_top .right.btn-line:before{content: "";display: inline-block;position: absolute;left: -10%;top: 48%;width: 110%;height:10px;background-color: #FFF;z-index: -1;}

.pro_top .right .btn-line:hover{color:#000;}
.pro_top .right .tel{ display:inline-block; margin:7px 0 0 0;padding: 0 0 10px; color:#031d34; float:right}
.pro_top .right .tel p{ font-size:16px;}
.pro_top .right .tel span{ font-size:32px;display:block; margin:0 0 10px 0; font-weight:600 }

.pro_top .right .swt-link{ left:0; margin-left:50px;padding-left:0; width:32%; margin-top:10px;}
.pro_top .right .swt-link a.font{ font-size:20px; padding:0 33px;}

.pro_con{}
.pro_con .left { width:70%; margin-top:40px; float:left}
.pro_con .left p{ line-height:34px; }
.pro_con .left h3{ font-size:24px; margin:20px 0; background:url(../images/ball.png) no-repeat left 5px; padding:3px 0; text-indent:25px;}

.pro_con .right {
    width: 24%;
    float: right;
    padding-right: 20px;
    padding-bottom: 20px;
}




.hot-product {width: 100%; margin-top:40px;}
.hot-product h2 {height: 60px;line-height: 60px;font-size:32px; text-align: left; letter-spacing:3px;position: relative;z-index: 1;}
.hot-product ul {padding: 20px 0 20px;margin-top: -40px;width: 100%;background: #fff;position: relative}
.hot-product ul li {margin-top:35px; margin-bottom:20px;width: 100%;overflow: hidden; border:#e0e2eb 1px solid;background:url(../images/xline.jpg) repeat left top; border-radius:0 0 0 40px;}
.hot-product ul li:hover .product-img a:before {-webkit-animation: lightMove .6s ease-out forwards;-moz-animation: lightMove .6s ease-out forwards;-o-animation: lightMove .6s ease-out forwards;animation: lightMove .6s ease-out forwards}
.hot-product ul li:hover p a {color: #bc9a67}
.hot-product ul li:hover p .btn {color: #ffff00}
.hot-product ul li .product-img {display: block;width: 100%;overflow: hidden; background: #fff; 
     padding:8px;}
.hot-product ul li .product-img a {display: block;overflow: hidden;width: 100%;}

.hot-product ul li .product-img a img {display: block;width: 100%}
.hot-product ul li p {width: 100%; padding:10px 0; text-align: center;}
.hot-product ul li .text {text-align:center;font-size: 18px;width: 100%;overflow: hidden;color: #525c6e;transition: .5s all ease-in-out}
.hot-product ul li .btn{float: right;
    background: #ea5513;
    color: #fff;
    width: 52px; height:40px; line-height:40px;
    text-align: center;
    position: relative;}
	.hot-product ul li .btn:hover{ color:#FF0}
	
	
.hot-product ul li .btn:after {
    background-size: 55px;
    width: 55px;
    height: 9px;
    left: -37px;
}
.hot-product ul li .btn:after {
    position: absolute;
    content: '';
    width: 46px;
    height: 8px;
    background: url(../images/protwoicon02.png) no-repeat right top;
    background-size: 46px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: -37px;
}






 .nav-wrapper{background:#fff; overflow:hidden;border-bottom:#d8d8d8 1px solid}
 .nav-wrapper .nav-wrap {padding-top:6px;width: 81.25%;
    margin-right: auto;
    margin-left: auto;height:75px;position:relative;}
 .nav-wrapper .nav-wrap .nav-mobile {display:none;}
 .nav-wrapper .nav-wrap > i {display:block;width:100%;height:70px;position:absolute;left:0;right:0;/*background:#fff;*/top:6px;}
 .nav-wrapper .nav-wrap ul.model-panel {padding:0;display:block;}
 .nav-wrapper .nav-wrap ul.model-panel li {width:25%;height:100%; float:left;position:relative;}
 .nav-wrapper .nav-wrap ul.model-panel li a {display:block;width:100%;line-height:65px;height:100%;font-size:22px;font-weight:bold;text-align:center;position:relative;}
 .nav-wrapper .nav-wrap ul.model-panel li a:hover {background:#f7f7f7; color:#333}
 .nav-wrapper .nav-wrap ul.model-panel li a.active {margin-top:-8px;z-index:1;height:80px;line-height:82px;background:url("../images/pro_nav.jpg") left top repeat;-webkit-box-shadow:0 0 38px rgba(46,53,67,0.5);-moz-box-shadow:0 0 38px rgba(46,53,67,0.5);-o-box-shadow:0 0 38px rgba(46,53,67,0.5);box-shadow:0 0 38px rgba(46,53,67,0.5);color:#333}
 .nav-wrapper .nav-wrap ul.model-panel li + li:before {content:'';display:block;width:1px;height:44px;top:12px;background:#90a2b5;position:absolute;z-index:10;}
 .nav-wrapper .nav-wrap.navFix {position:fixed;top:0;z-index:99999;}
 .nav-wrapper .nav-wrap.navFix > i {-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.2);}
.xg_case{ margin:40px auto 80px;}
.xg_case .tit{ overflow:hidden; width:98%; margin:0 auto 15px;}
.xg_case .tit h2{ font-size:42px; padding:5px 0; float:left}
.xg_case .tit a {display: block;height: 30px;border: 1px dotted #02314F;border-radius: 5px;padding: 0 15px;float: right;margin: 10px 20px 0 0;line-height: 28px;font-size: 16px;color: #4c4c4c;position: relative;transition: all .5s linear;}
.xg_case .tit a:after {content: '';display: block;width: 28px;height: 7px;position: absolute;right: -20px;top: 11px; background: url(../images/icon_more.png) right top no-repeat;transition: all .5s linear;}
.xg_case li{ width:22%; float:left; margin:20px 1.5%; border-radius:10px 10px 10px 60px;box-shadow: 0 0 24px rgba(1,1,1,0.1); text-align:center}
.xg_case li img {display: block;width: 100%; overflow: hidden;transition: .5s all linear;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.xg_case li .case_img {
    display: block;
    overflow: hidden;
}
.xg_case li:hover img{transform: scale(1.1);opacity: 0.85;filter: alpha(opacity=85);}
.xg_case li .case_img{ margin-bottom:5px;}
.xg_case li .case_tit{ line-height:30px; padding:20px 0; position:relative; text-align:left; padding-left:20px; font-size:16px; display:block;background: #f9eee5;   
 background:url(../images/xline.jpg) repeat}
 .xg_case li .case_tit i{ height: 40px;
    overflow: hidden;
    position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;}
.case_top{ margin:40px auto 20px}
.case_top .left{ width:70%; float:left; position:relative}
.case_top .left img{ position:relative; z-index:1}
.case_text{   position:relative; padding:50px 0;}
.case_text:before {
    content: "";
    position: absolute;
    left: 30px;
    top: -40px;
    width: 130px;
    height: 132px;
    background: url(../images/icon-comma.png) no-repeat;
}
.case_text p{ font-size:16px;background:#f0f6fc;padding:60px 30px 30px 30px; line-height:32px;}
.case_tel{font-size: 18px; display:inline-block;overflow:hidden;margin-top:10px; padding:14px 0px; }
.case_tel span{ margin:0; line-height:18px;background:url(../images/case_tel.png) no-repeat left 3px; background-size:20px; padding-left:20px;}
.case_tel i{ color:#ea5513; font-size:32px; font-weight:600}

.case_top .right{ width:38%; float:right}
.case_top .right{ background:#02314F ;padding:30px 20px 55px 40px; position: relative; z-index: 1;margin-top: -40%; margin-bottom:40px;}
.case_top .right .H1 {font-size:34px;color:#fff;position: relative;margin: 23px 0 28px 0; line-height:46px;}
.case_top .right .H1::after {width: 71px;height: 5px;position: absolute; top: 20px; margin-top: -2.5px;left: -80px;content: "";background-color: #F23C49;}
.case_top .right p{color:#eee;font-size:16px;margin-bottom:10px;}

.case_con{ margin:0 auto 80px;}
.case_con .left{ width:70%; float:left; margin:0px 0 20px 20px;}
.case_con .left h3 {font-size:24px; margin:15px 0; color:#272727; background:url(../images/h3_ico.png) no-repeat left 9px; padding:5px 0 5px 50px;margin:50px 0px 30px 0px; background-size:40px; }
.ie8-hack .casetwo .casetwofl h3{background: none; padding-left:0px;}
.case_con .left p {padding:10px 0; line-height:34px; font-size:16px; text-indent:30px;}
.case_con .left a{color:#df1111;}
.case_con .right{ width:22%; float:right;margin:0 15px 15px 0}
.caseoneflbomtit{font-size:14px; font-weight:bold; line-height:1; padding:10px 0px 10px 15px; background: #CFE2F3; margin-top:30px;}
.caseoneflbomtit span{ color:#000}
.caseoneflbomtit .caseoneflbomtitfr{float:right; font-size:12px; margin-right:30px;}
.caseoneflbomtit .caseoneflbomtitfr i{font-style:normal; font-weight:normal; padding-left:20px;  }
.caseoneflbomtit .caseoneflbomtitfr i:first-child{background:none; }
.caseone .caseonefl .caseoneflbombox{clear:both; height:144px; overflow:hidden; }
.caseoneflbombox ul{height:100%; overflow:hidden; }
.caseoneflbombox ul li{ margin-bottom:8px; overflow:hidden; background:#fff; }
.caseoneflbombox ul li span{float:left; font-size:12px; color:#1e1e1e; line-height:28px; text-align:center; }
.caseoneflbombox ul li span:first-child{width:120px; }
.caseoneflbombox ul li span:first-child+span{width:134px; border-left:2px solid #d8d8d8; border-right:2px solid #d8d8d8; }
.caseoneflbombox ul li span:first-child+span+span{width:80px; }
.new_con{ margin:50px auto}
.daodu{  margin-bottom:30px; text-align:left; padding:0 0 20px 0;color:#FA3B1F;     border-bottom: 1px dotted #cccccc; width:100%; overflow:hidden}
.daodu h1{line-height: 36px;font-size: 34px;margin-bottom:25px;color: #07284E;}
.daodu .z-day{color:#666; }
.daodu .z-day span{padding-right: 2%; color:#676767;font-size: 16px;}
.daodu ._date{ height:30px; line-height:30px; margin-bottom:7px;   color:#676767;  padding:3px 0 3px 25px;}
.daodu ._back{  padding-left: 25px;}
.daodu ._author{  background-size:25px; padding-left:30px;}
.new_con .left .daodu p{ text-indent:0}
.new_con .left{ width:70%; float:left}
.new_con .left p{line-height: 32px;padding:8px 0;font-size: 16px;color: #3d3d3d;text-indent: 2em;}
.new_con .left p img{margin:15px auto;text-align: center;}
.new_con .left img{ margin:15px auto}
.new_con .left h3{ font-size:24px; margin:20px 0; background:url(../images/ico_jiantou.png) no-repeat left 5px; background-size:17px; padding:3px 0; text-indent:20px;}

.new_con .left h4{ font-size:18px; margin:20px 0;  padding:3px 0; text-indent:20px;}

.new_con .left  strong{ font-size:16px;}
.new_con table {
    width: 100%;
     border-spacing: 0px; 
     border-collapse: collapse; 
     background: #fff; 
     border-bottom: 1px solid #ddd; 
    text-align: center;
    margin-bottom: 15px;
}
.mtb table{    border-spacing: 1px;
    border-collapse: separate;
    background: #cccccc;
    border: 0px;} /*重要别动*/
	
.new_con tr:first-child{    background-color:#02314F;    background-image: linear-gradient(to right, #035E9A , #02314F );); /*height:60px; line-height:60px;*/
color: #fff; font-size:16px;}
.new_con tr:nth-child(2n+3){background:#f5f5f5;}
.new_con tr.odd{background: #f5f5f5; color: #333;}
.new_con tr.even{background: none;}
.new_con td.even{background: #fff;}
.new_con table td{line-height:32px;}
.new_con tr{ border:1px solid #ddd;}
.new_con .right {width:24%;float: right;padding-right:20px; padding-bottom:20px;}
.detail_pages {
	position: relative;
	padding: 10px 50px;
	margin: 50px auto 20px
}

.detail_pages:before,.detail_pages:after {
	content: '';
	display: block;
	position: absolute;
	border-radius: 10px
}


.detail_pages:after {
	z-index: 2;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	background: #fff;
	-webkit-box-shadow: 0 0 6px rgba(89,101,133,0.4);
	-moz-box-shadow: 0 0 6px rgba(89,101,133,0.4);
	box-shadow: 0 0 6px rgba(89,101,133,0.4)
}

.detail_pages p { padding-bottom:0;
	padding-right: 120px;
	font-size: 16px;
	line-height: 56px;
	position: relative;
	z-index: 3;
	width: 100%; text-indent:0;
}

.detail_pages p span.title {
	color: #333333
}

.detail_pages p a {
	color: #666666
}

.detail_pages p span.time {
	width: 120px;
	height: 56px;
	line-height: 56px;
	font-size: 16px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	color: #cccccc;
	text-align: right;
	z-index: 1
}

.detail_pages p+p {
	border-top: 1px dashed #cfcfcf
}.detail_pages img {
    width: 28px;
    height: 29px;
    vertical-align: middle;
    margin-top: 5px;
    margin-right: 8px;
}
.xg_news{ margin-top:50px;}
.xg_news .tit {
  background-color: #f0f3fa;
  overflow: hidden;
  padding: 12px 20px;
  margin-bottom: 10px;

}

.xg_news .tit strong {
  font-size: 26px;
  color: #4c546a;
  font-weight: bold;
  line-height: 36px;
  float: left;
}

.xg_news .tit a {
  display: block;
  float: right;
  color: #4c546a;
  line-height: 36px;
}

.xg_news .tit a:hover {
  color: #00c2ff;
}

.xg_news ul {
  margin-left: -4%;
 
}

.xg_news li {
  float: left;
  width: 46%;
  border-bottom: 1px dashed #c6c8cb;
  margin-left: 4%;
}

.xg_news li a {
  display: block;
  color: #777777;
  font-size: 16px;
  line-height: 26px;
  margin: 15px 0;
  background: url(../images/list_ico.png) no-repeat left 5px;
  padding-left: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xg_news li a:hover {
  color: #00c2ff;
  padding-left: 28px;
}

.xg_news li.no-line {
  border-bottom: none;
}

.ul-contact{ margin-top:70px;}
.ul-contact ul{ margin-left:-4%; margin-right:2% }
.ul-contact li{float:left;width:20.5%; margin-left:4%;margin-bottom:60px;}
.ul-contact  h4{ font-size:24px; margin:15px 0 10px 0; font-weight:600;text-align:center; color:#07284E}
.ul-contact  p{ font-size:17px; text-align:center; color:#666; }
.ul-contact  h5{ font-size:14px; line-height:24px; font-weight:400; margin:8px 0; text-align:center; color:#888}
.ul-contact  li strong{position: relative; z-index:10; display:block; width:33%; font-weight:normal; text-align:center; margin:5px auto 10px;}
.ul-contact  li strong img{ width:100%; border-radius:50%; box-shadow: 0px 0.03rem 0.21rem rgba(5,26,85,0.1);}
.ul-contact  li:hover strong{  background-size: 100% auto;}
.ul-contact li span{font-size:14px;color:#07284E;line-height:1;display:block;margin-top: 15px;margin-bottom: 5px;}
.ul-contact li span strong{font-size:30px}
.ul-contact li p{font-size:15px;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #666;}
.contact-wz{ background:#fff url(../images/d3_bg.png);border:#eee 1px solid;-webkit-box-shadow: 5px 5px 5px rgba(2,68,103,0.2);
    -moz-box-shadow: 5px 5px 5px rgba(2,68,103,0.2);
    box-shadow: 5px 5px 10px rgba(2,68,103,0.2);    border-radius: 40px 0 40px 0;height:230px; padding:80px 30px 60px; margin-top:-70px; z-index:1; position:relative; overflow:hidden}
.contact-wz:hover{}
.message{ margin-top:70px;background: url(../images/conatct_msg_bg.jpg) no-repeat center top; overflow:hidden; padding:40px 0;}
.right_form .tit{ width:100%; overflow:hidden; }
.right_form h3{   color: #fff;
    font-weight: 600;
    font-size: 36px;
    padding: 5px 0;
    margin-bottom: 20px;
    margin-top: 30px;}
.right_form .tit span {font-size: 18px;}
.right_form .tit p {
  
    width: 100%;
   
    margin: 0 auto;
    font-size: 16px;
    color: #718eaa;
    border-radius: 0rem 1.024rem 1.024rem 1.024rem;
    padding: 15px 0 10px 0%;
    !important: ;
    
    line-height: 32px;
    text-indent: 2em;
    margin-top: 15px;
    margin-bottom: 5px;}
.right_form .icon-text-pro{ }
.right_form .icon-text-user{  }
.right_form .icon-text-diqu{ }
.right_form .icon-text-tel{   }
.right_form .icon-text-message{   padding:5px 18px 0 5px;}
.right_form {width:48%; float: right; background:#183a50;  padding:10px 40px 20px;   box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.05);}
.right_form ul li {margin-bottom: 5px; overflow: hidden; width:47%; margin-right:3%; float:left}
.right_form ul li.wenb {height: 175px; position: relative; _height: 170px; width:100%; }
.right_form ul li span {width: 100%; display:block; overflow:hidden;text-align:left; font-size: 18px; line-height:50px; color:#fff}
.right_form input.intxt { width:97%; border:0; color:#666; font-size:15px;height: 42px;line-height: 42px; background-color: #fff; border:#999 1px solid;text-indent:5px;*text-indent:0px;}
.right_form ul li textarea { border:0; width:96%; background-color: #fff; border:#999 1px solid; height: 100px; line-height: 20px; font-size:15px;margin: 6px 0 0; padding:3%; color: #666; resize: none; }
.right_form .btnclick { float:left; width:100%; overflow: hidden;}
.right_form .btnclick input.btn_submit {    background:#E80011;box-shadow: 0 0.15rem 0.3rem rgba(233,59,61,.2);border: 0; margin-top:10px; -webkit-appearance: none; display: block; width: 180px; height:50px; line-height:50px; text-align: center;  border-radius: 57.6px;cursor: pointer; font-size: 16px;  -webkit-appearance: none; color:#fff; font-weight:600; }

/*ccadd*/
.news_content_cc a{ color:#007efe;}
.news_content_cc a:hover{ color:#007efe; text-decoration:underline;}

.telcc{ color:#ff6600;}
.telcc:hover{ text-decoration:underline;}
.techdata_div {
    overflow-x: auto; 
    width: 100%;
    -webkit-overflow-scrolling: touch;
    position: relative;
}/*pc表格太大左右移动*/

.online_cc{ color:#0033FF; }
.online_cc:hover{text-decoration:underline;}
.index_case{ margin:70px auto 0; padding:30px 0 70px 0; overflow:hidden;background:url(../images/noise.png) repeat left top;}
.index_case ul{ margin:0 auto; padding:0px;  }
.index_case ul li{ margin:0 1.5%; width:22%; float:left;}
.index_case ul li img{ width:100%;}
.index_case ul li h4{ font-weight:500; font-size:16px; text-align:center; margin-top:10px;}

.techdata_div{ clear:both;padding:20px 0 0 0;}
.techdata_div h3{font-size: 24px;margin:20px 0;background:url(../images/ball.png) no-repeat left 3px; padding:3px 0;  text-indent:45px;}
.techdata_div table{margin:0 auto 0 ;border-collapse:collapse;border:1px solid #ccc;width:94%; text-align:center}
.techdata_div tr:first-child{background-image: linear-gradient(90deg,#0e1436 3%,#0e1436 100%); height:2rem;line-height:2rem;color: #fff;}
.techdata_div td{vertical-align: middle;padding:0.3rem 1rem ;border:1px solid #ccc;}
.techdata_div tr:nth-child(odd){background-color:#F5F5F5;}
.techdata_div tr:nth-child(even){background-color:#fff;}

.pro_show_content{ font-size:16px;}
.pro_show_content a {
    color: #007efe;
}
.pro_show_content a:hover { text-decoration:underline;
}
.pro_show_content p{ padding:10px 0 10px 0;}
.proshowtitdiv{padding: 1% 3.5% 0% 9%; position: relative;}
.roshowtitdiv{ color:#a0a0a0;}
.roshowtitdiv a{ color:#a0a0a0;}
.right-fd{position: fixed;bottom: 10%;right:0;text-align: center;z-index: 9999;display: none;}
.right-fd ul{width:100px;    background: #d7323b;margin:-50px auto 0; z-index:-2;-webkit-box-shadow: 0px 10px 100px rgba(3,3,3,0.2);-moz-box-shadow: 0px 10px 100px rgba(3,3,3,0.2);
    box-shadow: 0px 10px 100px rgba(3,3,3,0.2);position: relative;}
	.kf{ z-index:10; position:relative}
.right-fd ul #slidebar{width: 3px;height: 60px;background: #ff4a00;display: block;position: absolute;
    top: 0;right: -3px;transition: all 0.5s;}
.right-fd li{position: relative;}
.right-fd .l3 p{width: 0;background: #252e3c;position: absolute;top: 0;right: 0px;text-align: left;z-index: 10;transition-property:width;
    transition-duration:0.8s;}
.right-fd .l3 p span{font-size: 18px;color: #fff;line-height: 1.5;display: block;padding:17px 28% 17px 10%;white-space: nowrap;overflow: hidden;
 opacity: 0;transition-duration:1s;transition-delay: 0.2s;}
.right-fd .l3 p span strong{font-size: 20px;color: #fc0;display: block;}
.right-fd .l3:hover p{width: 210px;}
.right-fd .l3:hover p span{opacity: 1;}
.right-fd .l3:hover p img{opacity: 1;}
.right-fd li a{font-size: 16px;color: #fff;line-height: 1;font-weight: bold;text-align: center;display: block; padding: 60px 0 15px 0;border-top: 1px solid #b31820;}
.right-fd .l1 a{border-top: 1px solid #fff;}
.right-fd .l1 a:hover{ color:#FFFFFF;}
.right-fd .l3 a{background: url("../images/right-ico02.png") center 15px no-repeat;}
.right-fd .l4 img{ margin-bottom:5px; }
.right-fd .l4 a{ padding:0 0 10px 0;color:#eb0001}
.right-fd .l4{background:#fff; }
.right-fd li a:hover{color: #ff4a00;}
.scroll-top{width:100px;display: block; padding: 7px 0 7px 0;margin:0 auto 0;    -webkit-box-shadow: 0px 10px 100px rgba(3,3,3,0.2);-moz-box-shadow: 0px 10px 100px rgba(219, 121, 121, 0.2);box-shadow: 0px 10px 100px rgba(3,3,3,0.2); color:#fff;background-color:#5e5e5e;}
.scroll-top:hover{color: #fc0; }

@media screen and (max-width:1840px){
 
.new_con {    margin: 30px auto;}
.newslist .new_wrap {    width:100%;}
	.contact_lx p{ width:70%;}
	.swt-link{ width:60%;}
.pro_cate li {    margin: 0 2%;	}
	.right_form .tit{ margin-bottom:0px;}
	.right_form .tit p{ margin-bottom:0px;}
	.right_form h3 {     margin-bottom: 0px;}
		.right_form {        padding: 30px 40px;}
	.about_ore .tit h2 {    font-size: 32px;}
	.about_ore .about_oreitem {     margin-top: -470px;	}
	.about_ore .about_oreitem p {        font-size: 14px;}
	.header .nav-list li{ margin:0 2%;}
.pro_top .right .tel span {    	font-size: 30px;}
 .pro_top .right .swt-link a.font {    font-size: 16px;    padding: 0 23px;}	
.header .tel-panel .inner-wrapper {    background: url(../images/tel.png) no-repeat 10px 13px;    padding-left: 38px;    }
.header .tel-panel strong {    font-size: 22px;}
.pro_contact {    margin-top: 30px;}
.pro_top .right{     padding: 10px 5% 40px 50px;  }
.pro_top .right .swt-link {        width: 40%;}
	.caseoneflbombox ul li span:first-child {    width: 30%;}
.hot-product h2 { font-size: 26px;}
.index-pro li .more { width: 35px; font-size:12px;}
}	 

@media screen and (max-width:1440px){
.about-info p { font-size: 14px;}
.index-pro ul li{ height:auto;padding: 0 0 50px 0;}

.pro_list dd h3 { font-size: 16px;}
.pro_list dd p { margin: 4px 0; font-size: 14px;}
.ul-contact h4 {    font-size: 20px;}
}

@media screen and (max-width:1280px){
 .header .tel-panel .inner-wrapper {background:url(../images/tel.png) no-repeat 10px 13px;padding-left:40px;height:56px;}
 .header .tel-panel strong{font-size:16px;}
 .header .logo{margin-left:0%;}
 .header .nav-list{margin-left:0%;width:65%;height:66px;}
 .header .nav-list li{margin:0 2%;}
 .header .nav-list li a{font-size:16px;}
 .about-info p {font-size:12px;color:#9b9aac;line-height:25px;}
 .index_about .tit{margin:0px auto 60px;}
 .index_about .tit h3{font-size:30px;margin-bottom:20px;}
 .index_about_box .l strong {font-size:30px;}
#ys1{background-size:30px auto;}
#ys2{background-size:30px auto;}
#ys3{background-size:30px auto;}
#ys4{background-size:30px auto;}
 .index_about_box dl dd h3{margin-bottom:5px;font-size:22px;}
 .index_about_box dl dd p {font-size:12px;}
 .index_about_box .l{padding:20px 20px;}
 .index-pro ul{    margin-top:30px;}
 .news_list li.zd-li a {  font-size: 16px;}
 .index-pro ul li{height:auto; padding-bottom:12px;}
 .index-pro li h4{clear:both;position:inherit;width:100%;}
 .index-pro li h4 a{font-size:12px;}
 .index-pro li .more{display:none;}
 .index-pro .tit h2 {font-size:30px;line-height:35px;}
 .hot-product ul li .btn {display:none;float:right; background:#ea5513;color:#fff;width:auto;height:20px; line-height:20px; text-align:center; position:relative; font-size:12px;position:none;}
 .hot-product ul li .text{font-size:14px;}
 .news_content_cc img{max-width:80%;}
 .new_con .left h3{font-size:20px;}
 .message{background-size:100% auto;padding:10px 0 30px 0;}
 .right_form{padding:10px 40px 10px 40px}
 .right_form .tit p{padding:0px;margin-top:2px;line-height:26px;margin-bottom:0px;}
 .right_form .tit{margin-bottom:0px;}
 .right_form ul li{margin-bottom:0px;}
 .right_form ul li span{font-size:14px;line-height:40px;}
 .right_form input .intxt{line-height:28px;height:28px;}
.right_form .btnclick input.btn_submit{height:30px;line-height:30px;font-size:14px;margin-top:0px;}
 .right_form input.intxt { height: 32px; line-height: 32px;}
 .footer p{font-size:14px;}
 .new_con {margin:20px auto;}
 .right_form .icon-text-message { height: 90px;}
.right_form ul li.wenb { height: 155px;}
 .case_con { margin: 0 auto 30px; }
 .right_form h3 {margin-bottom:0px;font-size:20px;padding:5px 0;}
 .footer {padding:15px 0;}
 .product_tit h3{font-size:40px;}
 .pro_cate li {margin:0 1%;font-size:15px;}
 .pro_list dd h3{font-size:14px;}
 .pro_list dd p{font-size:12px;margin:0px;}
 .pro_list dd {min-height:132px;}
 .case_top { margin: 20px auto 20px;}
.case_top .right { background: #02314F; padding: 0px 1% 55px 2%; width: 40%; position: relative; z-index: 1; margin-top: 0px; margin-bottom: 40px;}
.case_top .left { width: 60%;}
 .case_top .right .H1 { line-height: 26px; font-size: 24px;}
 .case_top .right p { color: #eee; font-size: 14px; margin-bottom: 3px;}
.caseoneflbombox ul li span:first-child { width: 80px;}
.btn-line { margin-top: 26px; width: 230px; line-height: 40px; font-size: 18px; height: 42px;}
 .case_top .right .H1::after { width: 31px;  top: 10px; left: -30px;  }
.case_con .left h3 { margin: 50px 0px 1px 0px; font-size: 20px;}
.case_con .left p img{ height: auto!important; max-width: 90%; height: auto; border: 0 none; margin: 0 0 0 -30px; vertical-align: middle;}
.sub_ban .tit h2 { font-size:38px; margin-top: 2%;}
.sub_ban .tit p{ font-size:14px;}
.newslist .new_wrap { width: 100%;}
 .newslist ul ._l .time { width: 75%;}
.newslist ul ._l .time .d { font-size: 25px;}
 .newslist ul ._l .time .t { font-size: 14px;}
.about_ore .tit h2 { font-size: 24px;}
.about_ore .about_oreitem .H4 { font-size: 35px;}
.about_ore .about_oreitem p { line-height: 26px; font-size: 12px;}
.about_ore .about_oreitem .H4{ margin-left: 0px; }
.about_ore .about_oreitem { padding: 30px 20px;}
	
 .about_two .about_twofl .about_twofltit strong { font-size: 20px;}
 .about_two .about_twofl .about_twofltit {	font-size:14px;}
 .about_two .about_twofl .about_twofltit { margin-bottom: 23px;}
 .about_three .tit p { font-size: 14px; line-height: 28px; color: #7d8b9f;}
 .about_three h2 { font-size: 32px;}
	
 .about_two .about_twofl { padding-top: 20px;}
 .about_two .about_twofl p {  font-size: 12px; padding-bottom: 22px; line-height: 26px;}
.about_three img { margin: 0 auto 10px;}	
.lx_info h1 { font-size: 40px;}
 .contact_lx p { width: 80%; margin-top:0; margin-bottom:20px}
 .contact_lx p strong { font-size: 20px; }
.swt-link { width: 100%;}
 .contact_ban { height: auto;}
.ul-contact h4 { font-size: 16px;	}	
	
.ul-contact h5 { font-size: 12px;}
.contact-wz { padding: 70px 2% 60px;	}	
	
.ul-contact li { margin-bottom: 10px; }
 .pro_top .left { padding: 3.5% 1% 3.5% 9%; 	}
 .pro_top .right { padding: 10px 11% 10px 50px; font-size: 14px;}
 .pro_top .right .zi { padding-top: 10px;line-height:28px;}
 .pro_top .right .maoshu p {  line-height: 22px; font-size: 14px;}
 .pro_top .right .maoshu { margin: 10px auto;}
 .pro_top .left_img p i { font-size: 12px;}
 .pro_contact { margin-top:20px;}
.swt-link a.icon { width: 40px; height: 40px;}
.pro_top .right .swt-link a.font { font-size: 14px; padding: 0 10px;}
.pro_top .right .tel p { font-size: 14px;}
.pro_top .right .tel span { font-size: 20px;}
.pro_top .right .swt-link a.font { font-size: 12px; padding: 0 10px; height: 40px; line-height: 40px;}
.nav-wrapper .nav-wrap{ height: 50px;}
.nav-wrapper .nav-wrap ul.model-panel li a.active {  margin: 0px 0 0 0; height: 60px; line-height: 60px;}
.nav-wrapper .nav-wrap ul.model-panel li a { font-size: 16px; line-height: 50px; height: 50px;margin-top: 5px;}
 .nav-wrapper .nav-wrap ul.model-panel li + li:before { display:none;}
 .nav-wrapper .nav-wrap ul.model-panel li:hover{ background:#ffffff; }
 .nav-wrapper .nav-wrap ul.model-panel li { width: 20%;}
 .nav-wrapper .nav-wrap ul.model-panel li a:hover { background: #f7f7f7; color: #333; border: red solid 0px; }
.nav-wrapper .nav-wrap { padding-top: 0px; }	
 
.pro_top .right h1 { font-size: 30px; }	
.pro_top { padding-bottom:0; }	
 .pro_show_content video{ width:80%;}
 .pro_show_content img { max-width: 80%; }	
 .daodu h1 { font-size: 26px;}
 .case_text { padding: 35px 0;}
 .header .nav-list ul{ margin-top:0}
 .sub_ban .tit h2{ margin-bottom:0}
 }
.fpage{overflow:hidden;color: #07284E;text-align: center; margin-bottom: 20px; display: flex; justify-content: center; align-items: center;}
.fpage ul li{float:left;}
.fpage ul li a{color: #07284E;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff;font-size: 16px;font-weight: normal;}
.fpage .page-num-current{background: #ed1c24;color:#fff;}
.fpage ul li:hover.a{background: #ed1c24; color:#fff;}
 @media screen and (max-width:1170px){
	 .pro_top .right .zi { height:65px; overflow:hidden}
	 .pro_top .right .maoshu{ padding:8px 40px;}
 }
 @media screen and (max-width:1000px){
 .header .tel-panel{width:30%;}
 .header .nav-list { width: 53%;}
 .header .nav-list li { margin: 0 1%;}
 } 
/*ccadd end*/