@charset "utf-8";
blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
h1{font-size:18px}
h2{font-size:1pc}
h3{font-size:14px}
h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp,tt{font-family:Courier New,Courier,monospace}
small{font-size:9pt}
ol,ul{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:none}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}
q:after,q:before{content:''}
legend{color:#000}
fieldset,img{border:none}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
hr{height:1px;border:none}
html{font-size:62.5%; /* 10รท16=62.5% */}
body,button,input,select,textarea{font-size:14px;font-size:1.4em ; /* 12รท10=1.2 */font-family: '微软雅黑';}
@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}
.fl{float:left;}
.fr{float:right;}
ul,li{list-style:none;}
.container{width: 641px; margin: 0 auto;}
.container-s{width: 94%; margin: 0 auto;}
.cl{clear: both;}
.c{*zoom:1;}
.c:after{content: ' '; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}

/*公共头部*/
.head{ width: 100%; position: fixed; top: 0px; z-index: 222; background: #fff;box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.head .logo{width: 80%;margin: 1.2rem 0;}
.menu{width: 10%;margin-top: 1rem; position: relative;}

.menu-list{position: absolute; width: 500%;right: 0;margin-top: 1rem;z-index: 100;}
.menu-list li a{display: block;font-size: 1.25rem; line-height:350%; color: #fff;text-align: center; font-family: "Microsoft YaHei"; cursor: pointer;}

.head-zw{height:5rem;}

.i-menu{margin:0.2rem 0;}
.i-menu-list li{ float: left;  display: block; width:24%; margin:0.5%;}
.i-menu-list li a{ font-size: 1.2rem; color: #fff; display: block;padding: 0.6rem; border-radius: 5%; background: #296ec0;}


/*banner*/
.banner,.swiper-container{height: 180px;width: 100%;}

/*栏目标题*/
.title{border-bottom: 1px solid #ccc;text-align: left;margin-bottom: 1rem;}
.title span{display: block;width: 6%;height: 4rem;background: url(../images/title-icon.png) no-repeat left center;background-size: 60%;}
.title b{display: block;font-size: 1.8rem;font-weight: normal;color: #296ec0;line-height: 4rem;}
.title b em{text-transform: uppercase;font-size: 1.2rem;color: #808080;padding-left: 0.5rem;}
/*栏目按钮*/
.more{display: block;width: 100%;border: solid 1px #296ec0;font-size: 1.4rem; line-height:260%;color: #fff;background: #296ec0; border-radius: 4px; }


/*关于我们*/
.survey {padding: 2rem 0;}
.survey-list ul li{float: left; width: calc(100% / 4); text-align: center;}
.survey-list ul li b{display: block; font-size: 2rem; color: #296ec0}
.survey-list ul li span{display: inline-block; font-size: 1rem; color: #666; vertical-align: top; font-weight: normal; font-weight: normal; margin-left: 3px;}
.survey-list ul li em{display: block; font-size: 1rem; color: #333;}


.shipin{width:100%;border-bottom: solid 1rem #f5f5f5;padding-bottom: 1rem;}
.shipin p{width: 100%;text-align: center;line-height: 200%;color: #296ec0;font-size: 1.4rem;}

.about{border-bottom: solid 1rem #f5f5f5;}
.about p{font-size: 1.2rem;line-height: 200%;text-indent: 2em;margin-bottom: 1.5rem;text-align: justify;}
.about-col{width: 100%;overflow: hidden;}

.about ul{margin-bottom: 2rem;}
.about ul li{float: left;width: 17%; margin: 0 4%;text-align: center;}
.about ul li .pic img{display: block; width: 100%}
.about ul li h3{display: block; font-size: 1.2rem; line-height: 260%; color:#333; }


/*产品专区*/
.pro{padding-bottom: 2rem;border-bottom: solid 1rem #f5f5f5;}
.pro .content{overflow: hidden;}
.pro-col{width: 105%;text-align: center;margin-bottom: 1rem;}
.pro-col dd{float: left;line-height: 280%;margin-right: 3%;font-size: 1.2rem;width: 30%;text-align: center;}
.pro-col dd a{display: block; color: #fff;}
.pro-col dd:first-child{background: #4786d1;}
.pro-col dd:nth-child(2){background: #296ec0;}
.pro-col dd:last-child{background: #1755a0;margin-right: 0;}
.pro-list{overflow: hidden;width: 103%; margin-bottom: 1rem;}
.pro-list li{float: left;width: 48%;margin-right: 2%;position: relative;margin-bottom: 1rem;background: #fff;}
.pro-list li img{display: block;width: 100%;height: auto; /*border: solid 1px #f7f7f7; */border-bottom: none;}
.pro-list li .detail{background: #f7f7f7; padding-bottom: 6%;}
.pro-list li .pro-name{font-size: 1.3rem;line-height: 220%;color: #333; text-align: center;}
.pro-list li .btn-group{width: 100%; text-align: center;}
.pro-list li .btn-group>a{display: inline-block; width: 46%;}
.pro-list li input{display: block;font-size: 1.2rem;line-height:220%;color: #fff;border:none;border-radius: 3px; width: 100%;background: #f8b300;}
.pro-list li .more-btn{background: #296ec0;}

/*企业优势*/

.ys1 h2{width: 100%;padding: 3.5rem 0 1.5rem; text-align: center;border-bottom: 1px solid #ccc;font-size: 2.4rem;color: #296ec0;background: url(../images/ys-title.png) no-repeat center top 40%;background-size: 90%;font-weight: bold;}
.ys1-list dl{margin-top: 2rem;}
.ys1-list dl dd{text-align: center;}
.ys1-list dl dd img{display: block; width: 100%;height: auto;}
.ys1-list dl dd h4{font-size: 2rem;color: #296ec0;padding-top: 1.5rem;}
.ys1-list dl dd span{color: #a0a9b5;text-transform: uppercase;font-size: 1rem;}
.ys1-list dl dd p{font-size: 1.1rem;line-height: 180%;margin-bottom: 1.5rem;text-align: justify;text-align-last: center;padding-top: 0.8rem;color: #4c4c4c;}
.ys1-list dl dt{width: 100%;height: 1px;background: #ccc}

.ys2{background: url(../images/ys2-bg.jpg) no-repeat center center;background-size: 100%;padding-bottom: 2rem;}
.ys2 h4{font-size: 2.4rem;color: #fff;text-align: center;line-height: 280%;font-weight: bold;}
.ys2-list{border: 1px solid rgba(255,255,255,0.2);}
.ys2-list dd{border: 1px solid rgba(255,255,255,0.2);width: 50%;float: left;color: #fff;text-align: center;padding: 1.5rem 0;}
.ys2-list dd img{width: 30%;height: auto;}
.ys2-list dd em,.ys2-list dd span{display: block;}
.ys2-list dd em{font-size: 1.6rem;line-height: 200%;}
.ys2-list dd span{font-size: 1.2rem;color: #ccd3da;line-height: 100%;}

.ys2-online{text-align: center;color: #fff;margin-bottom: 2rem;padding-bottom: 1.5rem;border-bottom: 1px solid rgba(255,255,255,0.2);}
.ys2-online:last-child{border-bottom: none;}
.ys2-online span,.ys2-online i,.ys2-online em{display: block;}
.ys2-online span{font-size: 1.8rem;line-height: 100%;margin-top: 1.5rem;}
.ys2-online i{height: 1px;width: 20%;background: #fff;margin: 1rem auto;}
.ys2-online em{font-family: arial;font-size: 1.8rem;line-height: 100%;}

.ys2-btn a{display: block;color: #fff;width: 48%;line-height: 280%;border-radius: 4px;text-indent: 20%;font-size: 1.6rem;}
.ys2-btn a:first-child{background: url(../images/ys2-pro.png) no-repeat center right 20% #296ec0;background-size: 12%;}
.ys2-btn a:last-child{background: url(../images/ys2-zx.png) no-repeat center right 20% #f8b300;background-size: 12%;}
/*客户案例*/
.case{border-bottom: solid 1.5rem #f5f5f5;  padding-bottom: 2rem;}
.case-list{overflow: hidden;width: 103%;margin-bottom: 1rem;}
.case-list li{float: left;width: 48%;margin-right: 2%;margin-bottom: 1rem; }
.case-list li a{display: block;}
.case-list li img{display: block;width: 100%;height: auto;border-bottom: none;}
.case-list li .case-name{width: 100%;font-size: 1.4rem;line-height: 240%; color: #333;background: #f2f2f2;}

/*资质证书*/
.honor-list{overflow: hidden;width: 103%;}
.honor-list li{float: left;width: 48%;margin-right: 2%;margin-bottom: 1rem; }
.honor-list li img{display: block;width: 100%;height: auto; border: solid 1px #ccc;}
.honor-list li .case-name{width: 100%;font-size: 1.4rem;line-height: 240%; color: #666; text-align: center;}


/*新闻动态*/
.news-list{ margin-bottom: 1rem;}
.news-list li{float: left; border-bottom: dashed 1px #e5e5e5; margin-bottom: 1.5rem; padding-bottom: 1.5rem; width: 100%;}
.news-list li .date{background: #f5f5f5; width: 22%; padding: 0.5rem 0;border-radius: 4px;}
.news-list li .date em{display: block; font-size: 4.2rem; line-height: 100%; color: #296ec0;}
.news-list li .date span{display: block; font-size: 1.2rem; color: #666;line-height: 180%;}
.news-list li .info{width: 74%;}
.news-list li .info em{display: block; font-size: 1.6rem; line-height: 190%; color: #333; }
.news-list li .info p{display: block; font-size: 1.2rem; color: #808080;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2 ;-webkit-box-orient:vertical;text-align:justify;line-height: 150%;}
.zw{height: 54px;}

/*底部*/
.foot{background: #333;margin-top: 2.5rem;padding: 1.25rem 0 1.5rem;}
.foot p{font-size: 1.3rem;line-height: 200%;color: #b2b2b2;}
.foot p a{color: #b2b2b2;}
.footer{position: fixed; bottom: 0; width: 100%; height: 54px; line-height: 54px; background: #296ec0;}


.footer .foot-nav-2{background: #f8b300}
.footer .foot-nav-bg{display: inline-block; width: 40%;  height: 54px; line-height: 54px; text-align: center;}
.footer .foot-nav-bg1{background: url(../images/nav-bg1.png) no-repeat center center; background-size:50%;}
.footer .foot-nav-bg2{background: url(../images/nav-bg2.png) no-repeat center center; background-size:50%;}
.footer .foot-nav-bg3{background: url(../images/nav-bg3.png) no-repeat center center; background-size:50%;}
.footer a{display: inline-block; width:60%; font-size: 1.5rem; line-height: 54px; color: #fff;}


/*微信弹窗*/
#wxnr {
	width: 100%;
	height: 100%;
	max-width: 640px;
	min-width: 320px;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 22rem;
	    height: 22rem;
    padding: 4rem 0 3rem;
	margin-top: -11rem;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}
#wxnr img {
	display: block;
	margin: 0 auto 0.8rem;
}
#wxnr p {
	display: block;
	font-size: 1.4rem;
	text-align: center;
	color: #666;
	
}
#wxnr i {
	display: block;
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 1rem;
	cursor: pointer;
}
#wxnr #btn {
	display: inline-block;
	padding:  0.1rem 0.2rem;
	
	background-color: #f19903;
	color: #fff;
	border-radius: 0.2rem;
	cursor: pointer;
}



/*内页子栏目*/
.ny-main{ margin-bottom: 2rem;}
.ny-main p{text-align: justify;}
.ny-main .case-list p{text-align: center}

.ctitle1{overflow: hidden;width: 103%;margin: 2rem 0 1.5rem;}
.ctitle1 li{float: left;width: 47%;margin-right: 3%;margin-bottom: 2%;}
.ctitle1 li a{display: block;  font-size: 1.3rem;line-height: 240%;color: #333;background: #f2f2f2;text-align: center;}
.ctitle1 li.on a{background: #296ec0;color: #fff;}
.ctitle1 li:hover a{background: #296ec0;color: #fff;}


/*内页主内容区*/
.ny-title{border-bottom: solid 1px #e2e2e2;margin-bottom: 1.25rem;}
.ny-title h2{display: inline-block; font-size: 1.875rem;font-weight: bold; line-height: 180%;color: #000;}
.ny-title em{display: inline-block;font-size: 1.125rem;line-height: 100%;color: #c8c8c8; text-transform: uppercase;}

.ny-name em{display:block; font-size: 1.875rem; line-height: 180%;color: #000; text-align: center; margin-bottom: 0.5rem;}


.ny-class{overflow: hidden;margin: 2rem 0 1rem;}
.ny-class ul{width: 104%; }
.ny-class  li{float: left; width: 32%; margin-right: 0.5%;position: relative; margin-bottom: 0.5%;}
.ny-class  li .pic img{display: block; width: 100%; height: auto;}
.ny-class  li .info{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); bottom:0;  z-index: 2; }
.ny-class  li .info h3{display: block; font-size: 1.2rem; color: #fff; text-align: center;  margin: 26% auto;}


.ny-class2  li{width: 47%;margin-right: 3%;}