/*MS 2018.6.10 */
/*QQ:24231001 MAIL:24231001@QQ.COM*/


::-webkit-scrollbar{width:10px; height:4px;}
::-webkit-scrollbar-track {background-color:#fff;}
::-webkit-scrollbar-thumb {background-color:#ccc;}


/*---------------重置BS BUTTON INPUT focus 样式--------------- */

button:focus{box-shadow: none !important;}
input:focus,select:focus,textarea:focus{box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;}
input[type=checkbox],input[type=radio]{box-shadow: none !important;}

.shadow-xs{box-shadow: 1px 1px 10px #eee;}
.card-header{padding:0 10px; margin:0px; height:35px; line-height:35px;}
hr{margin: 10px 0;}

/*---------------重置 全局样式 样式--------------- */

body{margin: 0px; padding: 0px; font-size: 14px; font-family:'PingFang SC',Microsoft YaHei,"微软雅黑",'Microsoft Yahei',"Helvetica Neue", Helvetica, Tahoma, Arial,'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif; background:#fff; color:#333; background-position:center 260px;}
ul,li{list-style: none; margin: 0px; padding: 0px;}


a{font-size: 14px; text-decoration:none; color:#333;}
a:hover{text-decoration:none; color: #f00;}


/*遮罩背景*/
.mark-box{background:rgba(0,0,0,.8);position: fixed; left:0px; top:0px; bottom:0px; right:0px; z-index:1000; display:flex;}

p{margin: 0; padding: 0;}
.cls{clear: both;}




/*--------------- 样式开始 MS 2020.6.15 ---------------*/



		/* 本例子css */
		.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:15px; z-index:1; text-align: center; left: 0; right: 0; margin: auto}
		.slideBox .hd ul{ overflow:hidden; zoom:1;text-align: center;}
		.slideBox .hd ul li{margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; display: inline-block;}
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:auto; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{position:absolute; left:3%; top:45%;  display:block; width:80px; height:80px; background:url(../images/arr.png) no-repeat center center; background-size: 60px auto;}
		.slideBox .next{position:absolute; right:3%; top:45%;  display:block; width:80px; height:80px; background:url(../images/arr.png) no-repeat center center; background-size: 60px auto; transform: rotate(180deg);}





/* header */
.header{background: #fff;}
.header .header_h{background: #f2f2f2;}
.header .header_h ul{width: 1200px; margin: auto; display: flex; justify-content: space-between; height: 45px; line-height: 45px;}
.header .header_h ul a{margin-left: 10px;}
.header .header_h .ewm{position: relative; cursor: pointer;}
.header .header_h .ewm>div{position: absolute; top: 110%; left: -40px;right: 0; margin: auto;display: none; background: #fff; border: 1px #eee solid; width: 120px; box-shadow: 1px 1px 10px #eee;}
.header .header_h .ewm>div small{display: block; text-align: center; height: 30px; line-height: 30px;}
.header .header_h .ewm img{width: 120px; height: auto; }
.header .header_h .ewm:hover>div{display: block;}

.header .header_b{width: 1200px; margin: auto; display: flex; justify-content: space-between; padding: 30px 0; box-sizing: border-box; align-items: center;}
.header .header_b .tel{background: url(../images/tel.png) no-repeat left center; padding-left: 55px; padding-top: 5px;}
.header .header_b .tel p{color: #3b94e8;font-size: 16px;}
.header .header_b .tel p span{font-size: 20px;}

.navs{background: #3b94e8; height: 55px; line-height: 55px;}
.navs ul{width: 1200px; margin: auto;display: flex; justify-content: space-between;}
.navs a{font-size: 16px; color: #fff;text-align: center;}
.navs a:hover{opacity: .8;}



.title_blue{display: block; text-align: center;}
.title_blue strong{font-size: 25px; color: #3b94e8; background: url(../images/line.png) no-repeat bottom center; display: block; padding-bottom: 15px;}

.title_white{display: block; text-align: center;}
.title_white strong{font-size: 25px; color: #fff; background: url(../images/lines.png) no-repeat bottom center; display: block; padding-bottom: 15px;}




/*幻灯*/
.fullSlide {position: relative;height: 488px;overflow: hidden;}
.fullSlide .bd {position: relative;z-index: 0;}
.fullSlide .bd ul {width: 100% !important;}
.fullSlide .bd li {width: 100% !important;height: 488px;}
.fullSlide .bd li .siteWidth {width: 1000px;position: relative;margin: 0 auto;height: 488px;}
.fullSlide .bd li a {position: absolute;width: 100%;height: 488px;display: block;z-index: 1;}
.fullSlide .hd {width: 100%;position: absolute;z-index: 1;bottom: 0;left: 0;height: 30px;line-height: 30px;text-align: center;}
.fullSlide .hd ul li {cursor: pointer;display: inline-block;*display:inline;zoom: 1;background: #f00;width: 10px;height: 10px;line-height: 999;margin: 0 5px;border-radius: 100px;}
.fullSlide .hd ul .on {cursor: pointer;display: inline-block;*display:inline;zoom: 1;background: #fff;width: 10px;height: 10px;}
.fullSlide.sj{display: none;}


/* 下面是前/后按钮代码，如果不需要删除即可 */
.fullSlide .prev,
.fullSlide .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.fullSlide .next{ left:auto; right:3%; background-position:8px 5px; }
.fullSlide .prev:hover,
.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.fullSlide .prevStop{ display:none;  }
.fullSlide .nextStop{ display:none;  }



/* 产品中心 */
.pro_tab{display: block; text-align: center; padding: 40px 0;}
.pro_tab a{background: #3b94e8;color: #fff;font-size: 18px;font-weight: bold; height: 40px; line-height: 40px;display: inline-block;  box-sizing: border-box; position: relative; padding:0 30px;}
.pro_tab a::after{content:''; background: url(../images/nav_right.png) no-repeat right center; width: 18px; height: 40px; display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}
.pro_tab a::before{content:''; background: url(../images/nav_left.png) no-repeat right center; width: 18px; height: 40px; display: inline-block;position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.pro_tab a:hover{opacity: .8;}


.picMarquee-left{ width:1200px;  overflow:hidden; position:relative;margin: auto; margin-bottom: 60px;}
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; border: 1px #3b94e8 solid;}
.picMarquee-left .bd .tempWrap{width: 100%!important;}
.picMarquee-left .bd ul li div{width: 280px; height: 220px; overflow: hidden;}
.picMarquee-left .bd ul li img{width: 280px; height: 220px;display: block;transition: 1s all ease;}
.picMarquee-left .bd ul li:hover img{transform: scale(1.2);transition: 1s all ease;}
.picMarquee-left .bd ul li span{display: block; background: #3b94e8; height: 45px; line-height: 45px; text-align: center;color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 280px; padding: 0 15px; box-sizing: border-box;font-size: 18px;}




/* 为什么选择我们 */
.why_box{display: block; background: url(../images/why_bg.jpg) no-repeat top center; background-size: 100% 100%; padding: 20px 0; height: 560px;}
.why_list{width: 1200px; margin:100px auto 80px auto;}
.why_list ul{display: flex; justify-content: space-between; }
.why_list ul li{text-align: center; width: 250px;}
.why_list ul li img{display: block; margin: auto;transition: 1s all ease; cursor: pointer;}
.why_list ul li img:hover{transform: rotate(360deg); transition: 1s all ease;}
.why_list ul li strong{font-size: 22px;color: #fff;font-weight: normal; padding-top: 20px;display: block;}
.why_list ul li small{font-size: 14px; color: #fff; line-height: 25px;display: block;text-align: justify; padding-top: 20px;}




/* 新闻 */
.news_list{width: 1200px; margin:50px auto 20px auto;}
.news_list ul{display: flex; justify-content: space-between; flex-flow: row wrap;}
.news_list ul li{width: 590px; border: 1px #3b94e8 solid; padding: 20px; box-sizing: border-box; margin-bottom: 25px;transition: 1s all ease;}
.news_list ul li a{display: flex; justify-content: space-between;}
.news_list ul li .date span{width: 70px; height: 70px; display: block;text-align: center; line-height: 70px; color: #fff; background: #3b94e8; font-size: 36px;}
.news_list ul li .date small{display: block; text-align: center;font-size: 14px; padding-top: 5px;}
.news_list ul li .text{margin-left: 15px;flex:1;}
.news_list ul li .text p:first-child{font-size: 16px;color: #3b94e8;font-weight: bold;}
.news_list ul li .text p:last-of-type{font-size: 12px; padding-top: 10px;}

.news_list ul li:hover{background: #3b94e8;color: #fff; transition: 1s all ease;}
.news_list ul li:hover .text p{color: #fff;}
.news_list ul li:hover .date span{background: #fff;color: #3b94e8;}
.news_list ul li:hover .date small{color: #fff;}



.more{display: block; text-align: center;}
.more a{background: url(../images/more.jpg) no-repeat center center; height: 40px; line-height: 40px; font-size: 14px;color: #fff;display: block;}
.more a:hover{opacity: .8;}

.more_white{display: block; text-align: center;}
.more_white a{background: url(../images/mores.png) no-repeat center center; height: 40px; line-height: 40px; font-size: 14px;color: #3b94e8;display: block;}
.more_white a:hover{opacity: .8;}


/* 公司简介 */
.about_box{background: #3b90e1; padding: 20px 0 70px 0; margin-top: 60px;}
.about_text{display: flex; justify-content: space-between; width: 1200px; margin:50px auto;}
.about_text .box{font-size: 14px; color: #fff; line-height: 30px; margin-left: 25px; text-align: justify;}



/* 企业名片 */
.qymb_box{background: #3b90e1; width: 1200px;margin: 50px auto; display: flex; justify-content: space-between;}
.qymb_box .text{width: 480px;color: #fff; padding: 40px; box-sizing: border-box;}
.qymb_box .text .t{font-size: 20px;font-weight: normal; border-bottom: 1px #62a9ed solid; padding-bottom: 10px; margin-bottom: 10px;}
.qymb_box .text .tt{line-height: 30px;}




/* ad */
.index_ad{background: url(../images/ad.jpg) no-repeat top center; height: 140px; margin-top: 10px;}



/* footer */
.footer{display: block;background: #3b90e1; padding: 70px 0;text-align: center;color: #fff; line-height: 30px;font-size: 14px; }
.footer a{font-size: 14px; color: #fff;}
.footer a:hover{opacity: .8; text-decoration:underline;}




/*单篇*/
.content{width: 1200px; box-shadow: 1px 1px 10px #eee; min-height: 500px; padding:10px 30px 30px; box-sizing: border-box;margin: 20px auto 50px auto;}
.content_text{ line-height: 30px;text-align: justify; font-size: 14px; padding: 10px; box-sizing: border-box;}



/*位置*/
.wz{width: 100%; height: 40px; line-height: 40px; margin: 20px auto; background: url(../images/home.png) no-repeat 20px center #f9f8f8;padding-left: 50px; box-sizing: border-box;}
.wz span{ font-family: '黑体';font-size: 13px;}
.wz strong{font-weight: normal;}



/*留言*/
#form2{display: block;}
#form2 ul{display: block; width: 700px; margin: 50px auto auto auto;}
#form2 ul li{display: flex; justify-content: space-between; margin-bottom: 20px;}
#form2 ul li input{flex: 1; border: 1px #ccc solid; padding:0 20px; box-sizing: border-box;}
#form2 ul li textarea{flex: 1;border: 1px #ccc solid; padding:0 20px; box-sizing: border-box; height: 150px;}
#form2 ul li span{width: 80px; text-align: right; padding-right: 20px; box-sizing: border-box;}
#form2 ul li input[type=submit]{background: #328ce0; height: 40px; line-height: 40px; color: #fff; border: 0; cursor: pointer;}


/*技术支持*/
.content_list{display: block; padding: 10px; box-sizing: border-box;}
.content_list ul{display: block;}
.content_list ul li{width: 100%; border-bottom: 1px #ccc dotted;padding: 15px 0; background: url(../images/ico.png) no-repeat left center; padding-left: 15px;}
.content_list ul li a{display: flex; justify-content: space-between;}
.content_list ul li:hover{border-bottom: 1px #3b90e1 solid;}
.content_list ul li:hover strong{color: #3b90e1;font-size: 14px;}
.content_list ul li:hover span{color: #3b90e1;font-size: 14px;}
.content_list ul li strong{font-weight: normal;}

.page{display: block; padding-top: 20px;text-align: center;}


.content_down{display: block; text-align:center;}
.font{display: flex;align-items: center; justify-content: center;}
.font>div{margin-left: 15px;}


.content_nav{display: block; text-align: center; padding: 20px 0;}
.content_nav a{font-size: 18px;font-weight: bold; box-sizing: border-box; color: #328ce0;  display: inline-block; border: 1px #328ce0 solid; padding: 8px 20px; background: rgba(59,148,230,.1); margin: 0 5px;}
.content_nav a.active{color: #fff; position: relative; background: #328ce0;}
.content_nav a:hover{color: #fff; position: relative; background: #328ce0;}



.pro_list{display: block; margin-top: 30px;}
.pro_list ul{display: block;text-align: center;}
.pro_list ul li{ overflow:hidden; text-align:center; border: 1px #3b94e8 solid; width: 550px; margin:5px; display: inline-block;}
.pro_list ul li:nth-child(3n){margin-right: 0;}
.pro_list ul li div{width: 550px; height: 450px; overflow: hidden;}
.pro_list ul li img{width: 550px; height: 450px;display: block;transition: 1s all ease;}
.pro_list ul li:hover img{transform: scale(1.2);transition: 1s all ease;}
.pro_list ul li span{display: block; background: #3b94e8; height: 45px; line-height: 45px; text-align: center;color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; padding: 0 15px; box-sizing: border-box;}


.pros .pro_list{display: block; margin-top: 30px;}
.pros .pro_list ul{display: flex;text-align: center; justify-content: space-between; flex-flow: row wrap;}
.pros .pro_list ul li{ overflow:hidden; text-align:center; border: 1px #3b94e8 solid; width: 550px; margin:5px; display: inline-block; margin-bottom: 30px;}
.pros .pro_list ul li:nth-child(3n){margin-right: 0;}
.pros .pro_list ul li div{width: 550px; height: 450px; overflow: hidden;}
.pros .pro_list ul li img{width: 550px; height: 450px;display: block;transition: 1s all ease;}
.pros .pro_list ul li:hover img{transform: scale(1.2);transition: 1s all ease;}
.pros .pro_list ul li span{display: block; background: #3b94e8; height: 45px; line-height: 45px; text-align: center;color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; padding: 0 15px; box-sizing: border-box;font-size: 18px;}

.sjtel{display: none;}



.links{width: 1200px; margin: auto; padding: 30px 0; display: block; margin-bottom: 40px;}
.links a{float: left; margin-right: 25px; margin-bottom: 5px;}



	@media only screen and (max-width: 768px){ 
	
		
		body{font-size: 12px!important; padding-bottom: 50px;}
		
		/* header */
.header{background: #fff;}
.header .header_h{background: #f2f2f2;display: none;}
.header .header_h ul{width: 100%; margin: auto; display: flex; justify-content: space-between; height: 45px; line-height: 45px;}
.header .header_h ul a{margin-left: 10px;}
.header .header_h .ewm{position: relative; cursor: pointer;}
.header .header_h .ewm>div{position: absolute; top: 110%; left: -40px;right: 0; margin: auto;display: none; background: #fff; border: 1px #eee solid; width: 120px; box-shadow: 1px 1px 10px #eee;}
.header .header_h .ewm>div small{display: block; text-align: center; height: 30px; line-height: 30px;}
.header .header_h .ewm img{width: 120px; height: auto; }
.header .header_h .ewm:hover>div{display: block;}
		

.header .header_b{width: 100%; margin: auto; display: block; justify-content: space-between; padding: 20px 0; box-sizing: border-box; align-items: center;text-align: center;}
.header .header_b img{width: 160px; height: auto;}
.header .header_b .tel{background: url(../images/tel.png) no-repeat left center; padding-left: 55px; padding-top: 5px; display: none;}
.header .header_b .tel p{color: #3b94e8;font-size: 16px;}
.header .header_b .tel p span{font-size: 20px;}
		

.navs{background: #3b94e8; height: 70px; line-height: 25px; padding-top: 5px;}
.navs ul{width: 100%; margin: auto;display: block; justify-content: space-between; flex-flow: row wrap; padding: 5px 10px; box-sizing: border-box;}
.navs a{font-size: 14px; color: #fff;text-align: center; width: 20%; line-height: 25px!important; float: left;}
.navs a:hover{opacity: .8;}



.title_blue{display: block; text-align: center;}
.title_blue strong{font-size: 18px; color: #3b94e8; background: url(../images/line.png) no-repeat bottom center; display: block; padding-bottom: 15px;}

.title_white{display: block; text-align: center;}
.title_white strong{font-size: 18px; color: #fff; background: url(../images/lines.png) no-repeat bottom center; display: block; padding-bottom: 15px;}

.title_blue.mt-5{margin-top: 20px!important;}
.title_white.mt-5{margin-top: 20px!important;}

/*幻灯*/
.fullSlide.sj {position: relative;height: 200px;overflow: hidden; display: block;}
.fullSlide.sj .bd {position: relative;z-index: 0;}
.fullSlide.sj .bd ul {width: 100% !important;}
.fullSlide.sj .bd li {width: 100% !important;height: 200px; background-size: 100% auto;}
.fullSlide.sj .bd li .siteWidth {width: 1000px;position: relative;margin: 0 auto;height: 200px;}
.fullSlide.sj .bd li a {position: absolute;width: 100%;height: 200px;display: block;z-index: 1;}
.fullSlide.sj .hd {width: 100%;position: absolute;z-index: 1;bottom: 0;left: 0;height: 30px;line-height: 30px;text-align: center;}
.fullSlide.sj .hd ul li {cursor: pointer;display: inline-block;*display:inline;zoom: 1;background: #f00;width: 10px;height: 10px;line-height: 999;margin: 0 5px;border-radius: 100px;}
.fullSlide.sj .hd ul .on {cursor: pointer;display: inline-block;*display:inline;zoom: 1;background: #fff;width: 10px;height: 10px;}

.fullSlide.pc{display: none;}


/* 产品中心 */
.pro_tab{display: block; text-align: center; padding: 20px 0; display: none;}
.pro_tab a{background: #3b94e8;color: #fff;font-size: 14px;font-weight: bold; height: 40px; line-height: 40px;display: inline;  box-sizing: border-box; position: relative; padding:0 20px; margin-bottom: 5px; float: left; margin-right: 10px;}
.pro_tab a::after{content:''; background: url(../images/nav_right.png) no-repeat right center; width: 18px; height: 40px; display: none; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}
.pro_tab a::before{content:''; background: url(../images/nav_left.png) no-repeat left center; width: 18px; height: 40px; display: none;position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.pro_tab a:hover{opacity: .8;}

		
		

.picMarquee-left{ width:100%;  overflow:hidden; position:relative;margin: auto; margin-bottom: 20px; margin-top: 20px;}
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; border: 1px #3b94e8 solid;}
.picMarquee-left .bd .tempWrap{width: 100%!important;}
.picMarquee-left .bd ul li div{width: 200px; height: 160px; overflow: hidden;}
.picMarquee-left .bd ul li img{width: 200px; height: 160px;display: block;transition: 1s all ease;}
.picMarquee-left .bd ul li:hover img{transform: scale(1.2);transition: 1s all ease;}
.picMarquee-left .bd ul li span{display: block; background: #3b94e8; height:35px; line-height: 35px; text-align: center;color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 200px; padding: 0 15px; box-sizing: border-box;}




/* 为什么选择我们 */
.why_box{display: block; background: url(../images/why_bg.jpg) no-repeat top center; background-size: 100% 100%; padding: 10px 0; height: auto;}
.why_list{width: 100%; margin:40px auto 20px auto;}
.why_list ul{display: flex; justify-content: space-between; flex-flow: row wrap;}
.why_list ul li{text-align: center; width: 50%;}
.why_list ul li img{display: block; margin: auto;transition: 1s all ease; cursor: pointer; width: 60px;height: auto;}
.why_list ul li img:hover{transform: rotate(360deg); transition: 1s all ease;}
.why_list ul li strong{font-size: 16px;color: #fff;font-weight: normal; padding-top: 10px;display: block;}
.why_list ul li small{font-size: 12px; color: #fff; line-height: 21px;display: block;text-align: justify; padding: 20px; box-sizing: border-box;}




/* 新闻 */
.news_list{width: 100%; margin:20px auto 10px auto;}
.news_list ul{display: flex; justify-content: space-between; flex-flow: column wrap; padding: 0 15px; box-sizing: border-box;}
.news_list ul li{width: 100%; border: 1px #3b94e8 solid; padding: 15px; box-sizing: border-box; margin-bottom: 10px;transition: 1s all ease;}
.news_list ul li a{display: flex; justify-content: space-between;}
.news_list ul li .date span{width: 50px; height: 50px; display: block;text-align: center; line-height: 50px; color: #fff; background: #3b94e8; font-size: 26px;}
.news_list ul li .date small{display: block; text-align: center;font-size: 12px; padding-top: 5px;}
.news_list ul li .text{margin-left: 15px;flex:1;}
.news_list ul li .text p:first-child{font-size: 14px;color: #3b94e8;font-weight: normal;}
.news_list ul li .text p:last-of-type{font-size: 12px; padding-top: 10px;}

.news_list ul li:hover{background: #3b94e8;color: #fff; transition: 1s all ease;}
.news_list ul li:hover .text p{color: #fff;}
.news_list ul li:hover .date span{background: #fff;color: #3b94e8;font-size: 12px;}
.news_list ul li:hover .date small{color: #fff;}



.more{display: block; text-align: center;}
.more a{background: url(../images/more.jpg) no-repeat center center; background-size: 110px auto; height: 30px; line-height: 30px; font-size: 12px;color: #fff;display: block;}
.more a:hover{opacity: .8;}

.more_white{display: block; text-align: center;}
.more_white a{background: url(../images/mores.png) no-repeat center center; background-size: 110px auto;height: 30px; line-height: 30px; font-size: 12px;color: #3b94e8;display: block;}
.more_white a:hover{opacity: .8;}


/* 公司简介 */
.about_box{background: #3b90e1; padding: 20px 0 30px 0; margin-top: 30px;}
.about_text{display: block; justify-content: space-between; width: 100%; margin:20px auto auto auto;}
.about_text .box{font-size: 12px; color: #fff; line-height: 25px; text-align: justify;flex: 1; width: 100%!important; padding-left: 0; margin-left: 0; padding: 0 20px; box-sizing: border-box;}
.about_text>img{display: none;}


/* 企业名片 */
.qymb_box{background: #3b90e1; width: 100%;margin: 20px auto; display: flex; justify-content: space-between; flex-flow: column wrap;}
.qymb_box>img{width: 100%; height: auto; align-self: flex-start;}			
.qymb_box .text{width: 100%;color: #fff; padding: 20px; box-sizing: border-box;}
.qymb_box .text .t{font-size: 16px;font-weight: normal; border-bottom: 1px #62a9ed solid; padding-bottom: 10px; margin-bottom: 10px;}
.qymb_box .text .tt{line-height: 30px;}




/* ad */
.index_ad{background: url(../images/wjad.jpg) no-repeat top center; background-size: 100% auto; height: 80px; margin-top: 10px;}



/* footer */
.footer{display: block;background: #3b90e1; padding: 20px; box-sizing: border-box; text-align: center;color: #fff; line-height: 21px;font-size: 11px; }
.footer a{font-size: 11px; color: #fff;}
.footer a:hover{opacity: .8; text-decoration:underline;}




/*单篇*/
.content{width: 100%; box-shadow: 1px 1px 10px #eee; min-height: 500px; padding:5px 10px 10px; box-sizing: border-box;margin: 10px auto 20px auto;}
.content_text{ line-height: 30px;text-align: justify; font-size: 14px; padding: 10px; box-sizing: border-box;}
.content_text img{max-width: 100%; height: auto;}

		
		
/*位置*/
.wz{width: 100%; height: 40px; line-height: 40px; margin: 10px auto; background: url(../images/home.png) no-repeat 20px center #f9f8f8;padding-left: 50px; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.wz span{ font-family: '黑体';font-size: 12px;}
.wz strong{font-weight: normal;}




/*留言*/
#form2{display: block;}
#form2 ul{display: block; width: 90%; margin:20px auto auto auto;}
#form2 ul li{display: flex; justify-content: space-between; margin-bottom: 20px;}
#form2 ul li input{flex: 1; border: 1px #ccc solid; padding:0 20px; box-sizing: border-box;}
#form2 ul li textarea{flex: 1;border: 1px #ccc solid; padding:0 20px; box-sizing: border-box; height: 150px;}
#form2 ul li span{width: 50px; text-align: right; padding-right: 20px; box-sizing: border-box;}
#form2 ul li input[type=submit]{background: #328ce0; height: 40px; line-height: 40px; color: #fff; border: 0; cursor: pointer;}

		
.bshare-custom{display: none;}
		
		
/*技术支持*/
.content_list{display: block; padding: 10px; box-sizing: border-box;}
.content_list ul{display: block;}
.content_list ul li{width: 100%; border-bottom: 1px #ccc dotted;padding: 15px 0; background: url(../images/ico.png) no-repeat left 20px; padding-left: 15px;}
.content_list ul li a{display: flex; justify-content: space-between; flex-flow: column wrap;}
.content_list ul li:hover{border-bottom: 1px #3b90e1 solid;}
.content_list ul li:hover strong{color: #3b90e1;font-size: 14px;}
.content_list ul li:hover span{color: #3b90e1;font-size: 14px;}
.content_list ul li strong{font-weight: normal;}

.page{display: block; padding-top: 20px;text-align: center;}


.content_down{display: block; text-align:center;}
.font{display: flex;align-items: center; justify-content: center;}
.font>div{margin-left: 15px;}


.content_nav{display: block; text-align: center; padding: 10px 0;}
.content_nav a{font-size: 12px;font-weight: bold; box-sizing: border-box; color: #328ce0;  display: inline-block; border: 1px #328ce0 solid; padding: 5px 10px; background: rgba(59,148,230,.1); margin: 0 5px 10px 5px;}
.content_nav a.active{color: #fff; position: relative; background: #328ce0;}
.content_nav a:hover{color: #fff; position: relative; background: #328ce0;}



.pro_list{display: block; margin-top: 0px;}
.pro_list ul{display: block;}
.pro_list ul li{margin:0; float:left; _display:inline; overflow:hidden; text-align:center; border: 1px #3b94e8 solid; width: 100%; float: left;  box-sizing: border-box; margin-bottom: 15px;}
.pro_list ul li:nth-child(3n){margin-right: 0;}
.pro_list ul li div{width: 100%!important; height: auto!important; overflow: hidden;}
.pro_list ul li img{width: 100%!important; height: auto!important;display: block;transition: 1s all ease;}
.pro_list ul li:hover img{transform: scale(1.2);transition: 1s all ease;}
.pro_list ul li span{display: block; background: #3b94e8; height: 45px; line-height: 45px; text-align: center;color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; padding: 0 15px; box-sizing: border-box;}
		
		
.sjtel{display: block; position: fixed;left: 0; right: 0; bottom: 0;background: #ea7353; height: 50px; line-height: 50px; z-index: 1000;text-align: center;}		
.sjtel a{font-size: 16px; color: #fff; font-weight: bold;margin-right: 10px; }
.sjtel span{background: url(../images/ico_tel.png) no-repeat left center;color: #fff;display: inline-block;font-weight: bold;padding-left: 30px;}		
	
		
.font{font-size: 12px!important;}	
		
		
.links{width: 100%; margin: auto; padding:15px; display: block; margin-bottom: 10px;}
.links a{float: left; margin-right: 25px; margin-bottom: 5px;}



}