@charset "gb2312";
/* 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:1rem;}
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 */

body{min-width:320px; max-width:768px; margin:0 auto;background:url(../images/bg.jpg); font-family:'微软雅黑'}
@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 */}



/*header*/
header{overflow:hidden;position:relative;padding:0 1rem 0.6rem;background-color: #fff;}
header a.logo{ display:block; position: absolute;left: 1rem;top: 1.5rem;}
header a.logo img{width:5rem;display:block; margin:0 auto;} 
header .headright{ margin: 1.2rem 0 0.6rem; margin-left:6rem;border-left: 1px solid #eee;padding-left: 1rem;}
header .headright h3{color: #555555;font-weight: bold;font-size: 1.3rem;line-height: 1.8rem;text-align: center;white-space: nowrap;display: inline-block;}
header .headright p{display:block;color: #f66001;font-size: 1.2rem;line-height: 1.6rem;margin-top: 0;letter-spacing: 2px;font-weight: bold;}
header .headright a{color:#666;  text-align:center; font-size:1.2rem; white-space:nowrap; line-height:2rem;display: inline-block;background: url(../images/tel.png) no-repeat left center;background-size: 2.5rem;padding-left: 2.5rem;margin-top: 0.3rem;}
 .headright a span{font-size:1.8rem;font-weight:bold; padding-left: 0.7rem;display: inline-block;color:#2881e2;font-family: arial;letter-spacing: 2px;}


nav{background:#3187e4;background-size: 1px 100%; height:2rem; line-height:2rem; text-align:center; font-size:1.4rem; position: relative;padding: 1rem 0;}
nav img{width:1rem; height:1.7rem; padding-top:1.2rem; display:block;padding-left:0.55rem;}
nav .menuleft{height:inherit;width:0.1rem;height:100%;position:absolute; left:0; top:0; z-index:2;background:#0085c7;}
nav .menuright{height:inherit;width:2.1rem; z-index:2; position:absolute; right:0; top:0;background:;}
nav .swiper-container{ /*margin:0 2rem;*/}
nav .swiper-wrapper{overflow:hidden;}
nav .swiper-slide{float:left; width:25%; display:block; text-align:center;}
/*nav .swiper-slide a{display:inline-block;color:#ffff00;}*/
nav .swiper-slide a{display:block;color:#fff; height: 100%;border-left: 1px solid #69b1ff;border-right: 1px solid #115bab;}
nav .swiper-slide a.cover{background:/*#1b5f13*/;color: #fff; height: 100%;}
nav .swiper-slide a span{display:block;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;width: 80%;margin: 0 auto;}

/*banner css*/
.banner {position: relative;display:block;}
.banner .swiper-wrapper img {width: 100%; display:block;}
.banner .pagination {position:absolute;left: 0;text-align: center;bottom:0.3rem; width:100%; z-index:2}
.banner .swiper-pagination-switch {display: inline-block; width:0.6rem;height:0.6rem; cursor: pointer; margin:0 0.5rem;background-color:#3187e4;border:1px solid #3187e4 ; border-radius:0%;}
.banner .swiper-active-switch{border:1px solid #115bab;background-color:#115bab;}




.project{background-color: #;padding: 2rem 0;}
.project .title{text-align: center;}
.project .title h3{font-size: 1.6rem;color:#555 ;font-weight: bold;}
.project .title p{font-size: 1.2rem;color:#666 ;margin-top: 0.2rem;}
.project .title span{font-size: 1rem;color:#999 ;text-transform: uppercase;}
.project .swiper-container{margin: 1rem 0.5rem 0;}
.project .swiper-container .swiper-slide{width: 50%;}
.project .swiper-container .swiper-slide a{display:block;margin: 0 0.5rem;position: relative;}
.project .swiper-wrapper .swiper-slide a img {width:100%; display:block;}
.project .swiper-wrapper .swiper-slide a .text{margin-top: 1rem;padding: 0 0.5rem;font-size: 1.2rem;line-height: 1.5;text-align: center;}
.project .swiper-wrapper .swiper-slide a h3{color: #fff;font-size: 1.2rem;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0.3rem 5%;position: absolute;bottom: 0;width: 90%;left: 0;background-color: rgba(0,0,0,0.8);}
.project .more{text-align: center;display: block;}
.project .more span{color: #fff;display: inline-block;margin:1rem 0;padding: 0 1rem;background-color: #333;line-height:2rem;}



.service{background: url(../images/servicebg.jpg) center;background-size: cover;padding: 2rem 1rem;}
.service .title{text-align: center;}
.service .title h3{font-size: 1.6rem;color:#3187e4 ;font-weight: bold;}
.service .title p{font-size: 1.2rem;color:#fff ;margin-top: 0.2rem;}
.service .title span{font-size: 1rem;color:#999 ;text-transform: uppercase;}

.service .list{overflow: hidden;position: relative;margin: 2rem 0 0;}
.service .list li{float: left;width: 32%;}
.service .list li:nth-child(1){position: absolute;left: 17%;top: 0;}
.service .list li:nth-child(2){position: absolute;right: 17%;top: 0;}
.service .list li:nth-child(6){position: absolute;left: 17%;bottom: 0;}
.service .list li:nth-child(7){position: absolute;right: 17%;bottom: 0;}
.service .list li:nth-child(5){margin: 18% 0;}
.service .list li:nth-child(3){margin: 18% 0;margin-right: 2%;}
.service .list li:nth-child(4){margin: 18% 0;margin-right: 2%;}

.service .list li a{display: block;position: relative;background: url(../images/picbg.png) center;background-size: 100%;height: 0;padding-bottom: 100%;width: 100%;}
.service .list li a .text{position: absolute;width: 100%;text-align: center;color: #fff;left: 0%;top: 50%;-webkit-transform:translateY(-50%); transform:translateY(-50%);}
.service .list li a .text h3{font-size: 1.2rem;line-height: 1.5;width: 100%;margin: 0 auto;}
.service .list li a .text span{font-size: 0.8rem;color: #ccc;font-family: arial;line-height: 1rem;display: block;width: 70%;margin: 0 auto;}
.service .list li:nth-child(4) .text h3{color: #f65e00;}

.service .tt{text-align: center;margin-top: 2rem;}
.service .tt h3{font-size: 1.6rem;color:#f65e00 ;font-weight: bold;}
.service .list1{overflow: hidden;position: relative;margin: 1rem 0 0;}
.service .list1 li{float: left;width: 22%;margin-right: 4%;text-align: center;margin-top: 1.5rem;}
.service .list1 li:nth-child(4n){margin-right: 0;}
.service .list1 li img{display: block;width: 4rem;margin:0 auto;}
.service .list1 li em{display: block;color: #f65e00;font-size: 1.4rem;font-weight: bold;}
.service .list1 li p{color: #3187e4;font-size: 1.2rem;}

.service .main{background: url(../images/ssbg.jpg) center; background-size: cover;padding: 2rem 1rem;position: relative;margin-top: 2rem;}
.service .main .tit{position: absolute;left: 1rem;top: 0;background-color:#333;color: #f65e00;padding: 0.5rem 2rem;font-size: 1.4rem;font-weight: bold;}
.service .main .text{margin-top: 2rem;}





.advant{margin-top: 3.5rem;background-color: ;}
.advant .title{text-align: center;}
.advant .title img{display: inline-block;width: 15rem;}

.advant .main{position: relative;margin-top: 1rem;}
.advant .list{overflow: hidden;margin: 0 1rem;}
.advant .list li{float: left;width: 23.5%;margin-top: 0.8rem;margin-right: 2%;}
.advant .list li:nth-child(4){margin-right: 0;}

.advant .list li a{display: block;width: 100%;}
.advant .list li a img{display: block;width: 100%;}
.advant .list li a .text{color: #333;font-size: 1.2rem;line-height: 1.6rem;text-align: center;}
.advant .list li a .text h3{font-size: 1.3rem;font-weight: ;line-height: 1.4;color: #333;display: block;margin-top: 0.5rem;}
.advant .list li a .text p{color: #ddd;font-size: 1rem;height: 2.4rem;line-height: 1.2rem;}
.advant .list li a .info{display: none;}



.guangg a{display: block;margin: 2rem 0;}
.guangg a img{display: block;width: 100%;}


.reason{padding: 3rem 0 2rem;}
.reason .title{text-align: center;margin: 0 1rem;}
.reason .title img{display: inline-block;width: 100%;}

.reason .list{margin: 0 1rem 0;overflow: hidden;}
.reason .list li{margin-top: 1rem;}
.reason .list li a{display: block;position: relative;}
.reason .list li a img{display: block;width: 100%;margin: 0.5rem auto;}
.reason .list li a h3{color: #3187e4;text-overflow: ellipsis;overflow: hidden;white-space: normal;font-size: 1.3rem;font-weight: bold; background: url(../images/num1.png) left center no-repeat;background-size: auto 2.4rem;line-height: 2.4rem;padding-left: 2.2rem;border-bottom: 1px dashed #ccc;padding-bottom: 0.3rem;}
.reason .list li:nth-child(2) a h3{background: url(../images/num2.jpg) left center no-repeat;background-size: auto 2.4rem;}
.reason .list li:nth-child(3) a h3{background: url(../images/num3.jpg) left center no-repeat;background-size: auto 2.4rem;}
.reason .list li a .info p{font-size: 1.2rem;color: #333;line-height: 1.5;margin-top: 0.8rem;}


.online{margin: 0rem 1rem 0;}
.online .main{background: url(../images/textbg.jpg) bottom;background-size: cover;position: relative;height: 0;padding-bottom:67% ;width: 100%;}
.online .text{background: rgba(255,255,255,0.8);background-size: cover;text-align: left;display: inline-block;position: absolute;left: 1rem;top: 55%;padding:1rem 2rem;-webkit-transform:translateY(-50%); transform:translateY(-50%);}
.online .text p{font-size: 1.4rem;font-weight: bold;color: #3187e4;line-height: 1.5;}
.online .text .phone{background: url(../images/tel.png) left center no-repeat;background-size: 3rem;padding-left: 3.5rem;}
.online .text a{font-size: 1.3rem;color: #333333;line-height: 1.2;display: block;font-weight: bold;}

.online .onmain{background: #333;background-size: cover;padding: 2rem 0 0;}
.online .title h3{font-size: 1.6rem;line-height: 2.4rem;color: #333;text-align: center;}
.online form{overflow: hidden;padding: 1rem;color: #fff;}
.online form li{position: relative;margin: 1rem 0;display: block;}
.online form input{display: block;width: 100%;line-height: 1.6rem; border: none;font-size: 1.2rem;text-indent: 6rem;color: #fff;background-color: transparent;padding: 0.4rem 0;text-align: left;}
.online form .tt{font-size: 1.2rem;}
.online form .tt1{position: absolute;left: 0.5rem;top: 0.4rem;}
.online form li .name{margin-right: 10rem;position: relative;border: 1px solid #ccc;}
/*.online form label select{display:inline-block;width: 47%;line-height: 1.6rem; border: none;font-size: 1.2rem;text-indent: 0.5rem;color: #333;background-color: #fff;padding: 0.4rem 0;margin-bottom: 0.5rem;}*/
.online form li .sex{position: absolute;right: 1rem;width: 8rem;top: 0;line-height: 2rem;text-align: right;white-space: nowrap;font-size: 1.2rem;color: #fff;}
.online form li .sex input{width: 1rem;display: inline-block;margin-right: 0.5rem;}
.online form li .sex label{display: inline-block;margin-left: 0.5rem;}
.online form li .xm{line-height: 2rem;text-align: left;font-size: 1.2rem;color: #fff;margin-top: 0.3rem;}
.online form li .xm input{width: 1rem;display: inline-block;margin-right: 0.5rem;}
.online form li .xm label{display: inline-block;width: 33.3333%;white-space: nowrap;}

.online form textarea{display: block;width: 100%;line-height: 1.6rem; border: none;font-size: 1.2rem;text-indent: 1rem;color: #333;background-color: #fff;padding: 0.4rem 0;font-family: "微软雅黑";}
.online form font{display: block;position: absolute;right: 0;line-height: 2.4rem;top: 0;color: red;}
.online .btn{overflow: hidden;text-align: left;}
.online .btn input{display:inline-block;width: 8rem;line-height: 1.6rem;font-size: 1.2rem;border: none; text-indent: 0; margin:1rem 2rem 1rem 0;background:#666;color: #fff;text-align: center;border-radius: 0.6rem;}
.online .btn input.submit{background:#3187e4;}




.about{margin-top: 2rem;background:#e6f0fa ;background-size: cover; padding: 1rem 0;}
.about .title{text-align: center;}
.about .title img{display: block;width: 80%;margin: 0 auto;}
.about .main{padding: 1rem;}
.about .main a{display: block;position: relative;background-color: #;}
.about .main .video{width: 100%;}
.about .main .video img{display: block;width: 100%;}
.about .text{color: #333;line-height:1.8rem;padding: 1rem;}
.about .text img{display: block;width:15rem ;}
.about .text h3{color: #333;font-size: 1.3rem;line-height: 1.8rem;font-weight: ;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: bold;margin-top: 1rem;}
.about .text .info{font-size: 1.2rem;line-height: 1.5;height:7.2rem;overflow: hidden;color: #666;margin: 0.5rem 0; }
.about .more{text-align:center;color:#333;line-height:2.4rem ;font-size: 1.2rem;}
.about .more a{display: inline-block;background-color: #eee;padding: 0 2rem;border-radius: 0.5rem;margin: 0 1rem;}



.news{padding:0 1rem;background-color: #;margin-top: 3rem;}
.news .title{overflow:hidden; font-size: 1.4rem;color: #999; line-height:3rem;background-color:#333;}
.news .title a{float:left;width:25%;display:block;font-size:1.4rem;text-align:center;}
.news .title a span{color:#fff ;display:block;background-color: #333;}
.news .title a span.act{background-color:#3187e4 ;color: #fff;}
.news .title a.more{float: right;margin-right: 1rem;color:#999 ;font-size: 1rem;}

.news .tablist{}
.news .list{color:#555;margin-top: 0;}
.news .list li{margin-top: 1.5rem;position:relative;}
.news .list .pic{ overflow:hidden;display:block;/*border: 0.2rem solid #f3b907;*/width: 11rem;position: absolute;left: 0;top: 0.5rem;height: 7.2rem;}
.news .list .pic img{ width:100%;display:block;}

.news .list .text{padding-left:12rem}
.news .list .text h3{line-height:1.5;}
.news .list .text h3 a{color:#333; font-weight:normal;display:block;font-size:1.2rem; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.news .list .text .info{height:3.6rem;overflow:hidden;line-height:1.5;position:relative; color:#555;margin: 0.3rem 0;font-size: 1.2rem;}
.news .list .text .more{display:block;text-align:left;line-height:1.8rem;color:#999;border-top: 1px dashed #999;}




.news .faq{ display:block; margin:0rem 0 0;}
.news .faq dl{border-bottom:1px solid #cbcbcb;color:#fff;overflow:hidden; padding:0 0 0.5rem; margin:0.5rem 0;}
.news .faq dl:last-child{border:;}
.news .faq dl dt{line-height: 1.5;font-size: 1.2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .faq dl a{color:#404144;}
.news .faq dl dd{height:3.6rem; overflow:hidden; line-height:1.5;color:#555;font-size:1.2rem;margin-top: 0.5rem;}
.news .faq dl dd span{display:inline-block; line-height:1.5;margin-right:0.5rem; color:#fff;background-color: #f8981f;width: 1.8rem;text-align: center;}
.news .faq dl dt span{ display:inline-block; font-size:1.2rem; line-height:1.5; margin-right:0.5rem;color:#fff;background-color: #0085c7;width: 1.8rem;text-align: center;border-radius: 100%;}


footer{background:#333; color:#ccc; font-size:1.2rem; line-height:1.6rem; padding:0 1rem 0; position:relative;margin-top: 2rem;}
footer .pic{position: absolute;left: 1rem;top: 50%;width: 8rem;overflow: hidden;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
footer .pic img{ display:block; width: 8rem;height: 8rem;}
footer .pic span{ display:block;text-align: center;margin-top: 0.5rem;}
footer .text{color:#ccc; font-size:1rem; line-height:1.6; padding:1rem 0 1rem;text-align:left;margin-left: 9rem;min-height: 8rem;}
footer .text a{color:#ccc}

/*.online1{position:fixed; right:0; top:30%; z-index:1000;background-image:url(../images/qq.jpg);background-repeat: no-repeat;background-size:2rem 7.2rem;background-position:center; width:2rem; height:7.2rem; border-radius:0.35rem;}*/

/*footfix 样式*/
.footfix {background:#353535 ; bottom: 0; height: 6rem; left:50%; position: fixed; width: 100%; z-index: 9999; max-width:768px;-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%) ; -moz-transform: translateX(-50%);transform:translateX(-50%);}
.footfix ul li { float: left; height: 6rem; text-align: center; width: 25%; }
.footfix ul li a { display: block; height:5rem;padding: 0.5rem 0; color:#fff; border-right: 1px solid #fff; border-left: 1px solid #fff; }
.footfix ul li a img{ display:block; width: 3.6rem;margin: 0 auto;}
.footfix ul li a span {font: 1.2rem "微软雅黑";line-height: 1.6rem; }
.footfix ul li:last-child a{ border-right:0;}
.footfix ul li:first-child a{ border-left:0;}
/*footfix 样式 END*/