@font-face { font-family:"Medium";src: url("../css/fonts/Medium.ttf");}

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,img,ins,small,strong,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}

body{font-family:"Microsoft Yahei";min-width:320px; max-width: 1920px; background: #fff;margin:0 auto; font-size: 14px; color: #333;}

ol,ul,li{list-style:none outside none;}

a{ color: #333;text-decoration:none;color:inherit;cursor:pointer;outline:none;}

a:hover{color: #e94c3d;}

img{border:none;vertical-align:middle;max-width:100%;}

table{border-collapse:collapse;width:100%;}

tr,td,th{padding:0;margin:0;}

em,i{ font-style: normal; }

input,textarea,button,select{outline:none !important;}

a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); border: 0}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

i,em,b,strong{font-style:normal;font-weight:normal;}

input,textarea,select{padding:0;font-family:inherit;outline:none;resize:none;background:none;border:none;font-size:inherit;color:inherit;}

input::-webkit-input-placeholder {color: #999999;} 

input:-moz-placeholder {color: #999999;}

input::-moz-placeholder {color: #999999;} 

input:-ms-input-placeholder {color: #999999;}



.container{ max-width:1200px; margin: 0 auto;}

.container:after{content: ""; display: block; width: 100%; height: 1px; clear: both;}

.showdiv {opacity: 1 !important;visibility: visible !important;}

.scrollstyle{height: 100%;overflow: hidden;}

@media screen and (min-width:751px){

  .header,.footer,.page,.page-banner,.index-banner,.index-feature,.index-product,.index-about,.index-ability,.index-partner{min-width: 1280px;}

  .menu-mobile,.pagelist-mobile{display: none !important;}

}

@media screen and (max-width:750px){

  .container{ max-width:94%;}

  .pagelist{display: none !important;}

}





/*header*/

.header {height: 70px;}
.header .section{height: 70px; background: #fff; position: fixed; left: 0; top: 0; right: 0; z-index: 2; moz-box-shadow: 0 2px 4px rgba(81,81,81,0.14);-webkit-box-shadow: 0 2px 4px rgba(81,81,81,0.14);box-shadow: 0 2px 4px rgba(81,81,81,0.14);}
.header .logo{float: left; margin-top: 13px; height:44px;}

.header .logo img{display: block; height:44px;}

.header .btns{float: right; line-height: 36px; text-align: center; margin: 16px 0 0 10px;overflow: hidden;}

.header .btns a{ float: right; height: 36px; margin-left: 20px; width: 94px; border-radius: 50px; border:1px solid #333;}

.header .btns .login{background: #e94c3d; border-color: #e94c3d; color: #fff;}

@media screen and (max-width:750px){

	.header {height:46px;}
	.header .section{height:46px;}

	.header .logo{margin-top:8px; height:30px;}

	.header .logo img{height:30px;}

	.header .btns{display: none;}

	.header .switch{position: absolute;right: 12px; top: 0; height: 46px; width: 20px; background: url(../images/ico/menu.png) center no-repeat; background-size: contain;}

}



/*navmenu*/

.navmenu{text-align: center;float: right; height: 70px; position: relative;}

.navmenu li{float: left; font-size: 16px; position: relative;width:120px}

.navmenu li a{display: block; line-height:70px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.navmenu li a:after{ content: ""; position: absolute; left: 0; bottom: 0; width:0; height:4px;transition: 0.2s all linear;}

.navmenu .drop{display: none; position: absolute; left: 0; right: 0;background: #fff; z-index: 2;}

.navmenu .drop a{line-height: 40px; font-size: 14px}

.navmenu .drop a:after{height: 0}

.navmenu .active{color: #e94c3d}

.navmenu .active:after{ width: 100%;background: #e94c3d;}

@media screen and (max-width:750px){

	.navmenu{ opacity: 0;visibility: hidden;transition: all 0.3s ease-out 0s; text-align: left;float: none; height:auto;background: #fff; border-top: 1px solid #f5f6fa;position: fixed; left: 0; right: 0; top: 46px; bottom: 0;z-index: 5}

	.navmenu li{float: none;width:auto;}

	.navmenu li a{line-height:46px; padding: 0 24px;}

	.navmenu li a:after{height:1px;}

	.navmenu .drop{display: none !important; height: 0}

	.navmenu .active{color: #e94c3d}

	.navmenu .active:after{ width: 100%;background: #e94c3d;}

	.navmenu .close{position: absolute;right: 12px; top:-46px; height: 46px; width: 20px; background: url(../images/ico/close.png) center #fff no-repeat; background-size: contain;}

}



/*footer*/

.footer{ clear: both;background: #1b2327; padding-top:35px;color: #999999; overflow: hidden;}

.footer .ewm{float: right; margin-bottom:20px; text-align: center;overflow: hidden;}

.footer .ewm li{float: right; margin-left: 30px; width: 100px; color: #fff;}

.footer .ewm img{display: block;height: 100px; margin-bottom: 8px;}

.footer .contact{float: left; margin:0 85px 20px 0; overflow: hidden;}

.footer .logo{display: block;}

.footer .menu{margin-top: 25px;overflow: hidden;}

.footer .menu a{float: left; padding: 0 15px; color: #fff; line-height: 100%; border-right: 1px solid #999999}

.footer .menu a:first-child{padding-left: 0;}

.footer .menu a:last-child{padding-right: 0; border: 0}

.footer .copyright{clear: both; text-align: center; line-height: 28px; border-top: 1px solid #313131; padding: 10px 0;}

.footer .copyright a{display: inline-block; color: #999; margin-left: 5px;}

.footer .info{float: left; max-width: 475px; margin-bottom:20px;  overflow: hidden;}

.footer .info li{line-height: 26px;}

.footer a:hover{color: #fff !important;}

@media screen and (max-width:750px){

	.footer{padding-top:24px;}

	.footer .logo img{height:34px;}

	.footer .ewm{float: none; margin-bottom: 12px;}

	.footer .ewm li{float: none; display: inline-block;width:80px; margin:0 12px;}

	.footer .ewm img{height:80px; margin-bottom: 8px;}

	.footer .contact{float: none; margin:0 0 12px;}

	.footer .menu{display: none;}

	.footer .copyright{line-height:20px; font-size: 12px;}

	.footer .copyright a{margin-left:8px;}

	.footer .info{float: none; max-width: initial;}

	.footer .info li{line-height: 20px; font-size: 12px;}

}





/*======================首页====================*/

.index-banner{position:relative;overflow: hidden;}

.index-banner a,.index-banner img{display: block; margin: 0 auto;}

.index-banner .swiper-button-next, .index-banner .swiper-button-prev {width:40px;height:46px; margin-top: -24px;-moz-background-size: 40px 46px;-webkit-background-size: 40px 46px;background-size: 40px 46px;}

.index-banner .swiper-button-next{ right: calc(50% - 600px); background: url(../images/ico/next.png) center top no-repeat;background-size: contain;}

.index-banner .swiper-button-prev{ left: calc(50% - 600px); background: url(../images/ico/prev.png) center top no-repeat;background-size: contain;}

.index-banner .swiper-pagination{ bottom: 40px;}

.index-banner .swiper-pagination-bullet{background: #000; opacity: 0.4;width:60px; height:6px;border-radius:0;}

.index-banner .swiper-pagination-bullet-active{background: #e94c3d; opacity: 1;}

@media screen and (max-width:750px){

	.index-banner .swiper-button-next, .index-banner .swiper-button-prev {width:20px;height:24px; margin-top: -12px;-moz-background-size: 20px 24px;-webkit-background-size: 20px 24px;background-size: 20px 24px;}

	.index-banner .swiper-button-next{ right: 12px;}

	.index-banner .swiper-button-prev{ left: 12px;}

	.index-banner .swiper-pagination{ bottom:10px;}

	.index-banner .swiper-pagination-bullet{width:25px; height:3px;}

}



.index-feature{ padding: 50px 0 30px; background: #f5f6fa;overflow: hidden;}

.index-feature .menu{float: left; width: 440px; overflow: hidden;}

.index-feature .menu li{height: 150px;background: #fff; position: relative; cursor: pointer;}

.index-feature .menu li:after{content: ""; position: absolute; right: 30px; top: 50%; width: 46px; height: 46px; margin-top: -23px; background: url(../images/ico/more.png) center no-repeat;}

.index-feature .menu em{float: left; margin-left: 40px; line-height: 150px; font-family:"Medium"; font-size: 60px;}

.index-feature .menu p{float: left; font-size: 16px; margin:43px 0 0 25px;}

.index-feature .menu p span{font-size: 28px; font-weight: bold; display: block; margin-bottom:5px;}

.index-feature .menu .active{background: #e94c3d; color: #fff;}

.index-feature .menu .active:after{ background: url(../images/ico/more_h.png) center no-repeat;}

.index-feature .main{float: right; position: relative; width: 700px; min-height: 532px; overflow: hidden;}

.index-feature .main dl{height: 251px; margin-bottom:30px; overflow: hidden;}

.index-feature .main dt{float: left; width: 356px;}

.index-feature .main dt img{height: 251px; width:100%;}

.index-feature .main dd{float: right; width: 248px; color: #999999; line-height: 20px; padding: 80px 10px 0 85px;overflow: hidden;}

.index-feature .main dd:before{content: ""; display: block; width: 36px; height: 4px; background: #e94c3d; margin-bottom: 13px;}

.index-feature .main dd p{font-size: 24px; margin-bottom:10px; color: #090103; line-height:34px;}

.index-feature .main dl:last-child{margin: 0}

.index-feature .main dl:last-child dt{ float: right;}

.index-feature .main dl:last-child dd{ float: left;}

.index-feature .main li{width: 325px; margin-bottom:25px;}

.index-feature .main li h4{font-size: 20px; font-weight: bold; padding-left: 35px;background: url(../images/ico/ico.png) left center no-repeat;}

.index-feature .main li p{font-size: 18px; line-height: 28px; text-align: justify; margin-top: 12px; letter-spacing: 2px;}

.index-feature .main .last{margin: 0;position: absolute; right: 0; top: 0;}

.index-feature .main .last img{display: block; margin-top:35px;}

@media screen and (max-width:750px){

	.index-feature{ padding:30px 0 15px;}

	.index-feature .menu{float:none; width:auto; margin-bottom:18px; text-align: center;}

	.index-feature .menu li{height:40px; float: left; width: 50%; background: #fff;}

	.index-feature .menu li:after{width: 0; height: 0;}

	.index-feature .menu em{margin:8px 0 0; float: none; display: inline-block; vertical-align: top; width: 22px; height: 22px; border-radius: 100%; border: 1px solid #333; line-height:22px;font-size:14px;}

	.index-feature .menu p{float: none; font-size: 14px; margin:0 0 0 5px; line-height:40px;display: inline-block;}

	.index-feature .menu p span{font-size:22px; display: inline-block; font-weight: bold;margin:0 8px 0 0;}

	.index-feature .menu .active em{border-color: #fff}

	.index-feature .main{float: none;width: auto; min-height:initial;}

	.index-feature .main dl{height:140px; margin-bottom:48px;}

	.index-feature .main dt{width: 200px;}

	.index-feature .main dt img{height:140px;}

	.index-feature .main dd{width:calc(100% - 240px);padding:18px 10px 0 24px;}

	.index-feature .main dd:before{width:24px; height:3px;margin-bottom:8px;}

	.index-feature .main dd p{font-size:16px; margin-bottom:10px;line-height:26px;}

	.index-feature .main li{width:calc(50% - 10px);margin-bottom:14px;}

	.index-feature .main li h4{font-size:16px; padding-left:32px;}

	.index-feature .main li p{font-size: 14px; line-height: 22px;margin-top:6px; letter-spacing:0;}

	.index-feature .main .last img{display: block; margin-top:32px;}



}



.index-cloumn{margin-bottom:45px; color: #e94c3d; font-size: 16px; text-align: center; overflow: hidden;}

.index-cloumn span{ display: block; margin-bottom: 8px; font-size: 32px; color: #000000;}

@media screen and (max-width:750px){

	.index-cloumn{margin-bottom:24px;font-size: 13px;}

	.index-cloumn span{margin-bottom:5px; font-size:22px;}

}



.index-product{padding:65px 0 45px;overflow: hidden;}

.index-product .swiper-container{padding-bottom:60px;}

.index-product .swiper-pagination-progress{top: auto; bottom:15px;width:120px; height:4px;background: #a4a4a4;}

.index-product .swiper-pagination-progress .swiper-pagination-progressbar{background: #e94c3d;}

.index-product .swiper-button-next, .index-product .swiper-button-prev { top: auto; margin-top: 0; bottom: 0; width:20px;-moz-background-size: 20px 44px;-webkit-background-size: 20px 44px;background-size: 20px 44px;}

.index-product .swiper-button-prev{ left: auto; right:36px; background: url(../images/ico/prev1.png) center no-repeat;}

.index-product .swiper-button-next{ right: 0; background: url(../images/ico/next1.png) center no-repeat;}

.index-product li{width: 280px !important; margin-right: 26px;}

.index-product li:last-child{margin: 0}

.index-product .list{display: block;overflow: hidden;}

.index-product .list img{display: block; width: 100%; height: 260px; border-radius: 6px 6px 0 0}

.index-product .list p{padding: 15px 20px 0; font-size: 12px; color: #ffbfbf; height:65px; background: #e94c3d;}

.index-product .list span{display: block; color: #fff; font-size: 20px; margin-bottom:8px;}

@media screen and (max-width:750px){

	.index-product{padding:32px 0 18px;}

	.index-product .swiper-container{padding-bottom:48px;}

	.index-product li{margin-right:16px}

	.index-product .list p{padding: 10px 16px 0;height:55px;}

	.index-product .list span{font-size:16px; margin-bottom:4px;}

}



.index-about{ padding:35px 0;text-align: center;  background: url(../images/bg/index_01.jpg) center top no-repeat; background-size: cover; overflow: hidden;}

.index-about .info{color: #fff; margin: 0 60px;line-height: 34px;letter-spacing: 2px;font-size: 18px; position: relative; padding:35px 85px; overflow: hidden;}

.index-about .info:before,.index-about .info:after{content: ""; width: 34px; height: 35px; position: absolute;}

.index-about .info:before{left: 0; top: 0; background: url(../images/ico/ico1.png) center no-repeat;background-size: contain;}

.index-about .info:after{ right: 0; bottom: 0; background: url(../images/ico/ico2.png) center no-repeat;background-size: contain;}

.index-about .main{margin: 35px 0 0 -26px;overflow: hidden;}

.index-about .list{float: left; color: #999999; margin:0 0 15px 26px; width: 280px; height: 320px; border-radius: 6px; background: #fff;}

.index-about .list img{ display: block; width: 100%; height: 180px; margin-bottom: 15px; border-radius: 6px 6px 0 0;}

.index-about .list h4{font-size: 22px; color: #010101; margin-bottom:6px;}

.index-about .list span{ display: block; font-size: 16px; width: 138px; margin:18px auto 0; line-height: 32px; color: #e94c3d; border: 1px solid #e94c3d;}

.index-about .list:hover span{background: #e94c3d; color: #fff;}

@media screen and (max-width:750px){

	.index-about{ padding:24px 0;}

	.index-about .info{margin:0;line-height:22px;letter-spacing:1px;font-size: 15px;padding:16px 32px; overflow: hidden;}

	.index-about .info:before,.index-about .info:after{width:22px; height:22px;}

	.index-about .main{margin:24px 0 0 -16px;}

	.index-about .list{margin:0 0 12px 16px; font-size: 12px; width:calc(50% - 16px);height:222px;}

	.index-about .list img{height: 122px; margin-bottom:8px;}

	.index-about .list h4{font-size:16px;}

	.index-about .list span{width:98px; font-size: 12px; margin:8px auto 0; line-height:26px;}

}



.index-ability{ padding-top:65px;overflow: hidden;}

.index-ability .container{position: relative;}

.index-ability .swiper-container{width: 480px; height: 500px; margin: 0 auto;}

.index-ability .swiper-container img{width: 100%; height: 500px; }

.index-ability .swiper-pagination-progress{top: auto; left: 28px; bottom:40px;width:120px; height:4px;background: #a4a4a4;}

.index-ability .swiper-pagination-progress .swiper-pagination-progressbar{background: #e94c3d;}

.index-ability .swiper-button-next, .index-ability .swiper-button-prev { top: auto; margin-top: 0; bottom:20px; width:20px;-moz-background-size: 20px 44px;-webkit-background-size: 20px 44px;background-size: 20px 44px;}

.index-ability .swiper-button-prev{ left: auto; right:63px; background: url(../images/ico/prev1.png) center no-repeat;}

.index-ability .swiper-button-next{ right:28px; background: url(../images/ico/next2.png) center no-repeat;}

.index-ability .info{ position: absolute;top:116px; height:460px;width:280px; padding: 40px 40px 0; background: #f5f6fa;}

.index-ability .info span{display: block; color: #b2b2b2; font-size: 80px; font-family:"Medium"; }

.index-ability .info h3{font-size: 28px;  font-weight: bold; margin:24px 0 18px;}

.index-ability .info h3:after{content: ""; display: block; margin-top: 20px; height: 4px; background: url(../images/bg/cloumn.png) left center no-repeat;}

.index-ability .info p{ font-size: 18px; width: 240px; line-height: 30px; letter-spacing: 2px; text-align: justify; }

.index-ability .left{left: 0}

.index-ability .right{right: 0; padding-left: 70px; width: 250px;}

.index-ability .right p{width: 250px;}

@media screen and (max-width:750px){

	.index-ability{ padding-top:32px;}

	.index-ability .swiper-container{width:100%; height: auto; margin: 0 auto;}

	.index-ability .swiper-container img{height: auto; }

	.index-ability .swiper-pagination-progress{left:16px; bottom:20px;}

	.index-ability .swiper-pagination-progress .swiper-pagination-progressbar{background: #e94c3d;}

	.index-ability .swiper-button-next, .index-ability .swiper-button-prev {bottom:0;}

	.index-ability .swiper-button-prev{ left: auto; right:50px;}

	.index-ability .swiper-button-next{ right:16px;}

	.index-ability .info{position: relative; padding:16px 16px 16px 74px;top:0; margin-bottom: 12px; height:auto;width:calc(100% - 90px);}

	.index-ability .info span{font-size:44px; position: absolute;left: 16px;top:2px}

	.index-ability .info h3{font-size:16px;margin:0 0 12px;}

	.index-ability .info h3:after{margin-top:12px; height: 3px;}

	.index-ability .info p{ font-size: 14px; width:auto; line-height:22px; letter-spacing:1px;}

	.index-ability .right{width:calc(100% - 90px); padding:16px 16px 16px 74px;}

	.index-ability .right p{width: auto;}



}



.index-partner{ padding:65px 0 40px;overflow: hidden;}

.index-partner .main{ margin-left: -31px; overflow: hidden;}

.index-partner .list{float: left; width: 215px; height: 109px; margin: 0 0 10px 31px}

.index-partner .list img{ display: block; height: 109px; margin: 0 auto}

@media screen and (max-width:750px){

	.index-partner{ padding:32px 0 15px;}

	.index-partner .main{ margin-left: -8px;}

	.index-partner .list{width:calc(33.3% - 8px);height:47px; margin: 0 0 10px 8px}

	.index-partner .list img{height: 47px;}

}





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

.page-banner{ margin-bottom: 60px; overflow: hidden;}

.page-banner img{display: block; margin: 0 auto;}

@media screen and (max-width:750px){

	.page-banner{ margin-bottom:20px;}

}



.page-cloumn{text-align: center;height: 50px;background: #f5f6fa;}

.page-cloumn a{float: left; width: 50%; position: relative; line-height: 50px; font-size: 18px;}

.page-cloumn a:after{content: ""; position: absolute; left: 0; bottom: 0; height: 4px;transition: 0.2s all linear;}

.page-cloumn .active{color: #e94c3d;}

.page-cloumn .active:after{width: 100%; background: #e94c3d}

.page-cloumn.product a{ width: 25%;}

@media screen and (max-width:750px){

	.page-cloumn{height:40px;}

	.page-cloumn a{line-height:40px; font-size: 15px;}

	.page-cloumn a:after{height:2px;}

	.page-cloumn.product a{ float: none; display: inline-block; width:auto; margin: 0 2.2%}

}



.location{margin:40px 0 35px; color: #555555;overflow: hidden;}

.location a{display: inline-block;color: #999999;}

.location a:hover{color: #e94c3d}

@media screen and (max-width:750px){

	.location{margin:24px 0;}

}







/*=====================公司介绍====================*/

.about-part1{background: #f5f6fa; margin-top: 70px;overflow: hidden;}

.about-part1 dt{float: left; width: 350px; height: 400px;}

.about-part1 dt img{display: block;width: 100%; height: 400px;}

.about-part1 dd{float: right; height:365px; width: 765px; margin:35px 45px 0 0;overflow: hidden;}

.about-part1 dd p{line-height: 26px; font-size: 16px; text-align: justify;}

.about-part1 .logo{display: block; margin-bottom: 24px;}

@media screen and (max-width:750px){

	.about-part1{margin-top:32px;}

	.about-part1 dt{float: none; width: 100%; height: auto;}

	.about-part1 dt img{height: auto;}

	.about-part1 dd{float: none; height:auto; width:auto; padding-bottom: 24px; margin:24px 16px 0;}

	.about-part1 dd p{line-height: 22px; font-size: 14px;}

}



.about-part2{margin: 70px 0 75px; position: relative; overflow: hidden;}

.about-part2 .img{display: block; width: 500px; height: 330px; margin: 0 auto;}

.about-part2 .info{padding-left: 40px;}

.about-part2 .info span{display: block; color: #b2b2b2; font-size:50px; font-family:"Medium"; }

.about-part2 .info h3{font-size: 20px;font-weight: bold; margin:5px 0 15px;}

.about-part2 .info h3:after{content: ""; display: block; margin-top:16px; height: 4px; background: url(../images/bg/cloumn.png) left center no-repeat;}

.about-part2 .info p{ font-size: 16px; color: #666666;line-height:26px;text-align: justify; }

.about-part2 .item1{position: absolute;left: 0;top:15px; width: 255px;}

.about-part2 .item2{position: absolute;right:85px;top:15px; width: 220px;}

.about-part2 .item3{ position: relative; padding:15px 0 0 425px;}

.about-part2 .item3 span{position: absolute; left: 355px; top:5px}

@media screen and (max-width:750px){

	.about-part2{margin:32px 0;}

	.about-part2 .img{width: 100%; height:auto;}

	.about-part2 .info{padding: 0 16px 0 72px; margin-top:16px;}

	.about-part2 .info span{font-size:44px; position: absolute;left:12px;top:-14px;}

	.about-part2 .info h3{font-size:16px;margin:0 0 12px;}

	.about-part2 .info h3:after{margin-top:12px; height: 3px;}

	.about-part2 .info p{ font-size: 14px;line-height:22px;}

	.about-part2 .item1{position: relative;left: 0;top:0; width: auto;}

	.about-part2 .item2{position: relative;right:0;top:0; width: auto;}

	.about-part2 .item3{padding: 0 16px 0 70px;}

	.about-part2 .item3 span{left: 16px;top:-13px;}

}



.about-part3{ padding: 90px 0 68px; background: url(../images/bg/about_01.jpg) center no-repeat; background-size: cover; overflow: hidden;}

.about-part3 .index-cloumn{float: left; margin-top: 24px;}

.about-part3 .index-cloumn span{ color: #fff; }

.about-part3 ul{float: right; margin-right: 130px; width: 640px; position: relative;}

.about-part3 ul:before{content: ""; position: absolute;left: 0; right: 0; top: 10px; height: 4px;background: #4b4b4b}

.about-part3 ul li{float: left; width: 110px; position: relative; text-align: center;color: #696969}

.about-part3 ul li:before{content: ""; width: 24px;height: 24px;display: block; margin: 0 auto 40px; background: url(../images/ico/ico3.png) center no-repeat;background-size: contain;}

.about-part3 ul p{color: #ffffff; font-size: 26px; margin-bottom: 8px;}

.about-part3 ul .item2{ margin-left:165px;}

.about-part3 ul .item3{float: right;}

@media screen and (max-width:750px){

	.about-part3{ padding:32px 0;}

	.about-part3 .index-cloumn{float: none; margin-top: 0;}

	.about-part3 ul{float: none; margin-right:0; width: auto;}

	.about-part3 ul:before{top:8px; height:3px;background: #4b4b4b}

	.about-part3 ul li{float: left; width: 33.3%; font-size: 13px;}

	.about-part3 ul li:before{width:19px;height: 19px;margin: 0 auto 20px;}

	.about-part3 ul p{font-size:16px; margin-bottom: 5px;}

	.about-part3 ul .item2{ margin-left:0;}

}



.about-part4{ padding:200px 0 90px; background: url(../images/bg/about_02.png) center top no-repeat;overflow: hidden;}

.about-part4 .index-cloumn{color: #737373; font-size: 20px;}

.about-part4 .index-cloumn span{font-size: 42px; margin-bottom:12px;}

.about-part4 ul{text-align: center; padding:95px 0 0 40px; color: #fff; overflow: hidden;}

.about-part4 ul li{height: 225px; width:284px; margin-right: 16px; float: left;background: url(../images/ico/ico4.png) right center no-repeat;}

.about-part4 li p{width: 225px; line-height: 225px;height: 225px;background: #333333;border-radius: 100%; font-size: 28px; letter-spacing:3px; }

.about-part4 li:nth-child(even) p{background: #e94c3d;}

.about-part4 li:last-child{width: 225px;}

@media screen and (max-width:750px){

	.about-part4{ padding:32px 0 24px; background:none;}

	.about-part4 .index-cloumn{font-size: 13px;}

	.about-part4 .index-cloumn span{font-size: 22px; margin-bottom:6px;}

	.about-part4 ul{padding:0; text-align: center;}

	.about-part4 ul li{height:110px; width:45%; margin:0 0 24px; float: none; display: inline-block; background:none;}

	.about-part4 li p{ display: inline-block; width: 110px; line-height: 110px;height: 110px;font-size:18px; letter-spacing:2px;}

	.about-part4 li:nth-child(even) p{background: #e94c3d;}

	.about-part4 li:last-child{ width:45%;}

}



.about-part5 dl{background: #f5f6fa; margin-bottom: 80px; overflow: hidden;}

.about-part5 dt{float: left;position: relative; color: #fff;text-align: center; width: 380px; height:510px;}

.about-part5 dt img{display: block;width: 100%; height: 510px;}

.about-part5 dt p{position: absolute;left: 0;bottom: 0;right: 0; font-size: 22px; line-height: 60px; background: rgba(233,76,61,.9);}

.about-part5 dd{float: right; height:470px; width: 758px; margin:40px 20px 0 0;overflow: hidden;}

.about-part5 dd h3{font-size: 28px; margin-bottom: 25px;}

.about-part5 dd h3 span{color: #de3e3e}

.about-part5 dd p{line-height:40px; text-indent: 2em;font-size: 20px; color: #666666; text-align: justify;}

.about-part5 .note{position: relative; padding:45px 0 50px; margin-bottom: 26px;}

.about-part5 .note:before,.about-part5 .note:after{content: ""; width: 20px; height: 21px; position: absolute;}

.about-part5 .note:before{left: 0; top: 0; background: url(../images/ico/ico1.png) center no-repeat;background-size: contain;}

.about-part5 .note:after{ right:15px; bottom: 0; background: url(../images/ico/ico2.png) center no-repeat;background-size: contain;}

@media screen and (max-width:750px){

	.about-part5 dl{background: #f5f6fa; margin-bottom:30px;}

	.about-part5 dt{float: none;width: 100%; height:auto;}

	.about-part5 dt img{height: auto;}

	.about-part5 dt p{font-size:15px; line-height:40px;}

	.about-part5 dd{float: none; height:auto; width: auto; margin:32px 16px 24px;}

	.about-part5 dd h3{font-size:18px; margin-bottom:24px;}

	.about-part5 dd p{line-height:22px;font-size:14px;}

	.about-part5 .note{padding:22px 0; margin-bottom:16px;}

	.about-part5 .note:before,.about-part5 .note:after{content: ""; width:16px; height: 21px; position: absolute;}

	.about-part5 .note:after{ right:0;}

}





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

.page-contact{margin: 70px 0;overflow: hidden;}

.page-contact dt{float: right; width: 600px; height: 460px;}

.page-contact dt img{width: 100%;}

.page-contact dd{float: left; color: #fff; width: 600px; height: 412px; padding-top: 48px;background: url(../images/bg/contact_01.jpg) center no-repeat;background-size: cover; overflow: hidden;}

.page-contact dd h3{text-align: center;font-size: 22px; margin-bottom: 30px;}

.page-contact dd h3:after{content: ""; display: block; width: 115px; height: 4px; background: #e94c3d; margin:22px auto 0}

.page-contact .info{margin: 0 120px;overflow: hidden;}

.page-contact .info li{font-size: 16px; position: relative; padding-left: 100px; min-width: 24px; margin-bottom: 12px; line-height: 24px;}

.page-contact .info span{position: absolute;left: 0; top: 0;}

.page-contact .ewm{margin: 25px 0 0 100px;overflow: hidden;}

.page-contact .ewm li{float: left; margin-right: 50px;}

.page-contact .ewm img{float: left; width: 100px; height: 100px;}

.page-contact .ewm p{ float: left; margin-left: 15px; padding-top:34px;}

@media screen and (max-width:750px){

	.page-contact{margin:32px 0;}

	.page-contact dt{float: none; width: 100%; height: auto;}

	.page-contact dt img{height: auto;}

	.page-contact dd{float: none;width: 100%; height:auto; padding-top:32px;}

	.page-contact dd h3{font-size:18px; margin-bottom:24px;}

	.page-contact dd h3:after{width: 100px; height: 3px;margin:12px auto 0}

	.page-contact .info{margin: 0 16px;}

	.page-contact .info li{font-size: 14px;padding-left:0; min-width: 22px;line-height: 22px;}

	.page-contact .info span{position: static; display: block;}

	.page-contact .ewm{margin:16px 16px 24px; text-align: center;}

	.page-contact .ewm li{float: none; display: inline-block; vertical-align: top; margin:0 16px;}

	.page-contact .ewm img{float: none; display: block; margin: 0 auto 8px;}

	.page-contact .ewm p{ float: none; margin:0; padding:0}

}



.page-job{margin: 70px 0 60px;overflow: hidden;}

.page-job dl{margin-bottom:5px;overflow: hidden;}

.page-job dt{background: #333333; cursor: pointer; position: relative; padding: 0 20px; color: #fff;height: 55px; line-height: 55px;overflow: hidden;}

.page-job dt:after{content: ""; position: absolute; right: 20px; top: 0; bottom: 0;width: 19px;background: url(../images/ico/ico5.png) center no-repeat;background-size: contain; transition: transform 0.3s ease;}

.page-job dt h3{float: left;font-size: 18px;margin-right: 50px;}

.page-job dt span{float: left; margin-right: 55px;}

.page-job dd{display: none; padding: 33px 105px 35px 30px; background: #f5f6fa;overflow: hidden;}

.page-job .info{float: left; width: 500px; line-height: 24px; overflow: hidden;}

.page-job .info:last-child{float: right;}

.page-job .info h4{font-size: 16px; color: #e94c3d; margin-bottom:8px;}

.page-job .open dt{background: #e94c3d}

.page-job .open dt:after{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}

.page-job .open dd{display: block;}

@media screen and (max-width:750px){

	.page-job{margin:32px 0 20px;}

	.page-job dl{margin-bottom:12px;}

	.page-job dt{padding: 8px 16px 0;height:54px; line-height:initial;}

	.page-job dt:after{width:12px; right: 16px;}

	.page-job dt h3{float: none; display: block; font-size:15px;margin:0 0 4px 0;}

	.page-job dt span{margin-right:32px;}

	.page-job dd{padding:16px 16px 0;}

	.page-job .info{float: none; width:auto; margin-bottom: 24px;}

	.page-job .info:last-child{float: none;}

	.page-job .info h4{font-size: 14px;}

}





/*=====================产品====================*/

.product1-part1{margin-top: 70px;overflow: hidden;}

.product1-part1 dl{margin-bottom: 60px;overflow: hidden;}

.product1-part1 dt{width: 600px; height: 360px; float: left;}

.product1-part1 dt img{display: block; width: 100%; height: 360px; }

.product1-part1 dd{float: right; font-size: 18px; color: #666666; line-height: 34px; width:535px; height:345px; padding-top: 15px; overflow: hidden;}

.product1-part1 dd h4{font-size: 20px; color: #333; font-weight: bold; margin-bottom: 20px;}

.product1-part1 dd h4:after{content: ""; display: block; margin-top:12px; height: 4px; background: url(../images/bg/cloumn.png) left center no-repeat; background-size: contain;}

.product1-part1 dl:nth-child(even) dt{float: right;}

.product1-part1 dl:nth-child(even) dd{float: left;}

.product1-part2{margin: 10px 0 95px; text-align: center; background: #f5f6fa; position: relative; padding: 30px; overflow: hidden;}

.product1-part2 .img1{float: left;}

.product1-part2 .img2{float: right;}

.product1-part2 .title{position: absolute; left: 50%; top:90px;width: 230px;margin-left: -115px; color: #fff; font-size: 26px;overflow: hidden;}

.product1-part2 .title p{ display: inline-block; width:90px; height: 124px; line-height: 40px; padding:36px 35px 0;border-radius: 100%;background: #333333;}

.product1-part2 .title:before,.product1-part2 .title:after{content: ""; width: 14px; height: 160px;}

.product1-part2 .title:before{ float: left; background: url(../images/ico/ico6.png) center no-repeat;}

.product1-part2 .title:after{ float: right; background: url(../images/ico/ico7.png) center no-repeat;}

.product1-part3{position: relative; overflow: hidden;}

.product1-part3 .index-cloumn{color: #999999; position: absolute;left: 110px; top: 0;}

.product1-part3 img{display: block; margin: 0 auto;}

.product1-part4{margin: 70px 0; text-align: center; overflow: hidden;}

.product1-part4 img{display: inline-block; vertical-align: top; margin: 0 2px;}

@media screen and (max-width:750px){

	.product1-part1{margin-top:32px;}

	.product1-part1 dl{margin-bottom:24px;}

	.product1-part1 dt{width:auto; height: auto; float: none;}

	.product1-part1 dt img{height: auto;}

	.product1-part1 dd{float: none; font-size: 14px;line-height:22px; padding: 24px 8px 0; width:auto; height:auto;}

	.product1-part1 dd h4{font-size:18px;margin-bottom: 20px;}

	.product1-part1 dd h4:after{height:3px;}

	.product1-part1 dl:nth-child(even) dt{float: none;}

	.product1-part1 dl:nth-child(even) dd{float: none;}

	.product1-part2{margin: 10px 0 30px;padding:16px 16px 24px;}

	.product1-part2 img{display: block; margin: 24px auto 0;}

	.product1-part2 .img1{float: none;}

	.product1-part2 .img2{float: none;}

	.product1-part2 .title{position: static; left:0; top:0;width:auto;margin-left:0; color: #333; font-size:22px;}

	.product1-part2 .title p{width:auto; height: auto; line-height: initial; padding:8px 0 0;border-radius:none;background:none;}

	.product1-part2 .title:before,.product1-part2 .title:after{width:0; height:0;}

	.product1-part3 .index-cloumn{position: static;left: 0;}

	.product1-part4{margin:32px 0;}

	.product1-part4 img{display:block;margin: 0 auto 8px;}

}



.product2-part1{margin-top:60px;overflow: hidden;}

.product2-part1 li{margin-bottom:30px;overflow: hidden;}

.product2-part1 h3{font-size: 20px;font-weight: bold; margin-bottom: 20px;}

.product2-part1 h3:after{content: "";display: block; margin-top: 15px; height: 4px; background: url(../images/bg/cloumn.png) left center no-repeat; background-size: contain;}

.product2-part1 p{line-height: 28px; margin-bottom: 30px; font-size: 16px;}

.product2-part1 h4{ font-size: 16px; margin-bottom:3px; font-weight: bold;}

.product2-part1 em{font-weight: bold;float: left;}

.product2-part1 .product span{display: block;}

.product2-part1 .product p{margin-bottom:30px}

.product2-part2{background: #f5f6fa; margin-bottom: 70px; padding:50px 50px 50px 80px;overflow: hidden;}

.product2-part2 h3{display: inline-block; vertical-align: middle; margin-right: 95px; font-size: 30px; font-weight: bold;}

.product2-part2 ul{ display: inline-block; vertical-align: middle; position: relative; overflow: hidden;}

.product2-part2 ul:before{content: ""; position: absolute;left: 10px; top: 0; bottom: 0; width: 3px; background: #a3a3a3}

.product2-part2 ul li{ position: relative; padding-left: 75px; margin-bottom: 30px;overflow: hidden;}

.product2-part2 ul li:last-child{margin:0;}

.product2-part2 ul li:before{content: ""; width: 24px; height: 24px; position: absolute; left: 0; top: 50%; margin-top: -12px; background: url(../images/ico/ico3.png) center no-repeat;background-size: contain;}

.product2-part2 ul img{display: inline-block;}

.product2-part2 ul h4{display: inline-block; width: 260px; font-size: 20px;font-weight: bold; vertical-align: middle;}

@media screen and (max-width:750px){

	.product2-part1{margin-top:32px;}

	.product2-part1 li{margin-bottom:24px;}

	.product2-part1 h3{font-size:18px;margin-bottom:12px;}

	.product2-part1 h3:after{margin-top:8px; height:3px;}

	.product2-part1 p{line-height:22px; margin-bottom:24px; font-size:14px;}

	.product2-part1 h4{ font-size:15px;}

	.product2-part1 .product p{margin-bottom:16px}

	.product2-part2{margin-bottom:32px; padding:24px 16px;}

	.product2-part2 h3{display:block;margin:0 0 24px; font-size:22px; text-align: center;}

	.product2-part2 ul{ display:block; padding: 16px 0;}

	.product2-part2 ul:before{left:7px; width: 2px}

	.product2-part2 ul li{padding-left:32px; margin-bottom:16px;}

	.product2-part2 ul li:before{width:16px; height: 16px;margin-top:0; top:3px}

	.product2-part2 ul h4{ display: block; width: auto; margin-bottom:12px; font-size:15px;}

}



.product3-part1{margin: 70px 0 50px;overflow: hidden;}

.product3-part1 img{display: block; margin: 0 auto}

.product3-part1 dl{margin-bottom:60px;overflow: hidden;}

.product3-part1 dt{float: left;width: 400px; overflow: hidden;}

.product3-part1 dt img{height: 250px;}

.product3-part1 dd{float: right; width: 755px; margin-right: 10px; overflow: hidden;}

.product3-part1 dd p{font-size: 18px; line-height:30px;}

.product3-part1 dd h4{font-size: 18px; margin:30px 0 3px; font-weight: bold;}

.product3-part2{background: #f5f6fa; text-align: center; padding: 55px 75px 50px; overflow: hidden;}

.product3-part2 .img{display: inline-block;}

.product3-part2 .info{max-width: 350px; padding-top: 40px; text-align: left; font-size: 20px;}

.product3-part2 .info span{ display: block; margin-bottom:8px; font-family:"Medium"; font-size: 60px;}

.product3-part2 .left{float: left;}

.product3-part2 .right{float: right;}

.product3-part3{margin: 70px 0; overflow: hidden;}

.product3-part3 ul{overflow: hidden;}

.product3-part3 ul li{float: left; margin-bottom: 15px;}

.product3-part3 ul h4{font-size: 20px; margin-bottom: 20px; font-weight: bold;}

.product3-part3 ul h4 span{color: #eb6256}

.product3-part3 ul img{display: block;}

.product3-part3 ul p{font-size: 18px; line-height:30px;}

.product3-part3 .item2{ width: 526px; float: right;}

.product3-part3 .item2 p{margin-top: 30px;}

.product3-part3 .item3{ clear: both; float: none;}

.product3-part3 .item3 img{float: left;}

.product3-part3 .item3 p{float: right; width:390px; margin-top: 18px; letter-spacing: 1px;}

.product3-part4{padding: 20px 0 50px;overflow: hidden;}

.product3-part4 .imgs{overflow: hidden;}

.product3-part4 .imgs img{float: left; margin-bottom: 65px;}

.product3-part4 .imgs img:nth-child(even){float: right;}

.product3-part4 dl{margin-bottom: 40px;overflow: hidden;}

.product3-part4 dt{font-size: 20px;font-weight: bold; margin-bottom: 20px;}

.product3-part4 dt:after{content: "";display: block; margin-top: 15px; height: 4px; background: url(../images/bg/cloumn.png) left center no-repeat; background-size: contain;}

.product3-part4 dd{ font-size: 18px; line-height: 30px; overflow: hidden;}

@media screen and (max-width:750px){

	.product3-part1{margin:32px 0;}

	.product3-part1 dl{margin-bottom:16px;}

	.product3-part1 dt{float: none;width: 100%;}

	.product3-part1 dt img{height: auto;}

	.product3-part1 dd{float: none; width: auto; margin:0; padding: 16px;}

	.product3-part1 dd p{font-size:15px; line-height:22px;}

	.product3-part1 dd h4{font-size: 16px; margin:24px 0 8px;}

	.product3-part2{padding:32px 16px 20px;}

	.product3-part2 .img{display:block; margin: 0 auto 16px;}

	.product3-part2 .info{max-width:initial; padding-top:0;font-size:15px;}

	.product3-part2 .info span{ display: inline-block; vertical-align: middle; margin:0 12px 0 0; font-size:40px;}

	.product3-part2 .left{float: none;}

	.product3-part2 .right{float: none;}

	.product3-part3{margin:32px 0 10px;}

	.product3-part3 ul li{float: none; margin-bottom: 24px;}

	.product3-part3 ul h4{font-size:15px; margin-bottom:8px;}

	.product3-part3 ul p{font-size:14px; line-height:22px;}

	.product3-part3 .item2{ width: auto; float: none;}

	.product3-part3 .item2 p{margin-top:16px;}

	.product3-part3 .item3 img{float: none;}

	.product3-part3 .item3 p{float: none; width:auto; margin-top:16px;}

	.product3-part4{padding:0 0 10px;}

	.product3-part4 .imgs{ margin-bottom: 24px; overflow: hidden;}

	.product3-part4 .imgs img{float: none; margin-bottom:16px;}

	.product3-part4 .imgs img:nth-child(even){float: none;}

	.product3-part4 dl{margin-bottom:24px;}

	.product3-part4 dt{font-size:15px;margin-bottom:12px;}

	.product3-part4 dt:after{margin-top:8px; height:3px;}

	.product3-part4 dd{ font-size: 14px; line-height:22px;}

}



.product4-part1{margin-top:70px;overflow: hidden;}

.product4-part1 .swiper-container{padding-bottom:48px;}

.product4-part1 .swiper-pagination-progress{top: auto; bottom:15px;width:120px; height:4px;background: #a4a4a4;}

.product4-part1 .swiper-pagination-progress .swiper-pagination-progressbar{background: #e94c3d;}

.product4-part1 .swiper-button-next, .product4-part1 .swiper-button-prev { top: auto; margin-top: 0; bottom: 0; width:20px;-moz-background-size: 20px 44px;-webkit-background-size: 20px 44px;background-size: 20px 44px;}

.product4-part1 .swiper-button-prev{ left: auto; right:36px; background: url(../images/ico/prev1.png) center no-repeat;}

.product4-part1 .swiper-button-next{ right: 0; background: url(../images/ico/next1.png) center no-repeat;}

.product4-part1 li{width: 500px !important; margin-right: 20px;}

.product4-part1 li:last-child{margin: 0}

.product4-part1 .list{display: block;overflow: hidden;}

.product4-part1 .list img{display: block; width: 100%; height:360px;}

.product4-part1 .text{text-align: center; font-size: 18px; line-height: 30px; margin:25px 0 65px;}

.product4-part1 dl{margin-bottom:45px;overflow: hidden;}

.product4-part1 dt{font-size: 20px;font-weight: bold; margin-bottom:25px;}

.product4-part1 dt:after{content: "";display: block; margin-top: 15px; height: 4px; background: url(../images/bg/cloumn.png) left center no-repeat; background-size: contain;}

.product4-part1 dd{overflow: hidden;}

.product4-part1 .material a{float: left; width: 200px; height: 80px; margin:0 19px 10px;}

.product4-part1 .material img{ display: block; height: 80px; margin: 0 auto;}

.product4-part2{background: #f5f6fa; padding: 55px 0 25px; overflow: hidden;}

.product4-part2 img{display: block; margin: 0 auto;}

.product4-part3{margin-top: 65px; overflow: hidden;}

.product4-part3 .swiper-container{padding-bottom:65px;}

.product4-part3 .swiper-pagination-progress{top: auto; bottom:15px;width:120px; height:4px;background: #a4a4a4;}

.product4-part3 .swiper-pagination-progress .swiper-pagination-progressbar{background: #e94c3d;}

.product4-part3 .swiper-button-next, .product4-part3 .swiper-button-prev { top: auto; margin-top: 0; bottom: 0; width:20px;-moz-background-size: 20px 44px;-webkit-background-size: 20px 44px;background-size: 20px 44px;}

.product4-part3 .swiper-button-prev{ left: auto; right:36px; background: url(../images/ico/prev1.png) center no-repeat;}

.product4-part3 .swiper-button-next{ right: 0; background: url(../images/ico/next1.png) center no-repeat;}

.product4-part3 .swiper-container li{width: 360px !important; margin-right:60px;}

.product4-part3 .swiper-container li:last-child{margin: 0}

.product4-part3 .swiper-container li img{display: block; border-radius: 4px; width: 100%; height: 220px;}

.product4-part3 .swiper-container li p{margin-top: 25px; font-size: 16px; line-height: 25px; text-align: justify; overflow: hidden;}

.product4-part3 .swiper-container li span{font-weight: bold;}

.product4-part3 .stype{margin:65px 0; text-align: center; font-size: 18px; overflow: hidden;}

.product4-part3 .stype li{display: inline-block; margin: 0 -3px; width: 238px; height: 49px; line-height: 49px; border: 1px solid #dddddd; cursor: pointer;}

.product4-part3 .stype li:hover{color: #e94c3d; }

.product4-part3 .stype .active{color: #e94c3d; position: relative; border-color: #e94c3d}

.product4-part3 .main{ margin-bottom: 40px; overflow: hidden;}

.product4-part3 .main li{float: left; font-size: 16px; line-height: 26px; width:310px; position: relative; padding:8px 0 0 240px; min-height: 210px; overflow: hidden;}

.product4-part3 .main li:last-child{float: right; margin-right: 20px; width: 330px;}

.product4-part3 .main img{position: absolute;left: 0;top: 0; width: 210px; height: 210px;}

.product4-part3 dl{margin-bottom:65px;overflow: hidden;}

.product4-part3 dt{font-size: 20px;font-weight: bold; margin-bottom:25px;}

.product4-part3 dt:after{content: "";display: block; margin-top: 15px; height: 4px; background: url(../images/bg/cloumn.png) left center no-repeat; background-size: contain;}

.product4-part3 dd{ position: relative; font-size: 16px; line-height: 28px; overflow: hidden;}

.product4-part3 dd img{position: absolute;right:25px; bottom:60px;}

@media screen and (max-width:750px){

	.product4-part1{margin-top:32px;}

	.product4-part1 li{width:300px !important;}

	.product4-part1 .list img{height:216px;}

	.product4-part1 .text{font-size: 14px; line-height:22px; margin:8px 0 32px;}

	.product4-part1 dl{margin-bottom:24px;}

	.product4-part1 dt{font-size:15px;margin-bottom:12px;}

	.product4-part1 dt:after{margin-top:8px; height:3px;}

	.product4-part1 .material{ margin-left: -8px;}

	.product4-part1 .material a{width:calc(33.3% - 8px);height:44px; margin: 0 0 10px 8px}

	.product4-part1 .material img{height: 44px;}

	.product4-part2{padding:32px 0;}

	.product4-part3{margin-top:32px;}

	.product4-part3 .swiper-container{padding-bottom:20px;}

	.product4-part3 .swiper-container li{width: 300px !important; margin-right:20px;}

	.product4-part3 .swiper-container li img{height: 183px;}

	.product4-part3 .swiper-container li p{margin-top:12px; font-size: 14px; line-height: 22px;}

	.product4-part3 .stype{margin:32px 0;font-size: 15px;}

	.product4-part3 .stype li{width:138px; height:33px;line-height: 33px;}

	.product4-part3 .main{ margin-bottom:24px;}

	.product4-part3 .main li{float: none; font-size: 14px; line-height: 22px; width:auto;padding:0; min-height: initial;}

	.product4-part3 .main li:last-child{float: none; margin:16px 0 0 0; width: auto;}

	.product4-part3 .main img{position: static;left: 0;top: 0; display: block; width: auto; height: auto; margin: 0 auto}

	.product4-part3 dl{margin-bottom:32px;}

	.product4-part3 dt{font-size:15px;margin-bottom:12px;}

	.product4-part3 dt:after{margin-top:8px; height:3px;}

	.product4-part3 dd{font-size: 14px; line-height: 22px;}

	.product4-part3 dd img{position: static;right:auto; bottom:auto; display: block; margin: 16px auto 0;}

}



/*=====================服务====================*/

.service-main{ text-align: center; padding-bottom: 80px;}

.service-main p{font-size: 20px; margin-top: 55px;}

.service-main a{display: inline-block; margin: 0 18px; color: #fff;background: #333333; font-size: 16px; width: 220px;line-height: 50px; border-radius:6px;}

.service-main a:hover{background: #e94c3d}

@media screen and (max-width:750px){

	.service-main{padding-bottom:32px;}

	.service-main p{font-size:15px; margin-top:16px;}

	.service-main a{margin: 0 4px;font-size: 14px; width:105px;line-height:40px;}

	.service-main a:hover{background: #e94c3d}

}







/*=====================动态====================*/

.article-img{ margin: 70px 0 40px -30px; overflow: hidden;}

.article-img li{width:380px;float: left; margin: 0 0 30px 30px;}

.article-img li p{color: #7c7c7c;line-height: 22px;height: 66px;overflow: hidden;}

.article-img li img{ display: block; width: 100%; height:230px; border-radius:4px;}

.article-img .title{display: block; font-size: 18px; margin: 18px 0 10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.article-img .btn{display: block; width: 140px; margin-top: 20px; line-height: 42px;background: #333333; color: #fff; text-align: center;}

.article-img .btn:hover{background: #e94c3d;}

.article-list{margin: 0 0 50px -20px;overflow: hidden;}

.article-list .list{float: left; width:400px; height:80px; position: relative; padding:15px 30px 15px 160px; background: #f5f6fa; margin: 0 0 20px 20px;}

.article-list .date{position: absolute;left: 0;top: 15px; height:72px; padding-top: 8px; color: #999999; text-align: center; border-right: 1px solid #dddddd; width: 129px;}

.article-list .date span{display: block;font-size: 30px; color: #333333; margin-bottom: 4px;}

.article-list h4{ font-size: 18px; margin:14px 0 8px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.article-list p{color: #7c7c7c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

@media screen and (max-width:750px){

	.article-img{ margin:32px 0 20px;}

	.article-img li{width:auto; float: none; position: relative; padding-left: 170px; min-height: 100px; margin: 0 0 12px;}

	.article-img li img{height:96px; width:160px; position: absolute;left: 0;top: 0}

	.article-img .title{font-size: 15px; margin:0 0 5px;}

	.article-img .btn{display: none;}

	.article-list{margin: 0 0 20px;}

	.article-list .list{float: none; display: block; height:54px;padding:8px 16px 8px 100px;width:calc(100% - 116px);margin: 0 0 12px;}

	.article-list .date{position: absolute;left: 0;top:8px; height:54px; padding-top:0;width:89px;}

	.article-list .date span{font-size:22px;}

	.article-list h4{ font-size: 15px; margin:5px 0;}

	.article-list p{color: #7c7c7c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

}



.show-main{margin-bottom:50px;overflow: hidden;}

.show-main .title{text-align: center;color: #999999;overflow: hidden;}

.show-main .title h3{font-size:22px;color: #333; margin-bottom:10px;}

.show-main .info{ margin: 25px 0 20px; background: #f5f6fa; padding: 25px 30px 70px; text-align: justify;line-height:24px;font-size: 16px; overflow: hidden;}

.show-main .operate{overflow: hidden;}

.show-main .operate a{display: block; color: #666666; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.show-main .operate span{color: #999999; line-height: 28px;}

.show-main .operate a:hover{color: #e94c3d;}

@media screen and (max-width:750px){

	.show-main{margin-bottom:30px; padding-top:16px;}

	.show-main .title h3{font-size:18px;margin-bottom:4px;}

	.show-main .info{ margin:24px 0 16px;padding:16px 16px 24px;line-height:22px;font-size: 14px;}

}