@charset "utf-8";
.home-top-grid1{background: #f7ba00; transition: 0.5s all;}
.home-top-grid2{background: #f7ba00; transition: 0.5s all;}
.home-top-grid3{background: #f7ba00; transition: 0.5s all;}
@font-face{font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); /* IE9*/ src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */}
.iconfont{font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
body{min-width: 310px; word-wrap: break-word; word-break: break-all;}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
b,
span,
em,
li,
a,
i,
input,
textarea{/*font-family: Arial, "微软雅黑", "microsoft yahei", serif;*/ margin: 0; padding: 0;}
.iconfont{font-family: 'iconfont';}
.tHide{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.blockFull{display: block; width: 100%; height: 100%; position: relative;}
.relative{position: relative;}
a{color: #666;}
a:hover{color: #f7ba00; text-decoration: none;}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li{margin: 0; padding: 0;}
img{border: 0;}
/*翻页*/
.fanye{text-align: center;min-height: 0;line-height: 0;}
.fanye.a_center{text-align: center;}
.nai_page{display: inline-block;padding: 30px 0;}
.nai_page a{color: #FFFFFF;background-color: #666;border: 1px solid #666;font-size: 10px;padding: 5px;float: left;line-height: 1em; margin-right:5px;}
.nai_page a:hover,.nai_page a:active{color: #FFFFFF;background-color: #D43A3A;border: 1px solid #D43A3A;}
.nai_page span.current{color: #FFFFFF;background-color: #D43A3A;border: 1px solid #D43A3A;font-size: 10px;line-height: 1em;padding:5px;;float: left;margin-right:5px;}
.nai_page span.disabled{padding: 5px;color: #fff;background-color: #666;border: 1px solid #666;font-size: 10px;float: left;line-height: 1em;margin-right:5px;}
.nai_page span.disabled.disablede_if{border-left-width: 0px;}
.nai_page span.disabled.disablede_end{border-left-width: 0px;}
.nai_page span.d2d{padding: 8px 5px;color: #666666;font-size: 10px;border-right:1px solid #E5E5E5;float: left;line-height: 1em;}
.nai_page span.d3d{padding: 1px 4px;background-color: #FFFFFF;border: 1px solid #E5E5E5;float: left;}
.aa{position: absolute; display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; text-align: center; background: rgba(0, 0, 0, .5); color: #fff; bottom: 0; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out;}
/*map start*/
.w1004{max-width: 1260px; margin: 20px auto; border: solid 2px #cfcfcf; border-radius: 5px; padding: 20px; background: #fff;}
.w1004 .map{margin: 0 auto;}
.w1004 .map a{text-decoration: none;}
.w1004 .map dl{margin: 20px 0 20px 0; overflow: hidden; line-height: 30px;}
.w1004 .map dl:hover{background: #faf5f5;}
.w1004 .map dl:hover dt a{color: #e0e9f3; font-weight: bold;}
.w1004 .map dl dt{font-size: 14px; float: left; width: 10%; text-align: center; background: #e04728;}
.w1004 .map dl dt:hover{background: #ae0019;}
.w1004 .map dl dt a{color: #fff; display: block;}
.w1004 .map dl dt a:hover{color: #e0e9f3; font-weight: bold;}
.w1004 .map dl dd{font-size: 12px; overflow: hidden; float: left; width: 85%;}
.w1004 .map dl dd .p2{padding: 0 0 0 20px; clear: both;}
.w1004 .map dl dd .p2 a{color: #b87500; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.w1004 .map dl dd .p2 a:hover{color: #e04728;}
.w1004 .map dl dd div{clear: both; overflow: hidden; padding: 0 20px 0 10px;}
.w1004 .map dl dd div a{color: #333; float: left; padding: 0 10px 0 10px;}
.w1004 .map dl dd div a:hover{background: #e04728; color: #fff;}
/*map end*/
/*tijitao*/
.tijiao{text-align: center;}
.tijiao a:hover{color: #000;}
.top-wrap{width: 100%; height: 75px;}
.top-wrap .top{max-width: 1204px; width: 95%; margin: 0 auto;}
.top-wrap .top a.logo{float: left; display: block; margin-top: 13px; width: 150px; height: 50px; position: relative;}
.top-wrap .top .top-right{float: right; height:71px; position: relative; z-index: 99;}
.top-wrap .top .top-right ul{}
.top-wrap .top .top-right ul li{line-height: 65px; font-size: 15px; color: #2d2d2d; display: inline-block; vertical-align: top; margin: 0 20px; position: relative;}
.top-wrap .top .top-right ul li a.nava{line-height: 65px; font-size: 15px; color: #2d2d2d;}
.top-wrap .top .top-right ul li .navv{display: none; position: absolute; padding: 10px 0; width: 120px; top: 64px; left: -30px; background-color: #ffffff; z-index: 999;}
.top-wrap .top .top-right ul li .navv a{display: block; line-height: 24px; font-size: 13px; color: #2d2d2d; height: 24px; text-align: center; overflow: hidden;}
.top-wrap .top .top-right ul li .navv a:hover{color: #ffffff; background-color: #ed5637;}
.top-wrap .top .top-right ul li:hover a.nava{color: #ed5637;}
.top-wrap .top .top-right ul li a.active{color: #ed5637;}
@media (max-width: 960px){.top-wrap .top .top-right ul{display: none;}}
.top-wrap .top .top-right a.phone-nav{display: none; float: left; margin: 28px 20px 0 20px;}
.top-wrap .top .top-right a.phone-nav span{font-size: 25px; color: #2d2d2d;}
@media (max-width: 960px){.top-wrap .top .top-right a.phone-nav{display: block;}}
.top-wrap .top .top-right a.zhong{display: block; float: left; width: 34px; height: 20px; line-height: 20px; font-size: 12px; text-align: center; margin: 32px 10px 0 3px; color: #ffffff; background-color: #ed5637;}
.top-wrap .top .top-right a.eng{display: block; float: left; height: 20px; line-height: 20px; font-size: 12px; color: #000000;
    /* margin-top: 32px;*/ margin: 32px 10px 0 3px;}
.top-wrap .top .top-right a.eng:hover{color: #ed5637;}
.index-banner{width: 100%; text-align: center;}
.index-banner a img{max-width: 100%; max-height: 100%; margin: 0 auto;}
.index-banner .slick-dots{width: 100%; bottom: 5px;}
.index-banner .slick-dots:after{content: ""; width: 100%; height: 1px; background-color: #ffffff; opacity: 0.2; position: absolute; z-index: 6; margin: auto; left: 0; top: 0; bottom: 0;}
.index-banner .slick-dots li{z-index: 8; margin: 0 4px;}
.index-banner .slick-dots li button{width: 12px; height: 12px;}
.index-banner .slick-dots li:after{content: ""; display: block; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; width: 12px; height: 12px; border: 1px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 1; z-index: -1;}
.index-banner .slick-dots li:hover:after{-webkit-animation: bannerdot .6s both; -o-animation: bannerdot .6s both; animation: bannerdot .6s both;}
.index-banner .slick-dots li.slick-active button{background-color: #ed5637;}
.index-banner .slick-dots li.slick-active:after{border: 1px solid #ed5637;}
@media (max-width: 768px){.index-banner .slick-dots:after{display: none;}}
.index-product-wrap{width: 100%;}
.index-product-wrap .index-product{max-width: 1204px; width: 95%; margin: 0 auto; padding: 3% 0 3% 0;}
.index-product-wrap .index-product .index-product-left{}
.index-product-wrap .index-product .index-product-left i{font-size: 13px; font-family: "微软雅黑", serif; color: #6b6b6b; height: 16px; line-height: 16px; overflow: hidden; display: block;margin-bottom: 10px;}
.index-product-wrap .index-product .index-product-left b{font-size: 48px; font-family: "黑体", serif; color: #000000;word-break: break-all; line-height: 52px; overflow: hidden; width: 95%; max-width: 300px; margin-top: 10px;text-align: justify;}
.index-product-wrap .index-product .index-product-left p{display: block; font-size: 13px; font-family: "微软雅黑", serif; color: #6a6a6a; line-height: 24px; overflow: hidden; margin: 30px 0 0 0; position: relative;}
.index-product-wrap .index-product .index-product-left p:after{content: ""; position: absolute; display: block; width: 34px; height: 1px; background-color: #e04728; top: 0; left: 0;}
.index-product-wrap .index-product .index-product-left a{display: block; width: 174px; height: 50px; margin-top: 40px; background-color: #e04728; position: relative; text-align: center; z-index: 2; color: #ffffff;}
.index-product-wrap .index-product .index-product-left a:before,
.index-product-wrap .index-product .index-product-left a:after{z-index: 5;}
.index-product-wrap .index-product .index-product-left a:before,
.index-product-wrap .index-product .index-product-left a:after,
.index-product-wrap .index-product .index-product-left a span:before,
.index-product-wrap .index-product .index-product-left a span:after{content: ""; display: block; position: absolute; width: 0; height: 50px; background-color: #dd9687; top: 0; left: 0; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0.5;}
.index-product-wrap .index-product .index-product-left a:after,
.index-product-wrap .index-product .index-product-left a span:before{left: auto; right: 0;}
.index-product-wrap .index-product .index-product-left a span:after,
.index-product-wrap .index-product .index-product-left a span:before{-webkit-transition-delay: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; z-index: -1; background-color: #e04728;}
.index-product-wrap .index-product .index-product-left a span{line-height: 50px; text-align: center; font-family: "微软雅黑", serif; color: #ffffff; font-size: 15px; position: relative; width: 174px; display: block; z-index: 8;}
.index-product-wrap .index-product .index-product-left a:hover:before,
.index-product-wrap .index-product .index-product-left a:hover:after,
.index-product-wrap .index-product .index-product-left a:hover span:before,
.index-product-wrap .index-product .index-product-left a:hover span:after{width: 174px;}
.index-product-wrap .index-product .index-product-left a:active{background: #e04728;}
.index-product-wrap .index-product .index-product-right{}
.index-product-wrap .index-product .index-product-right a{display: block; width: 48.10126582%; height: 150px; position: relative; border: 1px solid #c6c6c6; float: left; margin-bottom: 3.79746835%;}
.index-product-wrap .index-product .index-product-right a:after{content: ""; position: absolute; display: block; width: 100%; height: 0; padding-bottom: 53.57142857%;}
.index-product-wrap .index-product .index-product-right a .in-pro-img{width: 26.31578947%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0;}
.index-product-wrap .index-product .index-product-right a .in-pro-img:after{content: ""; display: block; position: absolute; width: 100%; padding-bottom: 109.85915493%;}
.index-product-wrap .index-product .index-product-right a .in-pro-wen{width: 64.47368421%; position: absolute; top: 12.24489796%; right: 5.26315789%;}
.index-product-wrap .index-product .index-product-right a .in-pro-wen b{font-size: 20px; font-weight: 100; color: #151515; display: block; line-height: 24px; height: 24px; overflow: hidden; font-family: "微软雅黑", serif;}
.index-product-wrap .index-product .index-product-right a .in-pro-wen p{margin: 4.08163265% 0 0 0; font-size: 12px; font-weight: 100; color: #6b6b6b; display: block; line-height: 24px; height: 72px; overflow: hidden;}
.index-product-wrap .index-product .index-product-right a:hover{border: 1px solid #e04728;}
.index-product-wrap .index-product .index-product-right a.ppro{margin-right: 3.79746835%;}
@media (max-width: 1200px){.index-product-wrap .index-product .index-product-left{width: 100%; float: none;} .index-product-wrap .index-product .index-product-left b{font-size: 40px;} .index-product-wrap .index-product .index-product-right{width: 100%; float: none; margin-top: 6%;}}
@media (max-width: 640px){p img{width:100%;height:100%} .index-product-wrap .index-product .index-product-left{width: 100%; float: none;} .index-product-wrap .index-product .index-product-left b{font-size: 28px; max-width: 100%; height: auto; line-height: 35px;} .index-product-wrap .index-product .index-product-right a{width: 100%;} .index-product-wrap .index-product .index-product-right a.ppro{margin-right: 0;}}
@keyframes bannerdot{0%{opacity: 1; width: 12px; height: 12px;} 50%{opacity: 0.5; width: 16px; height: 16px; left: -2px;} 100%{opacity: 0; width: 20px; height: 20px; left: -4px;}}
@-moz-keyframes bannerdot{/* Firefox */ 0%{opacity: 1; width: 12px; height: 12px;} 50%{opacity: 0.5; width: 16px; height: 16px; left: -2px;} 100%{opacity: 0; width: 20px; height: 20px; left: -4px;}}
@-webkit-keyframes bannerdot{/* Safari and Chrome */ 0%{opacity: 1; width: 12px; height: 12px;} 50%{opacity: 0.5; width: 16px; height: 16px; left: -2px;} 100%{opacity: 0; width: 20px; height: 20px; left: -4px;}}
@-o-keyframes bannerdot{/* Opera */ 0%{opacity: 1; width: 12px; height: 12px;} 50%{opacity: 0.5; width: 16px; height: 16px; left: -2px;} 100%{opacity: 0; width: 20px; height: 20px; left: -4px;}}
.index-about-wrap{width: 100%; overflow: hidden;}
.index-about-wrap .index-about{width: 100%;}
.index-about-wrap .index-about .index-about-left{width: 45%; position: relative; float: left; margin-left:5%;}
.index-about-wrap .index-about .index-about-left:after{content: ""; display: block; position: relative; width: 100%; padding-bottom: 69.88564168%; top: 0; left: 0;}
@media (max-width: 880px){.index-about-wrap .index-about .index-about-left{width: 100%; margin-left:0;}}
.index-about-wrap .index-about .index-about-right{width: 50%; position: relative; /*border-top: 1px solid #dadada;*/ /*border-bottom: 1px solid #dadada;*/ float: left; -webkit-background-size: 100%; background-size: 100%;}
.index-about-wrap .index-about .index-about-right .index-about-right-in{width: 100%; max-width: 600px; padding: 12.300123% 0 0 9.8400984%; position: absolute; top: 0; left: 0; line-height:26px;}
.index-about-wrap .index-about .index-about-right .index-about-right-in b{font-size: 36px; color: #373737; font-family: "Impact", serif; display: block;}
@media (max-width: 768px){.index-about-wrap .index-about .index-about-right .index-about-right-in b{font-size: 26px;}}
.index-about-wrap .index-about .index-about-right .index-about-right-in i{font-size: 18px; color: #373737; font-family: "微软雅黑", serif; display: inline-block; padding-bottom: 12px; border-bottom: 5px solid #e04728;}
@media (max-width: 768px){.index-about-wrap .index-about .index-about-right .index-about-right-in i{font-size: 16px;}}
.index-about-wrap .index-about .index-about-right .index-about-right-in p{display: block; font-size: 13px; font-family: "微软雅黑", serif; color: #373737; line-height: 26px; max-height: 258px; overflow: hidden; margin-top: 3.07503075%;}
.index-about-wrap .index-about .index-about-right .index-about-right-in a{display: block; width: 150px; height: 34px; line-height: 34px; border: 1px solid #c6c6c6; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #7b7b7b; font-size: 13px; font-family: "微软雅黑", serif; margin-top: 11.9047619%; position: relative; overflow: hidden;}
.index-about-wrap .index-about .index-about-right .index-about-right-in a span{position: relative; z-index: 1; color: #7b7b7b; font-size: 13px; font-family: "微软雅黑", serif; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; -o-transition: .8s; transition: .8s;}
.index-about-wrap .index-about .index-about-right .index-about-right-in a:hover{background: #e04728;}
.index-about-wrap .index-about .index-about-right .index-about-right-in a:before,
.index-about-wrap .index-about .index-about-right .index-about-right-in a:after{position: absolute; top: 50%; content: ''; width: 20px; height: 20px; background: #e04728; border-radius: 50%; z-index: 0;}
.index-about-wrap .index-about .index-about-right .index-about-right-in a:before{left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* animation: criss-cross-left 0.8s reverse; */}
.index-about-wrap .index-about .index-about-right .index-about-right-in a:after{right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); /* animation: criss-cross-right 0.8s reverse; */}
.index-about-wrap .index-about .index-about-right .index-about-right-in a:hover span{color: #fff;}
.index-about-wrap .index-about .index-about-right .index-about-right-in a:hover:before{-webkit-animation: criss-cross-left 0.6s both; animation: criss-cross-left 0.6s both;}
.index-about-wrap .index-about .index-about-right .index-about-right-in a:hover:after{-webkit-animation: criss-cross-right 0.6s both; animation: criss-cross-right 0.6s both;}
@media (max-width: 768px){.index-about-wrap .index-about .index-about-right .index-about-right-in a{overflow: visible;} .index-about-wrap .index-about .index-about-right .index-about-right-in a span{-webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s;} .index-about-wrap .index-about .index-about-right .index-about-right-in a:before, .index-about-wrap .index-about .index-about-right .index-about-right-in a:after, .index-about-wrap .index-about .index-about-right .index-about-right-in a span:after, .index-about-wrap .index-about .index-about-right .index-about-right-in a span:before{display: none;} .index-about-wrap .index-about .index-about-right .index-about-right-in a:hover span{color: #7b7b7b;}}
.module .chonxin_img img{width:100%;}
@media (max-width: 1366px){.index-about-wrap .index-about .index-about-right .index-about-right-in{padding-top: 6.1500615%;}}
@media (max-width: 960px){.index-about-wrap .index-about .index-about-right .index-about-right-in a{margin-top: 6.34920635%;}}
@media (max-width: 880px){.index-about-wrap .index-about .index-about-right{width: 100%; margin-bottom: 58px;border-bottom: none;} .index-about-wrap .index-about .index-about-right .index-about-right-in{padding: 46px 8.52272727% 0 8.52272727%; width: 100%;} .index-about-wrap .index-about .index-about-right .index-about-right-in p{margin-top: 13px;} .index-about-wrap .index-about .index-about-right .index-about-right-in a{margin-top: 27px;}}
.index-about-wrap .slick-prev,
.index-about-wrap .slick-next{width: 58px; height: 58px; bottom: 0; border: 0; top: auto;}
.index-about-wrap .slick-prev{background: url("../images/about-left1.jpg") no-repeat center center; left: 49.1875%; margin-left: -58px;}
.index-about-wrap .slick-prev:hover{background: url("../images/about-left2.jpg") no-repeat center center;}
@media (max-width: 880px){.index-about-wrap .slick-prev{border: 1px solid #c6c6c6;} .index-about-wrap .slick-prev:hover{border: 1px solid #e04728;}}
.index-about-wrap .slick-next{background: url("../images/about-right.jpg") no-repeat center center; right: 50.8125%; margin-right: -58px;}
@media (max-width: 880px){.index-about-wrap .slick-next{border: 1px solid #e04728;}}
.index-case-wrap{width: 100%;}
.index-case-wrap .index-case{width: 95%; max-width: 1204px; margin: 0 auto; padding-top: 3%;}
.index-case-wrap .index-case a{width: 31.56146179%; position: relative; margin: 0 1.66112957% 1.66112957% 0; display: block; float: left; overflow: hidden;}
.index-case-wrap .index-case a:after{position: relative; content: ""; display: block; width: 100%; padding-bottom: 81.84210526%;}
.index-case-wrap .index-case a img{z-index: 0;}
.index-case-wrap .index-case a .index-case-xq{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: url(../images/index-case-bg.png) repeat; padding: 7.32064422% 11.71303075% 0 5.85651537%; display: none;}
.index-case-wrap .index-case a .index-case-xq i{font-size: 15px; color: #ffffff; display: block;}
.index-case-wrap .index-case a .index-case-xq em{font-size: 18px; color: #ffffff; display: block; margin-top: 6.5885798%; font-family: "微软雅黑", serif; line-height: 24px; height: 24px; overflow: hidden;}
.index-case-wrap .index-case a .index-case-xq p{font-size: 12px; color: #a5a5a5; display: block; margin-top: 4.13436693%; font-family: "微软雅黑", serif; line-height: 24px; height: 48px; overflow: hidden;}
.index-case-wrap .index-case a .index-case-xq b{width: 106px; height: 26px; font-size: 12px; color: #ffffff; display: block; margin-top: 6.45994832%; font-family: "Arial", serif; line-height: 26px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-align: center; background-color: #e04728; font-weight: 100;}
.index-case-wrap .index-case a.in-casebig1{width: 56.72757475%;}
.index-case-wrap .index-case a.in-casebig1:after{padding-bottom: 47.87701318%;}
.index-case-wrap .index-case a.in-casebig2{width: 41.5282392%;}
.index-case-wrap .index-case a.in-casebig2:after{padding-bottom: 65.4%;}
.index-case-wrap .index-case a.right{margin-right: 0;}
@media (max-width: 1000px){.index-case-wrap .index-case a .index-case-xq{padding: 3.66032211% 11.71303075% 0 5.85651537%;} .index-case-wrap .index-case a .index-case-xq em{margin-top: 3.66032211%;} .index-case-wrap .index-case a .index-case-xq p{margin-top: 2.06718346%;} .index-case-wrap .index-case a .index-case-xq b{margin-top: 2.58397933%;}}
@media (max-width: 700px){.index-case-wrap .index-case a{width: 100%; margin-right: 0;} .index-case-wrap .index-case a.in-casebig1{width: 100%;} .index-case-wrap .index-case a.in-casebig2{width: 100%;}}
.index-case-tit{text-align: center; margin-bottom: 10px;}
.index-case-tit b{font-size: 36px; display: block; color: #373737; text-align: center; font-family: "Impact", serif; font-weight: 400;}
@media (max-width: 768px){.index-case-tit b{font-size: 26px;}}
.index-case-tit i{font-size: 18px; display: inline-block; color: #373737; text-align: center; font-family: "微软雅黑", serif; line-height: 28px; padding-bottom: 15px; border-bottom: 4px solid #e04728;}
@media (max-width: 768px){.index-case-tit i{font-size: 16px;}}
.index-liu-wrap{width: 100%;}
.index-liu-wrap .index-liu{width: 95%; max-width: 1200px; margin: 0 auto; padding: 20px 0 50px 0;}
.index-liu-wrap .index-liu ul{margin-top: 2%;}
.index-liu-wrap .index-liu ul li{width: 21.66666667%; margin: 0 1.66666667%; text-align: center; float: left;}
.index-liu-wrap .index-liu ul li img{display: block; margin: 0 auto;}
@media (max-width: 768px){.index-liu-wrap .index-liu ul li img{height: 60px;}}
.index-liu-wrap .index-liu ul li i{display: block; font-size: 24px; color: #373737; font-family: "微软雅黑", serif; margin: 17.30769231% 0 9.61538462% 0;}
@media (max-width: 768px){.index-liu-wrap .index-liu ul li i{font-size: 22px;}}
.index-liu-wrap .index-liu ul li span{display: block; font-size: 12px; color: #7f7f7f; font-family: "微软雅黑", serif; line-height: 20px; height: 60px; overflow: hidden;}
.index-liu-wrap .index-liu a{display: block; width: 110px; height: 30px; line-height: 30px; margin: 2.25% auto 0 auto; border: 1px solid #c3c3c3; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 14px; color: #000000; text-align: center; z-index: 0; position: relative; overflow: hidden; -webkit-transition: 0.4s; transition: 0.4s;}
.index-liu-wrap .index-liu a:before,
.index-liu-wrap .index-liu a:after,
.index-liu-wrap .index-liu a span:before,
.index-liu-wrap .index-liu a span:after{content: ''; position: absolute; top: 0; left: 0; width: 110px; height: 0; background: rgba(224, 71, 40, 0.05); -webkit-transition: 0.4s; transition: 0.4s; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
@media (max-width: 768px){.index-liu-wrap .index-liu a:before, .index-liu-wrap .index-liu a:after, .index-liu-wrap .index-liu a span:before, .index-liu-wrap .index-liu a span:after{display: none;}}
.index-liu-wrap .index-liu a:before,
.index-liu-wrap .index-liu a:after{z-index: 2;}
.index-liu-wrap .index-liu a:after,
.index-liu-wrap .index-liu a span:before{top: auto; bottom: 0;}
.index-liu-wrap .index-liu a span{z-index: 3;}
.index-liu-wrap .index-liu a span:before,
.index-liu-wrap .index-liu a span:after{-webkit-transition-delay: 0.4s; transition-delay: 0.4s; z-index: -1; background: rgba(224, 71, 40, 0.5);}
.index-liu-wrap .index-liu a:hover{color: #ffffff;}
@media (max-width: 768px){.index-liu-wrap .index-liu a:hover{color: #000000;}}
.index-liu-wrap .index-liu a:hover:before,
.index-liu-wrap .index-liu a:hover:after,
.index-liu-wrap .index-liu a:hover span:before,
.index-liu-wrap .index-liu a:hover span:after{height: 30px;}
@media (max-width: 1200px){.index-liu-wrap .index-liu{padding: 7.08333333% 0 9.58333333% 0;}}
@media (min-width: 768px){@-webkit-keyframes criss-cross-left{0%{left: -20px;} 50%{left: 50%; width: 20px; height: 20px;} 100%{left: 50%; width: 375px; height: 375px;} } @keyframes criss-cross-left{0%{left: -20px;} 50%{left: 50%; width: 20px; height: 20px;} 100%{left: 50%; width: 375px; height: 375px;} } @-webkit-keyframes criss-cross-right{0%{right: -20px;} 50%{right: 50%; width: 20px; height: 20px;} 100%{right: 50%; width: 375px; height: 375px;} } @keyframes criss-cross-right{0%{right: -20px;} 50%{right: 50%; width: 20px; height: 20px;} 100%{right: 50%; width: 375px; height: 375px;} }}
.index-service-wrap{width: 100%; background-color: #ececec; padding: 20px 0 52px 0;}
@media (max-width: 1200px){.index-service-wrap{padding: 7.5% 0 9.16666667% 0;}}
.index-service-wrap .index-service{width: 95%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 2; padding-left: 80px;}
@media (max-width: 1200px){.index-service-wrap .index-service{padding-left: 6.66666667%;}}
@media (max-width: 768px){.index-service-wrap .index-service{padding-left: 0;}}
.index-service-wrap .index-service i.shupai{position: absolute; display: inline-block; transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* IE 9 */ -moz-transform: rotate(-90deg); /* Firefox */ -webkit-transform: rotate(-90deg); /* Safari 和 Chrome */ -o-transform: rotate(-90deg); /* Opera */ top: 125px; left: -80px;}
@media (max-width: 768px){.index-service-wrap .index-service i.shupai{display: none;}}
.index-service-wrap .index-service img.in-service-bg{position: absolute; z-index: 0; top: 0; right: -60px; width: 50%;}
@media (max-width: 1200px){.index-service-wrap .index-service img.in-service-bg{right: 0;}}
@media (max-width: 768px){.index-service-wrap .index-service img.in-service-bg{display: none;}}
.index-service-wrap .index-service .in-service{max-width: 480px; width: 95%; position: relative; z-index: 2;}
.index-service-wrap .index-service .in-service .index-service-tit{text-align: left;}
.index-service-wrap .index-service .in-service .index-service-tit b{text-align: left;}
.index-service-wrap .index-service .in-service .index-service-tit i{text-align: left;}
.index-service-wrap .index-service .in-service p{font-size: 13px; line-height: 24px; color: #4a4a4a; display: block; margin-top: 2.5%; height: 241px; overflow: hidden;}
.index-service-wrap .index-service .in-service a{display: block; width: 160px; height: 38px; line-height: 38px; border: 1px solid #bababa; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 14px; color: #4a4a4a; font-family: "微软雅黑", serif; text-align: center; margin-top: 50px; position: relative;}
.index-service-wrap .index-service .in-service a i{display: block; position: absolute; line-height: 38px; left: 107px; top: 0;}
.index-service-wrap .index-service .in-service a i.ii2{left: 114px;}
.index-service-wrap .index-service .in-service a:hover{border: 1px solid #e04728; color: #e04728;}
.index-service-wrap .index-service .in-service a:hover i.ii1{-webkit-animation: tr-ii1 2s infinite both; animation: tr-ii1 2s infinite both;}
.index-service-wrap .index-service .in-service a:hover i.ii2{-webkit-animation: tr-ii2 2s infinite both; animation: tr-ii2 2s infinite both;}
@media (min-width: 768px){@-webkit-keyframes tr-ii1{0%{left: 107px;} 50%{left: 111px;} 100%{left: 107px;} } @keyframes tr-ii1{0%{left: 107px;} 50%{left: 111px;} 100%{left: 107px;} } @-webkit-keyframes tr-ii1{0%{left: 107px;} 50%{left: 111px;} 100%{left: 107px;} } @keyframes tr-ii2{0%{left: 114px;} 50%{left: 122px;} 100%{left: 114px;} } @-webkit-keyframes tr-ii2{0%{left: 114px;} 50%{left: 122px;} 100%{left: 114px;} } @keyframes tr-ii2{0%{left: 114px;} 50%{left: 122px;} 100%{left: 114px;} } @-webkit-keyframes tr-ii2{0%{left: 114px;} 50%{left: 122px;} 100%{left: 114px;} } @keyframes tr-ii2{0%{left: 114px;} 50%{left: 122px;} 100%{left: 114px;} }}
.index-news-wrap{width: 100%; padding: 20px 0 25px 0;}
@media (max-width: 1200px){.index-news-wrap{padding: 6.66666667% 0 8.33333333% 0;}}
.index-news-wrap .index-news{width: 95%; margin: 0 auto; max-width: 1200px;}
.index-news-wrap .index-news .in-news{margin-top: 2%;}
.index-news-wrap .index-news .in-news a{display: block; height: 26px; border-bottom: 1px solid #e5e5e5; padding: 1.66666667% 0 2.08333333% 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.index-news-wrap .index-news .in-news a i{height: 26px; line-height: 26px; text-align: center; font-size: 12px; color: #ffffff; background-color: #191919; display: inline-block; float: left; padding: 0 14px;}
@media (max-width: 520px){.index-news-wrap .index-news .in-news a i{padding: 0 1px;}}
.index-news-wrap .index-news .in-news a span{display: block; float: left; margin-left: 2.33333333%; width: 50%; font-size: 13px; color: #373737; line-height: 26px; height: 26px; overflow: hidden;}
@media (max-width: 520px){.index-news-wrap .index-news .in-news a span{width: 40%;}}
@media (max-width: 360px){.index-news-wrap .index-news .in-news a span{width: 30%;}}
.index-news-wrap .index-news .in-news a em{display: block; float: right; margin-left: 2.33333333%; width: 70px; font-size: 12px; color: #969696; line-height: 26px; height: 26px; overflow: hidden; margin-right: 36px;}
.index-news-wrap .index-news .in-news a img{margin-right: 13px; display: block; float: right;}
.index-news-wrap .index-news .in-news a:hover{border-bottom: 1px solid #e04728;}
.index-news-wrap .index-news .in-news a:hover i{background-color: #e04728;}
.index-news-wrap .index-news .in-news a.in-news-f{height: auto; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; padding: 0;}
.index-news-wrap .index-news .in-news a.in-news-f .index-news-img{width: 29%; float: left; position: relative; margin-right: 2.5%; overflow: hidden;}
.index-news-wrap .index-news .in-news a.in-news-f .index-news-img:after{content: ""; display: block; position: relative; width: 100%; padding-bottom: 55.17241379%;}
.index-news-wrap .index-news .in-news a.in-news-f .index-news-img img{-webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; margin: auto;}
.index-news-wrap .index-news .in-news a.in-news-f .index-news-wen{width: 68.5%; float: left; padding: 3.75% 0 1.25% 0;}
.index-news-wrap .index-news .in-news a.in-news-f .index-news-wen .in-nn{width: 70%; float: left;}
.index-news-wrap .index-news .in-news a.in-news-f .index-news-wen .in-nn span{display: block; font-size: 17px; color: #000000; font-family: "Arial", "微软雅黑", serif; height: 20px; line-height: 20px; overflow: hidden; float: none; margin: 0; width: 100%;}
.index-news-wrap .index-news .in-news a.in-news-f .index-news-wen .in-nn p{display: block; font-size: 12px; color: #747474; font-family: "Arial", "微软雅黑", serif; line-height: 22px; height: 44px; overflow: hidden; margin-top: 15px;}
.index-news-wrap .index-news .in-news a.in-news-f .index-news-wen img{margin-top: 35px;}
.index-news-wrap .index-news .in-news a.in-news-f .index-news-wen em{margin-top: 35px;}
.index-news-wrap .index-news .in-news a.in-news-f:hover{border-bottom: 1px solid #e04728; border-top: 1px solid #e04728;}
.index-news-wrap .index-news .in-news a.in-news-f:hover .index-news-img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
@media (max-width: 768px){.index-news-wrap .index-news .in-news a.in-news-f .index-news-img{width: 100%; margin: 0;} .index-news-wrap .index-news .in-news a.in-news-f .index-news-wen{width: 100%;}}
@media (max-width: 520px){.index-news-wrap .index-news .in-news a.in-news-f .index-news-wen .in-nn{width: 50%;}}
.footer-nav-wrap{width: 100%; background-color: #141414; border-bottom: 1px solid #202020; padding: 35px 0 15px 0;}
.footer-nav-wrap .footer-nav{width: 95%; max-width: 1200px; margin: 0 auto;}
.footer-nav-wrap .footer-nav a.iimga{float: left; margin: 0; margin-right: 4.16666667%;}
.footer-nav-wrap .footer-nav a{float: left; margin: 0 3.83333333%; font-size: 13px; color: #7e7e7e; line-height: 24px;}
.footer-nav-wrap .footer-nav a:hover{color: #ffffff;}
.footer-nav-wrap .footer-nav .flinss{width: 85%; display: inline-block;}
/*@media (max-width: 450px){*/ /*.footer-nav-wrap .footer-nav .flinss{*/ /*width: 85%;*/ /*}*/
/*}*/
.footer-wrap{width: 100%; padding: 40px 0 85px 0; background-color: #141414; border-bottom: 1px solid #202020;}
@media (max-width: 1200px){.footer-wrap{padding: 3.33333333% 0 7.08333333% 0;}}
.footer-wrap .footer{width: 95%; margin: 0 auto; max-width: 1200px;}
.footer-wrap .footer .footer-phone{float: left; width: 35.41666667%; position: relative;}
.footer-wrap .footer .footer-phone i{font-size: 14px; color: #616060; display: block;}
.footer-wrap .footer .footer-phone a.zp{font-family: "Tahoma", serif; display: block; font-size: 27px; color: #ffffff;}
.footer-wrap .footer .footer-phone a.zp img{margin-right: 7px; vertical-align: -2px;}
.footer-wrap .footer .footer-phone a.ccont{display: block; width: 137px; height: 30px; background-color: #e04728; text-align: center; line-height: 30px; color: #ffffff; margin-top: 12px; position: relative; overflow: hidden; border: 1px solid transparent;}
.footer-wrap .footer .footer-phone a.ccont span{display: block; width: 137px; height: 30px; text-align: center; line-height: 30px; color: #ffffff; font-size: 14px;}
.footer-wrap .footer .footer-phone a.ccont:before{content: ""; display: block; position: absolute; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #ffffff; right: 9px; top: 11px;}
.footer-wrap .footer .footer-phone a.ccont:hover{-webkit-animation: con-b 0.3s both; animation: con-b 0.3s both;}
.footer-wrap .footer .footer-phone a.ccont:hover:before{-webkit-animation: con-w 0.3s both; animation: con-w 0.3s both;}
.footer-wrap .footer .footer-phone .g-line{width: 20px; height: 2px; background-color: #989898; margin-top: 40px;}
.footer-wrap .footer .footer-middle{float: left; width: 40.83333333%; text-align: left;}
.footer-wrap .footer .footer-middle i{display: block; font-size: 20px; color: #ffffff; font-family: "微软雅黑", serif; margin-bottom: 18px;}
.footer-wrap .footer .footer-middle p{font-size: 12px; line-height: 20px; color: #4c4c4c; display: block;}
.footer-wrap .footer .footer-middle p a{color: #4c4c4c;}
.footer-wrap .footer .footer-middle p a:hover{color: #ffffff;}
.footer-wrap .footer .erwei{float: right; width: 102px; height: 102px; position: relative;}
.footer-wrap .footer .erwei img{z-index: 2;}
.footer-wrap .footer .erwei:after{content: ""; display: block; position: absolute; width: 100%; height: 149.01960784%; border: 3px solid #1c1c1c; right: 50%; top: -25%;}
@media (max-width: 1200px){.footer-wrap .footer .footer-phone{float: none; width: 100%;} .footer-wrap .footer .footer-middle{float: none; width: 100%; margin-top: 5px;} .footer-wrap .footer .erwei{float: none; margin: 30px auto 5px auto;}}
@media (min-width: 1201px){.footer-wrap .footer .erweis{float: right; width: 102px;}}
@media (min-width: 768px){@-webkit-keyframes con-w{0%{border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #ffffff; right: 9px; top: 11px;} 50%{border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #ffffff; right: 11px; top: 9px;} 100%{border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #ffffff; right: 9px; top: 11px;} } @keyframes con-w{0%{border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #ffffff; right: 9px; top: 11px;} 50%{border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #ffffff; right: 11px; top: 9px;} 100%{border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #ffffff; right: 9px; top: 11px;} } @-webkit-keyframes con-b{0%{border: 1px solid transparent;} 50%{border: 1px solid #ffffff;} 100%{border: 1px solid transparent;} } @keyframes con-b{0%{border: 1px solid transparent;} 50%{border: 1px solid #ffffff;} 100%{border: 1px solid transparent;} }}
.footer-link-wrap{width: 100%; padding: 25px 0 20px 0; background-color: #141414;}
.footer-link-wrap .footer-link{width: 95%; max-width: 1200px; margin: 0 auto;}
.footer-link-wrap .footer-link .footer-link-left{float: left;}
.footer-link-wrap .footer-link .footer-link-left p{font-family: "Arial", "微软雅黑", serif; font-size: 12px; color: #7d7d7d; float: left;}
.footer-link-wrap .footer-link .footer-link-left .link{width: 81px; height: 18px; border: 1px solid #5f5f5f; float: left; position: relative; margin-left: 9px; cursor: pointer;}
.footer-link-wrap .footer-link .footer-link-left .link i{font-size: 12px; font-family: "微软雅黑", serif; color: #7d7d7d; line-height: 16px; height: 18px; display: block; padding-left: 4px;}
.footer-link-wrap .footer-link .footer-link-left .link:after{position: absolute; content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #5f5f5f; top: 5px; right: 4px;}
.footer-link-wrap .footer-link .footer-link-left .link .link-tt{position: absolute; bottom: 17px; padding: 6px 0; background-color: #ffffff; width: 100%; left: 0; display: none;}
.footer-link-wrap .footer-link .footer-link-left .link .link-tt a{display: block; height: 18px; line-height: 18px; color: #000000; padding: 0 4px; font-size: 12px; overflow:hidden;}
.footer-link-wrap .footer-link .footer-link-left .link .link-tt a:hover{background-color: #000000; color: #ffffff;}
@media (max-width: 768px){.footer-link-wrap .footer-link .footer-link-left .link{display: none;}}
.footer-link-wrap .footer-link .footer-link-left a.mappp{font-family: "Arial", "微软雅黑", serif; font-size: 12px; color: #7d7d7d; float: left; margin-left: 14px;}
.footer-link-wrap .footer-link .footer-link-left a.mappp:hover{color: #ffffff;}
.footer-link-wrap .footer-link .footer-link-left img.yu2{float: left; margin-left: 15px; display: none;}
@media (max-width: 768px){.footer-link-wrap .footer-link .footer-link-left img.yu2{display: block;}}
.footer-link-wrap .footer-link img.yu{float: right;}
@media (max-width: 768px){.footer-link-wrap .footer-link img.yu{display: none;}}
.footer-link-wrap .footer-link .linkk2{width: 100%; float: left; margin-top: 6px; display: none;}
.footer-link-wrap .footer-link .linkk2 i,
.footer-link-wrap .footer-link .linkk2 a{font-size: 12px; font-family: "微软雅黑", serif; color: #7d7d7d; line-height: 16px; display: inline; margin-right: 5px;}
.footer-link-wrap .footer-link .linkk2 a{margin: 0 5px;}
@media (max-width: 768px){.footer-link-wrap .footer-link .linkk2{display: block;}}
/*移动端底部导航*/
.phonefooternav{position: fixed; bottom: 0; width: 100%; display: none; z-index: 99999; display: none!important;}
@media (max-width: 768px){.phonefooternav{display: block;}}
.phonefooternav ul li{width: 25%; background: #494949; float: left; padding: 5px 0; border-right: 1px solid #666 ; list-style: none;}
.phonefooternav ul li a{display: block; color: #fff; text-align: center;}
.phonefooternav ul li a i{display: block; font-size: 20px; padding: 5px 0 6px 0;}
.nei-banner{width: 100%; position: relative;}
.nei-banner .wenzi{display: table; position: absolute; text-align: center; width: 100%; height: 100%; top: 0; left: 0;}
.nei-banner .wenzi p{display: table-cell; vertical-align: middle;}
.nei-banner .wenzi p b{font-family: "Impact", serif; font-size: 48px; color: #ffffff; /*display: none;*/}
.nei-banner .wenzi p i{font-family: "微软雅黑", serif; font-size: 24px; color: #ffffff;}
@media (max-width: 880px){.nei-banner .wenzi p b{font-size: 32px;} .nei-banner .wenzi p i{font-size: 18px;}}
@media (max-width: 360px){.nei-banner .wenzi p b{font-size: 28px;} .nei-banner .wenzi p i{font-size: 14px;}}
.nei-banner img{max-width: 100%; display: block; margin: 0 auto;}
.bread-wrap{width: 100%;}
.bread-wrap p{height: 60px; line-height: 60px; width: 95%; max-width: 1200px; margin: 0 auto; font-size: 12px; font-family: "微软雅黑", serif; color: #949595; overflow: hidden;}
.bread-wrap p a{font-size: 12px; font-family: "微软雅黑", serif; color: #949595;}
.bread-wrap p a:hover{color: #ed5637;}
.bread-wrap p i{margin: 0 3px; color:#ed5637;}
.bread-wrap p span{color: #ed5637;}
.about-wrap{width: 100%;}
.about-wrap .about{width: 95%; max-width: 1200px; margin: 0 auto; padding-top: 20px;}
@media (max-width: 1200px){.about-wrap .about{padding-top: 3.33333333%;}}
.about-wrap .about .about-tit{text-align: center;}
.about-wrap .about .about-tit em{font-size: 40px; font-family: "仿宋", serif; color: #161616; display: block; font-weight: 100;}
@media (max-width: 768px){.about-wrap .about .about-tit em{font-size: 34px;}}
@media (max-width: 460px){.about-wrap .about .about-tit em{font-size: 26px;}}
.about-wrap .about .about-tit i{font-size: 20px; font-family: "微软雅黑", serif; color: #828282; display: block; position: relative; padding-bottom: 30px; margin-top: 5px;}
.about-wrap .about .about-tit i:after{content: ""; width: 69px; height: 2px; position: absolute; bottom: 0; margin: auto; left: 0; right: 0; background-color: #e04728;}
.about-wrap .about .about-cont{margin-top: 4.58333333%; text-align: center;}
.about-wrap .about .about-cont img.about-img{display: block; max-width: 100%; margin: 0 auto;}
.about-wrap .about .about-cont p.jianjian{display: block; color: #606060; font-family: "微软雅黑", serif; line-height: 34px; font-size: 14px;}
.about-wrap .about .about-cont ul{display: block; text-align: center; width: 100%; margin-top: 1.66666667%;}
.about-wrap .about .about-cont ul li{width: 22.91666667%; min-width: 215px; display: inline-block; text-align: center; color: #333333; font-family: "微软雅黑", serif; font-size: 15px; position: relative;}
.about-wrap .about .about-cont ul li:after{content: ""; display: block; width: 2px; height: 30px; background-color: #e9e9e9; position: absolute; margin: auto; top: 0; bottom: 0; right: 0;}
.about-wrap .about .about-cont ul li i{font-size: 14px; color: #8b8a8a;}
.about-wrap .about .about-cont ul li b{font-size: 48px; color: #333333; font-family: "Impact", serif;}
@media (max-width: 768px){.about-wrap .about .about-cont ul li{width: 100%;} .about-wrap .about .about-cont ul li:after{display: none;} .about-wrap .about .about-cont ul li b{font-size: 40px;}}
@media (max-width: 460px){.about-wrap .about .about-cont ul li b{font-size: 32px;}}
.about-wrap .about .about-cont ul li.right:after{display: none;}
.about-wrap .about .about-cont span{display: block; width: 85%; max-width: 310px; font-size: 14px; color: #575757; line-height: 30px; margin: 2.5% auto 0 auto;}
.about-wrap .about .about-cont p.jianjian2{display: block; color: #585858; font-family: "微软雅黑", serif; line-height: 26px; font-size: 13px; margin-top: 4.16666667%;}
.qiye-wrap{width: 100%; margin-top: 5.625%;}
.qiye-wrap ul{width: 100%; margin-top: 3.125%;}
.qiye-wrap ul li{width: 25%; float: left; position: relative;}
.qiye-wrap ul li:after{position: relative; content: ""; display: block; width: 100%; padding-bottom: 125.75%; top: 0; left: 0;}
.qiye-wrap ul li .qiye-wen{position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; padding: 22.5% 10%;}
.qiye-wrap ul li .qiye-wen b{display: block; color: #ffffff; font-size: 40px; font-family: "Impact", serif;}
.qiye-wrap ul li .qiye-wen i{display: block; color: #ffffff; font-size: 30px; font-family: "微软雅黑", serif;}
.qiye-wrap ul li .qiye-wen span{display: block; color: #ffffff; font-size: 13px; line-height: 24px; font-family: "微软雅黑", serif; margin-top: 40%; height: 48px; overflow: hidden;}
@media (max-width: 1280px){.qiye-wrap ul li .qiye-wen{padding: 10%;} .qiye-wrap ul li .qiye-wen b{font-size: 30px;} .qiye-wrap ul li .qiye-wen i{font-size: 20px;} .qiye-wrap ul li .qiye-wen b{margin-top: 10%;}}
@media (max-width: 768px) and (min-width: 480px){.qiye-wrap ul li .qiye-wen{padding: 10%;} .qiye-wrap ul li .qiye-wen b{font-size: 35px;} .qiye-wrap ul li .qiye-wen i{font-size: 25px;} .qiye-wrap ul li .qiye-wen b{margin-top: 17.5%;}}
@media (max-width: 480px){.qiye-wrap ul li .qiye-wen{padding: 10%;} .qiye-wrap ul li .qiye-wen b{font-size: 30px;} .qiye-wrap ul li .qiye-wen i{font-size: 20px;} .qiye-wrap ul li .qiye-wen b{margin-top: 10%;}}
@media (max-width: 360px){.qiye-wrap ul li .qiye-wen{padding: 10%;} .qiye-wrap ul li .qiye-wen b{font-size: 35px;} .qiye-wrap ul li .qiye-wen i{font-size: 25px;} .qiye-wrap ul li .qiye-wen b{margin-top: 17.5%;}}
@media (max-width: 768px){.qiye-wrap ul li{width: 50%;}}
@media (max-width: 360px){.qiye-wrap ul li{width: 100%;}}
.jiazhi-wrap{width: 100%; padding: 2% 0 2% 0;}
.jiazhi-wrap .jiazhi{max-width: 1200px; width: 95%; margin: 0 auto;}
.jiazhi-wrap .jiazhi ul{margin-top: 2%;}
.jiazhi-wrap .jiazhi ul li{float: left; width: 21.66666667%; margin: 0 1.66666667%;}
.jiazhi-wrap .jiazhi ul li .yy{width: 57.69230769%; background-color: #000000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto; position: relative; overflow: hidden;}
.jiazhi-wrap .jiazhi ul li .yy:after{content: ''; display: block; width: 100%; position: relative; top: 0; left: 0; padding-bottom: 100%;}
.jiazhi-wrap .jiazhi ul li .yy em{display: block; color: #ffffff; font-family: "微软雅黑", serif; font-size: 28px; position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; text-align: center; height: 40px;}
.jiazhi-wrap .jiazhi ul li span{display: block; color: #000000; font-family: "微软雅黑", serif; font-size: 13px; text-align: center; line-height: 18px; height: 36px; overflow: hidden; margin-top: 11.53846154%;}
@media (max-width: 640px){.jiazhi-wrap .jiazhi ul li{width: 46%; margin: 0 2% 2% 2%;}}
.xg-news-wrap{width: 100%; padding: 3.75% 0; background-color: #f6f6f6;}
.xg-news-wrap .xg-news{width: 95%; max-width: 1200px; margin: 0 auto;}
.xg-news-wrap .xg-news .xg-news-left{float: left; width: 150px;}
.xg-news-wrap .xg-news .xg-news-left em{display: block; font-size: 30px; color: #1b1b1b; font-family: "微软雅黑", serif;}
.xg-news-wrap .xg-news .xg-news-left i{display: block; font-size: 14px; color: #636363; font-family: "Arial", serif;}
.xg-news-wrap .xg-news .xg-news-right{float: right; width: 75.5%;}
.xg-news-wrap .xg-news .xg-news-right a{display: block; height: 40px; border-bottom: 1px solid #e2e2e2; margin-bottom: 1.65562914%;}
.xg-news-wrap .xg-news .xg-news-right a span{font-size: 12px; color: #636363; line-height: 35px; height: 40px; overflow: hidden; display: block; width: 55.18763797%; float: left;}
.xg-news-wrap .xg-news .xg-news-right a i{font-size: 12px; color: #999999; line-height: 35px; height: 40px; overflow: hidden; display: block; width: 80px; float: right;}
.xg-news-wrap .xg-news .xg-news-right a:hover{border-bottom: 1px solid #e04728;}
.xg-news-wrap .xg-news .xg-news-right a:hover span{color: #e04728;}
.xg-news-wrap .xg-news .xg-news-right a:hover i{color: #e04728;}
@media (max-width: 768px){.xg-news-wrap .xg-news .xg-news-left{float: none;} .xg-news-wrap .xg-news .xg-news-right{float: none; width: 100%; margin-top: 10px;}}
.product-wrap{width: 100%;}
.product-wrap .product{width: 95%; max-width: 1200px; margin: 0 auto; padding: 20px 0 25px 0;}
@media (max-width: 1200px){.product-wrap .product{padding: 3.33333333% 0 4.16666667% 0;}}
.product-tit{width: 100%; margin-bottom: 20px;}
.product-tit .product-tit1{width: 100%; position: relative; background-color: #363636; text-align: center;}
.product-tit .product-tit1 span{display: inline-block; vertical-align: top; width: 129px; height: 45px; position: relative; cursor: pointer;}
.product-tit .product-tit1 span:after{content: ""; display: block; width: 100%; height: 0; position: absolute; bottom: 0; left: 0; z-index: 4; background-color: #ed5637; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;}
.product-tit .product-tit1 span:before{content: ""; display: block; width: 1px; height: 13px; position: absolute; margin: auto; top: 0; bottom: 0; right: 0; z-index: 2; background-color: #5e5e5e;}
.product-tit .product-tit1 span i{line-height: 45px; height: 45px; display: block; text-align: center; color: #ffffff; font-size: 14px; position: relative; z-index: 8; font-family: "微软雅黑", serif; overflow: hidden; padding: 0 10px;}
.product-tit .product-tit1 span:hover:after{height: 47px;}
@media (max-width: 1140px){.product-tit .product-tit1 span:before{display: none;}}
.product-tit .product-tit1 span.right:before{display: none;}
.product-tit .product-tit1 span.prevv:before{display: none;}
.product-tit .product-tit1 span.active:after{height: 47px;}
.product-tit .product-tit2{width: 100%; position: relative; text-align: center;}
.product-tit .product-tit2 .product-tit-sm{display: none; width: 100%; padding: 5px 0; background-color: #7f7f7f;}
.product-tit .product-tit2 .product-tit-sm a{height: 40px; line-height: 40px; width: 130px; display: inline-block; color: #ffffff; font-size: 13px; font-family: "微软雅黑", serif; overflow: hidden;}
.product-tit .product-tit2 .product-tit-sm a:hover{color: #ed5637;}
.product-tit .product-tit2 .product-tit-sm a.active{color: #ed5637;}
.product-wrap .product .product-in{margin-top: 4.16666667%;}
.product-wrap .product .product-in a{display: block; width: 23.75%; position: relative; border: 1px solid #d3d3d3; margin-right: 1.66666667%; margin-bottom: 1.91666667%; float: left;}
.product-wrap .product .product-in a .product-img{width: 78.59649123%; position: relative; margin: 0 auto; overflow: hidden;}
.product-wrap .product .product-in a .product-img:after{position: relative; content: ""; display: block; width: 100%; padding-bottom: 98.21428571%;}
.product-wrap .product .product-in a .product-img img{-webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;}
.product-wrap .product .product-in a .product-wen{width: 78.59649123%; position: relative; margin: 0 auto;}
.product-wrap .product .product-in a .product-wen em{font-size: 17px; color: #2b2b2b; display: block; height: 22px; line-height: 22px; overflow: hidden;}
.product-wrap .product .product-in a .product-wen p{font-size: 12px; color: #2b2b2b; display: block; height: 40px; line-height: 20px; font-family: "微软雅黑", serif; margin-top: 6px; overflow: hidden;}
.product-wrap .product .product-in a .product-wen i{font-size: 13px; color: #ffffff; display: block; line-height: 26px; width: 93px; height: 26px; background-color: #ed5637; margin-top: 15px; text-align: center; margin-bottom: 23px;}
.product-wrap .product .product-in a:hover{border: 1px solid #ed5637;}
.product-wrap .product .product-in a:hover .product-img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
@media (max-width: 768px){.product-wrap .product .product-in a{width: 49%; margin-right: 2%;}}
.product-wrap .product .product-in a.right{margin-right: 0;}
.mulu{width: 100%; text-align: center;}
.mulu a{display: inline-block; height: 22px; line-height: 22px; text-align: center; font-size: 13px; color: #5e5e5e; margin: 0 5px 5px 5px; border: 1px solid #d5d5d5; padding: 0 8px;}
.mulu span{display: inline-block; height: 22px; line-height: 22px; text-align: center; font-size: 13px; color: #5e5e5e; margin: 0 5px 5px 5px; border: 1px solid #d5d5d5; padding: 0 8px;}
.mulu .page-cur{background-color: #ed5637; border: 1px solid #ed5637; color: #ffffff;}
.mulu a:hover{background-color: #ed5637; border: 1px solid #ed5637; color: #ffffff;}
.mulu a.dengdeng{border: 1px solid transparent; margin: 0; vertical-align: 4px; line-height: 1;}
.mulu a.dengdeng:hover{background-color: transparent; border: 1px solid transparent; color: #ed5637;}
.mulu i{display: inline-block; height: 22px; line-height: 22px; text-align: center; font-size: 13px; color: #5e5e5e; margin: 0 5px; padding: 0 8px; font-family: "Arial", "微软雅黑", serif;}
@media (max-width: 768px){.mulu .page-num{display:none;}}
.news-wrap{width: 100%;}
.news-wrap .news{width: 95%; max-width: 1200px; margin: 0 auto; padding-bottom: 4.375%; padding: 10px 0 60px 0;}
.news-wrap .news .news-in{float: left; width: 100%; margin-bottom: 2.08333333%;}
.news-wrap .news .news-in a{width: 33%; /* margin-right: 2.75%; */ /* margin-bottom: 3%; */ float: left; padding: 0 9px;}
.news-wrap .news .news-in a .news-img{width: 100%; position: relative; overflow: hidden;}
.news-wrap .news .news-in a .news-img:after{display: block; content: ''; position: relative; width: 100%; padding-bottom: 53.43915344%;}
.news-wrap .news .news-in a .news-img img{-webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;}
.news-wrap .news .news-in a .news-wen{padding: 7.93650794% 10.58201058% 17.1957672% 6.61375661%; background-color: #f8f8f8; position: relative; min-height:255px; margin-bottom: 20px;}
.news-wrap .news .news-in a .news-wen:after{content: ""; display: block; position: absolute; width: 100%; height: 0; bottom: 0; left: 0; background-color: #191919; transition: .3s;}
.news-wrap .news .news-in a .news-wen i{display: block; font-size: 14px; color: #707070; height: 18px; line-height: 18px; overflow: hidden; font-family: "微软雅黑", serif; position: relative; z-index: 2; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s;}
.news-wrap .news .news-in a .news-wen span{display: block; font-size: 16px; color: #292929; height: 26px; line-height: 24px; overflow: hidden; font-family: "微软雅黑", serif; margin-top: 18px; position: relative; z-index: 2; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s;}
.news-wrap .news .news-in a .news-wen p{display: block; font-size: 12px; color: #6e6e6e; height: 49px; line-height: 24px; overflow: hidden; font-family: "微软雅黑", serif; margin-top: 24px; position: relative; z-index: 2;}
.news-wrap .news .news-in a .news-wen em{display: block; width: 105px; height: 34px; font-size: 12px; color: #6e6e6e; line-height: 34px; overflow: hidden; font-family: "微软雅黑", serif; margin-top: 24px; text-align: center; border: 1px solid #dfdfdf; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: relative; z-index: 2;}
.news-wrap .news .news-in a:hover .news-img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.news-wrap .news .news-in a:hover .news-wen:after{height: 100%;}
.news-wrap .news .news-in a:hover .news-wen i{color: #8c8c8c;}
.news-wrap .news .news-in a:hover .news-wen span{color: #ffffff;}
.news-wrap .news .news-in a:hover .news-wen p{color: #939393;}
.news-wrap .news .news-in a:hover .news-wen em{color: #d4d4d4;}
@media (max-width: 768px){.news-wrap .news .news-in a{width: 50%; /*margin: 0 10px;*/}}
@media (max-width: 460px){.news-wrap .news .news-in a{width: 100%; margin-right: 0;}}
/*.news-wrap .news .news-in a.right{*/ /*margin-right: 0;*/
/*}*/
.case-wrap{width: 100%; padding: 20px 0 25px 0;}
@media (max-width: 1200px){.case-wrap{padding: 5% 0 5.83333333% 0;}}
.case-wrap .case{width: 95%; max-width: 1200px; margin: 0 auto;}
.case-wrap .case span.case-sol{font-size: 24px; font-family: "微软雅黑", serif; color: #1d1d1d; padding-bottom: 17px; border-bottom: 2px solid #d9dada; display: block;}
.case-wrap .case .case-tit{margin-top: 2.91666667%;}
.case-wrap .case .case-tit span{font-size: 20px; font-family: "微软雅黑", serif; color: #2f2727; /*margin-right: 5.16666667%;*/ cursor: pointer; display: inline-block; height: 29px; overflow: hidden; margin: 0 25px;}
@media (max-width:640px){.case-wrap .case .case-tit span{/*width: 44%;*/ /*padding: 0 24px;*/}}
.case-wrap .case .case-tit span a.active{color: #e04728;}
.case-wrap .case .case-tit span:hover{color: #e04728;}
.case-wrap .case .case-tit span.fi{color: #2f2727; font-size: 36px; font-family: "微软雅黑", serif;}
.case-wrap .case .case-tit span.fi:hover{color: #e04728;}
.case-wrap .case .case-tit span.active{color: #e04728;}
.case-wrap .case .case-in-wrap{margin: 2.16666667% 0;}
.case-in{width: 100%; display: none;}
.case-in a{display: block; width: 31.66666667%; position: relative; margin-right: 2.5%; margin-bottom: 2.5%; float: left;}
.case-in a:after{content: ""; display: block; width: 100%; padding-bottom: 81.84210526%;}
.case-in a .case-wen{position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 10.52631579% 7.89473684% 0 10.52631579%; background-color: #1d1d1d; display: none;}
.case-in a .case-wen em div{height:36px;overflow:hidden;font-size: 24px; font-family: "微软雅黑", serif; color: #ffffff;}
.case-in a .case-wen div{height:40px; overflow:hidden;}
.case-in a .case-wen div em{font-size: 24px; font-family: "微软雅黑", serif; color: #ffffff;}
.case-in a .case-wen p{font-size: 14px; font-family: "微软雅黑", serif; color: #ffffff; margin-top: 5.26315789%; line-height: 24px; height: 50px; overflow: hidden; text-indent: 2em;}
@media (max-width: 640px){.case-in a{width: 100%; margin-right: 0;}}
.case-in a.right{margin-right: 0;}
.service-wrap{width: 100%; padding: 20px 0 20px 0;}
@media (max-width: 1200px){.service-wrap{padding: 5% 0 4.16666667% 0;}}
.service-wrap .service{width: 95%; max-width: 1200px; margin: 0 auto;}
.service-wrap .service .ser-tit b{line-height: 36px; font-size: 34px; margin-bottom: 5px;}
.service-wrap .service .service-in{width: 98.33333333%; margin: 4.16666667% auto 4.33333333% auto;}
.service-wrap .service .service-in .service-in-li{width: 12.5%; float: left; text-align: center; margin: 0 5.83333333%;}
.service-wrap .service .service-in .service-in-li .tit{width: 100%; background-color: #000000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto; position: relative; overflow: hidden;}
.service-wrap .service .service-in .service-in-li .tit:after{content: ''; display: block; width: 100%; position: relative; top: 0; left: 0; padding-bottom: 100%;}
.service-wrap .service .service-in .service-in-li .tit span{display: table; position: absolute; margin: auto; top: 0; left: 0; width: 100%; overflow: hidden;}
.service-wrap .service .service-in .service-in-li .tit span i{display: table-cell; color: #ffffff; font-family: "微软雅黑", serif; font-size: 28px; vertical-align: middle;}
@media (max-width: 1200px){.service-wrap .service .service-in .service-in-li .tit span i{font-size: 20px;}}
.service-wrap .service .service-in .service-in-li p{margin-top: 20%; font-size: 16px; line-height: 36px; color: #373737; font-family: "微软雅黑", serif;}
@media (max-width: 1200px){.service-wrap .service .service-in .service-in-li{margin: 0 4.16666667%; width: 15.83333333%;}}
@media (max-width: 640px){.service-wrap .service .service-in .service-in-li{margin: 15px 0 0 0; width: 100%;} .service-wrap .service .service-in .service-in-li .tit{background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .service-wrap .service .service-in .service-in-li .tit:after{display: none;} .service-wrap .service .service-in .service-in-li .tit span{position: relative;} .service-wrap .service .service-in .service-in-li .tit span i{font-size: 22px; height: auto; color: #000000; font-weight: 600;} .service-wrap .service .service-in .service-in-li p{margin-top: 0;}}
.service-wrap .service ul.service-liu li{width: 12%; margin: 0 6.5% 4.33333333% 1.5%; float: left;}
.service-wrap .service ul.service-liu li .liu-img{width: 100%; position: relative;}
.service-wrap .service ul.service-liu li .liu-img:after{width: 100%; padding-bottom: 100%; content: ""; display: block;}
.service-wrap .service ul.service-liu li span{display: block; text-align: center; margin-top: 16.66666667%; font-size: 20px; color: #2b2b2b; font-family: "微软雅黑", serif; height: 28px; line-height: 28px; overflow: hidden;}
@media (max-width: 768px){.service-wrap .service ul.service-liu li{width: 46%; margin: 0 2% 8.33333333% 2%;}}
.contact-wrap{width: 100%; position: relative;}
.contact-wrap img.cont-bg{position: absolute; max-width: 100%; margin: auto; top: 0; left: 0; right: 0; z-index: 1;}
.contact-wrap .contact{max-width: 1200px; width: 95%; margin: 0 auto; padding-bottom: 3.75%; position: relative; z-index: 2;}
.contact-wrap .contact .contact-left{width: 60.41666667%; margin-right: 1.25%; float: left; padding: 40px 6.41666667% 40px 4%; background-color: #ffffff; min-height: 780px;}
.contact-wrap .contact .contact-left i{font-size: 36px; color: #2b2b2b; font-family: "Adobe 黑体 Std", serif; display: block; text-align: center;}
.contact-wrap .contact .contact-left p{font-size: 12px; color: #7b7b7b; font-family: "微软雅黑", serif; display: block; text-align: center; line-height: 24px; margin-top: 2.75862069%; margin-bottom: 6.89655172%!important;}
@media (max-width: 768px){.contact-wrap .contact .contact-left{width: 100%; height: auto; padding: 35px 6.41666667% 35px 4%;} .contact-wrap .contact .contact-left i{font-size: 30px;}}
@media (max-width: 460px){.contact-wrap .contact .contact-left{padding: 30px 6.41666667% 30px 4%;} .contact-wrap .contact .contact-left i{font-size: 24px;}}
.contact-wrap .contact .contact-right{width: 38.33333333%; float: left; padding: 40px 2.91666667% 40px 3.33333333%; background-color: #ffffff; min-height: 780px;}
.contact-wrap .contact .contact-right b{font-size: 36px; font-family: "Impact", serif; color: #373737; display: block;}
.contact-wrap .contact .contact-right ul{margin-top: 70px;}
.contact-wrap .contact .contact-right ul li{margin-bottom: 27px;}
.contact-wrap .contact .contact-right ul li img{float: left; width: 10.25641026%; max-width: 40px; margin-top: 6px;}
.contact-wrap .contact .contact-right ul li .c-wen{float: right; width: 83.33333333%; padding-bottom: 18px; border-bottom: 1px solid #dfdfdf;}
.contact-wrap .contact .contact-right ul li .c-wen em{font-size: 18px; color: #4c4c4c; display: block;}
.contact-wrap .contact .contact-right ul li .c-wen i{font-size: 14px; color: #6f6f6f; display: block; margin-top: 3px; font-family: "微软雅黑", serif;}
.contact-wrap .contact .contact-right ul li .c-wen a{font-size: 14px; color: #6f6f6f; display: block; margin-top: 3px; font-family: "微软雅黑", serif;}
.contact-wrap .contact .contact-right ul li .c-wen a:hover{color: #ed5637;}
@media (max-width: 768px){.contact-wrap .contact .contact-right{width: 100%; height: auto; padding: 5.20833333% 2.91666667% 5.20833333% 3.33333333%;} .contact-wrap .contact .contact-right b{font-size: 30px;}}
@media (max-width: 460px){.contact-wrap .contact .contact-right b{font-size: 24px;} .contact-wrap .contact .contact-right ul{margin-top: 35px;}}
form.fform label{width: 100%;}
form.fform label input[type='text']{width: 93.33333333%; border: 1px solid #c6c6c6; padding: 10px 3.33333333%; height: 20px; line-height: 20px\9; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-bottom: 17px; font-size: 14px; color: #828282; font-family: "微软雅黑", serif;}
form.fform label textarea{width: 100%; border: 1px solid #c6c6c6; padding: 10px 3.33333333%; height: 112px; line-height: 20px\9; margin-bottom: 17px; font-size: 14px; color: #828282; font-family: "微软雅黑", serif;}
form.fform label input.rred{border: 1px solid #e04728;}
form.fform label textarea.rred{border: 1px solid #e04728;}
form.fform label em{font-size: 14px; color: #e04728!important;
    /* position: absolute;
    left: -10px;
    top: 14px; */ position: relative; left: 8px; top: -46px;}
form.fform .yz{margin-bottom: 17px;}
form.fform .yz label{width: 25.66666667%; float: left;}
form.fform .yz label input{width: 90.90909091%; padding-left:30px;}
@media (max-width: 480px){form.fform .yz label{float: none; width: 100%;} form.fform .yz label input{padding-left:10px;}}
form.fform .yz .yanzheng{width: 171px; height: 42px; overflow: hidden; position: relative; float: left;}
form.fform .yz a{color: #838383; font-size: 12px; font-family: "微软雅黑", serif; line-height: 42px; margin-left: 12px; float: left;}
form.fform .yz a:hover{color: #e04728;}
form.fform .yz .yyzz{width: 100px; height: 42px; overflow: hidden; position: relative; float: left; margin-left: 10%;}
form.fform input[type='submit']{width: 100%; height: 42px; background-color: #ed5637; color: #ffffff; line-height: 42px; text-align: center;}
.mapp-wrap{width: 100%; position: relative;}
.mapp-wrap #map{width: 100%; height: 441px;}
.mapp-wrap b{position: absolute; font-size: 48px; color: #ffffff; font-family: "Impact", "微软雅黑", serif; width: 370px; height: 70px; margin: auto; left: 0; right: 0; top: 140px; text-align: center;}
@media (max-width: 768px){.mapp-wrap b{width: 265px; height: auto; font-size: 30px;}}
@media (max-width: 460px){.mapp-wrap b{width: 260px; height: auto; font-size: 22px;}}
.mapp-wrap a:hover{color: #ffffff;}
.case-xq-wrap{width: 100%;}
.case-xq-wrap .case-xq{max-width: 1200px; width: 95%; margin: 0 auto; padding: 10px 0 40px 0;}
/*@media (max-width: 768px){*/ /*.case-xq-wrap .case-xq{*/ /*padding: 3.33333333% 0 4.16666667% 0;*/ /*}*/
/*}*/
.case-xq-wrap .case-xq .case-xx img{max-width: 100%;}
.case-xq-wrap .case-xq .case-xx h1{font-size: 24px; color: #1d1d1d; font-family: "微软雅黑", "Arial", serif; display: block;}
.case-xq-wrap .case-xq .case-xx span{/*font-size: 12px; line-height: 2; color: #959595; font-family: "微软雅黑", "Arial", serif; display: block; margin-top: 20px;*/}
.case-xq-wrap .case-xq .case-xx p{/*font-size: 12px; line-height: 2; color: #4b4b4b; font-family: "微软雅黑", "Arial", serif; display: block; margin-top: 30px;*/}
.case-xq-wrap .case-xq .xg-case{margin-top: 4.16666667%;}
.case-xq-wrap .case-xq .xg-case i{font-size: 24px; color: #333333; font-family: "Arial", "微软雅黑", serif; display: block; padding-bottom: 15px; border-bottom: 1px solid #e4e4e4;}
.case-xq-wrap .case-xq .xg-case .xq-case-in{margin-top: 2.5%;}
.case-xq-wrap .case-xq .xg-case .xq-case-in a{display: block; width: 31.66666667%; position: relative; overflow: hidden; margin-right: 2.5%; float: left;}
.case-xq-wrap .case-xq .xg-case .xq-case-in a:after{width: 100%; padding-bottom: 81.84210526%; content: ""; display: block;}
.case-xq-wrap .case-xq .xg-case .xq-case-in a img{-webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;}
.case-xq-wrap .case-xq .xg-case .xq-case-in a:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
@media (max-width: 480px){.case-xq-wrap .case-xq .xg-case .xq-case-in a{width: 100%; margin-right: 0; margin-bottom: 10px;}}
.pre-next{width: 100%; height: 44px; border-top: 2px solid #e4e4e4; border-bottom: 2px solid #e4e4e4; margin-top: 4.58333333%;}
.pre-next div{width: 50%; display: block; float: left; text-align: left; font-size: 12px; color: #717171; font-family: "Arial", "微软雅黑", serif; line-height: 44px; height: 44px; overflow: hidden; padding: 0 5px;}
.pre-next div:hover{color: #e04728;}
.pre-next div.right{float: right; text-align: right;}
.pre-next div a:hover{color: #e04728;}
.news-xq-wrap{width: 100%;}
.news-xq-wrap .news-xq{max-width: 1200px; width: 95%; margin: 0 auto; padding: 10px 0 25px 0;}
.news-xq-wrap .news-xq img{max-width:100%;}
.news-xq-wrap .news-xq h1{display: block; font-size: 30px; font-family: "Arial", "微软雅黑", serif; text-align: center; padding-bottom: 28px; position: relative; color: #1e1e1e;}
.news-xq-wrap .news-xq h1:after{display: block; content: ""; position: absolute; width: 69px; height: 4px; background-color: #e04728; margin: auto; left: 0; right: 0; bottom: 0;}
.news-xq-wrap .news-xq i{display: block; font-size: 12px; font-family: "Arial", "微软雅黑", serif; text-align: center; padding-bottom: 28px; color: #5a5a5a; line-height: 30px; height: 30px; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; margin-top: 2.83333333%; margin-bottom: 2%;}
.news-xq-wrap .news-xq p{word-break: break-all !important; word-wrap: break-word !important; white-space: pre-wrap !important;
    /* font-size: 12px;
    line-height: 2;
    color: #565656;
    display: block;
    margin-top: 5%; */}
.news-xq-wrap .news-xq p span{word-break: break-all !important; word-wrap: break-word !important; white-space: pre-wrap !important;}
@media (max-width: 768px){/*.news-xq-wrap .news-xq{*/ /*padding: 3.33333333% 0 4.16666667% 0;*/ /*}*/ .news-xq-wrap .news-xq em{font-size: 26px; padding-bottom: 20px;}}
@media (max-width: 480px){.news-xq-wrap .news-xq em{font-size: 22px; padding-bottom: 15px;}}
.product-xq-wrap{width: 100%;}
.product-xq-wrap .product-xq{width: 95%; max-width: 1200px; margin: 0 auto; padding:20px 0 25px 0;}
@media (max-width: 1200px){.product-xq-wrap .product-xq{padding: 4.16666667% 0 3.75% 0;}}
.product-xq-wrap .product-xq .products-in{width: 100%;}
.product-xq-wrap .product-xq .products-in .products-img{width: 41.66666667%; float: left; border: 1px solid #e5e5e5;}
.product-xq-wrap .product-xq .products-in .products-img .products-big{width: 80.4%; border-right: 1px solid #e5e5e5; float: left;}
.product-xq-wrap .product-xq .products-in .products-img .products-big .pro-big{width: 90.04975124%; position: relative; margin: 0 auto;}
.product-xq-wrap .product-xq .products-in .products-img .products-big .pro-big:after{content: ''; display: block; width: 100%; padding-bottom: 100%;}
.product-xq-wrap .product-xq .products-in .products-img .products-sm{width: 19.6%; float: left; padding: 10% 2.4% 6% 2.4%;}
.product-xq-wrap .product-xq .products-in .products-img .products-sm .pro-sm{width: 100%; border: 2px solid transparent; position: relative; margin: 4.08163265% 0;}
.product-xq-wrap .product-xq .products-in .products-img .products-sm .pro-sm:after{content: ''; display: block; width: 100%; padding-bottom: 100%;}
.product-xq-wrap .product-xq .products-in .products-img .products-sm .pro-sm:hover{border: 2px solid #ed5637;}
.product-xq-wrap .product-xq .products-in .products-img .products-sm .slick-current{border: 2px solid #ed5637;}
.product-xq-wrap .product-xq .products-in .products-img .products-sm .slick-prev{width: 22px; height: 13px; background: url("../images/pro-xqt1.jpg") no-repeat center center; top: 4.4%; margin: auto; left: 0; right: 0;}
.product-xq-wrap .product-xq .products-in .products-img .products-sm .slick-prev:hover{background: url("../images/pro-xqt2.jpg") no-repeat center center;}
.product-xq-wrap .product-xq .products-in .products-img .products-sm .slick-next{width: 22px; height: 13px; background: url("../images/pro-xqb1.jpg") no-repeat center center; bottom: 2.4%; margin: auto; left: 0; right: 0; top: auto;}
.product-xq-wrap .product-xq .products-in .products-img .products-sm .slick-next:hover{background: url("../images/pro-xqb2.jpg") no-repeat center center;}
@media (max-width: 768px){.product-xq-wrap .product-xq .products-in .products-img{width: 100%;}}
.product-xq-wrap .product-xq .products-in .products-wen{width: 54.58333333%; float: right;}
.product-xq-wrap .product-xq .products-in .products-wen h1{font-size: 16px; color: #000000; font-family: "微软雅黑", "Arial", serif; display: block; font-weight: 600;}
.product-xq-wrap .product-xq .products-in .products-wen i{font-size: 14px; color: #282828; font-family: "微软雅黑", "Arial", serif; display: block; margin-top: 20px;}
.product-xq-wrap .product-xq .products-in .products-wen p{font-size: 13px; color: #626262; font-family: "微软雅黑", "Arial", serif; display: block; margin-top: 14px; line-height: 30px;}
@media (max-width: 768px){.product-xq-wrap .product-xq .products-in .products-wen{width: 100%; margin-top: 18px;}}
.product-xq-wrap .product-xq .products-cont{margin-top: 43px;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left{float: left; width: 75%;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-cont-left-tit{width: 100%; height: 50px; background-color: #5e5e5e;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-cont-left-tit span{width: 33.3333333333333333%; height: 50px; line-height: 50px; float: left; text-align: center; color: #ffffff; display: block;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-cont-left-tit span:hover{background-color: #ed5637;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-cont-left-tit span.active{background-color: #ed5637;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-pro-content{display: block; border: 1px solid #d0d0d0; padding: 34px 40px 55px 45px;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-pro-content .pro-pro-cont{display: none;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-pro-content .pro-pro-cont img{display: block; margin: 0 auto; max-width: 100%; max-height: 100%;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-pro-content .pro-pro-cont .pro-pro-tt{width: 100%; position: relative; text-align: center; margin-top: 60px;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-pro-content .pro-pro-cont .pro-pro-tt b{font-size: 18px; color: #000000; padding: 0 20px; display: inline-block; background-color: #ffffff; position: relative; z-index: 2;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-pro-content .pro-pro-cont .pro-pro-tt:after{content: ""; display: block; position: absolute; width: 100%; height: 1px; background-color: #000000; margin: auto; top: 0; bottom: 0; left: 0;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-pro-content .pro-pro-cont table{margin-top: 25px;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-pro-content .pro-pro-cont table tr{width: 100%; min-height: 30px; background: #ebebeb;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-pro-content .pro-pro-cont table tr td{/*display: block;*/ /*float: left;*/ /*width: 22.22222222%;*/ font-size: 14px; color: #2a2a2a; font-family: "微软雅黑", "Arial", serif; min-height: 30px; line-height: 30px;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-pro-content .pro-pro-cont table tr td.td1{width: 33.33333333%; padding-left: 11.11111111%;}
.product-xq-wrap .product-xq .products-cont .pro-cont-left .pro-pro-content .pro-pro-cont table tr td.td2{width: 66.66666667%; padding: 0 2.22222222% 0 2.22222222%;}
@media (max-width: 768px){.product-xq-wrap .product-xq .products-cont .pro-cont-left{float: none; width: 100%;}}
.product-xq-wrap .product-xq .products-cont .pro-cont-right{width: 22.91666667%; float: right;}
.product-xq-wrap .product-xq .products-cont .pro-cont-right em{height: 50px; display: block; width: 100%; line-height: 50px; background-color: #5e5e5e; text-align: center; font-size: 16px; font-family: "Arial", "微软雅黑", serif; color: #ffffff;}
.product-xq-wrap .product-xq .products-cont .pro-cont-right .xg-ppro{border: 1px solid #dadada; padding-bottom: 50px;}
.product-xq-wrap .product-xq .products-cont .pro-cont-right .xg-ppro a{width: 83.63636364%; border-bottom: 1px dashed #dadada; margin: 0 auto; padding-bottom: 25px; display: block;}
.product-xq-wrap .product-xq .products-cont .pro-cont-right .xg-ppro a .xx-ii{width: 52.17391304%; display: block; position: relative; margin: 0 auto;}
.product-xq-wrap .product-xq .products-cont .pro-cont-right .xg-ppro a .xx-ii:after{content: ""; display: block; width: 100%; padding-bottom: 109.85915493%;}
.product-xq-wrap .product-xq .products-cont .pro-cont-right .xg-ppro a span{display: block; font-family: "Arial", "微软雅黑", serif; font-size: 14px; color: #525252; line-height: 20px; height: 40px; overflow: hidden; margin-top: 5px;}
@media (max-width: 768px){.product-xq-wrap .product-xq .products-cont .pro-cont-right{display: none;}}
.pub_form_ul li input[type="text"]{line-height:30px!important;height:30px!important;}
a.l-btn span.l-btn-left{height:auto!important;}
a.l-btn{padding-right: 16px!important;}
label{margin-bottom: 1px!important;}
.pub_form_ul li label{margin-right: 0px!important;}
.panel{margin-bottom: 0px!important;}
.panel_inner .tip{padding: 0px!important;}
.panel-body{padding: 0px;}
a{-webkit-transition:all 0 ease 0!important;transition:all 0 ease 0!important;}
/*# sourceMappingURL=style.css.map */
/* 2.百度地图个别小图片隐藏（每个模板都需要用到）： */
.BMapLib_nav{display:none;padding:10px!important;}
.BMapLib_bubble_content{padding:10px!important;}
.BMapLib_sendToPhone,.BMapLib_bubble_close{display:none;}
.BMap_cpyCtrl{display:none;}
.BMapLib_trans{margin:0!important;}
.BMap_Marker img{max-width:39px;}
/*# sourceMappingURL=style.css.map */
#contact-form .validate-on{border: 1px solid #ff0000; box-shadow: 0 0 1px #ff0000;}
#pro_left{width:30%;float:left;}
#pro_right{width:65%;float:right;}
@media (max-width: 640px){#pro_left{width:100%;}#pro_right{width:100%;}}
.fn-suspend{margin-right: 20px\0;}

/*新增--搜索功能*/
@media (max-width: 1160px){#mainmenu a{width: 54px;}}
.top .top-right .btnss img{max-width: 25px}
.search{z-index: 9; position: relative; /*float: right;*/ line-height: 80px;}
/*@media (min-width:769px){*/ .search{margin-left: 20px;}
/*}*/
.search .btn-search-max{z-index: 2; -webkit-transition: All .2s ease-in-out; transition: All .2s ease-in-out; position: relative}
.search .btn-search-max *{display: inline-block; vertical-align: middle}
.search .btn-search-max:active .icon1{-webkit-animation: myAnimateRotateSwing .2s ease-in 1; animation: myAnimateRotateSwing .2s ease-in 1}
.search .search-main{top: 75px; right: 0px; z-index: 9; width: 320px; display: none; padding: 0 30px 10px 10px; position: absolute; background-color: #666;}
@media (max-width: 768px){#logo, #logo .inner{width: 60%;}}
@media (max-width:505px){.search .search-main{width:250px;}}
.search .search-main a{color: #333}
.search .search-main .search-container{background-color: #fff; padding-left: 0; overflow: hidden; margin-top: 10px; position: relative}
.search .search-main .search-container .search-type{overflow: hidden; left: 1px; top: 0; width: 72px; height: 32px; padding: 0 10px; line-height: 32px; position: absolute; cursor: pointer; color: #333; border-right: solid 1px #ccc}
.search .search-main .search-container .search-type:after{content: ""; right: 10px; top: 50%; margin-top: -2.5px; border-style: solid dashed dashed; border-color: #bbb transparent transparent; border-width: 5px; width: 0; height: 0; position: absolute}
.search .search-main .search-container .search-type:active{background-color: #41b3e7}
.search-controller{height: 32px}
.search .search-main .search-container .form-control{text-align: left; border: 0; box-shadow: 0; border-radius: 0; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -mz-border-radius: 0; font-size: 12px; color: #333; line-height: 20px; vertical-align: top; padding: 6px 48px 6px 10px; -webkit-appearance: none; background-color: #fff}
.search .search-main .search-container .btnss{top: 0; border: 0; right: 0; color: #fff; width: 40px; height: 32px; line-height: 26px; text-align: center; position: absolute; cursor: pointer; border-radius: 0; background-color: #ED5637}
.search .search-main .search-type-chose{text-align: center; width: 72px; padding: 5px 0; cursor: pointer; color: #fff; margin-left: 1px; background-color: #41b3e7; display: none}
.search .search-main .search-type-chose li{line-height: 24px; transition: All .2s ease-in-out; -webkit-transition: All .2s ease-in-out; -moz-transition: All .2s ease-in-out; -o-transition: All .2s ease-in-out}
.search .search-main .search-type-chose li.active{background-color: #249ed6; color: #fff}
.search .search-main .icon2{position: absolute; width: 20px; height: 20px; right: 5px; top: 15px; cursor: pointer}
.search .search-main .icon2:hover{filter: contrast(1.5); -webkit-filter: contrast(1.5); -moz-filter: contrast(1.5); -o-filter: contrast(1.5); -mz-filter: contrast(1.5)}
.search .search-main .placeholder{margin-top: 7px}
#search-closed{right: 0; top: 10px; max-width: 30px; position: absolute; cursor: pointer}
@media(max-width:360px){.search{margin-left: 5px;} .top-wrap .top .top-right a.phone-nav{margin: 28px 5px 0 5px;}}

/*客户新增样式*/
.news-in-zhangjianfei{float: left; width: 100%; margin-bottom: 2.08333333%;}
.news-in-zhangjianfei>a{width: 33%; float: left; padding: 9px;}
.news-in-zhangjianfei a .news-wen{background-color: #f8f8f8; position: relative; padding: 10px;}
.news-in-zhangjianfei a .news-wen span{height: 25px; overflow: hidden; display: inline-block; line-height: 25px;}
.news-in-zhangjianfei a .news-wen p{height: 44px; overflow: hidden;}
.news-in-zhangjianfei a .news-wen .zhangjianfei-i{display: block; font-size: 14px; color: #707070; height: 18px; line-height: 18px; overflow: hidden; font-family: "微软雅黑", serif; position: relative; z-index: 2; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s;}
.news-in-zhangjianfei a .news-wen em{display: block; width: 105px; height: 34px; font-size: 12px; color: #6e6e6e; line-height: 34px; overflow: hidden; font-family: "微软雅黑", serif; margin-top: 24px; text-align: center; border: 1px solid #dfdfdf; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: relative; z-index: 2;}
@media(max-width:660px){.news-in-zhangjianfei>a{width: 100%}}
.index-banner{overflow: hidden; height:auto!important;}