@charset "utf-8";
/* CSS Document */

/*重置*/
body,html,li,input,gloabl,h2,th,input,nav,td,h1,rembed,blockquote,ol,xml,div,dl,dt,dd,ul,h3,h4,h5,h6,pre,form,fieldset,abbr,p,header,hgroup,Section,figure,section,nav,article,aside,canvas{margin:0;padding:0;}
img{border:0;padding:0;margin:0;}
a{border:none; color:#333333; text-decoration: none;}
ol,ul,li {list-style:none;}
i,em{font-style:normal;}
caption,th {text-align:left;}
q:before,q:after{list:'';}
.clear{ clear:both}
a:visited{color:#333333;}
a:focus {outline: none; }
a:focus {-moz-outline-style: none; }
body{/* font-family:宋体; */
	font-family: ff-tisa-web-pro-1,ff-tisa-web-pro-2,"Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","微软雅黑"; font-size:1.5rem;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;text-decoration:none; line-height:none;}
address,cite,dfn,rem,var { font-style: normal; } 
 /* 使得表单元素在 ie 下能继承字体大小 */
.fl{ float:left;}
.fr{ float:right;}
*:focus { outline: none;}

/* 字体图标 CSS */
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot?#iefix') format('rembedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
input[type=text], input[type=button], input[type=submit], input[type=reset],select{
	-webkit-appearance:none;
	outline:none; border-radius:0; -webkit-border-radius:0;
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/* 字体图标 CSS END */

@media screen and (min-width:320px){html{font-size:62.5%}/*10px */}
@media screen and (min-width:360px){html{font-size:70.3125%}/*12px */}
@media screen and (min-width:375px){html{font-size:73.2424875%}/*12px */}
@media screen and (min-width:400px){html{font-size:78.125%}/*12.5px */}
@media screen and (min-width:414px){html{font-size:80.86%}/*12.5px */}
@media screen and (min-width:480px){html{font-size:93.75%}/*15px*/}
@media screen and (min-width:568px){html{font-size:111%}}
@media screen and (min-width:640px){html{font-size:125%}/*20px */}
@media screen and (min-width:720px){html{font-size:137.5%}/*22px */}
@media screen and (min-width:768px){html{font-size:150%}/*24px */}

body{min-width:320px;max-width: 768px; margin:0 auto;font-family:'微软雅黑';font-size: 1.2rem;background: #fff;}
header{overflow: hidden;padding: 1.5rem 0;}
header .head{display: inline-block;position: relative;padding-left: 6rem;}
header a.logo{display:block;width: 5rem;position: absolute;left: 0.5rem;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
header a.logo img{display:block;width: 100%;}
header .text{text-align: left;line-height: 1;}
header .text h3{font-size: 1.4rem;color:#37ca8d ;}
header .text p{font-size: 1.2rem;color:#0855a7;font-weight: bold;margin-top: 0.5rem;}

.menu{background-color: #37ca8d;}
.menu ul li { font-size: 1.5rem; color: #333;width:25%;float: left;box-sizing: border-box;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;text-align: center;background: url(../images/menubg.jpg);background-size:auto 100%;}
.menu ul li:nth-child(4n){border-right: none;}
.menu ul li:nth-child(7),.menu ul li:nth-child(5),.menu ul li:nth-child(6),.menu ul li:nth-child(8){border-bottom: none;}
.menu ul:after{clear: both;display: table;content: '';}
.menu ul li a{display: block;color: #fff;  font-size: 1.4rem; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 3rem;}
/* 面板代码END */


.banner .swiper-container{}
.banner .swiper-container .swiper-slide{}
.banner .swiper-container .swiper-slide img{ display: block;width: 100% !important;}






.design{margin-top: 3rem;}
.design .title{text-align: center;line-height: 1;}
.design .title p{font-family: arial;font-size: 1.2rem;color: #666;}
.design .title em{display: block;margin: 0.5rem 0;background: url(../images/ico.png) no-repeat center;background-size: auto 0.6rem;height: 0.6rem;}
.design .title h3{background: -webkit-linear-gradient(left, #0855a7, #0855a7 46%, #1b8b5d 54%, #1b8b5d);    -webkit-background-clip: text;  -webkit-text-fill-color: transparent;font-size: 1.6rem;color: #37ca8d;font-weight: bold;}

.design .tt{text-align: center;margin: 0 0 0;width: 40%;}
.design .tt li{ width: 100%;margin-top: 1rem;}
.design .tt li a{display: block;background: #ebf0f5;line-height: 2.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.2rem;color: #555;padding: 0 0.3rem;}
.design .tt li:first-child a{background:#37ca8d;color: #fff;}
.design .main{position: relative;margin:1rem 1rem 0;}
.design .ppic{position: absolute;left: 42%;top: 0;height: 100%;width: 58%;}
.design .swiper-container{position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: #37ca8d;}
.design .swiper-slide{width: 100%;box-sizing: border-box;}
.design .swiper-slide .pic{position: relative;overflow: hidden;width: 100%;height: 0;display: block;padding-bottom: 60%;}
.design .swiper-slide .pic img{display: block;position: absolute;left: 0;top: 50%;width: 100%;min-height: 100%;height: auto;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.design .swiper-slide .servicenr{text-align: left;padding: 0.5rem;color: #fff;font-size: 1rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;line-height: 1.5;max-height: 9.3rem;}
.design .swiper-slide .servicenr b{font-weight: bold;display: block;font-size: 1.2rem;}



.advant{margin-top: 3rem;background-color: #ebf0f5;padding: 2rem 0;}
.advant .title{text-align: center;line-height: 1;}
.advant .title h3{font-size: 1.6rem;color:#0855a7;font-weight: bolder;font-family: arial;}
.advant .title p{font-size: 1.4rem;color:#37ca8d;font-weight: bold;margin-top: 0.2rem;}
.advant .main{margin: 2rem 1rem;}
.advant .main dl{position: relative;overflow: hidden;background-color: #37ca8d;}
.advant .main dl:nth-child(2n){background-color: #0855a7;}
.advant .main dl dt{float: left;width: 50%;position: relative;height: 0;padding-bottom: 50%;}
.advant .main dl:nth-child(2n) dt{float: right;}
.advant .main dl dt img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.advant .main dl dd{position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%);width: 50%;box-sizing: border-box;padding: 0.5rem;}
.advant .main dl:nth-child(2n) dd{left: 0;}
.advant .main dl dd b{font-size: 1.4rem;color: #fff;display: block;}
.advant .main dl dd p{font-size: 1.2rem;color: #fff;line-height: 1.5;margin-top: 0.5rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}


.guangg{background: url(../images/smallbannerbg.jpg) center;margin: 0 0;overflow: hidden;position: relative;padding:0.5rem 1rem;}
.guangg ul{float: left;}
.guangg ul li{background-color: #fff;margin: 0.5rem 0;padding: 0 0.5rem;font-size: 1rem;line-height: 1.5;}
.guangg .rtt{position: absolute;right: 1rem;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);overflow: hidden;}
.guangg .rtt img{display: block;width: 4rem;float: left;}
.guangg a{display: block;color: #fff;white-space: nowrap;padding-left: 4.5rem;padding-top: 0.5rem;font-size: 1.1rem;}
.guangg a b{display: block;}





.about{position: relative;margin-top: 2rem;background-color: #fff;padding: 2rem 0 0;}
.about .title{text-align: center;line-height: 1;}
.about .title p{font-family: arial;font-size: 1.2rem;color: #666;}
.about .title em{display: block;margin: 0.5rem 0;background: url(../images/ico.png) no-repeat center;background-size: auto 0.6rem;height: 0.6rem;}
.about .title h3{background: -webkit-linear-gradient(left, #0855a7, #0855a7 46%, #1b8b5d 54%, #1b8b5d);    -webkit-background-clip: text;  -webkit-text-fill-color: transparent;font-size: 1.6rem;color: #37ca8d;font-weight: bold;}
.about dl{position: relative;margin: 1.5rem 1rem 0;background-color: #0855a7;}
.about dl dt{width: 50%;height: 0;padding-bottom: 50%;position: relative;overflow: hidden;}
.about dl dt img{display: block;width: 100%;min-height: 100%;height: auto;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.about dl dd{position: absolute;left: 50%;width: 50%;box-sizing: border-box;padding: 0.5rem;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);padding-bottom: 2rem;}
.about dl dd b{font-size: 1.2rem;color: #fff;white-space: nowrap;text-transform: uppercase;}
.about dl dd h3{font-size: 1.2rem;color: #fff;margin: 0.3rem 0;}
.about dl dd .info{font-size: 1rem;line-height: 1.5;overflow: hidden;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 6;color: #fff;max-height: 9rem;}
.about dl .aboutmore{position: absolute;right: 0;bottom: 0;background-color:#37ca8d ;font-weight: bold;color: #fff;width: 1.5rem;display: block;text-align: center;line-height: 1.5rem;}



.item{padding: 2rem 0;background-color: #ebf0f5;margin: 3rem 0 0;}
.item .title{text-align: center;line-height: 1;}
.item .title p{font-family: arial;font-size: 1.2rem;color: #666;}
.item .title em{display: block;margin: 0.5rem 0;background: url(../images/ico.png) no-repeat center;background-size: auto 0.6rem;height: 0.6rem;}
.item .title h3{background: -webkit-linear-gradient(left, #0855a7, #0855a7 46%, #1b8b5d 54%, #1b8b5d);    -webkit-background-clip: text;  -webkit-text-fill-color: transparent;font-size: 1.6rem;color: #37ca8d;font-weight: bold;}
.item .swiper-container{margin: 1rem 1rem 0;}
.item .swiper-slide{width: 100%;box-sizing: border-box;background-color: #fff;padding: 0.5rem 0.5rem 3rem 0.5rem;position: relative;}
.item .swiper-slide .pic{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom:40% ;display: block;}
.item .swiper-slide .pic img{display: block;position: absolute;left: 50%;top: 0;min-width: 100%;height: auto;height: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.item .swiper-slide h3{background-color: #ebf0f5;position: absolute;left: 0;width: 100%;color: #555;text-align: center;font-size: 1.2rem;bottom: 0;line-height: 2rem;padding-top: 0.5rem;}





.product{margin-top: 3rem;}
.product .title{text-align: center;line-height: 1;}
.product .title p{font-family: arial;font-size: 1.2rem;color: #666;}
.product .title em{display: block;margin: 0.5rem 0;background: url(../images/ico.png) no-repeat center;background-size: auto 0.6rem;height: 0.6rem;}
.product .title h3{background: -webkit-linear-gradient(left, #0855a7, #0855a7 46%, #1b8b5d 54%, #1b8b5d);    -webkit-background-clip: text;  -webkit-text-fill-color: transparent;font-size: 1.6rem;color: #37ca8d;font-weight: bold;}
.product .list{margin: 1.5rem 1rem 0;position: relative;}
.product .list:after{clear: both;content: '';display: table;}
.product .list li{width: 35%;box-sizing: border-box;float: left;margin:8%;}
.product .list li:nth-child(2n){margin-right: 0;}
.product .list li a{display: block;position: relative;width: 100%;height: 0;padding-bottom: 100%;}
.product .list li .pic{position: absolute;width: 100%;height:100%;transition: all .3s;-webkit-transition: all .3s;border: 1px solid #d7dde4;box-sizing: border-box; transform: rotateZ(45deg);overflow: hidden;}
.product .list li .pic img{display: block;position: absolute;left:0%;top:0%;width: auto;height: 100%;width: 100%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.product .list li.last{position: absolute;top: 50%;left: 51%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);margin: 0;}
.product .list li.last a{display: block;background:url(../images/morebg.jpg) center ;background-size: 100%;transform: rotateZ(45deg);}
.product .list li.last a span{color: #fff;font-size: 2rem;font-weight: bold;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transform: rotateZ(-45deg);transform: rotateZ(-45deg);position: absolute;left: 2%;top: 41%;display: block;text-align: center;width: 100%;line-height: 1;}
.product .main{background: url(../images/smallbannerbg.jpg) center;padding: 1rem 0;margin-top: 2rem;}
.product .swiper-container{margin: 0 0.8rem 0;}
.product .swiper-slide{width: 33.333%;box-sizing: border-box;padding: 0.2rem;position: relative;}
.product .swiper-slide .pic{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom:40% ;display: block;background-color: #fff;}
.product .swiper-slide .pic img{display: block;position: absolute;left: 50%;top: 0;min-width: 100%;height: auto;height: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}




.introduct{background-color: #ebf0f5;padding: 2rem 0;}
.introduct .tt{padding: 0 0.8rem;}
.introduct .tt:after{display: table;content: '';clear: both;}
.introduct .tt li{float: left;width:50%;box-sizing: border-box;padding:0 0.2rem;}
.introduct .tt li a{display: block; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: center;color: #555;font-size: 1.6rem;padding: 0 0.5rem;line-height: 3rem; }
.introduct .tt li a.act{color: #2964ac;font-weight: bold;}

.introduct .tab{display: none;margin: 1.5rem 1rem 0;}
.introduct .tab .ppic{width: 100%;height: 0;padding-bottom: 30%;position: relative;overflow: hidden;display: block;}
.introduct .tab .ppic img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.introduct .main dl{margin: 0.5rem 0 0;}
.introduct .main dl a{display: block;position: relative;border-bottom: 1px dashed #aaa;}
.introduct .main dl:last-child a{border-bottom: none;}
.introduct .main dl a dd{padding:0.5rem 6rem 0 0;width: 100%;box-sizing: border-box;}
.introduct .main dl a dd h3{font-size: 1.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;}
.introduct .main dl a dd  i{display: block;font-size: 1rem;color: #666;margin: 0.3rem 0;position: absolute;right: 0;top: 0;}
.introduct .main dd p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 1rem;line-height: 1.5;color: #666;}

.introduct #ntp{margin: 1.5rem 0 0;height: 16rem;overflow: hidden;}
.introduct #ntp dl{color:#fff;overflow:hidden;padding:0.5rem 0;}
.introduct #ntp dl a{display: block;position: relative;}
.introduct #ntp dl dt{width: 40%;height: 0;padding-bottom: 16.7%;position: relative;overflow: hidden;}
.introduct #ntp dl dt img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.introduct #ntp dl dd{position:absolute;left: 40%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); text-align: left;width: 60%;box-sizing: border-box;padding: 0.5rem;text-align: left;}
.introduct #ntp dl dd .newtit{display: block;font-size: 1.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.introduct #ntp dl dd p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 1rem;line-height: 1.5;color: #666;}
.introduct #ntp dl dd .more{color: #333;text-transform: uppercase;font-size: 1rem;}




footer{background: url(../images/smallbannerbg.jpg) center;padding: 1rem 1rem 1rem 10rem;position: relative;position: relative;}
footer .pic{position: absolute;left: 1rem;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
footer .pic img{width: 8rem !important;height: 8rem !important;display: block;margin-bottom: 0.5rem;}
footer .text{font-size: 1rem;color: #fff;text-align: left;}
footer .text a{color: #fff;}