@charset "utf-8";

/*=========================================全局共用属性CSS nie ===============================================*/

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:微软雅黑; font-size:14px; text-align:left; margin:0 auto; line-height:24px; background:#fff; color:#333; font-weight:normal;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }

.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;}

a:link,a:active,a:visited,a:hover {background: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}

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;-webkit-appearance: none;}

textarea {resize :none; outline:none;}/*去掉提交框右下角箭头*/

img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/

ul,li{list-style:none; } 

button{cursor:pointer; } /*这个可以不用*/

/*全局的字体链接*/

a:link,a:visited{color:#333; text-decoration:none; }

a:hover,a:active{color:#ff5a00; text-decoration:none; }

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }

.container{clear:both; margin:0 auto; padding:0px 0px;}

img{MAX-WIDTH:100%!important;HEIGHT:auto!important;_width:expression(this.width > 100% ? "100%" :this.width)!important;}

@media (min-width:768px){

    .container {width:750px;}

}

@media (min-width:992px){

    .container {width:970px;}

}

@media (min-width:1200px){

    .container {width:1200px;}

}

/*=======================顶部 start===================*/

.header{clear: both;background:#fff;position: relative;}

.header .headerbox{padding:10px;}

.header .logo{float:left; width:130px;}

.header .headerNav,.header .headerPhoto{display:none;}

.header .headerIcon{float:right;display: block;width: 40px;height: 100%;border:0px;padding:0px;margin: 0px;cursor: pointer;position: absolute;right:10px;top: 0px;}

.header .headerIcon span {display:block;position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 25px;height: 2px;background:#ff5a00;}

.header .headerIcon span::before,.header .headerIcon span:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}

.header .headerIcon span::before {bottom: 8px;}

.header .headerIcon span::after {top: 8px;}

@media (max-width:767px){

    .header .headerNav{position:absolute;right:5px;z-index:2;background:#fff;border: 1px solid #ddd;top:40px;padding:10px 15px;border-radius:3px;}

    .header .headerNav li a{font-size:12px; padding:2px 0px; display:block;}

    .header .headerNav i{position:absolute;right:18px;top:-6px;width:11px;height:6px;display:block;background:url(/img/navicon01.png) no-repeat center top;}

    .header .headerNav li em{float:left; width:24px; display:block; height:24px;}

    .header .headerNav li:nth-child(2) em{background:url(/img/navicon02.png) no-repeat left center; background-size:16px;}

    .header .headerNav li:nth-child(3) em{background:url(/img/navicon03.png) no-repeat left center; background-size:16px;}

    .header .headerNav li:nth-child(4) em{background:url(/img/navicon04.png) no-repeat left center; background-size:16px;}

    .header .headerNav li:nth-child(5) em{background:url(/img/navicon05.png) no-repeat left center; background-size:16px;}

    .header .headerNav li:nth-child(6) em{background:url(/img/navicon06.png) no-repeat left center; background-size:16px;}

    .header .headerNav li:nth-child(7) em{background:url(/img/navicon07.png) no-repeat left center; background-size:16px;}

    .header .headerNav li:nth-child(8) em{background:url(/img/navicon08.png) no-repeat left center; background-size:16px;}

}

@media (min-width:768px){

    .header{height:50px;}

    .header .headerbox.fixed{position:fixed;left:0px;top:0px;width:100%;background:#fff;-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.2);box-shadow: 0px 5px 5px rgba(0,0,0,0.2);z-index: 11;}

    .header .logo{width:150px;}

    .header .headerIcon{display:none;}

    .header .headerNav{display:block;}

    .header .headerNav{float:right;}

    .header .headerNav i,.header .headerNav li em{display:none;}

    .header .headerNav li{float:left;}

    .header .headerNav li a{padding:0px 15px;font-size: 16px;display:block;line-height:30px;font-weight: bold;}

}

@media (min-width:992px){

    .header{height:58px;}

    .header .logo{width:180px;}

    .header .headerNav{float:left; padding-left:30px;}

    .header .headerNav li a{font-size:16px; padding:0px 16px; line-height:36px;}

    .header .headerPhoto{display:block;}

    .header .headerPhoto{float:right; background:url(/img/photo01.gif) no-repeat left center; background-size:35px; padding-left:46px; font-size:12px; line-height:18px;}

    .header .headerPhoto a{clear:both; display:block; color:#ff2222; font-size:16px;}

    .header .headerPhoto a strong{font-size:20px;}

}

@media (min-width:1200px){

    .header{height:71px;}

    .header .logo{width:255px;}

    .header .headerNav{padding-left:30px; width:670px;}

    .header .headerNav li{float:none; display:inline-block;}

    .header .headerNav li a{font-size: 18px;padding: 0px 18px;line-height:51px;font-weight: bold;}

    .header .headerPhoto{display:block;}

    .header .headerPhoto{float:right; background:url(/img/photo01.gif) no-repeat left center; background-size:45px; padding-left:50px; font-size:12px; line-height:18px;}

    .header .headerPhoto a{clear:both; line-height:1; display:block; color:#ff2222; font-size:20px;}

    .header .headerPhoto a strong{font-size:28px;}

}

@media (min-width:1400px){

    .header .logo{margin-left:-80px;}

    .header .headerNav{width:830px; text-align:center;}

    .header .headerPhoto{margin-right:-80px;}

}

/*=======================顶部 end===================*/

/*=======================banner start===================*/

.banner {width: 100%;overflow: hidden;}

.banner .sections{height:100%;}

.banner .section {height:100%;}

.banner .section a{clear: both; display:block; text-align: center;}

.banner,.sections {position: relative;}

.banner .pages{position:absolute;z-index:1;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);bottom:5px;width: 100%; text-align:center;}

.banner .pages li{list-style-type:none;width:20px;height:3px;background-color: rgba(255,255,255,0.45);display:inline-block;margin-right:5px;}

.banner .pages li:hover,.banner .pages li.active{background-color: rgba(255,255,255,0.9);}

@media (min-width:768px){

    .banner .pages li{width: 50px;height: 6px;margin-right:10px;}

}

/*=======================banner end===================*/

/*=======================模块一 start===================*/

.mobtit{clear:both; text-align:center; padding-bottom:20px;}

.mobtit a{font-size: 18px;color:#1a1a1a;font-weight:bold;line-height:1;padding: 20px 0px 0px 0px;display:inline-block;}

.mobtit a span{color:#ff5a00;display:inline-block;}

.mobtit a:hover{color:#ff5a00;}

.mobtit a:hover span{color:#1a1a1a;}

.mobtit p{display:none;}

@media (min-width:768px){

    .mobtit{padding-bottom:30px;}

    .mobtit a{font-size:20px;padding-top:30px;}

    .mobtit p{clear:both; font-size:14px; color:#555555; line-height:20px; padding:10px 15px 0px 15px; display:block;}

}

@media (min-width:992px){

    .mobtit{padding-bottom:40px;}

    .mobtit a{font-size:26px;padding-top:40px;}

    .mobtit p{font-size:16px;}

}

@media (min-width:1200px){

    .mobtit a{font-size:36px;}

}

.mobone .mobtit a span{background: url(/img/mobonetit01.png) no-repeat left center;background-size:18px;padding-left:25px;}



.mobone .moboneul{clear:both; width:99.9999%; margin:0 auto; padding:0px 15px 0px 15px;}

.mobone .moboneul li{float:left;width:33.3333%;border:1px solid #d9d9d9;margin-left:-1px;}

.mobone .moboneul li .moboneultop{clear:both; background:url(/img/mobonebg.jpg) no-repeat center bottom; background-size:cover;}

.mobone .moboneul li .moboneultop a{clear:both; display:block; padding:15px 0px 0px 0px;}

.mobone .moboneul li .moboneultop .moboneultoptit{clear:both; display:block; text-align:center; color:#000; font-size:12px; font-weight:bold; line-height:16px; height:32px; padding:0px 15px; text-align:center;}

.mobone .moboneul li .moboneultop .moboneultoppic{clear:both;display:block;padding:10px;text-align: center;}

.mobone .moboneul li .moboneulbom{display:none;}

@media (max-width:319px){

    .mobone .mobonebox{overflow:hidden; overflow-x:auto; margin:0px 15px;}

    .mobone .moboneul{width:285px; padding:0px;}

    .mobone .moboneul li{width:95px;}

}

@media (min-width:320px){

    .mobone .moboneul li{float:left;width:33.3333%;border:1px solid #d9d9d9;margin-left:-1px;}    

}

@media (min-width:500px){

    .mobone .moboneul li .moboneultop a{padding-top:25px;}

    .mobone .moboneul li .moboneultop .moboneultoptit{height:auto;}

}

@media (min-width:768px){

    .mobone .mobtit a span{background-size:20px; padding-left:24px;}

    .mobone .moboneul{padding:0px;}

    .mobone .moboneul li .moboneultop a{padding-top:40px;}

    .mobone .moboneul li .moboneultop .moboneultoptit{font-size:18px; line-height:1;}

    .mobone .moboneul li .moboneultop .moboneultoppic{padding-top:20px; padding-bottom:20px;}

}

@media (min-width:992px){

    .mobone .mobtit a span{background-size:24px; padding-left:34px;}

    .mobone .moboneul li{position:relative;width:323px;height: 468px;overflow:hidden;transition:all 0.8s ease;}

    .mobone .moboneul li .moboneultop{position:relative;width: 323px;z-index:10;left:0%;height:100%;transition:all 0.8s ease;}

    .mobone .moboneul li .moboneultop a{padding-top:70px;}

    .mobone .moboneul li .moboneultop .moboneultoptit{font-size:23px;}

    .mobone .moboneul li .moboneultop .moboneultoppic{padding-top:40px; padding-bottom:35px;}

    .mobone .moboneul li .moboneulbom{display:block;position:absolute;width:970px;top: 0px;z-index:5;height: 100%;background: url(/img/mobonebg02.jpg) no-repeat left top;transition:all 0.8s ease;}

    .mobone .moboneul li .moboneulbom{right:0%;}

    .mobone .moboneul li .moboneulbom .moboneulbompic{float:right;width:437px;margin-top: 58px; padding-right:40px;}

    .mobone .moboneul li .moboneulbom .moboneulbompic img{width:100%;}

    .mobone .moboneul li .moboneulbom .moboneulbomfl{float:left; width:523px; padding:70px 70px 0px 70px;}

    .mobone .moboneul li .moboneulbom .moboneulbomfl .moboneulbomfltxt{border-bottom:1px solid #FFF; border-top:1px solid #fff; padding:40px 0px;}

    .mobone .moboneul li .moboneulbom .moboneulbomfl .moboneulbomfltxt h3{clear:both; font-size:28px; font-weight:bold; color:#000; line-height:1;}

    .mobone .moboneul li .moboneulbom .moboneulbomfl .moboneulbomfltxt p{clear:both; color:#555; font-size:16px; line-height:30px; padding-top:14px;}

    .mobone .moboneul li .moboneulbom .moboneulbomfl .moboneulbomfldl{clear:both;}

    .mobone .moboneul li .moboneulbom .moboneulbomfl .moboneulbomfldl dd{float:left; width:25%;}

    .mobone .moboneul li .moboneulbom .moboneulbomfl .moboneulbomfldl dd .moboneulbomfldlpic{clear:both; width:70px; margin:35px auto 15px;}

    .mobone .moboneul li .moboneulbom .moboneulbomfl .moboneulbomfldl dd .moboneulbomfldltit{clear:both; text-align:center; font-size:14px; color:#000;}

    .mobone .moboneul li.on .moboneultop,.mobone .moboneul li.ona .moboneultop{height:100%;}

    .mobone .moboneul li.on{width:100%;transition:all 0.8s ease;}

    .mobone .moboneul li.ona{width:0px;transition:all 0.8s ease; overflow:hidden; margin:0px; border:0px;}

    .mobone .moboneul li.on .moboneultop{width:333px; left:-100%;transition:all 0.8s ease;}

    .mobone .moboneul li.on .moboneulbom{right:0%;transition:all 0.8s ease;}

}

@media (min-width:1200px){

    .mobone .mobtit a span{background-size:33px; padding-left:45px;}

    .mobone .moboneul li{width:400px; height:600px;}

    .mobone .moboneul li .moboneultop{width: 400px;}

    .mobone .moboneul li .moboneultop a{padding-top: 101px;}

    .mobone .moboneul li .moboneultop .moboneultoptit{font-size:28px;}

    .mobone .moboneul li .moboneultop .moboneultoppic{padding-top:72px; padding-bottom:64px; padding-right:40px;}

    .mobone .moboneul li .moboneulbom{width:1200px;}

    .mobone .moboneul li .moboneulbom .moboneulbompic{width: 517px;margin-top: 98px;padding-right: 70px;}

    .mobone .moboneul li .moboneulbom .moboneulbomfl{width: 683px;padding:100px 100px 0px 100px;}

    .mobone .moboneul li .moboneulbom .moboneulbomfl .moboneulbomfltxt{padding:55px 0px;}

    .mobone .moboneul li .moboneulbom .moboneulbomfl .moboneulbomfltxt p{padding-top:34px;}

    .mobone .moboneul li .moboneulbom .moboneulbomfl .moboneulbomfldl dd .moboneulbomfldlpic{width:96px; margin:55px auto 15px;}

    .mobone .moboneul li .moboneulbom .moboneulbomfl .moboneulbomfldl dd .moboneulbomfldltit{font-size:16px;}

}

/*=======================模块一 end===================*/

/*=======================模块二 start===================*/

.mobtwo{padding-bottom: 20px;}

.mobtwo .mobtit a span{background: url(/img/mobtwotit01.png) no-repeat left center;background-size:18px;padding-left:25px;padding: 3px 0px 3px 25px;}

.mobtwo .mobtwoul{clear:both; padding:0px 15px;}

.mobtwo .mobtwoul li{padding:15px 0px; border-bottom:1px dashed #eee}

.mobtwo .mobtwoul li:nth-child(1){padding-top:0px;}

.mobtwo .mobtwoul li:last-child{border-bottom:0px;}

.mobtwo .mobtwoul li .mobtwoulpic i{display:none;}

.mobtwo .mobtwoul li .mobtwoulpic img{width:100%;}

.mobtwo .mobtwoul li .mobtwoulbox a{font-size:14px; line-height:16px; display:block; margin-bottom:10px;}

.mobtwo .mobtwoul li .mobtwoulbox p{display:none;font-size:12px; color:#999; line-height:16px; height:16px; overflow:hidden;}

@media (min-width:320px){

    .mobtwo .mobtwoul li .mobtwoulbox p{display:block; height:40px; line-height:20px; }

}

@media (max-width:499px){

    .mobtwo .mobtwoul li{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

    .mobtwo .mobtwoul li .mobtwoulpic{display:inline-block; width:80px;}

    .mobtwo .mobtwoul li .mobtwoulbox{-webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex: 1; width: 0; padding-left:10px;}

}

@media (min-width:500px){

    .mobtwo .mobtwoul{padding:0px 10px;}

    .mobtwo .mobtwoul li{float:left; width:50%; border:0px; padding:0px 5px;}

    .mobtwo .mobtwoul li .mobtwoulpic{clear:both; width:100%; text-align:center; display:block;}

    .mobtwo .mobtwoul li .mobtwoulbox p{display:none;}

    .mobtwo .mobtwoul li .mobtwoulbox a{text-align:center;padding:10px;margin-bottom: 0px;}

}

@media (min-width:768px){

    .mobtwo .mobtit a span{background-size:20px; padding-left:28px;}

    .mobtwo .container{overflow:hidden;}

    .mobtwo .mobtwoul{padding:0px; margin-left:-20px;}

    .mobtwo .mobtwoul li{float:left;width:172px;margin-left:20px;padding:0px;border:0px;margin-bottom: 20px;}

    .mobtwo .mobtwoul li .mobtwoulbox{background:#f5f5f5;}

}

@media (min-width:992px){

    .mobtwo .mobtit a span{background-size:24px; padding-left:34px;}

    .mobtwo .mobtwoul li{margin-bottom:40px; width:227px; overflow:hidden;transition:all .3s ease;}

    .mobtwo .mobtwoul li .mobtwoulbox a{font-size:16px; line-height:24px; padding:13px 10px;}

    .mobtwo .mobtwoul li .mobtwoulpic{position:relative;display: block;}

    .mobtwo .mobtwoul li .mobtwoulpic 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);}

    .mobtwo .mobtwoul li:hover .mobtwoulpic i{transition:all .3s ease;left:100%}

    .mobtwo .mobtwoul li:hover{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)}

}

@media (min-width:1200px){

    .mobtwo .mobtit a span{background-size:28px; padding-left:38px;}

    .mobtwo{padding-bottom: 40px;}

    .mobtwo .mobtwoul li{width:285px;}

}

/*=======================模块二 end===================*/

/*=======================模块三 start===================*/

.mobthree{background:#0f1628; padding-bottom:20px;}

.mobthree .mobtit span{background: url(/img/mobthreetit01.png) no-repeat left center;background-size:18px;padding-left:25px;padding: 3px 0px 3px 25px;}

.mobthree .mobtit a{ color:#fff;}

.mobthree .mobtit p{color:#fff;}

.mobthree .mobthreebox{padding:0px 15px;}

.mobthree .mobthreebox .mobthreeboxpic{display:block; position:relative;}

.mobthree .mobthreebox .mobthreeboxpic .mobthreeboxpicpc{display:none;}

.mobthree .mobthreebox .mobthreeboxpic .mobthreeboxpicm{border:2px solid #fff;}

.mobthree .mobthreebox .mobthreeboxpic .mobthreeboxpicpc img,.mobthree .mobthreebox .mobthreeboxpic .mobthreeboxpicm img{width:100%;}

.mobthree .mobthreebox .mobthreeboxpic em{position:absolute; left:5px; top:-6px; width:100px;}

.mobthree .mobthreebox .mobthreeboxcon{clear:both;}

.mobthree .mobthreebox .mobthreeboxcon a{clear:both; display:block; color:#fff;font-size:16px;padding:15px 0px 5px 0px;line-height: 1;}

.mobthree .mobthreebox .mobthreeboxcon .mobthreeboxp01{color:#fff; font-size:12px; line-height:24px;}

.mobthree .mobthreebox .mobthreeboxcon .mobthreeboxp02{padding:5px 5px; background:#fcc300; margin:10px 0px;}

.mobthree .mobthreebox .mobthreeboxcon .mobthreeboxp02 span{clear:both;  display:block;}

.mobthree .mobthreebox .mobthreeboxcon ul{padding:20px 0px 0px 0px;}

.mobthree .mobthreebox .mobthreeboxcon ul li{float:left; width:25%; }

.mobthree .mobthreebox .mobthreeboxcon ul li .mobthreepic{padding:0px 10px;}

.mobthree .mobthreebox .mobthreeboxcon ul li .mobthreetit{clear:both; color:#fff; text-align:center; font-size:12px; line-height:20px;}

@media (min-width:500px){

    .mobthree .mobthreebox .mobthreeboxcon ul li .mobthreepic{width:90px; margin:0 auto;}

}

@media (min-width:768px){

    .mobthree .mobtit a span{background-size:22px; padding-left:28px;}

    .mobthree{padding-bottom:40px;}

    .mobthree .mobthreebox .mobthreeboxcon ul li .mobthreepic{width:128px;}

    .mobthree .mobthreebox .mobthreeboxcon .mobthreeboxp01{font-size:14px; line-height:28px;}

}

@media (min-width:992px){

    .mobthree .mobtit a span{background-size:28px; padding-left:35px;}

    .mobthree .mobtit a:hover,.mobthree .mobtit a:hover span{color:#fff;}

    .mobthree{padding-bottom:60px; background:url(/img/mobthreeprobg.jpg) no-repeat center top #0f1628;}

    .mobthree .mobthreebox .mobthreeboxpic{float:left; clear:none; width:460px;}

    .mobthree .mobthreebox .mobthreeboxpic .mobthreeboxpicpc{display:block;border:2px solid #fff;}

    .mobthree .mobthreebox .mobthreeboxpic em{width:127px;}

    .mobthree .mobthreebox .mobthreeboxpic .mobthreeboxpicm{display:none;}

    .mobthree .mobthreebox .mobthreeboxcon{float:right;clear:none;width: 440px;}

    .mobthree .mobthreebox .mobthreeboxcon ul li .mobthreepic{width:100%;}

    .mobthree .mobthreebox .mobthreeboxcon ul li .mobthreetit{font-size:14px;}

    .mobthree .mobthreebox .mobthreeboxcon>a{padding-top:0px;font-size:28px;font-weight:normal;padding-bottom: 25px;}

    .mobthree .mobthreebox .mobthreeboxcon>a:hover{text-decoration: underline;}

    .mobthree .mobthreebox .mobthreeboxcon ul li:hover .mobthreetit a{text-decoration: underline;}

}

@media (min-width:1200px){

    .mobthree .mobtit a span{background-size:34px; padding-left:40px;}

    .mobthree .mobtit a{padding-top:60px;}

    .mobthree .mobthreebox .mobthreeboxpic{width:500px;}

    .mobthree .mobthreebox .mobthreeboxcon{width:600px}

    .mobthree .mobthreebox .mobthreeboxcon .mobthreeboxp02{padding: 5px 0px;background:none;margin: 30px 0px 0px 0px;}

    .mobthree .mobthreebox .mobthreeboxcon .mobthreeboxp02 span{float:left;clear:none; line-height:35px;padding-right:20px; background:url(/img/mobthreeicon01.jpg) no-repeat right center#fcc300;  display:block;}

    .mobthree .mobthreebox .mobthreeboxcon .mobthreeboxp02 span:last-child{background-image:none;}

    .mobthree .mobthreebox .mobthreeboxcon ul{padding-top:30px;}

    .mobthree .mobthreebox .mobthreeboxcon ul li .mobthreepic{width:128px; margin-bottom:10px; padding:0px;}

}

/*=======================模块三 end===================*/

/*=======================模块四 start===================*/

.mobfour{padding:0px 15px 25px 15px;}

.mobfour .mobfourflbox{display:none;}

.mobfour .mobfourtit{font-size: 18px;color:#1a1a1a;line-height:1;margin: 25px 0px 5px 0px;font-weight:bold; text-align:center;}

.mobfour .mobfourtit a{display:inline-block; line-height:1;}

.mobfour .mobfourtit span{color:#ff5a00;display:inline-block;background: url(/img/mobfouricon01.png) no-repeat left center;padding-left:25px;background-size:18px;}

.mobfour .mobfourul li{background:url(/img/mobfouricon03.png) no-repeat left 16px;border-bottom:1px dotted #d4d4d4;position:relative;padding: 10px 80px 10px 15px;}

.mobfour .mobfourul li a{clear:both;color:#555;display:block;font-size:14px;line-height:24px;}

.mobfour .mobfourul li span{position:absolute; right:0px; top:10px; line-height:24px; color:#999;}

@media (min-width:768px){

    .mobfour{padding-bottom:40px;}

    .mobfour .mobfourtit{font-size:20px; margin:40px 0px 10px 0px;}

    .mobfour .mobfourtit span{background-size:18px;}

}

@media (min-width:992px){

    .mobfour{padding-bottom:60px;}

    .mobfour .mobfourtit{font-size:24px;margin: 40px 0px 20px 0px;}

    .mobfour .mobfourtit span{background-size:23px; padding-left:32px;}

    .mobfour .mobfourul{margin-left:-40px;}

    .mobfour .mobfourul li{float: left;width:450px;margin-left:40px;padding-bottom: 12px;padding-top: 12px;background-position: left 20px;}

    .mobfour .mobfourul li:hover a,.mobfour .mobfourul li:hover span{ color:#fa5801;}

}

@media (min-width:1200px){

    .mobfour{padding-bottom:80px;}

    .mobfour .mobfourtit{font-size:30px; margin:80px 0px 36px 0px;}

    .mobfour .mobfourul li{width:565px;}

}

/*=======================模块四 end===================*/

/*=======================底部 start===================*/

.footertop{clear:both;display:block;background: #1a1a1a;padding: 20px 0px;}

.footerbom{clear: both; padding:15px 15px; background: #000; font-size:14px; color:#fff; text-align:left;}

.footerbom a:link,.footerbom a:visited{color:#fff; text-decoration:none; }

.footerbom a:hover,.footerbom a:active{color:#fff; text-decoration:underline; }

.footerbom .footlink a{margin-right:10px; display:inline-block;}

.footertopone,.footertoptwo{display:none;}

.footlink{display: none;}

@media (min-width:768px){

    .footlink{display:block;}

}

/**/

.footertop .footertoptit{ font-size:16px; color:#fff; font-weight:normal; margin-bottom:10px;}

.footertop .footertopthree{padding:0px 15px;}

.footertop .footertopthree p{color:#fff; font-size:14px;}

.footertop .footertopthree a{clear:both; width:150px; display:inline-block; margin-top:15px;}

@media (min-width:768px){

    .footertoptwo{float:left; display:block; width:400px;}

    .footertoptwo ul li{float:left; width:50%;}

    .footertoptwo ul li a{color:#ccc; font-size:14px; line-height:24px; padding:0px 0px 5px 0px; display:block;}

    .footertop .footertopthree{float:right;width:310px;padding: 0px;}

    .footertoptwo ul li a em{display:none;}

    .footertoptwo ul li.active a em{display:inline-block; width:15px; margin-left:5px;}

    .footertoptwo ul li.active a{

    background-image: -webkit-linear-gradient(left,#ff833f,#ff2222 25%)!important; -webkit-text-fill-color: transparent!important; -webkit-background-clip: text!important; font-weight:bold; -webkit-background-size:200% 100%!important;}

}

@media (min-width:992px){

    .footertop{padding:40px 0px;}

    .footertop .footertoptit{ font-size:20px;}

    .footertoptwo ul li a,.footertopone ul li a{font-size:16px; padding:6px 0px 6px 0px; }

    .footertop .footertopthree p{padding:6px 0px;font-size:16px; line-height:24px;}

    .footertopone{float:left; display:block; width:200px;}

    .footertopone ul li a{color:#ccc; line-height:24px;display:block;}    

}

@media (min-width:1200px){

    .footertopone{padding-left:112px;background:url(/img/footericon01.png) no-repeat left center;width: 323px;}

    .footertop .footertopthree{padding-right:92px;background:url(/img/footericon01.png) no-repeat right center;width: 392px;}

}

/*=======================底部 end===================*/

/*=======================内页 banner start===================*/

.insideban01{clear: both; text-align: center; position:relative;}

.insideban01 .container{position:absolute; height:100%; left:15px; top:0px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; }

.insideban01 .container p{background:rgba(255,216,0,0.9);padding:10px 10px;font-weight:bold;font-size:14px;color: #000;}

.insideban01 .container p span{color:#fff; font-family:Impact; font-size:20px; font-weight:normal;}

.insidebanpc{clear: both; display:none; text-align: center;}

.insidebanpc img{width:100%;}

.insidebanm{display:block;}

.insideban01>img{width:100%;}

@media (min-width:768px){

    .insidebanpc{display: block;}

    .insidebanm{display:none;}

    .insideban01 .container{left:50%; top:0px;padding-left:50px;-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);  transform:translateX(-50%);}

    .insideban01 .container p{padding:15px 15px; font-size:16px; position:relative;}

    .insideban01 .container p::after{position:absolute;left: -4px;top: -4px;width: 34px;height: 20px;content:'';background:url(/img/icon01.png) no-repeat left top;background-size:100%;}

    .insideban01 .container p::before{position:absolute;right: 5px;bottom: 5px;width: 25px;height: 12px;content:'';background:url(/img/icon02.png) no-repeat left top;background-size:100%;}

    .insideban01 .container p span{font-size:24px;}

}

@media (min-width:992px){

    .insideban01 .container p{padding:15px 25px; font-size:18px;}

    .insideban01 .container p span{font-size:30px;}

    .insideban01 .container p::after{left: -6px;top: -6px;width: 40px;height: 26px;}

    .insideban01 .container p::before{right: 5px;bottom: 5px;width: 30px;height: 15px;}

}

@media (min-width:1200px){

    .insideban01 .container p{padding: 25px 35px;}

    .insideban01 .container p span{font-size:36px;}

    .insideban01 .container p::after{left: -7px;top: -7px;width: 54px;height: 34px;}

    .insideban01 .container p::before{right: 5px;bottom: 5px;width: 40px;height: 20px;}

}

/*=======================内页 end===================*/

/*=======================面包屑导航 start===================*/

.BreadcrumbNav{display:none;color: #4C4C4C;border-top: 1px solid #efefef;box-shadow: 0px 3px 3px #ddd;-webkit-box-shadow: 0px 3px 3px #ddd;position: relative;z-index: 1;}

.BreadcrumbNav .container{padding: 10px 0px;}

.BreadcrumbNav .container em{float:left;margin-right:10px;display:inline-block;width: 12px;height: 11px;}

.BreadcrumbNav .container em img{vertical-align: unset;}

.BreadcrumbNav .container a#breadon{color:#ff5a00;}

@media (min-width:768px){

  .BreadcrumbNav{display:block;}

}

/*=======================面包屑导航 end===================*/

/*=======================新闻综合 start===================*/

.newcomone{padding: 0px 15px 10px 15px;}

.newcomone .newcomonefl{position:relative;}

.newcomone .mobtit a span{background: url(/img/mobfouricon02.png) no-repeat left center;background-size:18px;padding-left:25px;}

.newcomone .newcomonefl .newcomonefltop{position:relative;display:block; overflow:hidden;}

.newcomone .newcomonefl .newcomonefltop em{display:none;}

.newcomone .newcomonefl .newcomonefltop .newcomoneflpc{display:none;transition:all .3s ease;}

.newcomone .newcomonefl .newcomonefltop img{width:100%;}

.newcomone .newcomonefl .newcomonefltop span{position:absolute;left:0px;top:0px;background:#ff5a00;color:#fff;font-weight:bold;padding:5px 10px;font-size:12px;z-index: 5;}

.newcomone .newcomonefl .newcomonefltop span i{clear:both; text-align:center; border-bottom:1px solid #fff; display:block; font-style:normal; font-size:24px; padding-bottom:5px;}

.newcomone .newcomonefl .newcomoneflbom{clear:both;background: #eee;padding:15px;transition:all .3s ease;}

.newcomone .newcomonefl .newcomoneflbom a{font-size:14px; color:#000; margin-bottom:5px;display:block;}

.newcomone .newcomonefl .newcomoneflbom p{color:#666; font-size:12px; line-height:20px;}

.newcomone .newcomonefr{float:right;width:100%;padding: 5px 0px 0px 0px;}

.newcomone .newcomonefr li{border-bottom:1px dotted #d4d4d4;position:relative;padding-right: 80px;}

.newcomone .newcomonefr li:last-child{border-bottom:0px;}

.newcomone .newcomonefr li a{background:url(/img/mobfouricon03.png) no-repeat left 6px;padding-left:15px;clear:both;color:#555;display:block;font-size:14px;line-height:24px;margin: 10px 0px;}

.newcomone .newcomonefr li span{position:absolute;right:0px;top: 0px;line-height:24px;color:#999;}

@media (min-width:768px){

    .newcomone .mobtit a span{background-size:20px; padding-left:25px;}

    .newcomone{padding: 0px 0px 25px 0px;}

    .newcomone .newcomonefl{float:left;width:100%;}

    .newcomone .newcomonefl .newcomoneflbom p{font-size:14px;}

    .newcomone .newcomonefr{width:100%;}

}

@media (min-width:992px){

    .newcomone .mobtit a span{background-size:26px; padding-left:35px;}

    .newcomone{padding-bottom: 60px;}

    .newcomone .newcomonefl{float:left;width: 460px; overflow:hidden; height:345px;}

    .newcomone .newcomonefl .newcomoneflbom{position:absolute; left:0px; bottom:-59px; background:rgba(0,0,0,0.7); color:#fff;}

    .newcomone .newcomonefl .newcomoneflbom a{color:#fff;}

    .newcomone .newcomonefl .newcomoneflbom p{clear:both; color:#fff; height:48px; line-height:24px; overflow:hidden;}

    .newcomone .newcomonefl:hover .newcomoneflbom{bottom:0px; background: #ff5a00;transition:all .3s ease;}

    .newcomone .newcomonefl:hover .newcomoneflbom a,.newcomone .newcomonefl:hover .newcomoneflbom p{transition:all .3s ease;color:#fff;}

    .newcomone .newcomonefl .newcomonefltop .newcomoneflpc{display:block;}

    .newcomone .newcomonefl .newcomonefltop .newcomoneflm{display:none;}

    .newcomone .newcomonefl .newcomoneflbom p{font-size:12px;}

    .newcomone .newcomonefr{width: 470px;padding: 0px;}

    .newcomone .newcomonefr li{padding-right:80px;}

    .newcomone .newcomonefr li:nth-child(1) a{margin-top: 0px;}

    .newcomone .newcomonefr li span{display:block;}

    .newcomone .newcomonefr li a{margin: 8px 0px;}

    .newcomone .newcomonefr li:hover a,.newcomone .newcomonefr li:hover span{ color:#fa5801;}

    .newcomone .newcomonefl:hover .newcomonefltop .newcomoneflpc{-webkit-transform: scale(1.05);-webkit-transition: transform 0.5s;-moz-transform: scale(1.05);-moz-transition: transform 0.5s;-ms-transform: scale(1.05);-ms-transition: transform 0.5s;transform: scale(1.05);transition: transform 0.5s;}

    .newcomone .newcomonefl .newcomonefltop em{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);}

    .newcomone .newcomonefl:hover .newcomonefltop em{transition:all .3s ease;left:100%}

}

@media (min-width:1200px){

    .newcomone{padding-bottom: 80px;}

    .newcomone .newcomonefl{float:left; width:548px; height:411px;}

    .newcomone .newcomonefr{width:600px;}

    .newcomone .newcomonefr li a{margin: 12px 0px;}

    .newcomoneflpc{width:548px!important;height:260px!important;}/*pyp添加，确保pc端相关新闻列表正常显示*/

}

/**/

.newcomtwo{padding: 10px 0px 0px 0px;}

.newcomtwo .mobtit a span{background: url(/img/mobfouricon01.png) no-repeat left center;background-size:18px;padding-left:25px;}

.newcomtwoul{clear: both;}

.newcomtwoul li{float:left;padding: 15px 15px;background: #fff;transition:all .3s ease;}

.newcomtwoul li:nth-child(1){padding-top:0px;}

.newcomtwoul li:last-child{padding-bottom:0px;}

.newcomtwoul li .newcomtwoulPic{clear:both;display:block;overflow: hidden;}

.newcomtwoul li .newcomtwoulPic i{display:none;}

.newcomtwoul li .newcomtwoulPic img{width:100%;-webkit-transition: transform 0.5s;-moz-transition: transform 0.5s;-ms-transition: transform 0.5s;transition: transform 0.5s;}

.newcomtwoul li .newcomtwoulTit{clear:both;display:block;font-size:14px;margin-bottom: 5px;}

.newcomtwoul li time{clear:both;display:block;padding-left: 23px;margin: 5px 0px 0px 0px; display:none;}

.newcomtwoul li .newcomtwoulTxt{font-size:14px;line-height:24px;color: #999;height: 24px;}

@media (min-width:380px) {

   .newcomtwoul li .newcomtwoulTxt{height:48px;}

}

@media (max-width:767px){

    .newcomtwoul li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;border-bottom: 1px solid #eee;width: 100%;}

    .newcomtwoul li:last-child{border-bottom:0px;}

    .newcomtwoul li .newcomtwoulPic{width:120px;}

    .newcomtwoul li .newcomtwoulBox{-webkit-box-flex:1;-moz-box-flex:1;width:0%;-webkit-flex:1;-ms-flex:1;flex:1;padding-left: 10px;}

    .newcomtwoul li .newcomtwoulTxt{overflow:hidden;}

}

@media (min-width:768px){

    .newcomtwo .mobtit a span{background-size:20px; padding-left:28px;}

    .newcomtwo{padding: 0px 0px 40px 0px;background: #f0f0f0;}

    .newcomtwoul{padding:0px; margin-left:-30px;}

    .newcomtwoul li{width:230px;padding:0px;margin-left:30px;background: none;}

    .newcomtwoul li .newcomtwoulBox{padding-top:10px;}

    .newcomtwoul li .newcomtwoulTit{font-weight:normal;font-size: 14px;padding-bottom:5px;}

    .newcomtwoul li .newcomtwoulTxt{font-size: 12px;}

}

@media (min-width:992px){

    .newcomtwo .mobtit a span{background-size:23px; padding-left:30px;}

    .newcomtwo{padding: 0px 0px 60px 0px;}

    .newcomtwoul{padding:0px;margin-left:-40px;}

    .newcomtwoul li{width:296px;margin-left:40px;transition:all .3s ease;}

    .newcomtwoul li .newcomtwoulBox{padding: 20px 20px 10px 20px;background: #ffffff;}

    .newcomtwoul li .newcomtwoulTxt{font-size:14px;}

    .newcomtwoul li time{color: #999;display:inline-block;text-align:center;padding: 0px;margin-bottom:10px;font-size: 12px;}

    .newcomtwoul li .newcomtwoulTit{font-size: 16px;font-weight: normal;display: block;line-height: 20px;margin-bottom: 5px;}



    .newcomtwoul li .newcomtwoulPic{position:relative;display: block;}

    .newcomtwoul li .newcomtwoulPic 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);}

    .newcomtwoul li:hover .newcomtwoulPic i{transition:all .3s ease;left:100%}

    .newcomtwoul li:hover{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)}

    .newcomtwoul li:hover .newcomtwoulTit{color:#ff5a00;}

}

@media (min-width:1200px){

    .newcomtwo{padding: 0px 0px 80px 0px;}

    .newcomtwoul{padding: 0px 0px 0px 0px;margin-left: -60px;}

    .newcomtwoul li{width: 360px;margin-left: 60px;}

    .newcomtwoul li .newcomtwoulTit{font-size:18px;}

}

/*=======================新闻综合 end===================*/

/*=======================内页新闻列表 start===================*/

.newlist{padding:20px 0px;}

.newlist .newlistul li{float:left;width:100%;border-bottom:1px solid #eee;padding: 8px 15px;}

.newlist .newlistul li h3{float:left;width:100%;font-size:14px;font-weight:normal;background: url(/img/mobfouricon03.png) no-repeat left 8px;padding: 0px 0px 0px 12px;line-height:24px;}

.newlist .newlistul li h3 a{color:#000;}

.newlist .newlistul li p{clear:both; font-size:12px; line-height:24px; display:none;}

.newlist .newlistul li time{float:right; color:#666; font-size:12px; display:none;}

@media (min-width:480px){

    .newlist .newlistul li h3{width:auto;}

    .newlist .newlistul li time{display:inline-block;}

}

@media (min-width:768px){

    .newlist .newlistul li{padding-left: 0px;padding-right: 0px;padding-top:10px;padding-bottom:10px;}

    .newlist .newlistul li p{display:block;color: #777;}

    .newlist .newlistul li h3{padding-left:0px;background:none;clear:both;display:block;float:none;overflow: hidden;}

    .newlist .newlistul li time{float:none;clear:both;display:block;text-align:left;color: #aaa;}

}

@media (min-width:992px){

    .newlist{padding:30px 0px;}

    .newlist .newlistul{margin-left: -30px;}

    .newlist .newlistul li{margin-left: 30px;width: 470px;padding: 15px 20px 15px 20px;border-bottom:0px;border: 1px solid #eee;margin-bottom: 30px;}

    .newlist .newlistul li h3{font-size: 16px;height: 48px;}

    .newlist .newlistul li p{font-size:14px;margin: 0px 0px 15px 0px;height:48px;overflow:hidden;}

    .newlist .newlistul li time{font-size: 12px;background:url(/img/clock.png) no-repeat left center;padding-left:22px;line-height:17px;}

    .newlist .newlistul li:hover{border:1px solid #ff5a00; box-shadow:0px 0px 10px rgba(255, 90, 0,0.5)}

    .newlist .newlistul li:hover h3 a{color:#ff5000;}

}

@media (min-width:1200px){

    .newlist{padding-top:50px;}

    .newlist .newlistul li{width: 380px;margin-bottom: 30px;}

}

@media (min-width:1400px){

    .newlist{width:1400px;}

    .newlist .newlistul li{width: 446px;}

}

/**/

.newlistultop{clear: both;padding-bottom: 20px;}

.newlistultop li{float:left;padding: 15px 15px;background: #fff;}

.newlistultop li:nth-child(1){padding-top:0px;}

.newlistultop li:last-child{padding-bottom:0px;}

.newlistultop li .newlistultopPic{clear:both;display:block;overflow: hidden;}

.newlistultop li .newlistultopPic i{display:none;}

.newlistultop li .newlistultopPic img{width:100%;-webkit-transition: transform 0.5s;-moz-transition: transform 0.5s;-ms-transition: transform 0.5s;transition: transform 0.5s; height:210px!important;}

.newlistultop li .newlistultopTit{clear:both;display:block;font-size:14px;margin-bottom: 5px;}

.newlistultop li time{clear:both;display:block;padding-left: 23px;margin: 5px 0px 0px 0px; display:none;}

.newlistultop li .newlistultopTxt{font-size:14px;line-height:24px;color: #999;height: 24px;display:none;}

@media (max-width:767px){

    .newlistultop li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;border-bottom: 1px solid #eee;width: 100%;}

    .newlistultop li:last-child{border-bottom:0px;}

    .newlistultop li .newlistultopPic{width:120px;}

    .newlistultop li .newlistultopBox{-webkit-box-flex:1;-moz-box-flex:1;width:0%;-webkit-flex:1;-ms-flex:1;flex:1;padding-left: 10px;}

    .newlistultop li .newlistultopTxt{overflow:hidden;}

}

@media (min-width:768px){

    .newlistultop{padding: 20px 0px;margin-left: -15px;}

    .newlistultop li{width: 176px;padding:0px;margin-left: 15px;background: none;}

    .newlistultop li .newlistultopBox{padding-top:10px;}

    .newlistultop li .newlistultopTit{font-weight:normal;font-size: 14px;height: 48px;padding: 0px;margin: 0px;}

}

@media (min-width:992px){

    .newlistultop{margin-left: -20px;padding: 20px 0px 30px 0px;}

    .newlistultop li{width: 227px;margin-left: 20px;}

    .newlistultop li .newlistultopBox{padding: 20px 0px 10px 0px; border-top:0px;}

    .newlistultop li .newlistultopTxt{font-size:14px;display: block;height: 48px;overflow: hidden;margin: 10px 0px 5px 0px;}

    .newlistultop li time{color: #ff7800;display:inline-block;text-align:center;padding: 0px 0px 0px 20px;margin-bottom:10px;font-size: 12px;background: url(/img/rili.png) no-repeat left center;background-size: 12px;}

    .newlistultop li .newlistultopTit{font-size: 16px;font-weight: normal;display: block;line-height: 26px;margin-bottom: 5px;height: 52px;overflow: hidden;}

    .newlistultop li .newlistultopPic{position:relative;display: block;}

    .newlistultop li .newlistultopPic 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);}



}

@media (min-width:1200px){

    .newlistultop{padding: 0px 0px 30px 0px; margin-left:-30px;}

    .newlistultop li{width: 277px; margin-left:30px;}

    .newlistultop li:last-child{display:block;}

    .newlistultop li .newlistultopTit{font-size:18px;}

    .newlistultop li .newlistultopBox{background: #f5f5f5;border:1px solid #f5f5f5;border-top:0px;padding: 20px 20px 10px 20px;}

    .newlistultop li:hover .newlistultopBox{background:#fff; border-color:#ff5a00;}

    .newlistultop li:hover .newlistultopPic i{transition:all .3s ease;left:100%}

    .newlistultop li:hover .newlistultopTit{color:#ff5a00;}

}

@media (min-width:1400px){

    .newlistultop li{width:327px;}

}

/*=======================内页新闻列表 end===================*/

/*=======================相关新闻列表 start===================*/

.relnewlist{padding:20px 0px;}

.relnewlist .relnewlisttop{font-size:18px;font-weight:bold;color:#999;padding: 0px 15px;}

.relnewlist .relnewlisttop span{color:#ff7b33;}

.relnewlist .relnewlisttop strong{background:url(/img/icon09.png) no-repeat left center; background-size:100%; display:inline-block; margin-right:5px; width:15px; height:15px;}

.relnewlist .relnewlisttop em{background:url(/img/icon10.png) no-repeat left top; background-size:100%; display:inline-block; margin-left:5px; width:8px; height:15px;}

.relnewlist .relnewlistul li{float:left;width:100%;border-bottom: 1px dashed #ccc;padding: 8px 15px;}

.relnewlist .relnewlistul li h3{clear:both;display:block;width:100%;font-size:14px;font-weight:normal;background: url(/img/mobfouricon03.png) no-repeat left 8px;padding: 0px 65px 0px 12px;line-height:24px;position: relative;}

.relnewlist .relnewlistul li h3 a{clear:both; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000;}

.relnewlist .relnewlistul li p{display:none;}

.relnewlist .relnewlistul li h3 time{position:absolute;right:0px;top:0px;color:#999;font-size:12px;font-weight: normal;}

@media (min-width:768px){

    .relnewlist .relnewlisttop{padding:0px; font-size:22px;}

    .relnewlist .relnewlisttop strong{width:20px; height:29px;}

    .relnewlist .relnewlisttop em{width:13px;}

    .relnewlist .relnewlistul li{padding:15px 0px;}

    .relnewlist .relnewlistul li p{display:block;font-size:14px;color: #555; line-height:24px;}

    .relnewlist .relnewlistul li h3{padding-left:0px;background:none; padding-bottom:5px;}

    .relnewlist .relnewlistul li h3 a{font-size:16px;font-weight: bold;}

    .relnewlist .relnewlistul li h3 time{font-size: 14px;}

}

@media (min-width:992px){

    .relnewlist{padding:30px 0px;}

    .relnewlist .relnewlisttop{font-size:26px;margin-bottom:35px}

    .relnewlist .relnewlisttop strong{width:25px;}

    .relnewlist .relnewlistul{margin-left: -30px;}

    .relnewlist .relnewlistul li{margin-left: 30px;width: 470px;padding: 25px 15px;margin-top:-1px;border-top: 1px dashed #ccc;}

    .relnewlist .relnewlistul li h3{padding-bottom:10px;}

    .relnewlist .relnewlistul li h3 a{font-size:18px;}

    .relnewlist .relnewlistul li p{margin: 0px 0px 0px 0px;height:48px;overflow:hidden;}

    .relnewlist .relnewlistul li h3 time{background:url(/img/icon04.png) no-repeat left center;padding-left:22px;line-height:17px;}

    .relnewlist .relnewlistul li:hover{border-color:#ff5a00;}

    .relnewlist .relnewlistul li:hover h3 a{color:#ff5000;}

}

@media (min-width:1200px){

    .relnewlist{padding-top:50px;}

    .relnewlist .relnewlisttop{font-size:28px;margin-bottom:45px}

    .relnewlist .relnewlisttop strong{width:31px;}

    .relnewlist .relnewlistul{margin-left: -40px;}

    .relnewlist .relnewlistul li h3 a{font-size:20px;}

    .relnewlist .relnewlistul li{margin-left:40px;width:580px;}

}

.relnewlist .relnewlistbom{padding:15px 10px;}

.relnewlist .relnewlistbom .relnewlistbomfr{display:none;}

.relnewlist .relnewlistbom .relnewlistbomfl{background:#f5f5f5; padding:10px;}

.relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox .relnewlistbomflboxtit{color:#333; font-size:14px;}

.relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox .relnewlistbomflboxtxt{font-size:12px; color:#666; line-height:18px; height:36px; overflow:hidden; margin:0px 0px 8px 0px;}

.relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox .relnewlistbomflboxa{border:1px dashed #ff5a00;color:#ff5a00;padding:1px 5px;font-size:12px;clear: both;display: inline-block;}

@media (max-width:767px){

    .relnewlist .relnewlistbom .relnewlistbomfl{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflpic{width:120px;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox{-webkit-box-flex:1;-moz-box-flex:1; -ms-flexbox:1; -webkit-flex:1; flex:1; width:0%; padding-left:10px;}

}

@media (min-width:768px){

    .relnewlist .relnewlistbom{padding:30px 0px 0px 0px;}

    .relnewlist .relnewlistbom .relnewlistbomfl{padding:20px;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflpic{float:left; width:260px;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox{float:right; width:420px;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox .relnewlistbomflboxtit{font-size: 20px;font-weight:bold;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox .relnewlistbomflboxtxt{font-size:16px;line-height:28px;height: 84px;margin: 10px 0px 18px 0px;overflow: hidden;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox .relnewlistbomflboxa{padding:5px 15px; font-size:14px;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox .relnewlistbomflboxa em{display:inline-block; width:14px; height:12px; background:url(/img/arrow03.png) no-repeat center center; margin-right:5px;}



}

@media (min-width:992px){

    .relnewlist .relnewlistbom .relnewlistbomfl{float:left;width: 630px;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox{width: 300px;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox .relnewlistbomflboxtit{font-size:24px;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox .relnewlistbomflboxtxt{padding: 0px;}

    .relnewlist .relnewlistbom .relnewlistbomfl:hover .relnewlistbomflbox .relnewlistbomflboxa{border:1px dashed #ff5a00; color:#fff; background:#ff5a00;}

    .relnewlist .relnewlistbom .relnewlistbomfl:hover .relnewlistbomflbox .relnewlistbomflboxa em{background:url(/img/arrow04.png) no-repeat center center;}

    .relnewlist .relnewlistbom .relnewlistbomfl:hover .relnewlistbomflbox .relnewlistbomflboxtit{color:#ff5a00;}

    .relnewlist .relnewlistbom .relnewlistbomfr{float:right;width: 320px;display:block;position: relative;}

    .relnewlist .relnewlistbom .relnewlistbomfr .relnewlistbomfrbox{position:absolute;left:0px;top:0px;width:100%;height:100%;background: rgba(0,0,0,0.6);color:#fff;padding: 30px 20px 20px 20px;}

    .relnewlist .relnewlistbom .relnewlistbomfr .relnewlistbomfrbox .relnewlistbomfrboxtit{font-size:26px; font-weight:bold; line-height:1;}

    .relnewlist .relnewlistbom .relnewlistbomfr .relnewlistbomfrbox .relnewlistbomfrboxtxt{font-size:16px;line-height:28px;color:#e5e5e5;text-align:left;height: 112px;overflow: hidden;margin-top: 15px;}

}

@media (min-width:1200px){

    .relnewlist .relnewlistbom .relnewlistbomfl{width:770px;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflpic{width:345px;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox .relnewlistbomflboxtit{clear:both;font-size:26px;display:block; padding-bottom:15px;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox .relnewlistbomflboxtxt{padding-bottom:35px;height: 112px;margin: 15px 0px 25px 0px;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox .relnewlistbomflboxa{padding:8px 25px;}

    .relnewlist .relnewlistbom .relnewlistbomfl .relnewlistbomflbox{width:350px;padding: 10px 10px 0px 10px;}

    .relnewlist .relnewlistbom .relnewlistbomfr{width:405px;}

    .relnewlist .relnewlistbom .relnewlistbomfr .relnewlistbomfrbox{padding:40px 40px 0px 40px;}

    .relnewlist .relnewlistbom .relnewlistbomfr .relnewlistbomfrbox .relnewlistbomfrboxtxt{height:auto;}

}

/*=======================相关新闻列表 end===================*/

/*=======================新闻内页 start===================*/

.insidenew{background: #f5f5f5;}

.insidepad{padding-top:20px;}

.insidenewfl{float:left;width:100%;line-height: 24px;padding: 0px 15px;}

.insidenewfl h1{font-size:22px;color:#333;text-align:center;padding: 0px 120px 5px 120px;}

#daodu {border: 1px solid #E5E5E5; background-color: #f0f0f0;   line-height: 27px;  padding: 18px 18px 18px 18px;  color: #333; display: none;  font-size: 13px;  margin-top: 15px; }

.mdaodu{clear: both;background-color: #f0f0f0;text-align:left;padding-left: 10px; margin-bottom: 10px;}

.mdaodu .dhlx{color:#e8002c;font-size: 16px;margin-top: 5px;padding-left: 28px;background: ur/img/photo01.png) no-repeat left center;background-size: 20px;}

.mdaodu .zxjt{float:right; border-radius:3px; font-weight:bold;background: #fbc83d; color: #fa241d; padding:7px 8px; display: inline-block; line-height:1;}

.insidenewfl .time{display:none;}

.insidenewfl .insidenewtext{width:100%;line-height: 24px;}

.insidenewfl .insidenewtext h3 {color: #1a1a1a;font-size: 16px;margin-bottom: 10px;background: url(/img/arrow01.png) no-repeat left center;padding-left: 25px;margin: 20px 0px;}

.insidenewfl .insidenewtext p {margin-bottom: 15px; font-size: 14px; line-height:26px; color:#555; }

.insidenewfl .insidenewtext p a{color: #ff6206;font-weight: bold;}

.insidenewfl .insidenewtext p span{font-weight: bold;padding: 0 8px;border-radius: 10px;}

@media (min-width:768px) {

    #daodu{display: block; position:relative; padding:15px 145px 15px 125px;}

    #daodu span{position:absolute; left:15px; bottom:0px; width:100px;}

    #daodu .dda{position:absolute; right:15px; bottom:10px; width:120px;}

    #daodu font{color:#ff5a00; font-weight:bold; font-size:16px;}

    .mdaodu{display: none;}

    .insidenewfl .time{display:block;padding-top:10px;text-align: right;}

    .insidenewfl .time time{font-size: 14px; color: #666; background:url(/img/icon04.png) no-repeat left center; padding-left:22px;}

    .insidenewfl{padding:0px;}

    .insidenewfl .insidenewtext p{text-indent:2em;}

}

@media (min-width:992px) {

    .insidepad{padding-top:30px;}

    .insidenewfl{width: 680px;}

    #daodu{padding:15px 120px 15px 115px;}

    #daodu span{left:15px; bottom:0px; width:90px;}

    #daodu .dda .dda{right:10px; bottom:15px; width:100px;}

    .insidenewfl .insidenewtext h3{font-size: 20px}

}

@media (min-width:1200px) {

    .insidepad{padding-top:40px;}

    .insidenewfl{width:890px;}

    #daodu{padding:15px 190px 15px 185px;line-height:30px;}

    #daodu span{left:20px; bottom:0px; width:148px;}

    #daodu .dda{right:30px; bottom:5px; width:159px;}

    #daodu .dda::after{position:absolute;border-top:31px solid rgba(255,255,255,0.3);border-bottom:31px solid transparent;border-left:73px solid transparent;border-right:73px solid rgba(255,255,255,0.3);width:0px;height:0px;content:'';border-radius:5px;left: 7px;right: 8px;bottom:9px;transform:rotate(2.5deg);-ms-transform:rotate(2.5deg);     /* IE 9 */-moz-transform:rotate(2.5deg);    /* Firefox */-webkit-transform:rotate(2.5deg); /* Safari 和 Chrome */-o-transform:rotate(2.5deg);    /* Opera */}

    #daodu  .dda:hover::after{border-top:31px solid transparent; border-bottom:31px solid rgba(255,255,255,0.3); border-left:73px solid rgba(255,255,255,0.3);border-right:73px solid transparent; }

}

/*=======================新闻内页 end===================*/

/*=======================产品内页 start===================*/

.insideproone{clear:both;}

.insideproone .insideproone_m{clear: both;position:relative;}

.insideproone .insideproone_m a{width:35px;}

.insideproone .insideproone_m a img{width:100%;}

.insideproone .insideproone_m .insideproback{position:absolute; left:10px; top:10px;}

.insideproone .insideproone_m .insideprohome{position:absolute; right:10px; top:10px;}

.insideproone .insideproone_pc{display:none;}

@media (min-width:768px){

    .insideproone .insideproone_m{display:none;}

    .insideproone .insideproone_pc{display:block;padding: 30px 0px 20px 0px;}

}

@media (min-width:992px){

    .insideproone .insideproone_pc{padding-top:40px;}

}

@media (min-width:1200px){

    .insideproone .insideproone_pc{padding-top:60px;}

}

/**/

.insideprotwo{clear:both;}

.insideprotwo .insideprotwofl{float:left; width:100%;}

.insideprotwo .insideprotwofl p{padding:3px 15px 3px 10px;line-height:24px;font-size: 12px;color: #555;}

.insideprotwo .insideprotwofl #header-wrapper{clear:both; height:46px;}

.insideprotwo .insideprotwofl #header-wrapper .hxm{padding:10px 0px;}

.insideprotwo .insideprotwofl #header-wrapper .backtitle {display:inline-block;font-size: 16px;font-weight: normal;color: #1a1a1a;font-weight: bold;}

.insideprotwo .insideprotwofl #header-wrapper  a{position:relative;float:right;background: url(/img/qb.png) no-repeat 10px center #fecb34;font-size:14px;line-height:26px;border-radius:12px;padding: 0px 15px 0px 30px;color:#3a3a3a;font-weight:normal;background-size: 16px;margin-right: 15px;}

.insideprotwo .insideprotwofl #header-wrapper  a::after{content:'';cursor:pointer;position:absolute;left: 0px;top:0;width: 20px;height:100%;    -webkit-animation:masked-animation 4s infinite linear;-moz-animation:masked-animation 4s infinite linear;-ms-animation:masked-animation 4s infinite linear;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);}

@-webkit-keyframes masked-animation{

    0%{left:0%;}

    50%{left:90%;}

    100%{left:0%;}

}

@-moz-keyframes masked-animation{

    0%{left:0%;}

    50%{left:90%;}

    100%{left:0%;}

}

@-ms-keyframes masked-animation{

    0%{left:0%;}

    50%{left:90%;}

    100%{left:0%;}

}

@media (max-width:767px) {

    .backtitle{padding-left: 15px;padding-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

}

.insideprotwo .insideprotwofl #header-wrapper .hxm.fixed {position: fixed; left:0%; top:0px; width:100%; z-index: 9999; box-shadow: 2px 0px 10px #ccc; background:rgba(255,255,255,0.92)}

.insideprotwo .insideprotwofl #header-wrapper .hxm.fixed .backtitle{font-weight:bold; color: #f00;}

.insideprotwo .insideprotwofr{display:none;}



@media (min-width:768px) {

     .insideprotwo .insideprotwofl #header-wrapper .hxm{padding-top:0px;}

     .insideprotwo .insideprotwofl #header-wrapper .backtitle{font-size:18px;}

     .insideprotwo .insideprotwofl #header-wrapper a{display:none;}

     .insideprotwo .insideprotwofl p{padding:2px 0px;margin-left: -5px;}

     .insideprotwo .insideprotwofr{float:right;display:block;width: 100%;padding-top: 15px;}

     .insideprotwo .insideprotwofr .insideprotwofrtop{float:left;background:url(/img/photo02.jpg) no-repeat left center;padding-left: 50px;font-size:12px;color:#555;line-height: 1;}

     .insideprotwo .insideprotwofr .insideprotwofrtop span{clear:both;display:block;color:#ff5a00;font-size: 28px;line-height: 1;font-weight:bold;padding-top: 5px;letter-spacing: -1px;}

     .insideprotwo .insideprotwofr .insideprotwofrbtn{float:right;width: 265px;text-align:center;}

     .insideprotwo .insideprotwofr .insideprotwofrbtn img{width:100%;}

}

@media (min-width:992px) {

    .insideprotwo{padding-top:15px;}

     .insideprotwo .insideprotwofl{width: 650px;}

     .insideprotwo .insideprotwofl #header-wrapper .hxm{padding-top:0px;}

     .insideprotwo .insideprotwofl #header-wrapper .backtitle{font-size:24px;}

     .insideprotwo .insideprotwofl p{padding:2px 0px;font-size: 13px;}



     .insideprotwo .insideprotwofr{float:right;display:block;width: 265px;}

     .insideprotwo .insideprotwofr .insideprotwofrbtn{clear:both; text-align:center; padding-top:15px;}

     .insideprotwo .insideprotwofr .insideprotwofrbtn img{width:100%;}

}

@media (min-width:1200px) {

     .insideprotwo .insideprotwofl{width: 900px;}

     .insideprotwo .insideprotwofl #header-wrapper .backtitle{font-size:28px;}

}

/**/

.insideprothree{display:none;}

@media (min-width:768px) {

    .insideprothree{display:block; background: url(/img/dot01.jpg) repeat-x left 80px;height: 90px;margin-top: 20px;}

    .insideprothree li{float:left; width:25%; background:url(/img/line03.jpg) no-repeat right bottom; height:100%;}

    .insideprothree li.insideprothree04{background:none;}

    .insideprothree li a{display:block; width:85px; margin:0 auto; clear:both;}

    .insideprothree li a i{clear:both;display:block;width:40px;height:40px;margin: 0 auto;}

    .insideprothree li.insideprothree01 a i{background:url(/img/proicon2.png) no-repeat center center;}

    .insideprothree li.insideprothree02 a i{background:url(/img/proicon3.png) no-repeat center center;}

    .insideprothree li.insideprothree03 a i{background:url(/img/proicon4.png) no-repeat center center;}

    .insideprothree li.insideprothree04 a i{background:url(/img/proicon5.png) no-repeat center center;}

    .insideprothree li span{clear:both; display:block; text-align:center; font-size:14px; padding:5px 0px 12px 0px;}

    .insideprothree li a:hover span,.insideprothree li.active a span{background:url(/img/line02.jpg) no-repeat center bottom;}

    .insideprothree li.insideprothree01 a:hover i,.insideprothree li.insideprothree01.active a i{background:url(/img/proicon2_s.png) no-repeat center center;}

    .insideprothree li.insideprothree02 a:hover i,.insideprothree li.insideprothree02.active a i,.insideprothree li.active a i{background:url(/img/proicon3_s.png) no-repeat center center;}

    .insideprothree li.insideprothree03 a:hover i,.insideprothree li.insideprothree03.active a i{background:url(/img/proicon4_s.png) no-repeat center center;}

    .insideprothree li.insideprothree04 a:hover i,.insideprothree li.insideprothree04.active a i{background:url(/img/proicon5_s.png) no-repeat center center;}

}

@media (min-width:992px) {

    .insideprothree{height:102px;background: url(/img/dot01.jpg) repeat-x left 92px;margin-top: 40px;margin-bottom: 40px;}

    .insideprothree li span{font-size:16px;padding: 12px 0px 17px 0px;}



}

@media (min-width:1200px) {

    .insideprothree{

    margin-top: 50px;

    margin-bottom: 50px;

}

    .insideprothree li span{font-size:18px;}

}

/**/

.insideprocasefl{}

.insideprocasefl .insideprofourfltit {color: #1a1a1a;font-size: 16px;margin-bottom: 10px;margin: 20px 0px;font-weight: bold;border-bottom: 1px solid #eee;padding: 0px 0px 0px 0px;}

.insideprocasefl .insideprofourfltit span{float:left;background:#000;color:#fff;display:block;padding: 8px 20px;}

.insideprocasefl .insidecasetext p {margin-bottom: 15px; font-size: 14px; line-height:26px; color:#555; }

.insideprocasefl .insidecasetext p a{color:#ff5a00; font-weight:bold;}

.insideprocasefl .insidecasetext h3 { font-size: 16px; color: #ff5a00; margin-bottom: 10px;background: url(/img/arrow01.png) no-repeat left center;padding-left: 25px;}

/**/

.insideprofour{clear:both;}

.insideprofour .insideprofourfl{width:100%;line-height: 24px;padding: 0px 15px;}

.insideprofour .insideprofourfl h3 {color: #1a1a1a;font-size: 16px;margin-bottom: 10px;background: url(/img/arrow01.png) no-repeat left center;padding-left: 25px;margin: 20px 0px;}

.insideprofour .insideprofourfl p {margin-bottom: 15px; font-size: 14px; line-height:26px; color:#555; }

.insideprofourfr{display:none;}

@media (min-width:768px) {

    .insideprofour .insideprofourfl{padding:0px;}

}

@media (min-width:992px) {

    .insideprofour .insideprofourfl{float:left; padding:0px; width:680px}

    .insideprofour .insideprofourfl h3{font-size:20px;background: url(/img/arrow01.png) no-repeat left center; padding-left:30px;}

    .insideprofour .insideprofourfl p{text-indent:2em;}

    

    .insideprofourfr{float:right; display:block; width:240px; border:1px solid #e6e6e6;}

    .insideprofourfr .insideprofourfrtit{padding:10px;}

    .insideprofourfr ul{padding:10px 19px 0px 19px;}

    .insideprofourfr ul li{clear:both;}

    .insideprofourfr ul li .insideprofourfrpic{clear:both; text-align:center;}

    .insideprofourfr ul li .insideprofourfrpic img{width:100%;}

    .insideprofourfr ul li .insideprofourfrtxt{clear:both; text-align:center; padding-bottom:10px; font-size:14px;}

    .insideprofourfr ul li .insideprofourfrtxt a{clear:both; padding:8px 0px 5px 0px; display:block; text-align:center; font-size:14px;}

    .insideprofourfr ul li:hover .insideprofourfrtxt a{color:#ff5a00;}

}

@media (min-width:1200px) {

    .insideprofour .insideprofourfl{float:left; padding:0px; width:890px}

    .insideprofive h3{font-size:20px;}

}



.insideprofivebox table{margin-top: 10px;}

.insideprofivebox table tbody tr:nth-child(1) td{padding:10px 5px;}

.insideprofivebox table tbody tr:nth-child(1) td p{color:#fff;padding: 0px;margin: 0px;line-height:24px;}

/**/

.insideprofive{clear:both; padding:0px 15px;}

.insideprofive h3{ color: #1a1a1a; margin:15px 0px; font-size: 16px;background: url(/img/arrow01.png) no-repeat left center; padding-left: 20px; }

.insideprofive .insideprofivebox{padding:0px 0px 15px 0px;}

.insideprofive p{padding-top: 15px; font-size: 14px; line-height:26px; color:#555; }

@media (min-width:768px) {

    .insideprofive{padding:0px 0px 30px 0;}

}

@media (min-width:992px) {

    .insideprofive h3{font-size:20px;}

}

/*=======================产品内页 end===================*/

/*=======================相关信息 start===================*/

.relInforNew{clear:both;padding: 20px 0px;}

.relmore{clear:both; text-align:center;}

.relmore a{background:#fa5801; color:#fff; font-size:14px; padding:3px 15px; border-radius:5px; margin-top:25px; display:inline-block;}

.relmore01{clear:both;text-align:center;}

.relmore01 a{background: none;color: #fa5801;font-size:14px;padding:3px 15px;border-radius:5px;display:inline-block;border: 1px solid #fa5801;}

.relInforNewtit{clear:both; background:url(/img/line01.png) no-repeat center center; font-size:18px; text-align:center; margin-bottom:10px; font-weight:bold;}

.relInforNewtit span{font-size:14px; color:#fa5801;}

.relInforNew .relInforNewur{padding:0px 15px;}

.relInforNew .relInforNewur li{background:url(/img/mobfouricon03.png) no-repeat left center;border-bottom:1px dotted #d4d4d4;position:relative;padding-right: 80px;padding: 10px 0px 10px 15px;}

.relInforNew .relInforNewur li a{clear:both; color:#555; display:block; font-size:14px; line-height:24px;}

.relInforNew .relInforNewur li span{position:absolute; right:0px; top:10px; line-height:24px; color:#999;}

/**/

.relcaseul{clear:both;padding: 20px 15px;}

.relcaseul li{padding:15px 0px; border-bottom:1px dashed #eee}

.relcaseul li:nth-child(1){padding-top:0px;}

.relcaseul li:last-child{border-bottom:0px;}

.relcaseul li .relcaseulpic i{display:none;}

.relcaseul li .relcaseulpic img{width:100%;}

.relcaseul li .relcaseulbox a{font-size:14px; line-height:16px; display:block; margin-bottom:10px;}

.relcaseul li .relcaseulbox p{font-size:12px;color:#999;line-height: 20px;height: 40px;overflow:hidden;}

@media (min-width:320px){

    .relcaseul li .relcaseulbox p{display:block;}

}

@media (max-width:499px){

    .relcaseul li{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

    .relcaseul li .relcaseulpic{display:inline-block; width:80px;}

    .relcaseul li .relcaseulbox{-webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex: 1; width: 0; padding-left:10px;}

}

@media (min-width:500px){

    .relcaseul{padding:0px 10px;}

    .relcaseul li{float:left; width:50%; border:0px; padding:0px 5px;}

    .relcaseul li .relcaseulpic{clear:both; width:100%; text-align:center; display:block;}

    .relcaseul li .relcaseulbox p{display:none;}

    .relcaseul li .relcaseulbox a{text-align:center;padding:10px;margin-bottom: 0px;}

}

@media (min-width:768px){

    .relInforNew{padding-top:30px; padding-bottom:40px;}

    .relInforNewtit{margin-bottom:20px; font-size:18px;}

    .relInforNew .relInforNewur{margin-left:-40px;padding: 0px 0px;}

    .relInforNew .relInforNewur li{float:left;margin-left:40px;width: 355px;padding-right:0px;}

    .relInforNew .relInforNewur li span{display:none;}

    /**/

    .relcaseul{margin-left:-20px;padding: 15px 0px 20px;}

    .relcaseul li{float:left;width:172px;margin-left:20px;padding:0px;border:0px;margin-bottom: 20px;}

    .relcaseul li .relcaseulbox{background:#f5f5f5;}

}

@media (min-width:992px){

    .relInforNew{padding-top:30px; padding-bottom:40px;}

    .relInforNewtit{margin-bottom:20px; font-size:20px;}

    .relInforNew .relInforNewur li{padding-right:80px; width:450px;}

    .relInforNew .relInforNewur li span{display:block;}

    .relInforNew .relInforNewur li:hover a,.mobfour .mobfourul li:hover span{ color:#fa5801;}

    /**/    

    .relcaseul li{margin-bottom:40px; width:227px; overflow:hidden;transition:all .3s ease;}

    .relcaseul li .relcaseulbox a{line-height:24px; padding:13px 10px;}

    .relcaseul li .relcaseulpic{position:relative;display: block;}

    .relcaseul li .relcaseulpic 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);}

    .relcaseul li:hover .relcaseulpic i{transition:all .3s ease;left:100%}

    .relcaseul li:hover{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)}

    .relcaseul li:hover a{color: #fa5801; background: #fff;}

}

@media (min-width:1200px){

    .relInforNew{padding: 30px 0;}

    .relInforNew .relInforNewur li{width:580px;}

    /**/    

    .relcaseul li{width:285px;}

}

/*=======================相关信息 end===================*/

/*=======================联系我们 start===================*/

.contacttit{padding-bottom: 20px;}

.contacttit h3{clear: both; font-size:16px; text-align: center; line-height:1;}

.contacttit p{display:none;}

@media (min-width:768px){

    .contacttit h3{padding-bottom:10px;font-size:22px;}

    .contacttit p{font-size: 14px; line-height:24px; color: #000; text-align: center;display:block;}

}

@media (min-width:992px){

    .contacttit{padding-top:20px;}

    .contacttit h3{clear:both;background:url(/img/icon03.jpg) no-repeat center bottom;margin-bottom: 15px;font-size: 27px;padding-bottom: 27px;}

}

@media (min-width:1200px){

    .contacttit h3{font-size:32px;}

}

.contactone{padding:20px 0px;}

.contactone ul{clear:both; padding:0px 15px;}

.contactone ul li{padding-bottom:10px;}

.contactone ul li .contactonetop{font-weight:bold;line-height: 34px;font-size: 14px;}

.contactone ul li .contactonetop em{float:left;margin-right:10px;width: 20px;}

.contactone ul li .contactonebom{padding-left: 29px;font-size:14px;text-align: left;line-height: 24px;}

.contactone ul li .contactonebom strong{color:#ff2222;}

@media (min-width:768px){

    .contactone ul{padding: 15px 0px 0px 0px;}

    .contactone ul li{float:left; width:50%;}

}

@media (min-width:992px){

    .contactone ul{margin-left:-30px;}

    .contactone ul li{margin-left:30px;width: 220px;}

    .contactone ul li .contactonetop{background:url(/img/contactonebg.png) no-repeat center top;width:100px;margin:0 auto;background-size:100%;height: 100px;padding-top: 15px;}

    .contactone ul li .contactonetop em{clear:both;text-align:center;display:block;width:30px;float: none;margin:0 auto;}

    .contactone ul li .contactonetop span{clear:both; font-weight:normal; width:100%; text-align:center; display:block;}

    .contactone ul li .contactonebom{padding-top:10px;padding-left:0px;text-align: center;}

    .contactone ul li .contactonebom strong{display:block;}

}

@media (min-width:1200px){

    .contactone ul{margin-left:-40px;}

    .contactone ul li{margin-left:40px;width: 270px;}

    .contactone ul li .contactonetop{width:123px; height:123px; padding-top:28px;}

    .contactone ul li .contactonetop em{width:35px; margin-bottom:0px;}

    .contactone ul li .contactonebom strong{display: inline;}

}

/**/

.contacttwo{clear:both; padding:40px 0px 0px 0px;}

/**/

.contacttwo{clear:both; padding:40px 0px 0px 0px;}

/**/

.contactthree{padding:20px 0px;}

.contactthree ul{padding:10px;}

.contactthree ul li{float:left; padding:5px; width:50%; }

.contactthree ul li p{background:#ffba00; text-align:center;  padding:40px 10px 20px 10px;; border-radius:5px;}

.contactthree ul li p span.contactthreetop{clear:both; display:block; font-size:16px;}

.contactthree ul li p span.contactthreetop i{display:inline-block; font-style:normal; font-size:30px;}

.contactthree ul li p span.contactthreebom{font-size:14px; display:block; margin-top:5px;}

@media (min-width:768px){

.contactthree ul{margin-left:-15px; padding:20px 0px;}

.contactthree ul li{margin-left:15px; width:176px;}

}

@media (min-width:992px){

.contactthree ul{margin-left:0px; padding-top:30px; padding-bottom:50px;}

.contactthree ul li{margin:0px; width:25%; padding:0px 25px;}

.contactthree ul li p span.contactthreebom{line-height:20px; height:40px;}

}

@media (min-width:1200px){

.contactthree ul{padding-top:30px; padding-bottom:60px;}

.contactthree ul li{padding:0px 30px;}

}

/**/

.contactfour{}

.contactfour .contactfourbox{background:#f5f5fa;padding:20px 15px; position:relative;}

.contactfour .contactfourboxfl{display:none;}

.contactfour .contactfourboxfr{clear:both; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.3); border-radius:8px;padding:20px;}

.contactfour .contactfourboxfr strong{clear:both; line-height:1; text-align:left; color:#000; font-size:16px; }

.contactfour .contactfourboxfr .contactfourp01{font-size:14px; color:#555; line-height:22px; background:url(/img/contactoneicon06.png) no-repeat left bottom; padding:10px 0px 15px 0px;}

.contactfour .contactfourboxfr dl{clear:both; width:100%;}

.contactfour .contactfourboxfr dl dd{float:left;width:100%;position: relative;}

.contactfour .contactfourboxfr dl dd font{position:absolute; right:10px; top:20px; color:#f00;}

.contactfour .contactfourboxfr dl dd input{background:#f5f5fa; border:1px solid #e6e6e6; width:100%; line-height:24px; padding:5px; margin-top:10px;}

.contactfour .contactfourboxfr dl dt{clear:both;width:100%;}

.contactfour .contactfourboxfr dl dt textarea{background:#f5f5fa; border:1px solid #e6e6e6; width:100%; line-height:24px; padding:5px; margin-top:10px; height:60px;}

.contactfour .contactfourp02{clear:both;position:relative;margin-top: 10px;}

.contactfour .contactfourp02 input{width:100%;height:30px;opacity: 0; position:relative; z-index:2; cursor:pointer;}

.contactfour .contactfourp02 span{position:absolute; left:0px; top:0px;z-index:1; background:#ffba00; text-align:center; line-height:30px; width:100%; height:100%; border-radius:15px;}

.contactfour .contactfourp02 span i{display:inline-block; background:url(/img/contactoneicon07.png) no-repeat left center; width:29px; height:14px; background-size:22px; margin-left:5px;}

.contactfour .contactfourp02:hover span{background:#ff9e00; }

@media (min-width:768px){

.contactfour .contactfourbox{padding:40px 35px;margin: 0px 0px 25px 0px;}

.contactfour .contactfourboxfr{padding:25px 30px;}

.contactfour .contactfourboxfr strong{font-size:20px;}

}

@media (min-width:992px){

    .contactfour .contactfourbox{margin: 15px 0px 45px 0px;}

.contactfour .contactfourboxfl{position:absolute;left:30px;top:30px;display:block;box-shadow:0px 0px 10px rgba(0,0,0,0.3);width: 350px; border-radius: 8px;}

.contactfour .contactfourboxfr strong{font-size:24px;}

.contactfour .contactfourboxfr dl{padding:10px 0px;}

.contactfour .contactfourboxfr dl dd{width:50%;}

.contactfour .contactfourboxfr dl dd:nth-child(1){float:left;padding-right:20px;}

.contactfour .contactfourboxfr dl dd:nth-child(2){float:right;padding-left:20px;}

.contactfour .contactfourboxfr dl dd input{line-height:30px;}

.contactfour .contactfourboxfr dl dt textarea{height:84px;}

.contactfour .contactfourboxfr{padding: 25px 30px 35px 380px;}

.contactfour .contactfourp02 input{height:40px;}

.contactfour .contactfourp02 span{line-height:40px; font-size:16px; color:#000;}

.contactfour .contactfourp02 span i{background-size:29px;}

}

@media (min-width:1200px){

.contactfour .contactfourbox{padding:60px 90px;}

.contactfour .contactfourboxfl{position:absolute; left:65px; top:35px; width:426px;}

.contactfour .contactfourboxfr strong{font-size:26px;}

.contactfour .contactfourboxfr{padding: 25px 30px 35px 450px;}

.contactfour .contactfourboxfr dl dt textarea{height:132px;}

}

/*=======================联系我们 end===================*/

/*=======================关于我们 start===================*/

.abouttit{clear:both; padding:15px;}

.abouttit h3{font-size:18px; text-align:center; padding-bottom:10px; line-height:1; color:#000;}

.abouttit p{font-size:14px; color:#333; line-height:24px;}

@media (min-width:768px){

    .abouttit h3{font-size:23px; padding-bottom:15px;}

}

@media (min-width:992px){

    .abouttit h3{font-size:28px; padding-bottom:20px;}

}

@media (min-width:1200px){

    .abouttit h3{font-size:32px;}

}

/**/

.aboutone{padding: 0px 0px;padding-top:15px;}

.aboutone .aboutonefl{float:left;width:100%;padding: 0px 15px;}

.aboutone .aboutonefl img{width:100%;}

.aboutone .aboutonefr{float:left; width:100%;}

.aboutone .aboutonefr p{color:#333;padding: 10px 15px 0px 15px;}

.aboutone .aboutonefr ul{padding: 20px 5px 0px 5px;}

.aboutone .aboutonefr ul li{float:left;width:33.3333%;padding: 10px;border-right:1px solid #eee;}

.aboutone .aboutonefr ul li:last-child{border:0px;}

.aboutone .aboutonefr ul li .aboutone01{clear:both;padding-bottom:5px;display:block;font-family:Impact;font-size:18px;color:#ff5a00;line-height: 1;text-align:center;}

.aboutone .aboutonefr ul li .aboutone02{clear:both; display:block; font-size:12px; color:#333; line-height:20px; text-align:center;}

@media (min-width:768px){

    .aboutone .aboutonefr ul li{border:0px;}

    .aboutone .aboutonefr ul li .aboutone01{font-size:26px;padding-bottom:10px; background:url(/img/aboutoneicon01.jpg) no-repeat center bottom;margin-bottom:10px;}

    .aboutone .aboutonefr ul li .aboutone02{font-size:14px;}

}

@media (min-width:992px){

    .aboutone{padding-top:25px;}

    .aboutone .aboutonefl{float:right;width:480px;padding: 0px;}

    .aboutone .aboutonefr{float:left;width:450px;}

    .aboutone .aboutonefr p{padding:0px 0px 10px 0px;line-height: 26px;}

    .aboutone .aboutonefr ul{padding: 10px 0px 0px 0px; margin-left:-15px;}

    .aboutone .aboutonefr ul li{width:140px; margin-left:15px; padding:0px;}

    .aboutone .aboutonefr ul li .aboutone01{padding-bottom: 15px;font-size:46px;}

}

@media (min-width:1200px){

    .aboutone{padding-top:45px;}

    .aboutone .aboutonefl{float:right;width:640px;}

    .aboutone .aboutonefr{float:left;width:510px;}

    .aboutone .aboutonefr ul li .aboutone01{font-size:66px;}

    .aboutone .aboutonefr ul{margin-left:-45px;padding-top: 87px;}

    .aboutone .aboutonefr ul li{display:inline-block; margin-left:45px;}

}

/**/

.abouttwo{padding:0px; padding-top:15px;}

.abouttwo ul{padding:0px 10px;}

.abouttwo ul li{float:left; width:50%; padding:5px 5px;}

.abouttwo ul li div{display:block; border:1px solid #ccc;}

.abouttwo ul li span.abouttwonum{display:none;}

.abouttwo ul li p.abouttwobomtit{clear:both;border-bottom:1px solid #ccc; text-align:center;font-size: 16px;padding: 15px 0px 15px 0px;line-height: 1;color: #000;}

.abouttwo ul li p.abouttwobompic{clear:both; padding:20px 20px; text-align:center;}

@media (min-width:768px){

    .abouttwobom{background:url(/img/abouttwobg.jpg) no-repeat center top;    background-size: 100% auto;}

    .abouttwo ul{padding:20px 0px;}

    .abouttwo ul li{float:left;width:25%;background: rgba(255,255,255,0.4);padding: 40px 0px;border:1px solid #ccc;}

    .abouttwo ul li div{border:0px;}

    .abouttwo ul li span.abouttwonum{display:block; color:#fff; text-align:center; font-family:Impact; font-size:18px; background:url(/img/abouttwoicon.png) no-repeat center center; line-height:42px;}

    .abouttwo ul li p.abouttwobomtit{font-size:16px;padding:15px 0px 25px 0px;font-weight:bold;border-bottom:0px;}

    .abouttwo ul li p.abouttwobompic{padding-top:0px; padding-bottom:0px;}

}

@media (min-width:992px){

    .abouttwo{padding-top:25px;}

    .abouttwo ul{padding:30px 0px;}

    .abouttwo ul li span.abouttwonum{font-size:24px; line-height:42px;}

    .abouttwo ul li p.abouttwobomtit{font-size:22px;padding:25px 0px 35px 0px;}

    .abouttwo ul li:hover p.abouttwobomtit a{color:#fff;}

}

@media (min-width:1200px){

    .abouttwo{padding-top:45px;}

    .abouttwobom{margin-top:25px;}

    .abouttwo ul{padding:50px 0px;}

    .abouttwo ul li span.abouttwonum{font-size:36px;}

    .abouttwo ul li p.abouttwobomtit{font-size:28px;padding-bottom:50px;}

}

/**/

.aboutthree{padding-top:15px;}

.aboutthree ul{padding:10px;}

.aboutthree ul li{float:left; width:50%; padding:5px;}

.aboutthree ul li .aboutthreepic{clear:both; text-align:center;}

.aboutthree ul li .aboutthreetit{clear:both; text-align:center; font-size:14px; color:#000;}

@media (min-width:768px){

    .aboutthree ul{margin-left:-15px;padding: 10px 0px 0px 0px;}

    .aboutthree ul li{margin-left:15px;width: 240px;padding: 0px;}

    .aboutthree ul li .aboutthreetit{padding:15px 10px; font-size:16px;}

}

@media (min-width:992px){

    .aboutthree{padding-top:25px;}

    .aboutthree ul{margin-left:-30px;padding: 25px 0px 0px 0px;}

    .aboutthree ul li{margin-left:30px;width: 303px;}

}

@media (min-width:1200px){

.aboutthree{padding-top:45px;}

    .aboutthree ul{margin-left:-55px;}

    .aboutthree ul li{margin-left:55px;width: 363px;}

}

/**/

.aboutfour .abouttit{text-align:center;}

.aboutfour ul{padding:0px 10px;}

.aboutfour ul li{float:left; width:50%; padding:5px;}

.aboutfour ul li img{width:100%;}

.aboutfour ul li:nth-child(1){display:none;}

@media (min-width:768px){

    .aboutfour ul{padding:0px; margin-left:-10px;}

    .aboutfour ul li:nth-child(1){display:block; width:267px}

    .aboutfour ul li{width:231px;margin-left:10px;padding: 0px 0px 10px 0px;}

}

@media (min-width:992px){

    .aboutfour ul{margin-left:-20px;}

    .aboutfour ul li:nth-child(1){ width:344px}

    .aboutfour ul li{width:293px;margin-left:20px;padding: 0px 0px 20px 0px;}

}

@media (min-width:1200px){

    .aboutfour{padding-top:30px;}

    .aboutfour ul{margin-left:-30px;padding-top: 15px;}

    .aboutfour ul li:nth-child(1){ width:420px}

    .aboutfour ul li{width:360px;margin-left:30px;}

}

/**/

.aboutfive{padding-top:10px;}

.aboutfive .abouttit{text-align:center;}

.aboutfive ul{padding:0px 10px;}

.aboutfive ul li{float:left; width:33.3333%; padding:5px;}

.aboutfive ul li img{width:100%;}

@media (min-width:768px){

     .aboutfive ul{margin-left:-25px; padding:0px;}

     .aboutfive ul li{margin-left:25px; width:233px; padding:0px; padding-bottom:30px;}

}

@media (min-width:992px){

     .aboutfive{padding-top:15px;}

     .aboutfive ul{margin-left:-40px; padding-top:15px; padding-bottom:40px;}

     .aboutfive ul li{margin-left:40px; width:296px;}

}

@media (min-width:1200px){

     .aboutfive{padding-top:25px;}

     .aboutfive ul{margin-left:-55px; padding-bottom:60px;}

     .aboutfive ul li{margin-left:55px; width:363px;}

}

/*=======================关于我们 end===================*/

/*=======================解决方案列表 start===================*/

.caselist{padding:20px 15px 30px 15px;}

.caselist li{padding:15px 0px; border-bottom:1px dashed #eee}

.caselist li:nth-child(1){padding-top:0px;}

.caselist li:last-child{border-bottom:0px;}

.caselist li .caselistpic i{display:none;}

.caselist li .caselistpic img{width:100%;}

.caselist li .caselistbox a{font-size:14px;line-height: 18px;display:block;margin-bottom: 5px; white-space: nowrap;  

 text-overflow:ellipsis; 

 overflow:hidden;}

.caselist li .caselistbox a span{display:none;}

.caselist li .caselistbox p{display:none;font-size:12px; color:#999; line-height:16px; height:16px; overflow:hidden;}

@media (min-width:320px){

  .caselist li .caselistbox p{display:block; height:40px; line-height:20px; }

}

@media (max-width:767px){

  .caselist li{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

  .caselist li .caselistpic{display:inline-block;width: 120px;}

  .caselist li .caselistbox{-webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex: 1; width: 0; padding-left:10px;}

}

@media (min-width:768px){

  .caselist{padding:30px 0px 30px 0px;margin-left:-30px;}

  .caselist li{float:left;width:230px;margin-left:30px;padding:0px;border:0px;margin-bottom: 20px;}

  .caselist li .caselistbox{}

  .caselist li .caselistbox a{padding:15px 0px 5px 0px;}

  .caselist li .caselistbox a span{display:inline-block;float:right;font-size:14px;color:#666;background: url(/img/arrow02.png) no-repeat right center;padding-right: 20px; transition:padding-right 0.3s;}

}

@media (min-width:992px){

  .caselist{margin-left: -40px; padding-top:40px;}

  .caselist li{margin-left: 40px;margin-bottom: 20px;width: 296px;overflow:hidden;}

  .caselist li .caselistbox{background: #f5f5f5;padding: 20px;}

  .caselist li .caselistbox a{font-size:16px;line-height:22px;overflow:hidden;margin: 0px 0px 10px 0px;padding-top: 0px;padding-bottom: 5px;}

  .caselist li .caselistpic{position:relative;display: block;}

  .caselist li .caselistpic 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);}

  .caselist li:hover .caselistpic i{transition:all .3s ease;left:100%}

  .caselist li:hover .caselistbox{background:url(/img/icon05.jpg) no-repeat left bottom #f5f5f5; background-size:100%;}

  .caselist li:hover .caselistbox a{background:url(/img/icon06.png) no-repeat left bottom;color:#ff5a00;}

  .caselist li:hover .caselistbox a span{background:none; color:#ff5a00; padding-right:0px; transition:padding-right 0.3s;}

}

@media (min-width:1200px){

  .caselist{margin-left: -60px; padding-top:60px;}

  .caselist li{margin-left:60px;width: 360px;}

  .caselist img{width:360px!important;height:260px!important;}/*pyp添加，确保pc端案例列表正常显示*/

}

/*=======================解决方案列表 end===================*/

/*=======================产品综合页 start===================*/

.probox{padding-bottom:20px;}

.probox .proboxitem{padding-top:20px;}

.probox .proboxitem .proboxitemtit{padding:0px 15px; text-align:center;}

.probox .proboxitem .proboxitemtit h3{font-size:16px;padding-bottom:5px; line-height:1; text-align:left;}

.probox .proboxitem .proboxitemtit h3 span{float:right;font-size:12px; font-weight: normal; color:#999;}

.probox .proboxitem .proboxitemtit h3 font{display:none;}

.probox .proboxitem .proboxitemtit p{font-size:12px; line-height:20px;display:none;}

.probox .proboxitem .proboxitembg{background:#f0f0f0;padding-bottom:15px;}

.probox .proboxitem .proboxitembom{padding: 0px 10px 0px 10px;}

.probox .proboxitem .proboxitembom ul{clear:both;padding: 0px 5px;}

.probox .proboxitem .proboxitembom ul li{padding:15px 0px; border-bottom:1px dashed #eee}

.probox .proboxitem .proboxitembom ul li .proboxpic i{display:none;}

.probox .proboxitem .proboxitembom ul li .proboxpic img{width:100%; height:245px!important;}

.probox .proboxitem .proboxitembom ul li .proboxtit a{font-size:14px; line-height:16px; display:block; margin-bottom:10px;}

.probox .proboxitem .proboxitembom ul li .proboxtit p{display:none;font-size:12px; color:#999; line-height:16px; height:16px; overflow:hidden;}

@media (min-width:320px){

    .probox .proboxitem .proboxitembom ul li .proboxtit p{display:block; height:40px; line-height:20px; }

}

@media (max-width:499px){

    .probox .proboxitem .proboxitembom ul li{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

    .probox .proboxitem .proboxitembom ul li .proboxpic{display:inline-block;width: 120px;}

    .probox .proboxitem .proboxitembom ul li .proboxtit{-webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex: 1; width: 0; padding-left:10px;}
	.probox .proboxitem .proboxitembom ul li .proboxpic img{height:auto!important;}

}

@media (min-width:500px){

    .probox .proboxitem .proboxitembom ul{padding: 15px 0px 0px 0px;}

    .probox .proboxitem .proboxitembom ul li{float:left; width:50%; border:0px; padding:0px 5px;}

    .probox .proboxitem .proboxitembom ul li .proboxpic{clear:both; width:100%; text-align:center; display:block;}

    .probox .proboxitem .proboxitembom ul li .proboxtit p{display:none;}

    .probox .proboxitem .proboxitembom ul li .proboxtit a{text-align:center;padding:10px;margin-bottom: 0px;}

}

@media (max-width:767px){

    .probox .proboxitem:nth-child(2n+2) .proboxitemtit{background:#f0f0f0;padding: 25px 15px 0px 15px;}
	.newlistultop li .newlistultopPic img{height:auto!important;}

}

@media (min-width:768px){

    .probox .proboxitem{padding-top:30px;}

    .probox .proboxitem{padding-top:30px;}

    .probox .proboxitem .proboxitemtit{padding-bottom:20px;}

    .probox .proboxitem .proboxitemtit h3{border:2px solid #c3c3c3;width: 230px;font-size:20px;text-align:center;margin: 0 auto 20px;padding: 12px 0px 0px 0px;}

    .probox .proboxitem .proboxitemtit h3 span{float:none;color:#ff8f00;display:block;text-align:center;padding-top: 10px;background: #fff;margin: 0px 20px -10px 20px;font-size: 14px;}

    .probox .proboxitem .proboxitemtit h3 font{display:inline-block;background: url(/img/dot02.png) no-repeat right center;padding-right: 15px;margin-right: 7px;}    

    .probox .proboxitem .proboxitemtit h3 a{ color:#ff8f00;}

    .probox .proboxitem .proboxitemtit h3 a:hover{color:#ff2222;}

    .probox .proboxitem .proboxitemtit p{font-size:14px;display:block;}

    .probox .proboxitem .proboxitemtit p a{padding:0px 8px; display: inline-block;}

    .probox .proboxitem .proboxitembg{padding-top: 25px;padding-bottom: 15px;}

    .probox .proboxitem .proboxitembom{padding-left: 0px;padding-right: 0px;}

    .probox .proboxitem .proboxitembom ul{padding:0px;margin-left:-20px;}

    .probox .proboxitem .proboxitembom ul li{padding:0px;margin-left:20px;width: 172px;padding:0px;border:0px;}

    .probox .proboxitem .proboxitembom ul li .proboxtit{background: none;}

}

@media (min-width:992px){

    .probox .proboxitem{padding-top:40px;}

    .probox .proboxitem{padding-top:45px;}

    .probox .proboxitem .proboxitemtit h3{font-size:24px;padding-bottom:15px;width: 260px;}

    .probox .proboxitem .proboxitemtit h3 span{font-size:16px; margin-bottom:-25px;}

    .probox .proboxitem .proboxitembg{padding-top: 35px; padding-bottom: 20px;}

    .probox .proboxitem .proboxitembom ul{margin-left:-35px;}

    .probox .proboxitem .proboxitembom ul li{margin-left:35px;width: 216px; overflow:hidden;transition:all .3s ease;}

    .probox .proboxitem .proboxitembom ul li .proboxtit a{font-size:16px; line-height:24px; padding:13px 10px;}

    .probox .proboxitem .proboxitembom ul li .proboxpic{position:relative;display: block;}

    .probox .proboxitem .proboxitembom ul li .proboxpic 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);}

    .probox .proboxitem .proboxitembom ul li:hover .proboxpic i{transition:all .3s ease;left:100%}

    .probox .proboxitem .proboxitembom ul li:hover{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)}

    .probox .proboxitem .proboxitembom ul li:hover .proboxtit a{background:#fff; color:#ff5a00;}

}

@media (min-width:1200px){    

    .probox{padding-bottom:60px;}

    .probox .proboxitem{padding-top:60px;}

    .probox .proboxitem .proboxitemtit{padding-bottom:30px;}

    .probox .proboxitem .proboxitemtit h3{font-size:30px; padding-bottom:18px;width:300px;}

    .probox .proboxitem .proboxitemtit h3 span{font-size:16px; margin-bottom:-25px;}

    .probox .proboxitem .proboxitembg{padding-top:50px; padding-bottom:30px;}

    .probox .proboxitem .proboxitembom ul{margin-left:-50px;}

    .probox .proboxitem .proboxitembom ul li{margin-left:50px;width: 262px;}

}

/*=======================产品综合页 end===================*/

/*=========================产品列表页 start=============================*/

.ProductListTop{background:#fff;margin-top:20px;margin-bottom:20px;padding: 0px 15px;}

.ProductListTop li{float:left;width: 20%;padding: 5px 0px;}

.ProductListTop li a{display:block; text-align:center; padding:10px 0px;}

.ProductListTop li span.ProductListTopTit{clear:both;text-align:center;display:block;font-size: 12px;}

.ProductListTop li span.ProductListTopPic{width: 40px;height: 40px;margin:0 auto;border-radius:50%;overflow:hidden;padding: 1px 3px 0px 3px;}

.ProductListTop li:nth-child(1) span.ProductListTopPic{background:#3dbb79;}

.ProductListTop li:nth-child(2) span.ProductListTopPic{background:#ff4a00;}

.ProductListTop li:nth-child(3) span.ProductListTopPic{background:#ff9502;}

.ProductListTop li:nth-child(4) span.ProductListTopPic{background:#9C27B0;}

.ProductListTop li:nth-child(5) span.ProductListTopPic{background:#00BCD4;}

.ProductListTop li:nth-child(6) span.ProductListTopPic{background:#2196F3;}

.ProductListTop li a em{display:none;}

@media (max-width:767px){

  .ProductListTop li span.ProductListTopPic{display:flex;align-items: center;justify-content: center;}

  #active{background: #eee;}

}

@media (min-width:480px){

    .ProductListTop li{width: 20%;padding:0px 0px;}

}

@media (min-width:768px){

    .ProductListTop{margin-top:30px; padding:0px;}

    .ProductListTop{background: #f0f0f0;}

    .ProductListTop li span.ProductListTopPic{background:none !important;padding: 0px 0px 10px 0px;width: 70px;height:auto;display: block;border-radius: 0px;}

    .ProductListTop li span.ProductListTopPic img{width:100%;}

    .ProductListTop li span.ProductListTopTit{color: #1a1a1a;font-size:14px;font-weight: bold;}

    .ProductListTop li a{padding:20px 0px; overflow: hidden; position: relative; transition:all .3s;}

    .ProductListTop li a em{position: absolute;right: 0px;bottom: -25px;font-size: 60px;font-weight: bold;font-style: normal;color: #505050;line-height: 60px;display:none;}

    .ProductListTop li:hover a,#active{background: #ff5a00;transition:all .3s; border-top-left-radius:10px; border-top-right-radius:10px;}

    .ProductListTop li:hover a span.ProductListTopTit,#active  span.ProductListTopTit{color:#fff;}

}

@media (min-width:992px){

    .ProductListTop{margin-top:40px;}

    .ProductListTop li span.ProductListTopTit{font-size:16px}

    .ProductListTop li span.ProductListTopPic{width: 85px;}

}

@media (min-width:1200px){

    .ProductListTop li span.ProductListTopTit{font-size:18px}

    .ProductListTop li span.ProductListTopPic{width: 107px;}

}

.ProListBom{clear:both;padding:0px 15px 20px 15px;}

.ProListBom li{padding:15px 0px; border-bottom:1px dashed #eee}

.ProListBom li:nth-child(1){padding-top:0px;}

.ProListBom li:last-child{border-bottom:0px;}

.ProListBom li .ProListBompic i{display:none;}

.ProListBom li .ProListBompic img{width:100%;}

.ProListBom li .ProListBombox a{font-size:14px; line-height:16px; display:block; margin-bottom:10px;}

.ProListBom li .ProListBombox p{font-size:12px;color:#999;line-height:16px;height:16px;overflow:hidden;}

@media (min-width:320px){

    .ProListBom li .ProListBombox p{display:block; height:40px; line-height:20px; }

}

@media (max-width:499px){

    .ProListBom li{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

    .ProListBom li .ProListBompic{display:inline-block;width: 120px;}

    .ProListBom li .ProListBombox{-webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex: 1; width: 0; padding-left:10px;}

}

@media (min-width:500px){

    .ProListBom{padding:0px 10px;}

    .ProListBom li{float:left; width:50%; border:0px; padding:0px 5px;}

    .ProListBom li .ProListBompic{clear:both; width:100%; text-align:center; display:block;}

    .ProListBom li .ProListBombox p{display:none;}

    .ProListBom li .ProListBombox a{text-align:center;padding:10px;margin-bottom: 0px;}

}

@media (min-width:768px){

    .ProListBom{margin-left:-20px;padding-left: 0px;padding-right: 0px;}

    .ProListBom li{float:left;width:172px;margin-left:20px;padding:0px;border:0px;margin-bottom: 20px;}

    .ProListBom li .ProListBombox{background: none;}

}

@media (min-width:992px){

    .ProListBom li{margin-bottom:20px; width:227px; overflow:hidden;transition:all .3s ease;}

    .ProListBom li .ProListBombox a{font-size:16px; line-height:24px; padding:13px 10px;}

    .ProListBom li .ProListBompic{position:relative;display: block;}

    .ProListBom li .ProListBompic 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);}

    .ProListBom li:hover .ProListBompic i{transition:all .3s ease;left:100%}

    .ProListBom li:hover{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)}

}

@media (min-width:1200px){

    .ProListBom{padding-top: 40px; min-height: 400px;}

    .mobtwo{padding-bottom: 40px;}

    .ProListBom li{width:285px;}

    .ProListBompic img{width:270px!important;height:190px!important;}/*pyp添加，确保pc端产品列表正常显示*/

}

/*=========================产品列表页 end=============================*/

/*=========================内页翻页 start=============================*/

.TurnPage{width: 100%;padding: 20px 0px 10px 0px;border-top:1px solid #f0f0f0;overflow: hidden;margin-top: 30px;}

.TurnPage p{float:left;width:100%;text-align: left;line-height: 24px;padding-bottom: 5px;font-size:14px;text-indent: 0px;}



@media (min-width:992px){

    .TurnPage p{font-size:14px;}

}

/*=========================内页翻页 end=============================*/

/*=======================侧边浮动 start===================*/

.floating_ck {position: fixed;right:10px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width:40px;z-index: 999999;}

.floating_ck .float_top,.floating_ck .float_dl dd.float_dlicon01,.floating_ck .float_dl dd.float_dlicon02,.floating_ck .float_dl dd.float_dlicon03{display:none;}

.floating_ck .float_dl dd.return a{border-radius:50%;background:#fff;transition:all 0.3s;width: 40px;height: 40px;border: 1px solid #f0f0f0;padding: 5px 10px 0px 10px;display: block;}

.floating_ck .float_dl dd.return a:nth-child(1){display:none;}

.floating_ck .float_dl dd.return a:hover{background:#f0f0f0;transition:all 0.3s;}

.floating_ck #mtop{}

.floating_ck #mtop a{width:40px;border-radius:50%; overflow:hidden; height:40px; display:block; margin-bottom:10px;}

.floating_ck #mtop a:nth-child(1){background:#ff9c11;border:0px; margin-bottom:10px;padding:6px 8px 0px 8px; display:block;}

@media(max-width:767px){

    .floating_ck .float_dl dd.return a:nth-child(1){background:#ff9c11;border:0px; margin-bottom:10px;padding:5px 8px 0px 8px; display:block;}

}

@media(min-width:768px){

    .floating_ck{width: 86px;}

    .floating_ck .float_top,.floating_ck .float_dl dd.float_dlicon01,.floating_ck .float_dl dd.float_dlicon02,.floating_ck .float_dl dd.float_dlicon03{display:block;}

    .floating_ck .float_top{position:relative;width: 86px;height: 111px;}

    .floating_ck .float_top a{clear:both; display:block; position: absolute;top: 0;left: 0; animation: myfirst 2s infinite;-moz-animation: myfirst 2s infinite;-webkit-animation: myfirst 2s infinite; -o-animation: myfirst 2s infinite;}

    .floating_ck .float_dl{clear:both; background:#fff; box-shadow:0px 0px 3px rgba(0,0,0,0.3); border-radius:5px; width:60px; margin:10px auto 0px;}

    .floating_ck .float_dl dd{position:relative;}

    .floating_ck .float_dl dd>a{clear:both;display:block;z-index:1;position:relative;background:#fff;overflow: hidden; cursor: pointer;}

    .floating_ck .float_dl dd>a .float_dlpic{clear:both;margin: 0px 10px;text-align:center;display:block;border-bottom:1px solid #ccc;padding: 5px 0px;}

    .floating_ck .float_dl dd>a .float_dlpic em{clear:both; text-align:center; display:block;}

    .floating_ck .float_dl dd .float_dltit{position:absolute;transition:all 0.3s;left:0%;top:-100%;width:100%;height:100%;font-size:14px;padding: 8px 10px 0px 10px;background:#ff6206;color:#fff;text-align: center;}

    .floating_ck .float_dl dd:hover .float_dltit{transition:all 0.3s;top:0px;}

    .floating_ck .float_dl dd .float_item{transition:all 0.5s;position:absolute;width: 0px;z-index:0;right: 62px;top: -20px;overflow: hidden;}

    .floating_ck .float_dl dd .float_item i{position:absolute;right: -8px;top: 20px;border: 0px;display: block;width: 16px;height: 16px;z-index: 10;background: #fff;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.05);box-shadow: 2px 2px 3px rgba(0,0,0,0.05);}

    .floating_ck .float_dl dd .float_item .float_box{border-top:5px solid #ff6206;border-radius:5px;background:#fff;width: 160px;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);margin: 5px 10px 5px 5px;padding: 10px;position: relative;}

    .floating_ck .float_dl dd .float_item .float_boxtit{font-size:16px;}

    .floating_ck .float_dl dd .float_item .float_boxtxt{font-size:14px;}

    .floating_ck .float_dl dd:hover .float_item{width:180px;}

    .floating_ck .float_dl dd.float_dlicon01 .float_item .float_boxtit{background: url(/img/kf_icon01.png) no-repeat left center; background-size:20px; padding-left: 25px;}

    .floating_ck .float_dl dd.float_dlicon02 .float_item .float_boxtit{background: url(/img/kf_icon02.png) no-repeat left center; background-size:20px; padding-left: 25px;}

    .floating_ck .float_dl dd.float_dlicon03 .float_item .float_boxtit{background: url(/img/kf_icon03.png) no-repeat left center; background-size:18px; padding-left: 25px;}

    /**/

    .floating_ck .float_dl dd.return a{padding: 12px 0px 15px 0px;text-align: center;cursor:pointer;transition:all 0.3s;border: 0px;width: 100%;height: auto;border-radius: 0;}

    .floating_ck .float_dl dd.return a:hover{background:#f0f0f0;transition:all 0.3s;}

    @keyframes myfirst{0%{top:0}50%{top:-10px}100%{top:0}}

    @-moz-keyframes myfirst{0%{top:0}50%{top:-10px}100%{top:0}}

    @-webkit-keyframes myfirst{0%{top:0}50%{top:-10px}100%{top:0}}

    @-o-keyframes myfirst{0%{top:0}50%{top:-10px}100%{top:0}}

}

/*=========================侧边浮动 end=============================*/







/******************************页码**********************************/
.pager {clear: both; padding: 20px 0px; text-align: center; display: block; border-radius: 4px; line-height: 18px; margin-left:30%; height:50px;}
.pager li{float: left;padding: 5px 10px;border: 1px solid #ccc; margin-right:10px;}
.pager .thisclass{ background-color:#ff7800; color:#fff;border: 1px solid #ff7800;}
.pager select{border:0px;}
.pagination{ display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}  

.pagination li{float: left; margin-left:-1px;border: 1px solid #ddd;}

.pagination li:nth-child(1){border-top-left-radius:3px;border-bottom-left-radius:3px;}

.pagination li:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;}

.pagination li a{color:#666;}

.pagination li a,.pagination li span{ padding:5px 13px; display:block;}

.pagination li:hover{position:relative; z-index:1;color:#fff; background:#ffebcd; border-color:#ffebcd; color:#925203;}

.pagination li.disabled:hover,.pagination li.disable:hover,.pagination li.disabled,.pagination li.disable{text-decoration: none;background:#f5f5f5; color:#999; border-color:#ddd;}

.pagination li.active{position:relative; z-index:2;border-color:#ff9b00;background: #ff9b00; color:#fff;}

/******************************页码**********************************/

.insideprofour a[name],.insideprofive a[name]{display: block;}

/*2018/7/4*/

.cp-zx{width: 1200px;height: 75px;}

.cp-zx p{width: 820px;height: 100%;background: url("/img/sjbg.png") right center #ba1718 no-repeat;float: left;font-size: 16px;color: #fff;line-height: 24px;

    padding: 12px 50px 12px 12px;}

.cp-zx p a{color: #ffa000;font-weight: bold;}

.cp-zx .tel{width: 380px;height: 100%;background: #ffcc75;display: block;float: left;font-size: 26px;color: #000000;

    line-height: 75px;text-align: center;font-weight: bold;}

.tit{width: 100%;overflow: hidden;}

.tit .relInforNewtit{float: left;}

.tit .relmore{float: right;clear: none;}

.tit .relmore a{margin: 0;}

/*2018/7/4*/

/*2018/7/7*/

.message{padding: 30px 0;}

.message .relInforNewtit{clear: both;font-weight: bold;}

.message .msg-qy{width: 100%;background: url("/img/msg-bg.jpg") center no-repeat;padding: 25px 0;background-size: cover;overflow: hidden;}

.msg-qy .right{width: 420px;background: #fff;padding: 0 20px;float: right;margin-right: 40px;border-radius: 5px;-webkit-box-shadow: #e5e3e3 0px 0px 10px;

    -moz-box-shadow: #e5e3e3 0px 0px 15px;box-shadow: #e5e3e3 0px 0px 15px;}

.msg-qy h3{font-size: 26px;color: #000000;font-weight: bold;padding-top: 30px;}

.msg-qy p{color: #555555;line-height: 24px;margin: 20px 0;}

.msg-qy p:after{content: "";display: block;width: 35px;height: 0;overflow: hidden;

    border-color: #ffba00;border-style: solid;border-width: 2px;margin-top: 3px;}

.msg-qy input,.msg-qy textarea{width: 100%;height: 40px;background: #fafafa;border: 1px solid #f3f3ff;margin: 5px 0;padding-left: 10px;

	font-family: initial;padding-left: 25px;}

.msg-qy #lianxi{background: url("/img/bt.png") left 10px center no-repeat #fafafa;background-size: 8px;}

.msg-qy textarea{height: 100px;padding-top: 10px;}

.msg-qy .btn{background: url("/img/tjbg.png") right 145px center  no-repeat #ffba00;border: none;border-radius: 20px;font-size: 16px;

    margin: 15px 0 20px 0;padding-right: 30px;cursor: pointer;}

/*2018/7/7*/

.msg-qy p a{display:inline-block;}

.msg-qy p a span{float:left;position: relative; line-height:1;}

.msg-qy p a span:nth-child(1){-webkit-animation:jump 1s linear 0s infinite alternate;}

.msg-qy p a span:nth-child(2){-webkit-animation:jump 1s linear 0.1s infinite alternate;}

.msg-qy p a span:nth-child(3){-webkit-animation:jump 1s linear 0.2s infinite alternate;}

.msg-qy p a span:nth-child(4){-webkit-animation:jump 1s linear 0.3s infinite alternate;}

.msg-qy p a span:nth-child(5){-webkit-animation:jump 1s linear 0.4s infinite alternate;} 

.msg-qy p a span:nth-child(6){-webkit-animation:jump 1s linear 0.5s infinite alternate;}

.msg-qy p a span:nth-child(7){-webkit-animation:jump 1s linear 0.6s infinite alternate;}

.msg-qy p a span:nth-child(8){-webkit-animation:jump 1s linear 0.7s infinite alternate;}

.msg-qy p a span:nth-child(9){-webkit-animation:jump 1s linear 0.8s infinite alternate;}

.msg-qy p a span:nth-child(10){-webkit-animation:jump 1s linear 0.9s infinite alternate;} 

.msg-qy p a span:nth-child(11){-webkit-animation:jump 1s linear 1s infinite alternate;}

.msg-qy p a span:nth-child(12){-webkit-animation:jump 1s linear 1.1s infinite alternate;}

.msg-qy p a span:nth-child(13){-webkit-animation:jump 1s linear 1.2s infinite alternate;}

@-webkit-keyframes jump  

{  

    0%{  

        top:0px;  

        color:#ff4a00;  

    }  

    50%{  

        top:-2px;  

        color:#9C27B0;  

    }  

    100%{  

        top:2px;  

        color:blue;  

    }  

}
@media (max-width:400px){
iframe{ width: 100%!important;height: auto!important;margin-bottom: 10px; }
.msg-qy .right{  width: 100%;margin-right: 0px; }

}
@media (max-width:992px){
.pager{ margin-left:0px;}
}
@media (max-width:770px){
.pager{ padding-left:1%; padding-right:1%;}
}
@media (max-width:550px){
.pager{ margin-left:0px; height:100px;}
.pager li{ margin-bottom:15px;}
}