@charset "UTF-8";
/*=========== PC public CSS ===========*/
*,:before,:after{ margin:0; padding:0; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img{ margin:0; padding:0;}
body{ font-family:"Microsoft YaHei","微软雅黑"; color:#232323; font-size: 16px; line-height: 1.7; margin:0 auto; background-color:#FFF;overflow-x: hidden;}
ol,ul,li{list-style:none;}
i,em{font-style: normal;}
a{ color:#232323; text-decoration:none; outline:none; cursor:pointer;}
a:hover, a:active, a:link, a:visited{ text-decoration:none;}
img{ max-width: 100%; border:none;}

input,select,textarea,button{color:#333;font-size:16px;font-family:"Microsoft Yahei",sans-serif;outline:none; border: none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
input, button{ border-radius:0; -webkit-appearance:none;} /*清除IOS默认圆角*/
textarea{ resize :none; outline:none; border: none;} /*去除右下角拖动边框标识*/
input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/
input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none; outline:none;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}

table{ border-collapse: separate;} /*边线重叠*/
.clearfix:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}

.transition{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}

.wrap{width: 96%; max-width: 1200px;margin: 0 auto;}

/* index style */
.toTop{display: none;width: 0;height: 0;}
.fix-ser{position:fixed;right:0;top:40%;z-index: 99999;}
.fix-ser li{background-color: #FF8000;height: 70px;position: relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin-bottom: 4px;left: 0;cursor: pointer;}
.fix-ser li .fix-fl{float: left;width: 77px;text-align: center;color: #FFF;text-align: center;margin-top: 10px;font-size: 15px;}
.fix-ser li .fix-fl img{width: 20px;display: inline-block;vertical-align: middle;margin-bottom: 4px;}
.fix-ser li .fix-fr{position: absolute;top:0;bottom:0;right: 77px;width: 170px; background-color: #FF8000;padding: 12px 20px;line-height: 26px;display: none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.fix-ser li .fix-fr i{display: block;color: #FFF;}
.fix-ser li .fix-fr a{display: block;color: #FFF;font-size: 16px;}
.fix-ser li:hover .fix-fr{display: block;}
.fix-ser li.fix-totop{display: none;}

.fix-foot{position: fixed;bottom:0; width: 100%;height:50px;line-height: 50px; display: none;z-index: 999;background-color: #FFF;-webkit-border-top-left-radius: 10px;border-top-left-radius: 10px;-webkit-box-shadow: 0px 1px 10px rgba(66,66,66,.4);-moz-box-shadow: 0px 1px 10px rgba(66,66,66,.4);-ms-box-shadow: 0px 1px 10px rgba(66,66,66,.4);-o-box-shadow: 0px 1px 10px rgba(66,66,66,.4);box-shadow: 0px 1px 10px rgba(66,66,66,.4);}
.fix-foot li{float: left;text-align: center;}
.fix-foot li.fix-lm{width: 48%;}
.fix-foot li.fix-cn{float: right;width: 52%;background-color: #FF8000;border-right: none;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;}
.fix-foot li.fix-cn a{color: #FFF;}
.fix-foot li a{display: block;color: #333;font-size: 18px;}
.fix-foot li img{width: 20px;height: auto;vertical-align: middle;margin-top: -2px;margin-right: 6px;}

@media screen and (max-width:768px){
	body{padding-bottom: 60px;}
	.footer,.fix-ser,.link-copyright{display: none;}
	.fix-foot{display: block;}
	.fix-ask{display: none;}
}
@media screen and (max-width:480px){
	.fix-foot li.fix-lm{width: 40%;}
	.fix-foot li.fix-cn{width: 60%;}
	.fix-foot li a{font-size: 16px;}
}
@media screen and (max-width:360px){
	.fix-foot li a{font-size: 14px;}
}

/* banner */
.top-show{position: relative;width: 100%;background: url(../images/ban.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-ms-background-size: cover;background-size: cover;}
.top-show .wrap{position: relative;}
.logo{float: left;width: 200px;margin-top: 15px;}
.logo img{width: 100%;height: auto;vertical-align: middle;}
.navBtn{float: right;cursor: pointer;display: none;}
.navBtn img{width: 32px;height: auto;vertical-align: middle;}
.nav{float: right;}
.nav li{float: left;margin-left: 60px;position: relative;line-height: 80px;}
.nav li:after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 3px;background-color: #FF8000;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.nav li:hover:after,.nav li.on:after{width: 100%;}
.nav li a{display: block; color: #333;font-weight: 600; font-size: 18px;letter-spacing: 0.2px; -moz-transition: ease-out 0.3s 0.1s;-o-transition: ease-out 0.3s 0.1s;-webkit-transition: ease-out 0.3s; transition: ease-out 0.3s 0.1s;}
.nav li:hover a,.nav li.on a{color: #FF8000;}


.banner{color: #FFF;}
.banner .slick-slide{outline: none;}
.banner .slick-dots {position: absolute;right: 0;bottom: 200px;width: 20px;z-index: 1;}
.banner .slick-dots li {position: relative;width: 20px;height: 20px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;margin-bottom: 14px;-moz-transition: all .25s;-webkit-transition: all .25s;-o-transition: all .25s;transition: all .25s;background-color: #FFF;}
.banner .slick-dots:before {content: '';position: absolute;top: -120px;left: 8px; width: 2px;height: 100px;background-color: #FFF;}
.banner .slick-dots li.slick-active { background:#FF8000; -webkit-transform: rotateX(360deg);-moz-transform: rotateX(360deg);-o-transform: rotateX(360deg);-ms-transform: rotateX(360deg);transform: rotateX(360deg);transition: transform 2s;}
.banner .slick-dots li.slick-active button{color: #FFF;}
.banner .slick-dots li button:before{display: none;}
.banner .slick-dots li button{ position: absolute; top: 0;right: 0;overflow: hidden;color: #333;cursor: pointer;outline: none;border: none;font-size: 14px;background: transparent;width: 100%;text-align: center;height: 20px;line-height: 20px;margin: 0;padding: 0;}

.ban-con{width: 80%;padding: 120px 0 160px;}
.ban-con .ban-txt{display: block;font-size: 50px;line-height: 1.2;color: #FFF;font-weight: bold;}
.ban-con .ban-txt:hover{color: #FF8000;}
.ban-font p{margin-top:50px;color:#FFF;font-size:18px;line-height:20px}
.ban-font p:before{content:'';display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../images/ban-icon.png) no-repeat;margin-right:10px}

.ban-btn{display: inline-block; color: #FFF;font-size: 15px;border:2px solid #FFF;padding: 0 24px;line-height: 40px;margin-top: 20px;-webkit-transition: 0.5s ease-in;-moz-transition: 0.5s ease-in;-ms-transition: 0.5s ease-in;-o-transition: 0.5s ease-in;transition: 0.5s ease-in;margin-left: 5px;margin-top: 60px;}
.ban-btn:hover{background-color: #FF8000;border-color:#FF8000;color: #FFF;}

@media screen and (max-width:1400px){
	.banner .slick-dots{right: 100px;}
}
@media screen and (max-width:1000px){
	.nav li{margin-left: 46px;}
}
@media screen and (max-width:900px){
	.logo{width: 180px;}
	.nav li{margin-left: 36px;}
}
@media screen and (max-width:768px){
	.logo{margin-top: 0;width: 160px;}
	.navBtn{display: block;margin-top: 8px;}
	.header{position: relative;padding: 10px 0;}
	.nav{display: none;position: absolute;top: 100%;right: 0;z-index: 9999;background-color: #FFF;-webkit-box-shadow: 0 0 6px rgba(0,0,0,.5);-moz-box-shadow: 0 0 6px rgba(0,0,0,.5);-ms-box-shadow: 0 0 6px rgba(0,0,0,.5);-o-box-shadow: 0 0 6px rgba(0,0,0,.5);box-shadow: 0 0 6px rgba(0,0,0,.5);width: 136px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
	.nav ul:before{content: ""; position: absolute;top: -10px;right: 12px;width: 0;border-bottom: 10px solid #fff;border-right: 15px solid transparent;border-left: 15px solid transparent;}
	.nav li:after{display: none;}
	.nav ul li{width: 100%;margin-left: 0;text-align: center;line-height: 46px;}
	.nav ul li a{display: block; padding: 0;color: #333;letter-spacing: 0;font-size: 16px; }
	.nav ul li.on a{color: #3C5DC5;}


	.ban-con{padding: 100px 60px;}
	.ban-con .ban-txt{font-size: 40px;}
	.ban-font p{margin-top: 32px;}
	.ban-btn{margin-top: 30px;}
}
@media screen and (max-width:680px){
	.ban-con{width: 100%;text-align: center;}
	.ban-con .ban-txt{font-size: 36px;}
	.ban-font p{font-size: 16px;}
	.ban-font p:before{display: none;}
	.top-show.top-bg{min-height: 120px;}
}
@media screen and (max-width:420px){
	.ban-con{padding: 60px 0;}
	.ban-con .ban-txt{font-size:30px;}
	.ban-font p{margin-top: 24px;}
	.navBtn img{width: 30px;}
}

/* index-good style */
.show-good{background-color: #F6F6F6;}
.good-base{position: relative;}
.good-pic{position: absolute;left: 36%;top:24%;width: 28%;-webkit-animation: picUp 15s ease infinite;animation: picUp 15s ease infinite;}
.good-pic img{width: 100%;height: auto;}
@-webkit-keyframes picUp{   
	0%,100%{-webkit-transform:translateX(0);}  
	10%,30%,50%,70%,90%{-webkit-transform:translateY(-10px);}  
	20%,40%,60%,80%{-webkit-transform:translateY(10px);}
}
@keyframes picUp{   
	0%,100%{transform:translateY(0);}  
	10%,30%,50%,70%,90%{transform:translateY(-10px);}  
	20%,40%,60%,80%{transform:translateY(10px);}
}

.good-show{width: 28%;}
.good-fl{float: left;}
.good-fr{float: right;}
.good-show li{border-bottom:1px solid #E1E1E1;padding:50px 0;position: relative;}
.good-show li:last-child{border-bottom:none;}
.good-show span{position: absolute;top: 50px;color: #C8C8C8;font-size: 60px;font-weight: bold;line-height: 1.1;}
.good-fl li{padding-right: 100px;text-align: right;}
.good-fl span{right: 0;}
.good-fr li{padding-left: 100px;}
.good-fr span{left: 0;}
.good-show strong{font-size: 24px; font-weight: normal; margin-bottom:10px;line-height: 1.3;display: block;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.good-show p{color: #666; line-height: 24px;height: 72px;font-size: 15px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

@media screen and (max-width:1200px){
	.good-show{width: 32%;}
}
@media screen and (max-width:768px){
	.good-pic{display: none;}
	.good-show{width: 48%;}
	.good-fl li{padding-left: 80px;padding-right: 0; text-align: left;}
	.good-fl span{left: 0;}
	.good-fr li{padding-left: 80px;}
	.good-show span{font-size: 48px;}
}
@media screen and (max-width:500px){
	.good-show{width: 100%;}
	.good-show li{padding-top: 20px;padding-bottom: 20px;}
	.good-show span{top:16px;font-size: 32px;}
	.good-show li:last-child{border-bottom: 1px solid #E1E1E1;}
	.good-show p{height: auto;}
	.good-show strong{font-size: 22px;}
	.good-fl li,.good-fr li{padding-left: 55px;}
}



/* index-pro style */
.hots-fl{float: left;width: 42%;}
.hots-fr{float: right;width: 56%;}
.hots-pic a{display: block;position: relative;padding-top:75%;overflow: hidden;}
.hots-pic a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-ms-border-radius: 10px 10px 0 0;-o-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.hots-info{padding:20px;background: #fff;-webkit-box-shadow: 0 25px 98px 0 rgba(19, 19, 19, 0.1);box-shadow: 0 25px 98px 0 rgba(19, 19, 19, 0.1);-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-ms-border-radius: 0 0 10px 10px;-o-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;border:1px solid #F9F9F9;}
.hots-info a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 20px;font-weight: bold;line-height: 1.5;}
.hots-info a:hover{color: #FF8000;}
.hots-info p{line-height: 28px;height: 56px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #555;margin-top: 8px;}

.hots-fr ul{margin-left: -3%;}
.hots-fr ul li{float: left;width: 47%;margin-left: 3%;position: relative;margin-bottom: 20px;overflow: hidden;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.hots-fr li .fr01{display: block;position: relative;padding-top:75%;}
.hots-fr li .fr01 img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.hots-fr li .fr02{position: absolute;left: 0;right: 0;bottom: 0;line-height: 40px;background-color: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);color: #FFF;text-align: center;font-size: 18px;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-ms-border-radius: 0 0 10px 10px;-o-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 4px;}
.hots-fr li:hover .fr01 img,.hots-pic a:hover img{-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);-o-transform:scale(1.08,1.08);transform:scale(1.08,1.08);}
.hots-fr li:hover .fr02{color: #FF8000;}

@media screen and (max-width:1000px){
	.hots-info{padding: 10px;}
}
@media screen and (max-width:768px){
	.hots-fl{width: 100%;}
	.hots-fr{width: 100%;margin-top: 20px;}
}
@media screen and (max-width:480px){
	.hots-info a{font-size: 18px;}
	.hots-info p{font-size: 15px;}
	.hots-fr li .fr02{font-size: 16px;line-height: 36px;}
	.hots-fr{margin-top: 12px;}
	.hots-fr ul li{margin-bottom: 12px;}
}

/* index-about style */
.index-about{background: url(../images/about-bg.jpg) no-repeat center top;background-attachment: fixed;background-size: cover;background-attachment: fixed;position: relative;z-index: 0;}
.index-about:before{content: "";position: absolute;left: 0;top: 0;bottom:0;right:0; background-color: rgba(21,21,21,0.8);z-index: -1;}

.about-main{background:url(../images/about-line.png) repeat-y 50% top rgba(255,255,255,0.85);margin:0 auto;padding:50px 0;text-transform: capitalize;}
.about-main strong{ display: block; font-size:32px; color:#FF8000; font-weight:bold; line-height:1.2;margin-bottom: 24px;}
.main-afl{float:left; width:50%;padding: 0 50px;}
.main-afl p{font-size:16px; line-height:32px; color:#333;}
.main-afr{float:right; width:50%;padding: 0 50px 0 100px;}
.main-afr ul{clear:both;}
.main-afr ul li{background:url(../images/about-dot.png) no-repeat left center; font-size:16px; padding-left:20px;line-height: 36px; }
.main-afr ul li span{display:inline-block; width:80px;font-size: 20px;}
@media screen and (max-width:1100px){
	.index-about{padding: 66px 0;}
	.main-afr{padding: 0 50px;}
	.about-main strong{font-size:26px;}
}
@media screen and (max-width:660px){
	.index-about{padding: 44px 0;}
	.about-main{background: rgba(255,255,255,.8);padding: 20px;}
	.main-afl,.main-afr{width: 100%;padding: 0;}
	.main-afr{border-top:1px dashed #666;margin-top: 20px;padding-top: 20px;}
	.about-main strong{font-size: 24px;margin-bottom: 10px;}
}
@media screen and (max-width:420px){
	.index-about{padding: 20px 0;}
}

/* index-case style */
.index-word{overflow: hidden;}
.index-word h2{color: #222;font-size: 30px;line-height: 1.2;margin-bottom: 25px;}
.index-word .index-fl{float: left;width: 48%;}
.index-word .index-fr{float: right;width: 48%;}
.index-fl li{margin-bottom: 22px;overflow: hidden;}
.index-fl li .case-pic{float: left;width: 180px;margin-right: 15px;}
.index-fl li .case-pic a{display: block;position: relative;padding-top: 67%;}
.index-fl li .case-pic a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.index-fl li .case-txt{display: block;overflow: hidden;}
.index-fl li .case-txt h3 a{display: block;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 22px;line-height: 1.2;margin-top: 5px;margin-bottom: 15px;}
.index-fl li .case-txt h3 a:hover{color: #FF8000;}
.index-fl li .case-txt p{color: #444;font-size: 16px;height: 52px;line-height: 26px;margin-top: 5px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-fr li{line-height: 30px;padding: 12px 0;border-bottom: 1px dashed #DDD;}
.index-fr li:last-child{border-bottom:none;}
.index-fr li a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;padding-left: 16px;}
.index-fr li a:before{content: "";position: absolute;left: 0;top: 12px;width: 6px;height: 6px;background-color: #444;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.index-fr li a:hover{color: #FF8000;}
.index-fr li a:hover:before{background-color: #FF8000;}

.index-word .index-solu{width: 100%;}
.index-solu ul{margin-left: -3%;}
.index-solu ul li{float: left;width: 47%;margin-left: 3%;}

@media screen and (max-width:900px){
	.index-word .index-fl{width: 100%;}
	.index-word .index-fr{width: 100%;margin-top: 10px;}
	.index-solu ul{margin-left: 0;}
	.index-solu ul li{width: 100%;margin-left: 0;}
}
@media screen and (max-width:768px){
	.index-word h2{font-size: 28px;margin-bottom: 20px;}
}
@media screen and (max-width:520px){
	.index-fl li .case-pic{width: 160px;}
	.index-fl li .case-txt h3 a{margin: 2px 0 8px;font-size: 18px;}
	.index-fl li{margin-bottom: 16px;}
	.index-word h2{font-size: 24px;}
}
@media screen and (max-width:420px){
	.index-fr li{padding: 6px 0;font-size: 15px;}
	.index-fl li .case-txt p{font-size: 15px;}
}
@media screen and (max-width:360px){
	.index-fl li .case-pic{width: 120px;margin-right: 10px;}
	.index-fl li .case-txt p{height: 48px;line-height: 24px;}
}


/* index-foot style */
.footer{background-color: #1c1c1c;padding:16px 0;font-size: 15px;line-height:24px;color: #FFF;text-align: center;}
.footer a{color:#FF8000;margin-left: 10px;}
.footer a:hover{text-decoration: underline;}

.link-copyright{padding: 16px 0;line-height: 24px;font-size: 15px;}
.link-copyright p a{color: #333;margin-right: 20px;}
.link-copyright p a:hover{color: #FF8000;}

@media screen and (max-width:420px){
	.footer{font-size: 14px;}
}

/* about style */
.place-show{border-bottom:1px solid #E6E6E6;}
.place-show img{width: 100%; min-height: 120px;vertical-align: middle;-webkit-object-fit: cover;object-fit: cover;}
.place-icon{padding-left: 26px;position: relative;line-height: 30px;padding: 20px 0;}

.type-name{float: left;}
.type-name a{display: inline-block;color: #333;padding-right: 20px;}
.type-name a:hover{color: #FF8000;}
.type-name a:after{content: "";display: inline-block;vertical-align: middle;width: 1px;height: 20px;background-color: #CCC;margin-left: 20px;}
.type-name a:last-child:after{display: none;}
.place-show ol{float: right;  font-size: 15px;}
.place-show ol:before{content: "";display: inline-block;vertical-align: middle;width: 16px;height: 14px;margin-top: -4px; background: url(../images/icon-place.png) no-repeat left center;margin-right: 6px;}
.place-show li{display: inline-block;color: #666;}
.place-show li a{color:#333;}
.place-show li a:hover{color:#FF8000;}
@media screen and (max-width:768px){
	.place-show ol{font-size: 14px;white-space: nowrap;overflow-x: scroll;}
	::-webkit-scrollbar{display:none;}
}


.about-con p{line-height: 32px;margin-top: 20px;}
.about-con p img{width: 100%;height: auto;vertical-align: middle;}

.about-ser h2{font-size: 36px;text-align: center;line-height: 1.2;margin-bottom: 10px;}
.list-ser{margin-left: -2.3%;}
.list-ser li{float: left;width: 31%;margin-left: 2.3%;background-color: #EEE;}
.list-ser li img{width: 100%;height: auto;vertical-align: middle;}
.ser-info{padding: 20px 16px;text-align: center;}
.ser-info span{display: block;color: #FF8000;font-size: 24px;line-height: 1.2;}
.ser-info p{font-size: 15px;line-height: 26px;margin-top: 8px;color: #444;}
.list-ser li.about-ser01{border-bottom:2px solid #2e41f5;}
.list-ser li.about-ser02{border-bottom:2px solid #FF8000;}
.list-ser li.about-ser03{border-bottom:2px solid #EF425A;}
@media screen and (max-width:800px){
	.list-ser li{width: 47.7%;margin-bottom: 20px;}
}
@media screen and (max-width:600px){
	.list-ser{margin-left: 0;}
	.list-ser li{width: 100%;margin-left: 0;}
}
@media screen and (max-width:420px){
	.ser-info{padding: 12px 10px;}
	.ser-info span{font-size: 22px;}
}

/* product style */
.type-more{display: none;}
.type-more a{float: left;  width: 23%;margin: 0 1%;border:1px solid #FF8000;line-height: 20px;text-align: center;padding: 10px 6px;}
.list-prod .hots-fr{float: left;width: 100%;}
.list-prod .hots-fr ul li{width: 30.3%;}

.inner-show{background-color: #F5F5F5;padding: 30px 0;}
.con-show{margin-top: 40px;}
.pro-con{background-color: #FFF;padding: 30px;}
.con-main{float: left; width: 71%;}
.prod-pic{float: left;width: 41%;}
.prod-pic img{width: 100%;height: auto;vertical-align: middle;}
.prod-info{float: right;width: 56%;}
.prod-info h1{font-size: 30px;line-height: 1.2;margin-bottom: 16px;}
.pro-con p{line-height: 30px;margin-bottom: 8px;}
.pro-con p strong{padding-right: 4px;}

.txt-tel{display: block;font-size: 18px;padding-left: 36px;margin-top: 20px;background: url(../images/pro-tel.png) no-repeat left center;}
.txt-tel strong{font-size: 22px;font-weight: bold;color: #FF8000;}
.link-base{overflow: hidden;margin-top: 20px;}
.link-base a{float: left;display: block;line-height: 40px;text-align: center;width: 180px;background-color: #FF8000;border: 2px solid #FF8000;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;color: #FFF;margin-right: 16px;}
.link-base a.two{background-color: #5483ee;border-color: #5483ee;}
.link-base a:hover{background-color: #FFF;color: #FF8000;}
.link-base a.two:hover{color: #5483ee;}

.pro-detail{line-height: 30px;background-color: #FFF;padding: 30px;}
.pro-detail h3{font-size: 28px;line-height: 1.2;margin-bottom: 16px;background: url(../images/pro-txt.png) no-repeat left center;padding-left: 32px;}
.pro-detail p{margin-bottom: 16px;color: #52575e;}
.pro-detail p img{max-width: 100%;height: auto;vertical-align: middle;}
.mobile{display: none;}
.pro-tops{margin-top: 30px;}

.con-side{float: right; width: 27%;}
.side-news,.side-pro{padding: 20px;background: #FFF;margin-bottom: 30px;}
.side-news strong,.side-pro strong{position: relative; display: block;font-size: 26px;margin-bottom: 30px;line-height: 30px;}
.side-news strong:before,.side-pro strong:before{content: "";position: absolute;bottom: -15px;left: 18%;height: 4px;width: 15px;background-color:#DDD;}
.side-news strong:after,.side-pro strong:after{content: "";position: absolute;left: 0;bottom: -15px;height: 4px;width: 15%;background-color: #FF8000;}
.side-news ul li{border-bottom: 1px dashed #DDD;padding: 10px 0;}
.side-news ul li:last-child{border-bottom:none;}
.side-news ul li a{display: block;font-size: 15px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 30px;color: #666;}
.side-news ul li a:before{content: '';display: inline-block;vertical-align: middle;width: 5px;height: 5px;background-color: #444;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;margin-right: 8px;margin-top: -2px;}
.side-news ul li:hover a{color: #FF8000;}
table td{padding:5px;word-break: break-all;font-size: 15px;}
.longword-form.longword-pro{margin: 0 5%;width: 90%;}

.side-pro li{padding: 10px 0;}
.side-fl{width: 100px;float: left;margin-right: 10px;}
.side-fl a{display: block;padding-top: 75%;position: relative;}
.side-fl a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.side-fr{display: block;overflow: hidden;line-height: 1.5;padding:10px 0;}
.side-fr a{display: block;font-size: 18px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.side-fr a:hover{color: #FF8000;}
.side-fr p{font-size: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 6px;}

@media screen and (max-width:1000px){
	.con-side{width: 100%;margin-top: 20px;}
	.con-main{width: 100%;}
	.inner-show{padding: 20px 0;}
	.pro-con,.pro-detail{padding: 20px;}
	.pro-tops{margin-top: 20px;}
}
@media screen and (max-width:768px){
	.mobile{display: block;}
	.computer{display: none;}
	.con-show{margin-top: 30px;}
	.prod-info h1{font-size: 26px;}
	.pro-detail h3{font-size: 24px;}
	.side-news strong, .side-pro strong{font-size: 22px;}
	.prod-pic{width: 100%;}
	.prod-info{width: 100%;margin-top: 10px;}
	.longword-form.longword-pro{margin: 0;width: 100%;}
	.list-prod .hots-fr ul li{width: 47%;}
	.type-name{display: none;}
	.type-more{display: block;}
	.place-icon{padding: 10px 0;}
	.place-show ol{float: left;}
}

@media screen and (max-width:480px){
	.con-show{margin-top: 20px;}
	.txt-tel{margin-top: 10px;}
	.link-base a{width:48%;line-height: 44px;font-size: 15px;margin-right: 2%;}
	.side-news{padding: 16px;}
	.side-news ul li{padding: 12px 0;}
	.side-news ul li a{font-size: 15px;}
	.prod-info h1{font-size: 24px;}
	.pro-detail h3{font-size: 22px;}
	.side-news strong, .side-pro strong{font-size: 20px;}
	.side-news, .side-pro{padding: 12px;}
	.inner-show{padding: 10px 0;}
	.pro-con,.pro-detail{padding: 10px;}
	.txt-tel strong{font-size: 18px;}
}
@media screen and (max-width:360px){
	.type-more a{font-size: 14px;}
}

/* message style */
.msg-show{background-color: #FFF;padding: 30px;margin-top: 30px;border:1px solid #FF8000; position: relative;}
.msg-show strong{display: block;font-size: 24px;color: #444;margin-bottom: 10px;}
.msg-show strong img{vertical-align: middle;width:40px;margin-right: 10px;margin-top: -6px;}
.msg-show p{line-height: 30px;margin-bottom: 24px;color: #444;}
.msg-show ul{overflow: hidden;margin-left: -2%;}
.msg-show ul li{float: left;position: relative;width: 48%;padding: 8px 5px;margin-left: 2%;margin-bottom: 20px;border: 1px solid #E2E2E2;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;background-color: #FFF;}
.msg-show ul li img{position: absolute;left: 10px;top: 15px;width: 20px;height: auto;}
.msg-show ul li input, .msg-show ul li textarea{color:#666;width: 100%;height: 32px; line-height: 32px;padding-left: 36px;}
.msg-show ul li.msg-area{width: 98%;height: 120px;padding-top: 10px;}
.msg-show ul li.msg-area textarea{height: 100px;}
.msg-show .msg-btn input{display: inline-block;line-height: 40px;padding:0 40px;color: #FFF;font-size: 18px;background-color: #FF8000;border:2px solid #FF8000; cursor: pointer;font-weight: bold;}
.msg-show .msg-btn input:hover{background-color: #fff;color: #FF8000;}
input:-webkit-autofill{-webkit-text-fill-color: #222;-webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;box-shadow: 0 0 0px 1000px #FFFFFF inset !important;}
input[type="checkbox"], input[type="radio"]{background-color: initial;cursor: default;-webkit-appearance: checkbox;box-sizing: border-box;margin: 3px 3px 3px 4px;padding: initial;border: initial;}

@media screen and (max-width:768px){
	.msg-show{padding: 20px;}
	.msg-show ul{margin-left: 0;}
	.msg-show ul li{width: 100%;margin-left: 0;}
	.msg-show ul li.msg-area{width: 100%;}
}
@media screen and (max-width:480px){
	.msg-show{padding-left: 12px;padding-right: 12px;}
	.msg-show ul li{margin-bottom: 12px;}
	.msg-show strong{font-size: 22px;}
	.msg-show p{font-size: 15px;line-height: 28px;}
	.msg-show ul li input, .msg-show ul li textarea{font-size: 15px;}
	.msg-show ul li img{width: 18px;top:16px;}
	.msg-privacy input{margin-right: 5px;}
	.msg-privacy{font-size: 14px;}
	.msg-show .msg-btn{right: 0;}
	.msg-show .msg-btn input{line-height: 42px;width: 100%;}
}
@media screen and (max-width:350px){
	.msg-privacy{font-size: 12px;}
}

/* contact style */
.msg-shows {position: relative; background-color: #FFF;}
.message-box{float: left;width: 66%;padding: 40px 60px; background: url(../images/bg-msgfl.jpg) no-repeat center bottom;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.message-box strong{display: inline-block;font-size:36px;color: #333;margin-bottom: 15px;line-height: 1.4;font-weight: bold;background: url(../images/msg-tit.gif) no-repeat right center;padding-right: 70px;}
.message-box p{font-size: 16px;color: #4e4e4e;line-height: 28px;margin-bottom: 40px;}
.message-box form {width: 100%;}
.message-box label {display: block;border-radius: 3px;margin-bottom: 22px;}
.message-box .inp{float: left;width: 49%;margin-right: 2%;border: 1px solid #DDD;padding: 12px 5px;position: relative;}
.message-box .inp input{width: 100%;height: 34px;line-height: 34px;font-size: 16px;color: #666;border: 0;outline: 0;font-family: "Microsoft Yahei"; background: transparent;padding-left: 40px;}
.message-box .inp input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;box-shadow: 0 0 0px 1000px #fff inset !important;-webkit-text-fill-color: #999999 !important;}
.message-box .inp img, .message-box .area img{position: absolute;left: 12px;top:16px;width: 24px;height: auto;}
.message-box .name, .message-box .tel {margin-right: 0;}
.message-box .area {overflow: hidden;width: 100%;border: 1px solid #DDD;padding: 12px 5px;position: relative;}
.message-box .area .txtarea {width: 100%;height: 120px;background: transparent;font-size: 16px;line-height: 1.5;color: #666;font-family: "Microsoft Yahei";padding-left: 40px;}
.message-box .sub-btn {width: 100%;}
.message-box .sub-btn .sub {background: #FF8000;font-size: 18px;line-height: 46px;height: 46px;color: #FFF;padding: 0 42px;border-radius: 3px;cursor: pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}.message-box .sub-btn .sub:hover {background: #1A202C;}

.msg-fr {position: absolute;right:0;top:0; width: 34%;height:100%;background: #4f5051 url(../images/bg-msgfr.png) no-repeat center;color: #FFF;padding: 40px 35px 164px;box-sizing: border-box;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.msg-fr strong {display: block; font-size: 32px;font-weight: normal;color: #FFF;padding-top: 40px;margin-bottom: 30px;font-weight: bold;}
.msg-fr p {font-size: 18px;padding-left: 50px;line-height: 36px;margin-bottom: 30px;}
.msg-fr .yx{background: url(../images/mag-fr01.png) no-repeat left center;}
.msg-fr .dz {background: url(../images/mag-fr02.png) no-repeat left 5px;}
.msg-fr .yx a{color: #FFF;}
.msg-fr .yx a:hover{color: #FF8000;}
.msg-fr .online {background: linear-gradient(to right, #e32929, #FF8000);width: 235px;line-height: 60px;font-size: 22px;color: #fff;text-align: center;margin: 0 auto;display: block;border-radius: 30px;margin: 50px auto 20px;cursor: pointer;-webkit-background-size: 120% 60%;-moz-background-size: 120% 60%;-ms-background-size: 120% 60%;-o-background-size: 120% 60%;background-size: 120% 60%;}
.msg-fr .online:hover{background-position: 100% 0;}

@media screen and (max-width:1000px){
	.message-box{padding: 20px;width: 100%;float: none;}
	.msg-fr{position: inherit;width: 100%;padding: 20px;}
	.msg-fr strong{padding-top: 0;}
	.message-box strong,.msg-fr strong{font-size: 32px;}
}
@media screen and (max-width:768px){
	.msg-show strong{font-size: 30px;-webkit-background-size: 46px auto;-moz-background-size: 46px auto;-ms-background-size: 46px auto;-o-background-size: 46px auto;background-size: 46px auto;}
	.message-box .inp{width: 100%;}
	.msg-show p{font-size: 16px;line-height: 30px;}
	.message-box strong,.msg-fr strong{font-size: 38px;}
}

@media screen and (max-width:480px){
	.message-box,.msg-fr{padding:15px}
	.msg-show strong{font-size: 26px;-webkit-background-size: 36px auto;-moz-background-size: 36px auto;-ms-background-size: 36px auto;-o-background-size: 36px auto;background-size: 36px auto;padding-right:48px;margin-bottom: 16px;}
	.msg-fr .online{width: 100%;height: 46px;line-height: 46px;font-size: 20px;margin: 20px auto;}
	.message-box label{margin-bottom: 12px;}
	.message-box p{margin-bottom: 20px;}
	.message-box .sub-btn .sub{width: 100%;}
	.message-box .inp{padding: 6px 5px;}
	.message-box .inp img, .message-box .area img{width: 20px;top: 14px;}
	.message-box .inp input{font-size: 15px;}
	.message-box .area .txtarea{height: 100px;font-size: 15px;}
	.msg-fr .yx,.msg-fr .dz{-webkit-background-size: 20px 20px;background-size: 20px 20px;}
	.msg-fr p{padding-left: 32px;margin-bottom: 16px;}
	.msg-show p{font-size: 15px;}
	.message-box strong,.msg-fr strong{font-size: 24px;}
}

/* news style */
.news-show{margin-left: -3%;}
.news-show li{float: left;width: 47%;margin-left: 3%;background-color: #FFF;-webkit-box-shadow: 0 6px 20px rgba(99,99,99,.2);-moz-box-shadow: 0 6px 20px rgba(99,99,99,.2);-ms-box-shadow: 0 6px 20px rgba(99,99,99,.2);-o-box-shadow: 0 6px 20px rgba(99,99,99,.2);box-shadow: 0 6px 20px rgba(99,99,99,.2);padding:36px 24px;margin-bottom: 40px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position: relative;}
.news-show li:before{content: "";position: absolute;left: 0;bottom: 0;width: 3px;height: 3px;background-color: #FF8000;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.news-show li:hover:before{height: 100%;}
.news-show li:hover{-webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px);transform: translateY(-5px);}
.news-show li:hover a{color: #FF8000;}
.news-show li a{display: block;color: #333;font-size: 20px;font-weight: 600;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-show li span{display: inline-block; color: #999;line-height: 18px;margin: 16px 0;}
.news-show li span img{float: left; width: 16px;margin-right: 6px;}
.news-show li p{line-height: 28px;height: 56px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #555;}

@media screen and (max-width:768px){
	.news-show li{padding: 20px 16px;margin-bottom: 20px;}
	.news-show li a{font-size: 18px;}
	.news-show li span{font-size: 14px;}
	.news-show li span img{width: 14px;}
}
@media screen and (max-width:660px){
	.news-show{margin-left: 0;}
	.news-show li{margin-left: 0;width: 100%;padding: 16px 12px;}
}
	
.list-page{padding: 60px 0 40px;}
.pagination{text-align: center;}
.pagination li{display: inline-block;line-height: 36px;text-align: center;}
.pagination li span,.pagination li a{display: block;padding:0 14px;color: #444;font-size: 18px;background-color: #fff;border:1px solid #dcdcdc;}
.pagination li.active span,.pagination li:hover a{background-color: #FF8000;border-color:#FF8000;color:#FFF;}
.pagination li span{cursor: pointer;}
@media screen and (max-width:768px){
	.list-page{padding: 30px 0 20px;}
	.pagination li span, .pagination li a{font-size: 16px;}
}
@media screen and (max-width:480px){
	.pagination li span, .pagination li a{font-size: 15px;}
}

.word-name{line-height: 1.5;margin-bottom: 40px;}
.word-name h1{font-size: 32px;}
.name-time{color: #888;font-size: 15px;margin: 12px 0 16px;}
.name-link{border:1px solid #fdc185;background: url(../images/news-head.png) #fffcf9 no-repeat 12px center;padding:20px 160px 20px 100px;position: relative;line-height: 28px;}
.name-link > a{position: absolute;right:20px;top:50px; display: inline-block; border:1px solid #FF8000;background-color: #FF8000;color: #FFF;padding: 0 20px;line-height: 40px;}
.name-link > a:hover{background-color: #fff;color: #FF8000;}
.name-link p{padding-left: 16px;font-size: 15px;margin-bottom: 0;}
.name-link p a{display: inline-block;font-size: 20px;font-weight: bold;color: #FF8000;}

.word-page{border-top:1px dashed #DDD;margin-top: 40px;padding-top: 10px;}
.word-page ul li{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 40px;}
.word-page ul li a{color: #333;}
.word-page ul li a:hover{color: #FF8000;}
@media screen and (max-width:1000px){
	.word-name h1{font-size: 30px;}
}
@media screen and (max-width:768px){
	.word-name{margin-bottom: 30px;}
	.word-name h1{font-size: 28px;}
	.name-txt{display: none;}
	.name-link > a{position: static;margin: 10px 16px 0;}
	.name-link{padding-right: 20px;}
	.word-page{margin-top: 40px;}
}
@media screen and (max-width:600px){
	.word-name h1{font-size: 26px;}
}
@media screen and (max-width:480px){
	.word-name h1{font-size: 24px;}
	.name-link{padding: 12px 12px 12px 100px;}
	.name-link p a{font-size: 18px;}
	.name-link > a{line-height: 36px;}
	.word-page{padding: 10px 16px;}
}

.news-fen strong{border-left:5px solid #FF8000;line-height: 1.1;font-size: 30px;padding-left: 10px;}
.news-fen ul{margin-top: 40px;}
.news-fen ul li{display: inline-block;margin-right: 10px;border:1px solid #DDD;line-height: 36px;padding: 0 16px;margin-bottom: 12px;}
.news-fen ul li a{display: block;}
.news-fen ul li:hover{background-color: #FF8000;}
.news-fen ul li:hover a{color: #FFF;}
@media screen and (max-width:768px){
	.news-fen strong{font-size: 26px;}
	.news-fen ul li{margin-right: 8px;}
	.news-fen ul{margin-top: 20px;}
}
@media screen and (max-width:480px){
	.news-fen strong{font-size: 24px;}
	.news-fen ul li{padding: 0 10px;margin-right: 5px;}
	.news-fen ul li a{font-size: 15px;}
}

.word-news{border-bottom:1px dashed #CCC;padding-bottom: 30px;margin-bottom: 30px;}
.word-news ul{margin-left: -3%;}
.word-news li{float: left;width: 47%;margin-left: 3%;}
.word-news li a{color: #555;font-size: 15px;line-height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.word-news li a:hover{color: #FF8000;}
@media screen and (max-width:700px){
	.word-news ul{margin-left: 0;}
	.word-news li{width: 100%;margin-left: 0;}
}


/* error style */
.error{text-align: center;}
.error img{max-width: 90%;height: auto;vertical-align: middle;}


/* public style */
.top-place{margin-top: 80px;}
.side-place{padding: 80px 0;}
.index-txt{line-height: 1.1;margin-bottom: 40px;text-align: center;}
.index-txt h1:after,.index-txt h2:after{content: "";width: 60px;height: 4px;background-color: #FF8000;position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;}
.index-txt h1{color: #151515;font-size: 32px;position: relative;padding-bottom: 20px;margin-bottom: 20px;}
.index-txt h2{color: #151515;font-size: 30px;position: relative;padding-bottom: 20px;margin-bottom: 20px;}
.index-txt p{line-height: 26px;}

@media screen and (max-width:1000px){
	.side-place{padding: 50px 0;}
	.top-place{margin-top: 50px;}
	.index-txt h1,.con-info h1,.pro-con h1{font-size: 30px;}
	.index-txt h2{font-size: 28px;}
}
@media screen and (max-width:768px){
	.side-place{padding: 40px 0;}
	.top-place{margin-top: 40px;}
	.index-txt{margin-bottom: 30px;}
	.index-txt h1,.con-info h1,.pro-con h1{font-size: 28px;}
	.index-txt h2{font-size: 26px;}
	.pro-lists{margin-top: 20px;}
	.toTop{position: fixed;right:10px;bottom:60px;z-index: 999;cursor: pointer;width: 40px;height:auto;display: none;}
	.toTop img{width: 100%;height: auto;vertical-align: middle;}
}
@media screen and (max-width:600px){
	.side-place{padding: 30px 0;}
	.top-place{margin-top: 30px;}
	.index-txt{margin-bottom: 24px;}
	.index-txt h1,.con-info h1,.pro-con h1{font-size: 26px;}
	.index-txt h2{font-size: 24px;}
	.pro-detail h3{font-size: 22px;}
}
@media screen and (max-width:480px){
	.index-txt{margin-bottom: 20px;}
	.index-txt h1,.con-info h1,.pro-con h1{font-size: 24px;}
	.index-txt h2{font-size: 22px;}
	.pro-detail h3{font-size: 20px;}
}
@media screen and (max-width:420px){
	.index-txt h1,.con-info h1,.pro-con h1{font-size: 22px;}
	.index-txt h2{font-size: 20px;}
}
.canshu_m{
	display: none;
}
@media screen and (max-width:720px){
	.canshu_pc{
		display: none;
	}
	.canshu_m{
		display: block;
	}
}