/*
 * 重庆友强高分子材料有限公司
 * http://www.youqiangchina.com
 * Copyright (C) 2019 mezw.com
 */

*{margin:0;padding:0;list-style: none;box-sizing:border-box;}
body,input,textarea,button,h1,h2,h3,h4,h5{font:14px/1.5 "Microsoft YaHei UI","Microsoft YaHei","Microsoft Jhenghei","Lucida Grande","Lucida Sans Unicode","helvetica","tahoma","arial","sans-serif","codropsicons";color:#434b5b;letter-spacing:.5px;-webkit-text-size-adjust:none;}
input,textarea,button,a,header,main,footer,div{outline:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
img{border:none;}
button{cursor:pointer;}

body{min-height:100vh;display:flex;flex-flow:row wrap;}
main{width:100%;min-width:1024px;}
footer{padding:0 12px;min-width:1024px;width:100%;align-self:flex-end;}

.wrapper{margin:0 auto;padding:0 12px;width:1000px;box-sizing:content-box;}

header .wrapper{height:64px;display: flex;justify-content:space-between;align-items:center;}
header .menu{display: none;}
header .nav{display: flex;}
.nav li{margin-left:50px;}
.nav li:last-child{display: none;}
.nav li a{color:#666;}
.nav li a:hover,.nav li.active a{color:#f13a3a;}

.slider-item{height:500px;background-position:center center;background-size:cover;}
.slider-content{padding:0 32px;width:282px;height:500px;background:rgba(255,255,255,.7);display: flex;justify-content:center;flex-direction:column;opacity:0;transform:translateX(-80%);transition:transform 1.4s ease-out .5s,opacity 1.4s ease-out .5s;}
.slider-content h3{color:#000;font-size:30px;font-weight: bold;}
.slider-content p{color:rgb(63,63,63);}
.slider-content.right{float: right;}
.slider .owl-item.active .slider-content{opacity: 1;transform:translateX(0);}
.slider .owl-dots{width:100%;height:15px;position: absolute;left:0;bottom:20px;display:flex;justify-content:center;}
.slider .owl-carousel .owl-dot{margin:5px;width:15px;height:15px;background:rgba(0,0,0,.5);display: block;border-radius: 50%;}
.slider .owl-carousel .owl-dot.active{background:#fff;}
.slider .owl-nav button{margin-top:-29px;width:34px;height:58px;background:rgba(0,0,0,.2) !important;display: block;position: absolute;left:20px;top:50%;}
.slider .owl-nav button.owl-next{left:auto;right:20px;}
.slider .owl-nav button.disabled{display: none;}
.slider .owl-nav button span{width:100%;height:100%;text-indent:-9999px;display: block;position: relative;}
.slider .owl-nav button span:after{text-indent:0;content:"\a063";color:#fff;font-family:"mezw-iconfont";font-size:18px;font-weight: bold;position: absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);}
.slider .owl-nav button.owl-next span:after{content:"\a055";}

footer{padding:20px 0;width:100%;color:#ccc;line-height:1.5em;background:rgb(68, 68, 68);}
footer a{color:#ccc;}
footer ul{width:100%;display:flex;justify-content:center;}
footer ul li{margin:0 1em;font-size:12px;}

.product-coverage{padding:50px 0;}
.product-coverage .wrapper{display: flex;}
.product-coverage .item{padding:0 10px;width:250px;overflow: hidden;}
.product-coverage .item>*{transform:rotate(-180deg);opacity:0;}
.product-coverage .item .image{margin:0 auto;width:120px;height:120px;overflow: hidden;border-radius:50%;}
.product-coverage .image img{min-width:100%;max-height:100%;height:auto;display: block;}
.product-coverage .item h3{margin:.5em 0;font-size:18px;text-align: center;}
.product-coverage .item p{text-align: center;}
.product-coverage.active .item>*{transform:rotate(0deg);opacity:1;transition:transform 1.3s ease-out,opacity 1.3s ease-out;}
.product-coverage.active .item:nth-child(2)>*{transition-delay:1.2s;}
.product-coverage.active .item:nth-child(3)>*{transition-delay:2.4s;}
.product-coverage.active .item:nth-child(4)>*{transition-delay:3.6s;}
.product-coverage.active .item:nth-child(5)>*{transition-delay:4.8s;}
.product-coverage.active .item:nth-child(6)>*{transition-delay:6s;}
.product-coverage.active .item:nth-child(7)>*{transition-delay:7.2s;}

.about{background:#f5f5f5;position: relative;}
.about:after{width:100%;height:80%;content:"";background:url("../images/demo/-32739.jpeg") center top no-repeat;background-size:100% auto;display: block;position: absolute;left:0;top:0;z-index:100;}
.about .wrapper{position:relative;z-index: 101;}
.about .title{margin:0 auto;padding:30px 0 40px 0;width:700px;text-align: center;color:#fff;}
.about .title h2{font-size:30px;color:#fff;}
.about .main-box{padding:30px 40px;width:100%;background:#fff;display: flex;justify-content:space-between;align-items: center;}
.about .main-box>img{margin-right:30px;width:40%;transform:translateX(-100%);opacity:0;}
.about.active .main-box>img{transform:translateX(0);opacity:1;transition:transform 1.3s ease-out,opacity 1.3s ease-out;}

.product{padding:40px 0;background:#f5f5f5;}
.product .title{margin:0 auto;margin-bottom:30px;width:700px;text-align: center;}
.product .title h2{font-size:30px;color:#000;}
.product .title p{color:#888;}
.product .item{margin-bottom:35px;background:#eee;position: relative;display: flex;align-items:center;}
.product .item img{width:40%;display: block;position:relative;}
.product .content{padding:30px;width:65%;background:rgba(255,255,255,.7);position: relative;right:9%;flex-shrink:0;}
.product .content h3{font-size:22px;color:#000;}
.product .content p{margin:.5em 0 1em;color:#666;}
.product .content a{width:8em;height:32px;color:#fff;text-align: center;line-height:32px;background:#f13a3a;display: block;border-radius:16px;}
.product .item.reverse{flex-direction:row-reverse;}
.product .item.reverse .content{left:9%;}

.partner{padding:30px 0;}
.partner .title{margin:0 auto 20px;width:700px;text-align: center;}
.partner .title h2{color:#000;font-size:30px;}
.partner .title p{color:#888;}
.partner .content{display:flex;flex-wrap:wrap;justify-content: space-between;transform:scale(0);}
.partner .content .item{margin-bottom:13px;width:240px;height:180px;overflow: hidden;}
.partner .item a,.partner .item img{width:100%;min-height:180px;display: block;overflow:hidden;}
.partner .item img{transform:scale(1.1);}
.partner .item:hover{border:5px solid #f13a3a;}
.partner .item:hover img{transform:scale(1);}
.partner.active .content{transform:scale(1);transition:all 1s ease-in-out;}

.inside-banner{width:100%;height:300px;background:url("../images/inside_banner.jpg") 50% 50% no-repeat;}

.inside-title{margin:0 auto;padding:25px 0;width:700px;text-align: center;overflow: hidden;}
.inside-title .wrapper{width:100%;box-sizing:border-box;}
.inside-title h2{color:#000;font-size:30px;}
.inside-title p{color:#888;}
.inside-title+.partner{padding:0 0 25px 0;}

.inside-about{margin-bottom:25px;}
.inside-about .wrapper{padding:40px 20px 20px;background:#eee;display: flex;align-items:center;}
.inside-about .wrapper img{margin-right:20px;width:440px;}
.inside-about .wrapper h3{font-size:20px;color:#000;}
.inside-about .wrapper p{color:#555;}

.inside-department img{margin:0 auto 20px;max-width: 100%;display: block;}

.inside-partner{margin:0 auto 40px;}
.inside-partner .wrapper{padding:20px;/*background:#eee;*/display: flex;align-items:center;justify-content:center;}
.inside-partner .wrapper img{max-width: 100%;}
/*.inside-partner .wrapper img{margin-right:20px;width:440px;}
.inside-partner .wrapper p{color:#555;font-size:20px;}*/

.inside-solution .wrapper{margin-bottom:10px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.inside-solution .wrapper:after{width:322px;content:"";}
.inside-solution .item{margin-bottom: 20px;padding:0 0 10px 0;width:322px;border:1px solid #eee;display: block;}
.inside-solution .image{height:240px;overflow: hidden;}
.inside-solution .image img{width:100%;min-height:100%;transform:scale(1.1);transition:transform .3s ease-out;}
.inside-solution h3{margin-top: 5px;padding:0 10px;color:#404040;font-size:16px;line-height:28px;}
.inside-solution p{padding:0 10px;width:100%;height:20px;color:#999;line-height: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.inside-solution .item:hover .image img{transform:scale(1);}

.article-show{margin:20px 0 40px;}
.article-show .title{margin-bottom:20px;padding-bottom:20px;text-align: center;border-bottom:1px solid rgb(221,221,221);}
.article-show .title h2{font-size:20px;color:#000;}
.article-show p span{margin:0 .5em;}
.article-show .content p img{margin:1em auto;max-width: 100%;display: block;}

.inside-contact .address{display: flex;justify-content:space-between;}
.inside-contact .map{width:674px;height:230px;}
.inside-contact .content p{line-height:2em;word-break:break-all;}
.inside-contact form{margin: 30px 0;}
.inside-contact .form-item{margin-bottom:12px;padding:0 12px;border:1px solid #ccd1d9;display: flex;align-items:center;}
.inside-contact .form-item input,.inside-contact .form-item textarea{margin:7px 0;width:100%;border:none;}
.inside-contact .form-item textarea{height:6em;resize:none;}
.inside-contact .form-item a{margin-left: 12px;display: flex;}
.inside-contact .form-item.submit{padding:0;border:none;justify-content:flex-end;}
.inside-contact .form-item button{width:100px;height:38px;color:#fff;background:rgb(241, 58, 58);border:none;display: block;}

.category-tab .wrapper{padding-top:20px;padding-bottom:20px;border-bottom: 1px solid #979797;display: flex;}
.category-tab a{margin-right: 1em;color:#333;font-size:20px;display: block;position: relative;}
.category-tab a:hover,.category-tab a.active{color:rgb(241, 58, 58);}
.category-tab a:not(:last-child):after{width:.5em;height:2px;content:"";background:#333;display: block;position: absolute;right:-1em;top:50%;transform:translateX(-50%) translateY(-50%);}

.article-list{margin-top: 5px;overflow: hidden;}
.article-list .item{margin-top:15px;padding-bottom:15px;border-bottom:1px solid #e2e2e2;display: flex;}
.article-list .time{margin-right:20px;width:100px;height:100px;color:#fff;text-align: center;background:rgb(241, 58, 58);border-radius:4px;overflow: hidden;flex-shrink:0;display: flex;align-items:center;justify-content:center;flex-direction:column;}
.article-list .time span{font-size: 30px;}
.article-list .time span:last-child{font-size: 14px;}
.article-list .content{display: flex;flex-direction:column;justify-content:center;}
.article-list .content .title{margin-bottom:.5em;color:#333;font-size:16px;}
.article-list .content .title:hover{color:rgb(241, 58, 58);}
.article-list .content p{height:3em;color:#7b7b7b;text-align: justify;display: block;overflow: hidden;}

.pagination{ padding:30px 10px 30px 0;text-align:right; font-size:14px;}
.pagination a:link,.pagination a:visited{ background:transparent; border:1px solid #c3c3c3; color:#333; padding:3px 7px; margin:0 1px;}
.pagination a:hover{ background:rgb(241, 58, 58);border:1px solid rgb(241, 58, 58);text-decoration:none; color:#fff; cursor:pointer;}
.pagination span.current{ border:1px solid rgb(241, 58, 58); background:rgb(241, 58, 58); color:#fff;}
.pagination span{ margin:0 1px;padding:3px 7px;}

.BMap_bubble_title{font-weight:bold;}

@media screen and (max-width:768px){
	main,footer{min-width:auto;}
	.wrapper{padding:0 1.6vw;width:100%;box-sizing:border-box;}

	.product-coverage .wrapper{flex-wrap:wrap;}
	.product-coverage .item{margin-bottom:15px;width:50%;}
	.product-coverage .item .image{width:30vw;height:30vw;}

	.partner .title{width:100%;}
	.partner .title h2{font-size:22px;}
	.partner .content .item{margin-bottom:1.8vw;width:49%;height:31.7vw;}
	.partner .content .item a,.partner .content .item img{min-height:31.7vw;}

	.about{padding-bottom:20px;}
	.about:after{height:100%;background-size:cover;}
	.about .title{padding:20px 0 30px 0;width:100%;}
	.about .title h2{font-size: 22px;}
	.about .main-box{padding:15px;}
	.about .main-box>img{margin-right:15px;border-radius:8px;}
	.about .main-box .content{height:63px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

	.product .title{width:100%;}
	.product .title h2{font-size:22px;}
	.product .item{flex-wrap:wrap;}
	.product .item img{width:100%;}
	.product .content{width:100%;right:auto;background:#fff;}
	.product .item.reverse .content{left:auto;}

	footer ul{flex-wrap:wrap;}

	.slider-item,.slider-content{height:200px;}
	.slider-content,.slider-content.right{margin:0 auto;float:none;}
	.slider-content h3{font-size: 22px;}
	.slider-content p{display: none;}

	header .logo{margin:0 auto;display: block;}
	header .nav{width:70vw;height:100%;background:rgb(241, 58, 58);position: fixed;left:-100vw;top:0;z-index:999;display:block;transform:translateX(-100vw);transition:transform .5s ease-in-out;}
	header .nav.active{transform:translateX(100vw);}
	header .nav li{margin:0;}
	header .nav a{padding:14px;color:#fff;display: block;}
	header .nav a:hover{color:#f0f0f0;}
	header .nav li:last-child{padding:12px;width:44px;height:100%;background:rgb(240, 242, 244);position: absolute;right:-44px;top:0;display: block;}
	header .nav li:last-child:after{content:"\a072";color:#000;font-family:"mezw-iconfont";font-size:18px;font-weight: bold;display: block;}
	header .menu{height:38px;width:18px;background:transparent;border:none;display: block;position: absolute;top:13px;left:3.2vw;}
	header .menu:after{content:"\a054";line-height:38px;color:rgb(51, 51, 51);font-family:"mezw-iconfont";font-size:18px;font-weight: bold;display: block;}

	.inside-banner{height:200px;background-size:cover;background-position-x:left;}

	.inside-title{width:100%;}
	.inside-title h2{font-size:22px;}

	.inside-about .wrapper{flex-wrap:wrap;background:transparent;}
	.inside-about .wrapper img{width:100%;}
	.inside-about .wrapper .content{padding:20px 1.6vw;background:#eee;}
	.inside-about .wrapper h3{text-align: center;}

	.inside-partner .wrapper{flex-wrap:wrap;background:transparent;}
	.inside-partner .wrapper img{width:100%;}
	.inside-partner .wrapper .content{margin-top:1.6vw;padding:20px 1.6vw;width:100%;text-align: center;font-size:14px;background:#eee;}
	.inside-partner .wrapper p{font-size:14px;}

	.inside-solution .item{margin-bottom:1.6vw;padding-bottom:5px;width:49%;}
	.inside-solution .item .image{height:35.4vw;}
	.inside-solution .item p{display: none;}

	.inside-contact .address{flex-wrap:wrap;}
	.inside-contact .address>div{width:100%;margin:0;}
	.inside-contact .address .content{margin-top:20px;}
	.inside-contact .form-item.submit{justify-content:center;}

	.category-tab a{font-size:16px;}

	.article-list .time{margin-right:10px;width:80px;height:80px;}
	.article-list .time span:first-child{font-size:22px;}

	.pagination span,.pagination a{display: none;}
	.pagination a:last-child{text-align: center;display:block;}
}