﻿/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}



.header{ position:relative; height:86px; z-index:999;}
.header .logo{ float:left; height:66px; margin-top:10px;}
.header .logo img{ height:66px;}

.head{ display:none;}

/*menu*/
.menu{height:83px;line-height:83px; float:left; width:63%; /*margin-left:5%;*/}
.menu ul li{ float:left; position:relative; margin:0 3%;}
.menu ul li dl{ background:#fff; width:169%; position:absolute; left:-21px; top:83px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none;}
.menu ul li dl dd{ line-height:32px; margin:0 10px; }
.menu ul li dl dd a{ font-size:14px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#3478e0; border-top:none;}
.menu a{ font-size:16px;color:#666; text-decoration:none; display:block;text-align:center;}
.menu a:hover{ border-top:#3478e0 solid 3px; color:#3478e0;}
a.menu_hover{ border-top:#3478e0 solid 3px; color:#3478e0;}
.active{ border-top:#3478e0 solid 3px; color:#3478e0;}


.header .tel{ float:left; /*width:15%;*/ height:86px; line-height:19px; background:url(../images/tel.jpg) left center no-repeat; color:#3478e0; font-size:24px; padding-left:45px; font-weight:bold;}


.con01{ margin-top:60px;}
.con01 ul li{ float:left; background:url(../images/lbg.png) center bottom no-repeat; background-size:100%; padding-bottom:40px; width:31%; margin-right:3.5%;}

.con01 ul li:nth-child(3n){ margin-right:0;}
.con01 ul li img{ display:block; width:auto; margin:0 auto;}
.con01 ul li strong{ margin-top:14px; display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#000; font-size:24px;}
.con01 ul li em{ display:block; width:30px; height:1px; background:#777; margin:24px auto 0 auto;}
.con01 ul li span{ display:block; width:96%; margin:14px auto 0 auto; height:30px; line-height:30px; font-size:16px; text-align:center; overflow:hidden; color:#666;}
.con01 ul li font{ display:block; width:96%; margin:6px auto 0 auto; height:36px; line-height:18px; color:#999999; text-align:center; font-size:13px;}


.con02{ background:url(../images/abb11.jpg) center top no-repeat; padding:60px 0; margin-top:60px;}
.con02 h2{ margin-bottom:25px;}
.con02 h2 strong{ display:block; width:100%; font-size:36px; height:40px; line-height:40px; color:#333;}
.con02 h2 span{ display:block; width:100%; font-size:24px; height:40px; line-height:40px; font-weight:normal;}
.con02 .left{ float:left; width:60%;}
.con02 .left .con{ line-height:30px; font-size:14px;}
.con02 .left .more{ margin-top:12px;}
.con02 .left .more a{ display:block; width:140px; height:38px; line-height:38px; background:#000; color:#fff; text-align:center; }
.con02 .left .link{ margin-top:50px;}
.con02 .left .link ul li{ float:left; background:url(../images/xian.jpg) left top no-repeat; width:28%; padding:15px 0 30px 3%; }
.con02 .left .link ul li b{ display:block; width:100%; height:50px; line-height:50px; font-size:40px; color:#000;}
.con02 .left .link ul li font{ display:block; width:100%; height:30px; line-height:30px; font-size:14px;}

.con02 .right{ float:right; width:35%;}
.con02 .right img{ width:100%;}






.con03{ margin-top:60px;}
.con03 h2{ margin-bottom:20px;}
.con03 h2 strong{ display:block; width:100%; font-size:36px; height:40px; line-height:40px; text-align:center; color:#333;}
.con03 h2 span{ display:block; width:100%; font-size:24px; text-align:center; height:40px; line-height:40px; font-weight:normal;}
.con03 ul li{ float:left; width:24%; margin-right:1.3%; background:#f2f2f2; padding-bottom:18px; margin-top:20px;}
.con03 ul li:nth-child(4n){ margin-right:0;}
.con03 ul li img{ display:block; width:100%;}
.con03 ul li strong{ display:block; width:90%; margin:0 auto; height:24px; line-height:24px; font-size:15px; color:#333; overflow:hidden; margin-top:5px;}
.con03 ul li span{ display:block; width:90%; margin:0 auto; height:36px; line-height:18px; font-size:12px; color:#999; overflow:hidden; margin-top:5px;}
.con03 a.a1{ display:block; width:120px; height:36px; line-height:36px; margin:40px auto 0 auto; border:#3478e0 solid 1px; color:#3478e0; font-size:15px; text-align:center; border-radius:5px;}

	
	
.con04{ margin-top:60px;}
.con04 h2{ margin-bottom:20px;}
.con04 h2 strong{ display:block; width:100%; font-size:36px; height:40px; line-height:40px; text-align:center; color:#333;}
.con04 h2 span{ display:block; width:100%; font-size:24px; text-align:center; height:40px; line-height:40px; font-weight:normal;}

    html,
    body {
      position: relative;
    }

    body {margin: 0;
      padding: 0;
    }

    .swiper-container2 {
      width: 100%;
      height: 100%; padding-bottom:60px !important;
    }

    .swiper-slide { position:relative;}
	.swiper-slide img{ width:100%;}
	.swiper-slide span{ display:none; width:94%; padding:0 3%; height:40px; line-height:40px; background:rgba(0,0,0,0.5); color:#fff; font-size:16px; position:absolute; left:0; bottom:0;}
	.swiper-slide:hover span{ display:block;}


.con05{ background:url(../images/abba2.jpg) center top no-repeat; padding:60px 0; margin-top:60px;}
.con05 h2{ margin-bottom:20px;}
.con05 h2 strong{ display:block; width:100%; font-size:36px; height:40px; line-height:40px; text-align:center; color:#fff;}
.con05 h2 span{ display:block; width:100%; font-size:24px; text-align:center; height:40px; line-height:40px; font-weight:normal; color:#fff;}
.con05 ul li{ float:left; width:20%; margin-right:6%;}
.con05 ul li:nth-child(4n){ margin-right:0;}
.con05 ul li img{ display:block; max-width:100%; margin:0 auto;}
.con05 ul li a{ display:block; width:100%; height:34px; line-height:34px; color:#fff; font-size:16px; text-align:center; overflow:hidden; font-weight:bold; margin-top:5px;}
.con05 ul li span{ display:block; width:100%; height:60px; line-height:20px; color:#fff; font-size:14px; text-align:center; overflow:hidden;}


.con06{ margin-top:60px;}
.con06 h2{ margin-bottom:20px;}
.con06 h2 strong{ display:block; width:100%; font-size:36px; height:40px; line-height:40px; text-align:center; color:#333;}
.con06 h2 span{ display:block; width:100%; font-size:24px; text-align:center; height:40px; line-height:40px; font-weight:normal;}


/*slideTxtBox_01*/
.slideTxtBox_01{ float:left; width:50%;}
.slideTxtBox_01 .hd{ height:40px; line-height:40px; margin-bottom:20px;}
.slideTxtBox_01 .hd ul li{ float:left; width:120px; height:38px; line-height:38px; text-align:center; font-size:16px;}
.slideTxtBox_01 .hd ul li.on{ background:#3478e0; color:#fff ;cursor:pointer; } 
.slideTxtBox_01 .bd dl{ padding:10px 0; border-bottom:#ddd dotted 1px;}
.slideTxtBox_01 .bd dl dt{ float:left; width:30%;}
.slideTxtBox_01 .bd dl dt img{ width:100%;}
.slideTxtBox_01 .bd dl dd{ float:right; width:65%;}
.slideTxtBox_01 .bd dl dd a{ display:block; width:100%; height:24px; line-height:24px; font-size:16px; color:#555; overflow:hidden; margin-bottom:6px;}
.slideTxtBox_01 .bd dl dd span{ display:block; width:100%; height:54px; line-height:18px; font-size:14px; color:#777; overflow:hidden;}
.slideTxtBox_01 .bd ul li{ height:26px; margin-top:10px; }
.slideTxtBox_01 .bd ul li a{ float:left; padding-left:12px; background:url(../images/dian.png) left center no-repeat; display:block; width:65%; height:26px; line-height:26px; font-size:14px; color:#555;}
.slideTxtBox_01 .bd ul li span{ float:right; display:block; width:30%; height:26px; line-height:26px; font-size:12px; text-align:right; color:#777; overflow:hidden;}

.con06 .right{ float:right; width:45%;}
.con06 .right dl{ margin-bottom:15px;}
.con06 .right dl dt{ padding:15px 0; float:left; width:20%; background:#3478e0;}
.con06 .right dl dt strong{ display:block; width:100%; height:30px; line-height:30px; text-align:center; color:#fff; font-size:20px;}
.con06 .right dl dt span{ display:block; width:100%; height:22px; line-height:22px; text-align:center; color:#fff; font-size:16px;}
.con06 .right dl dd{ float:right; width:75%;}
.con06 .right dl dd a{ display:block; width:100%; height:22px; line-height:22px; margin-bottom:4px; font-size:16px; color:#555;}
.con06 .right dl dd  span{ display:block; width:100%; height:36px; line-height:18px;}



.footer{ background:#303030; margin-top:60px;}
.footer .top{ padding:40px 0;}
.footer .top .left{ float:left; width:85%;}
.footer .top .left dl{ float:left; width:21%; margin-right:-9%;}
.footer .top .left dl:nth-child(5){ width:21%;}
.footer .top .left dl dt{ height:30px; line-height:30px; margin-bottom:10px; font-size:16px; color:#fff;}
.footer .top .left dl dd{ line-height:30px; font-size:14px; color:#777;}
.footer .top .left dl dd a{ font-size:14px; color:#777;}
.footer .top .right{ float:right; width:15%;}
.footer .top .right span{ display:block; width:100%; height:30px; line-height:30px; text-align:center; color:#fff; font-size:16px; text-align:center;}
.footer .top .right img{ max-width:100%; display:block; margin:12px auto 0 auto;}
.footer .down{ margin-top:15px; border-top:#454545 solid 1px; padding:10px 0;}
.footer .down ul li{ line-height:30px; color:#777; font-size:14px}
.footer .down ul li a{ color:#777; font-size:14px;}

.n_banner{ width:100%;}
.n_banner img{ width:100%;}


.weizhi{ margin-top:30px; height:40px; line-height:40px; background:url(../images/home.png) left center no-repeat; font-size:14px;}
.weizhi a{ font-size:14px; padding-left:30px;}

.about{ margin-top:30px;}
.about h2 strong{ display:block; width:100%; font-size:24px; height:40px; line-height:40px; color:#333;}
.about h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}
.about .con{ margin-top:20px; font-size:14px; line-height:30px;}
.about .con img{ max-width:100%; margin-top:30px;}


.fenlei{ border-bottom:#ddd solid 1px; height:70px; line-height:70px; margin-bottom:50px;}
.fenlei ul li{ float:left; width:16%; margin-right:2%;}
.fenlei ul li a.active1{ display:block; width:100%; height:68px; line-height:68px; border-bottom:#3478e0 solid 2px; text-align:center; color:#333;}
.fenlei ul li a{ display:block; width:100%; height:70px; line-height:70px; font-size:22px; color:#666; text-align:center;}
.fenlei ul li a:hover{ display:block; width:100%; height:68px; line-height:68px; border-bottom:#3478e0 solid 2px; text-align:center; color:#333;}

.pro{ margin-top:30px;}
.pro h2{ margin-bottom:30px;}
.pro h2 strong{ display:block; width:100%; font-size:24px; height:40px; line-height:40px; color:#333;}
.pro h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}
.pro .con{ min-height:400px;}
/*.pro .left{ float:left; width:25%; margin-top:30px;}
.pro .left dl{ padding-bottom:10px; background:#f2f2f2;}
.pro .left dl dt{ display:block; width:100%; height:34px; line-height:34px; background:#3478e0;}
.pro .left dl dt a{ padding-left:20px; font-size:14px; color:#fff;}
.pro .left dl dd{ height:30px; line-height:30px;}
.pro .left dl dd a{ padding-left:20px; color:#666; font-size:14px;}

.pro .right{ float:right; width:73%; margin-top:30px;}*/
.pro ul li{ overflow:hidden; will-change:transform; transition:transform ease-in-out .5s; float:left; width:32%; margin-right:1.5%; border:#f2f2f2 solid 2px; margin-bottom:30px;}
.pro ul li:nth-child(3n){ margin-right:0;}
.pro ul li .img{ position:relative; width:100%; height:220px;}
.pro ul li .img img{ display:block; max-width:100%; max-height:100%; margin:auto; position:absolute; left:0; top:0; right:0; bottom:0;}
.pro ul li .img:hover img{transform: scale(1.07);}
.pro ul li .dm{ background:#fff; padding-bottom:20px; will-change:transform; transition:transform ease-in-out .5s;}
.pro ul li .dm span{ display:block; width:90%; padding:0 5%; height:40px; line-height:40px; font-size:14px; overflow:hidden;}
.pro ul li .dm em{ display:block; width:30px; height:1px; background:#999; margin-left:5%;}
.pro ul li .dm:hover{background:#3478e0;}
.pro ul li .dm:hover span{ color:#fff;}
.pro ul li .dm:hover em{ background:#fff;}

.new{ margin-top:30px;}
.new h2 strong{ display:block; width:100%; font-size:24px; height:40px; line-height:40px; color:#333;}
.new h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}
.new dl{ margin-top:30px;}
.new dl dt{ float:left; width:22%;}
.new dl dt img{ width:100%;}
.new dl dd{ float:right; width:74%;}
.new dl dd a.a1{ display:block; width:100%; height:38px; line-height:38px; color:#000; font-size:18px;  color:#000; overflow:hidden;}
.new dl dd span{ display:block; width:100%; height:72px; line-height:24px; font-size:13px; overflow:hidden; color:#999; margin-top:6px;}
.new dl dd a.a2{ display:block; width:100%; height:30px; line-height:30px; font-size:14px; color:#3478e0; margin-top:20px;}

.lanmu{ margin-top:20px; text-align:center;}
.lanmu ul li{ display:inline-block; height:40px; line-height:40px; font-size:16px; margin-bottom:10px;}
.lanmu ul li a{float:left; padding:0 20px;transition:all 0.3s;border:1px solid #3478e0;border-radius:3px; margin:0 7px;}


.zhanshi{ margin-top:30px;}
.zhanshi h2 strong{ display:block; width:100%; font-size:24px; height:40px; line-height:40px; color:#333;}
.zhanshi h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}
.zhanshi ul li{ overflow:hidden; will-change:transform; transition:transform ease-in-out .5s; float:left; width:23.5%; margin-right:1.3%; border:#f2f2f2 solid 1px; margin-top:30px;}
.zhanshi ul li:nth-child(4n){ margin-right:0;}
.zhanshi ul li .img{ position:relative; width:100%; height:220px;}
.zhanshi ul li .img img{ display:block; max-width:100%; max-height:100%; margin:auto; position:absolute; left:0; top:0; right:0; bottom:0;}
.zhanshi ul li .img:hover img{transform: scale(1.07);}
.zhanshi ul li .dm{ background:#fff; padding-bottom:20px; will-change:transform; transition:transform ease-in-out .5s;}
.zhanshi ul li .dm span{ display:block; width:90%; padding:0 5%; height:40px; line-height:40px; font-size:14px; overflow:hidden;}
.zhanshi ul li .dm em{ display:block; width:30px; height:1px; background:#999; margin-left:5%;}
.zhanshi ul li .dm:hover{background:#3478e0;}
.zhanshi ul li .dm:hover span{ color:#fff;}
.zhanshi ul li .dm:hover em{ background:#fff;}


.question{ margin-top:30px;}
.question h2 strong{ display:block; width:100%; font-size:24px; height:40px; line-height:40px; color:#333;}
.question h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}


.contact{ margin-top:30px;}
.contact h2 strong{ display:block; width:100%; font-size:24px; height:40px; line-height:40px; color:#333;}
.contact h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}
.contact .top .left{ float:left; width:55%; margin-top:60px;}
.contact .top .left span{ display:block; width:100%; line-height:30px; font-size:14px;}
.contact .top .left strong{ display:block; width:100; line-height:30px; margin-top:20px; color:#0074c7; font-size:14px;}
.contact .top .left ul li{ line-height:30px; font-size:14px;}
.contact .top .left dl{ margin-top:20px;}
.contact .top .left dl dd{ float:left; width:100px; margin-right:25px;}
.contact .top .left dl dd img{ width:100px; height:100px;}
.contact .top .left dl dd span{ display:block; width:100%; height:20px; line-height:20px; text-align:center; font-size:14px;}
.contact .top .right{ float:right; width:40%; margin-top:30px;}
.contact .top .right ul li{ margin-top:5px;}
.contact .top .right ul li span{ display:block; width:100%; height:35px; line-height:35px; font-size:16px;}
.contact .top .right ul li .input_text1{ display:block; width:96%; height:35px; line-height:35px; padding:0 2%; border:#ddd solid 1px;}
.contact .top .right ul li .text{ display:block; width:96%; height:100px; line-height:25px; padding:0 2%; border:#ddd solid 1px;}
.contact .top .right ul li .input_button1{ display:block; width:120px; height:37px; line-height:37px; border-radius:5px; background:#0074c7; color:#fff; text-align:center; margin-top:10px;}

.contact .map{ margin-top:60px;}
.contact .map img{ width:100%;}


.jjtw{ margin-top:50px;}
.jjtw h2{ display:block; width:100%; font-size:36px; height:40px; line-height:40px; color:#333; text-align:center; color:#3478e0; font-weight:normal; letter-spacing:6px;}
.jjtw dl.dl1{ margin-top:50px;}
.jjtw dl.dl1 dt{ float:left; width:33%;}
.jjtw dl.dl1 dt img{ width:100%;}
.jjtw dl.dl1 dd{ float:right; width:65%;}
.jjtw dl.dl1 dd h3{ background:url(../images/h2.png) left top no-repeat; height:46px; padding-bottom:10px; line-height:68px;     padding-bottom: 10px;background-size:100%; padding-left:10%; color:#fff; font-size:32px;}
.jjtw dl.dl1 dd strong{ display:block; width:90%; padding-left:10%; height:70px; line-height:70px; font-size:28px; font-weight:normal; color:#000; margin-top:15px;}
.jjtw dl.dl1 dd span{ display:block; width:90%; padding-left:10%; max-height:125px; line-height:25px; font-size:18px; font-weight:normal; color:#777;}

.jjtw dl.dl2{ margin-top:30px;}
.jjtw dl.dl2 dt{ float:right; width:33%;}
.jjtw dl.dl2 dt img{ width:100%;}
.jjtw dl.dl2 dd{ float:left; width:65%;}
.jjtw dl.dl2 dd h3{ background:url(../images/h21.png) left top no-repeat; height:60px; line-height:80px; background-size:100%; padding-right:10%; color:#fff; font-size:32px; text-align:right;}
.jjtw dl.dl2 dd strong{ display:block; width:90%; padding-left:10%; height:70px; line-height:70px; font-size:28px; font-weight:normal; color:#000; margin-top:15px;}
.jjtw dl.dl2 dd span{ display:block; width:90%; padding-left:10%; max-height:125px; line-height:25px; font-size:18px; font-weight:normal; color:#777;}




.swiper-container3{ display:none;}



@media screen and (max-width:1280px) {
	
.wapper{ width:88%; margin:0 auto;}

.header{ position:relative; height:86px; z-index:999;}
.header .logo{ float:left; height:66px; margin-top:10px;}
.header .logo img{ height:66px;}

.head{ display:none;}

/*menu*/
.menu{height:83px;line-height:83px; float:left; width:64%; margin-left:5%;}
.menu ul li{ float:left; position:relative; margin:0 0 0 4%;}
.menu ul li dl{ background:#fff; width:150%; position:absolute; left:0px; top:83px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none;}
.menu ul li dl dd{ line-height:32px; margin:0 10px; }
.menu ul li dl dd a{ font-size:14px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#3478e0; border-top:none;}
.menu a{ font-size:14px;color:#666; text-decoration:none; display:block;text-align:center;}
.menu a:hover{ border-top:#3478e0 solid 3px; color:#3478e0;}
a.menu_hover{ border-top:#3478e0 solid 3px; color:#3478e0;}
.active{ border-top:#3478e0 solid 3px; color:#3478e0;}


.header .tel{ float:right; width:14%; height:86px; line-height:86px; background:url(../images/tel.jpg) left center no-repeat; color:#3478e0; font-size:18px; padding-left:35px; font-weight:bold;}


.con01{ margin-top:60px;}
.con01 ul li{ float:left; background:url(../images/lbg.png) center bottom no-repeat; background-size:100%; padding-bottom:20px; width:31%; margin-right:3.5%;}

.con01 ul li:nth-child(3n){ margin-right:0;}
.con01 ul li img{ display:block; width:auto; margin:0 auto;}
.con01 ul li strong{ margin-top:0; display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#000; font-size:20px;}
.con01 ul li em{ display:block; width:30px; height:1px; background:#777; margin:14px auto 0 auto;}
.con01 ul li span{ display:block; width:96%; margin:14px auto 0 auto; height:30px; line-height:30px; font-size:16px; text-align:center; overflow:hidden; color:#666;}
.con01 ul li font{ display:block; width:96%; margin:6px auto 0 auto; height:36px; line-height:18px; color:#999999; text-align:center; font-size:13px;}


.jjtw{ margin-top:50px;}
.jjtw h2{ display:block; width:100%; font-size:28px; height:40px; line-height:40px; color:#333; text-align:center; color:#3478e0; font-weight:normal; letter-spacing:6px;}
.jjtw dl.dl1{ margin-top:50px;}
.jjtw dl.dl1 dt{ float:left; width:45%;}
.jjtw dl.dl1 dt img{ width:100%;}

.jjtw dl.dl1 dd{ float:right; width:55%;}
.jjtw dl.dl1 dd h3{ background:url(../images/h2.png) left top no-repeat; height:70px; padding-bottom:10px; line-height:70px; background-size:100%; padding-left:10%; color:#fff; font-size:26px;}
.jjtw dl.dl1 dd strong{ display:block; width:90%; padding-left:10%; height:50px; line-height:50px; font-size:22px; font-weight:normal; color:#000; margin-top:10px; overflow:hidden;}
.jjtw dl.dl1 dd span{ display:block; width:90%; padding-left:10%; max-height:100px; line-height:20px; font-size:16px; font-weight:normal; color:#777;}

.jjtw dl.dl2{ margin-top:30px;}
.jjtw dl.dl2 dt{ float:right; width:45%;}
.jjtw dl.dl2 dt img{ width:100%;}
.jjtw dl.dl2 dd{ float:left; width:55%;}
.jjtw dl.dl2 dd h3{ background:url(../images/h21.png) left top no-repeat; height:80px; line-height:80px; background-size:100%; padding-left:10%; color:#fff; font-size:26px; text-align:right;}
.jjtw dl.dl2 dd strong{ display:block; width:90%; padding-left:10%; height:50px; line-height:50px; font-size:22px; font-weight:normal; color:#000; margin-top:10px; overflow:hidden;}
.jjtw dl.dl2 dd span{ display:block; width:90%; padding-left:10%; max-height:100px; line-height:20px; font-size:16px; font-weight:normal; color:#777;}


.con02{ background:url(../images/abb11.jpg) center top no-repeat; padding:60px 0; margin-top:60px;}
.con02 h2{ margin-bottom:25px;}
.con02 h2 strong{ display:block; width:100%; font-size:28px; height:40px; line-height:40px; color:#333;}
.con02 h2 span{ display:block; width:100%; font-size:20px; height:40px; line-height:40px; font-weight:normal;}
.con02 .left{ float:left; width:60%;}
.con02 .left .con{ line-height:30px; font-size:14px;}
.con02 .left .more{ margin-top:12px;}
.con02 .left .more a{ display:block; width:140px; height:38px; line-height:38px; background:#000; color:#fff; text-align:center; }
.con02 .left .link{ margin-top:50px;}
.con02 .left .link ul li{ float:left; background:url(../images/xian.jpg) left top no-repeat; width:28%; padding:10px 0 20px 3%; }
.con02 .left .link ul li b{ display:block; width:100%; height:50px; line-height:50px; font-size:30px; color:#000;}
.con02 .left .link ul li font{ display:block; width:100%; height:30px; line-height:30px; font-size:14px;}

.con02 .right{ float:right; width:35%;}
.con02 .right img{ width:100%;}






.con03{ margin-top:60px;}
.con03 h2{ margin-bottom:20px;}
.con03 h2 strong{ display:block; width:100%; font-size:28px; height:40px; line-height:40px; text-align:center; color:#333;}
.con03 h2 span{ display:block; width:100%; font-size:20px; text-align:center; height:40px; line-height:40px; font-weight:normal;}
.con03 ul li{ float:left; width:24%; margin-right:1.3%; background:#f2f2f2; padding-bottom:18px; margin-top:20px;}
.con03 ul li:nth-child(4n){ margin-right:0;}
.con03 ul li img{ display:block; width:100%;}
.con03 ul li strong{ display:block; width:90%; margin:0 auto; height:24px; line-height:24px; font-size:15px; color:#333; overflow:hidden; margin-top:5px;}
.con03 ul li span{ display:block; width:90%; margin:0 auto; height:36px; line-height:18px; font-size:12px; color:#999; overflow:hidden; margin-top:5px;}
.con03 a.a1{ display:block; width:120px; height:36px; line-height:36px; margin:40px auto 0 auto; border:#3478e0 solid 1px; color:#3478e0; font-size:15px; text-align:center; border-radius:5px;}

	
	
.con04{ margin-top:60px;}
.con04 h2{ margin-bottom:20px;}
.con04 h2 strong{ display:block; width:100%; font-size:28px; height:40px; line-height:40px; text-align:center; color:#333;}
.con04 h2 span{ display:block; width:100%; font-size:20px; text-align:center; height:40px; line-height:40px; font-weight:normal;}

    html,
    body {
      position: relative;
    }

    body {margin: 0;
      padding: 0;
    }

    .swiper-container2 {
      width: 100%;
      height: 100%; padding-bottom:60px !important;
    }

    .swiper-slide { position:relative;}
	.swiper-slide img{ width:100%;}
	.swiper-slide span{ display:none; width:94%; padding:0 3%; height:40px; line-height:40px; background:rgba(0,0,0,0.5); color:#fff; font-size:15px; position:absolute; left:0; bottom:0;}
	.swiper-slide:hover span{ display:block;}


.con05{ background:url(../images/abba2.jpg) center top no-repeat; padding:60px 0; margin-top:60px;}
.con05 h2{ margin-bottom:20px;}
.con05 h2 strong{ display:block; width:100%; font-size:28px; height:40px; line-height:40px; text-align:center; color:#fff;}
.con05 h2 span{ display:block; width:100%; font-size:20px; text-align:center; height:40px; line-height:40px; font-weight:normal; color:#fff;}
.con05 ul li{ float:left; width:20%; margin-right:6%;}
.con05 ul li:nth-child(4n){ margin-right:0;}
.con05 ul li img{ display:block; max-width:100%; margin:0 auto;}
.con05 ul li a{ display:block; width:100%; height:34px; line-height:34px; color:#fff; font-size:16px; text-align:center; overflow:hidden; font-weight:bold; margin-top:5px;}
.con05 ul li span{ display:block; width:100%; height:60px; line-height:20px; color:#fff; font-size:14px; text-align:center; overflow:hidden;}


.con06{ margin-top:60px;}
.con06 h2{ margin-bottom:20px;}
.con06 h2 strong{ display:block; width:100%; font-size:36px; height:40px; line-height:40px; text-align:center; color:#333;}
.con06 h2 span{ display:block; width:100%; font-size:24px; text-align:center; height:40px; line-height:40px; font-weight:normal;}


/*slideTxtBox_01*/
.slideTxtBox_01{ float:left; width:50%;}
.slideTxtBox_01 .hd{ height:40px; line-height:40px; margin-bottom:20px;}
.slideTxtBox_01 .hd ul li{ float:left; width:120px; height:38px; line-height:38px; text-align:center; font-size:16px;}
.slideTxtBox_01 .hd ul li.on{ background:#3478e0; color:#fff ;cursor:pointer; } 
.slideTxtBox_01 .bd dl{ padding:10px 0; border-bottom:#ddd dotted 1px;}
.slideTxtBox_01 .bd dl dt{ float:left; width:30%;}
.slideTxtBox_01 .bd dl dt img{ width:100%;}
.slideTxtBox_01 .bd dl dd{ float:right; width:65%;}
.slideTxtBox_01 .bd dl dd a{ display:block; width:100%; height:24px; line-height:24px; font-size:16px; color:#555; overflow:hidden; margin-bottom:6px;}
.slideTxtBox_01 .bd dl dd span{ display:block; width:100%; height:54px; line-height:18px; font-size:14px; color:#777; overflow:hidden;}
.slideTxtBox_01 .bd ul li{ height:26px; margin-top:10px; }
.slideTxtBox_01 .bd ul li a{ float:left; padding-left:12px; background:url(../images/dian.png) left center no-repeat; display:block; width:65%; height:26px; line-height:26px; font-size:14px; color:#555;}
.slideTxtBox_01 .bd ul li span{ float:right; display:block; width:30%; height:26px; line-height:26px; font-size:12px; text-align:right; color:#777; overflow:hidden;}

.con06 .right{ float:right; width:45%;}
.con06 .right dl{ margin-bottom:15px;}
.con06 .right dl dt{ padding:15px 0; float:left; width:20%; background:#3478e0;}
.con06 .right dl dt strong{ display:block; width:100%; height:30px; line-height:30px; text-align:center; color:#fff; font-size:20px;}
.con06 .right dl dt span{ display:block; width:100%; height:22px; line-height:22px; text-align:center; color:#fff; font-size:16px;}
.con06 .right dl dd{ float:right; width:75%;}
.con06 .right dl dd a{ display:block; width:100%; height:22px; line-height:22px; margin-bottom:4px; font-size:16px; color:#555;}
.con06 .right dl dd  span{ display:block; width:100%; height:36px; line-height:18px;}



.footer{ background:#303030; margin-top:60px;}
.footer .top{ padding:40px 0;}
.footer .top .left{ float:left; width:65%;}
.footer .top .left dl{ float:left; width:22%; margin-right:3%;}
.footer .top .left dl:nth-child(5){ width:35%;}
.footer .top .left dl dt{ height:30px; line-height:30px; margin-bottom:10px; font-size:15px; color:#fff;}
.footer .top .left dl dd{ line-height:30px; font-size:13px; color:#777;}
.footer .top .left dl dd a{ font-size:14px; color:#777;}
.footer .top .right{ float:right; width:15%;}
.footer .top .right span{ display:block; width:100%; height:30px; line-height:30px; text-align:center; color:#fff; font-size:15px; text-align:center;}
.footer .top .right img{ max-width:100%; display:block; margin:12px auto 0 auto;}
.footer .down{ margin-top:15px; border-top:#454545 solid 1px; padding:10px 0;}
.footer .down ul li{ line-height:30px; color:#777; font-size:13px}
.footer .down ul li a{ color:#777; font-size:13px;}

.n_banner{ width:100%;}
.n_banner img{ width:100%;}


.weizhi{ margin-top:10px; height:40px; line-height:40px; background:url(../images/home.png) left center no-repeat; font-size:14px;}
.weizhi a{ font-size:14px; padding-left:30px;}




.lanmu{ margin-top:20px; text-align:center;}
.lanmu ul li{ display:inline-block; height:32px; line-height:32px; font-size:16px; margin-bottom:10px;}
.lanmu ul li a{float:left; padding:0 30px; transition:all 0.3s;border:1px solid #3478e0;border-radius:3px; margin:0 7px;}

.about{ margin-top:20px;}
.about h2 strong{ display:block; width:100%; font-size:22px; height:32px; line-height:32px; color:#333;}
.about h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}
.about .con{ margin-top:20px; font-size:14px; line-height:30px;}
.about .con img{ width:100%; margin-top:30px;}




.fenlei{ border-bottom:#ddd solid 1px; height:50px; line-height:50px; margin-bottom:50px;}
.fenlei ul li{ float:left; width:15%; margin-right:2%;}
.fenlei ul li a.active1{ display:block; width:100%; height:48px; line-height:48px; border-bottom:#3478e0 solid 2px; text-align:center; color:#333;}
.fenlei ul li a{ display:block; width:100%; height:50px; line-height:50px; font-size:16px; color:#666; text-align:center;}
.fenlei ul li a:hover{ display:block; width:100%; height:48px; line-height:48px; border-bottom:#3478e0 solid 2px; text-align:center; color:#333;}

.pro{ margin-top:30px;}
.pro h2{ margin-bottom:20px;}
.pro h2 strong{ display:block; width:100%; font-size:22px; height:32px; line-height:32px; color:#333;}
.pro h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}
.pro .con{ min-height:400px;}
/*.pro .left{ float:left; width:25%; margin-top:30px;}
.pro .left dl{ padding-bottom:10px; background:#f2f2f2;}
.pro .left dl dt{ display:block; width:100%; height:34px; line-height:34px; background:#3478e0;}
.pro .left dl dt a{ padding-left:20px; font-size:14px; color:#fff;}
.pro .left dl dd{ height:30px; line-height:30px;}
.pro .left dl dd a{ padding-left:20px; color:#666; font-size:14px;}

.pro .right{ float:right; width:73%; margin-top:30px;}*/
.pro ul li{ overflow:hidden; will-change:transform; transition:transform ease-in-out .5s; float:left; width:32%; margin-right:1.5%; border:#f2f2f2 solid 2px; margin-bottom:30px;}
.pro ul li:nth-child(3n){ margin-right:0;}
.pro ul li .img{ position:relative; width:100%; height:220px;}
.pro ul li .img img{ display:block; max-width:100%; max-height:100%; margin:auto; position:absolute; left:0; top:0; right:0; bottom:0;}
.pro ul li .img:hover img{transform: scale(1.07);}
.pro ul li .dm{ background:#fff; padding-bottom:20px; will-change:transform; transition:transform ease-in-out .5s;}
.pro ul li .dm span{ display:block; width:90%; padding:0 5%; height:40px; line-height:40px; font-size:14px; overflow:hidden;}
.pro ul li .dm em{ display:block; width:30px; height:1px; background:#999; margin-left:5%;}
.pro ul li .dm:hover{background:#3478e0;}
.pro ul li .dm:hover span{ color:#fff;}
.pro ul li .dm:hover em{ background:#fff;}

.new{ margin-top:30px;}
.new h2 strong{ display:block; width:100%; font-size:22px; height:32px; line-height:32px; color:#333;}
.new h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}
.new dl{ margin-top:20px;}
.new dl dt{ float:left; width:25%;}
.new dl dt img{ width:100%;}
.new dl dd{ float:right; width:72%;}
.new dl dd a.a1{ display:block; width:100%; height:30px; line-height:30px; color:#000; font-size:16px;  color:#000; overflow:hidden;}
.new dl dd span{ display:block; width:100%; height:72px; line-height:24px; font-size:12px; overflow:hidden; color:#999; margin-top:6px;}
.new dl dd a.a2{ display:block; width:100%; height:30px; line-height:30px; font-size:14px; color:#3478e0; margin-top:10px;}




.zhanshi{ margin-top:30px;}
.zhanshi h2 strong{ display:block; width:100%; font-size:22px; height:32px; line-height:32px; color:#333;}
.zhanshi h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}
.zhanshi ul li{ overflow:hidden; will-change:transform; transition:transform ease-in-out .5s; float:left; width:23.5%; margin-right:1.3%; border:#f2f2f2 solid 1px; margin-top:30px;}
.zhanshi ul li:nth-child(4n){ margin-right:0;}
.zhanshi ul li .img{ position:relative; width:100%; height:220px;}
.zhanshi ul li .img img{ display:block; max-width:100%; max-height:100%; margin:auto; position:absolute; left:0; top:0; right:0; bottom:0;}
.zhanshi ul li .img:hover img{transform: scale(1.07);}
.zhanshi ul li .dm{ background:#fff; padding-bottom:20px; will-change:transform; transition:transform ease-in-out .5s;}
.zhanshi ul li .dm span{ display:block; width:90%; padding:0 5%; height:40px; line-height:40px; font-size:14px; overflow:hidden;}
.zhanshi ul li .dm em{ display:block; width:30px; height:1px; background:#999; margin-left:5%;}
.zhanshi ul li .dm:hover{background:#3478e0;}
.zhanshi ul li .dm:hover span{ color:#fff;}
.zhanshi ul li .dm:hover em{ background:#fff;}


.question{ margin-top:30px;}
.question h2 strong{ display:block; width:100%; font-size:22px; height:32px; line-height:32px; color:#333;}
.question h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}


.contact{ margin-top:30px;}
.contact h2 strong{ display:block; width:100%; font-size:22px; height:32px; line-height:32px; color:#333;}
.contact h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}
.contact .top .left{ float:left; width:55%; margin-top:60px;}
.contact .top .left span{ display:block; width:100%; line-height:30px; font-size:14px;}
.contact .top .left strong{ display:block; width:100; line-height:30px; margin-top:20px; color:#0074c7; font-size:14px;}
.contact .top .left ul li{ line-height:30px; font-size:14px;}
.contact .top .left dl{ margin-top:20px;}
.contact .top .left dl dd{ float:left; width:100px; margin-right:25px;}
.contact .top .left dl dd img{ width:100px; height:100px;}
.contact .top .left dl dd span{ display:block; width:100%; height:20px; line-height:20px; text-align:center; font-size:14px;}
.contact .top .right{ float:right; width:40%; margin-top:30px;}
.contact .top .right ul li{ margin-top:5px;}
.contact .top .right ul li span{ display:block; width:100%; height:35px; line-height:35px; font-size:16px;}
.contact .top .right ul li .input_text1{ display:block; width:96%; height:35px; line-height:35px; padding:0 2%; border:#ddd solid 1px;}
.contact .top .right ul li .text{ display:block; width:96%; height:100px; line-height:25px; padding:0 2%; border:#ddd solid 1px;}
.contact .top .right ul li .input_button1{ display:block; width:120px; height:37px; line-height:37px; border-radius:5px; background:#0074c7; color:#fff; text-align:center; margin-top:10px;}

.contact .map{ margin-top:60px;}
.contact .map img{ width:100%;}


.swiper-container3{ display:none;}



	
	
	}
	
	
	
@media screen and (max-width:680px) {
	
.wapper{ width:96%; margin:0 auto;}

.header{ display:none;}

.head{ display:block; padding:10px 0;}
.head .logo{ margin-left:5%; width:28%;}
.head .logo img{ width:100%;}

/*menu*/
.menu{height:83px;line-height:83px; float:left; width:64%; margin-left:5%;}
.menu ul li{ float:left; position:relative; margin:0 0 0 4%;}
.menu ul li dl{ background:#fff; width:150%; position:absolute; left:0px; top:83px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none;}
.menu ul li dl dd{ line-height:32px; margin:0 10px; }
.menu ul li dl dd a{ font-size:14px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#3478e0; border-top:none;}
.menu a{ font-size:14px;color:#666; text-decoration:none; display:block;text-align:center;}
.menu a:hover{ border-top:#3478e0 solid 3px; color:#3478e0;}
a.menu_hover{ border-top:#3478e0 solid 3px; color:#3478e0;}
.active{ border-top:#3478e0 solid 3px; color:#3478e0;}


.header .tel{ float:right; width:14%; height:86px; line-height:86px; background:url(../images/tel.jpg) left center no-repeat; color:#3478e0; font-size:18px; padding-left:35px; font-weight:bold;}


.con01{ margin-top:20px;}
.con01 ul li{ float:none; background:url(../images/lbg.png) center bottom no-repeat; background-size:100%; padding-bottom:40px; width:90%; margin:15px auto 0 auto;}

.con01 ul li:nth-child(3n){ margin:15px auto 0 auto;}
.con01 ul li img{ display:block; width:auto; margin:0 auto;}
.con01 ul li strong{ margin-top:0; display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#000; font-size:20px;}
.con01 ul li em{ display:block; width:30px; height:1px; background:#777; margin:14px auto 0 auto;}
.con01 ul li span{ display:block; width:96%; margin:14px auto 0 auto; height:30px; line-height:30px; font-size:16px; text-align:center; overflow:hidden; color:#666;}
.con01 ul li font{ display:block; width:96%; margin:6px auto 0 auto; height:36px; line-height:18px; color:#999999; text-align:center; font-size:13px;}


.jjtw{ margin-top:50px;}
.jjtw h2{ display:block; width:100%; font-size:24px; height:40px; line-height:40px; text-align:center; color:#3478e0; font-weight:normal; letter-spacing:6px;}
.jjtw dl.dl1{ margin-top:30px;}
.jjtw dl.dl1 dt{ float:none; width:90%; margin:0 auto;}
.jjtw dl.dl1 dt img{ width:100%;}

.jjtw dl.dl1 dd{ float:none; width:90%; margin:5px auto 0 auto;}
.jjtw dl.dl1 dd h3{ background:url(../images/h2.png) left top no-repeat; height:40px; padding-bottom:0; line-height:40px; background-size:100%; padding:3px 0 7px 10%; color:#fff; font-size:18px;}
.jjtw dl.dl1 dd strong{ display:block; width:90%; padding-left:10%; height:40px; line-height:40px; font-size:18px; font-weight:normal; color:#000; overflow:hidden; margin-top:0;}
.jjtw dl.dl1 dd span{ display:block; width:90%; padding-left:10%; max-height:100px; line-height:20px; font-size:14px; font-weight:normal; color:#777;}

.jjtw dl.dl2{ margin-top:30px;}
.jjtw dl.dl2 dt{ float:none; width:90%; margin:0 auto;}
.jjtw dl.dl2 dt img{ width:100%;}
.jjtw dl.dl2 dd{ float:none; width:90%; margin:5px auto 0 auto;}
.jjtw dl.dl2 dd h3{ background:url(../images/h21.png) left top no-repeat; height:40px; padding-bottom:0; line-height:40px; background-size:100%; padding:7px 10% 3px 0; color:#fff; font-size:18px; text-align:right;}
.jjtw dl.dl2 dd strong{ display:block; width:90%; padding-left:10%; height:40px; line-height:40px; font-size:18px; font-weight:normal; color:#000; margin-top:0px; overflow:hidden; text-align:right;}
.jjtw dl.dl2 dd span{ display:block; width:90%; padding-left:10%; max-height:100px; line-height:20px; font-size:14px; font-weight:normal; color:#777; text-align:right;}


.con02{ background:url(../images/abb11.jpg) center top no-repeat; padding:60px 0; margin-top:60px;}
.con02 h2{ margin-bottom:25px;}
.con02 h2 strong{ display:block; width:100%; font-size:24px; height:40px; line-height:40px; color:#333;}
.con02 h2 span{ display:block; width:100%; font-size:18px; height:30px; line-height:30px; font-weight:normal;}
.con02 .left{ float:none; width:100%;}
.con02 .left .con{ line-height:30px; font-size:14px;}
.con02 .left .more{ margin-top:12px;}
.con02 .left .more a{ display:block; width:140px; height:38px; line-height:38px; background:#000; color:#fff; text-align:center; }
.con02 .left .link{ margin-top:20px;}
.con02 .left .link ul li{ float:left; background:url(../images/xian.jpg) left top no-repeat; width:28%; padding:10px 0 20px 3%; }
.con02 .left .link ul li b{ display:block; width:100%; height:50px; line-height:50px; font-size:30px; color:#000;}
.con02 .left .link ul li font{ display:block; width:100%; height:30px; line-height:30px; font-size:14px;}

.con02 .right{ float:none; width:100%; margin-top:30px;}
.con02 .right img{ width:100%;}






.con03{ margin-top:30px;}
.con03 h2{ margin-bottom:10px;}
.con03 h2 strong{ display:block; width:100%; font-size:24px; height:40px; line-height:40px; text-align:center; color:#333;}
.con03 h2 span{ display:block; width:100%; font-size:18px; text-align:center; height:30px; line-height:30px; font-weight:normal;}
.con03 ul li{ float:left; width:48%; margin-right:4%; background:#f2f2f2; padding-bottom:18px; margin-top:20px;}
.con03 ul li:nth-child(2n){ margin-right:0;}
.con03 ul li img{ display:block; width:100%;}
.con03 ul li strong{ display:block; width:90%; margin:0 auto; height:24px; line-height:24px; font-size:15px; color:#333; overflow:hidden; margin-top:5px;}
.con03 ul li span{ display:block; width:90%; margin:0 auto; height:36px; line-height:18px; font-size:12px; color:#999; overflow:hidden; margin-top:5px;}
.con03 a.a1{ display:block; width:120px; height:36px; line-height:36px; margin:40px auto 0 auto; border:#3478e0 solid 1px; color:#3478e0; font-size:15px; text-align:center; border-radius:5px;}

	
	
.con04{ margin-top:30px;}
.con04 h2{ margin-bottom:20px;}
.con04 h2 strong{ display:block; width:100%; font-size:24px; height:40px; line-height:40px; text-align:center; color:#333;}
.con04 h2 span{ display:block; width:100%; font-size:18px; text-align:center; height:30px; line-height:30px; font-weight:normal;}

    html,
    body {
      position: relative;
    }

    body {margin: 0;
      padding: 0;
    }

    .swiper-container2 {
      width: 100%;
      height: 100%; padding-bottom:60px !important;
    }

    .swiper-slide { position:relative;}
	.swiper-slide img{ width:100%;}
	.swiper-slide span{ display:none; width:94%; padding:0 3%; height:40px; line-height:40px; background:rgba(0,0,0,0.5); color:#fff; font-size:15px; position:absolute; left:0; bottom:0;}
	.swiper-slide:hover span{ display:block;}


.con05{ background:url(../images/abba2.jpg) center top no-repeat; padding:60px 0; margin-top:60px;}
.con05 h2{ margin-bottom:5px;}
.con05 h2 strong{ display:block; width:100%; font-size:24px; height:40px; line-height:40px; text-align:center; color:#fff;}
.con05 h2 span{ display:block; width:100%; font-size:18px; text-align:center; height:30px; line-height:30px; font-weight:normal; color:#fff;}
.con05 ul li{ float:left; width:46%; margin-right:8%; margin-top:18px;}
.con05 ul li:nth-child(2n){ margin-right:0;}
.con05 ul li img{ display:block; max-width:80%; margin:0 auto;}
.con05 ul li a{ display:block; width:100%; height:28px; line-height:28px; color:#fff; font-size:14px; text-align:center; overflow:hidden; font-weight:bold; margin-top:0px;}
.con05 ul li span{ display:block; width:100%; height:60px; line-height:20px; color:#fff; font-size:12px; text-align:center; overflow:hidden;}


.con06{ margin-top:60px;}
.con06 h2{ margin-bottom:20px;}
.con06 h2 strong{ display:block; width:100%; font-size:24px; height:40px; line-height:40px; text-align:center; color:#333;}
.con06 h2 span{ display:block; width:100%; font-size:18px; text-align:center; height:30px; line-height:30px; font-weight:normal;}


/*slideTxtBox_01*/
.slideTxtBox_01{ float:none; width:100%;}
.slideTxtBox_01 .hd{ height:40px; line-height:40px; margin-bottom:20px;}
.slideTxtBox_01 .hd ul li{ float:left; width:120px; height:38px; line-height:38px; text-align:center; font-size:16px;}
.slideTxtBox_01 .hd ul li.on{ background:#3478e0; color:#fff ;cursor:pointer; } 
.slideTxtBox_01 .bd dl{ padding:10px 0; border-bottom:#ddd dotted 1px;}
.slideTxtBox_01 .bd dl dt{ float:left; width:30%;}
.slideTxtBox_01 .bd dl dt img{ width:100%;}
.slideTxtBox_01 .bd dl dd{ float:right; width:65%;}
.slideTxtBox_01 .bd dl dd a{ display:block; width:100%; height:24px; line-height:24px; font-size:16px; color:#555; overflow:hidden; margin-bottom:6px;}
.slideTxtBox_01 .bd dl dd span{ display:block; width:100%; height:54px; line-height:18px; font-size:14px; color:#777; overflow:hidden;}
.slideTxtBox_01 .bd ul li{ height:26px; margin-top:10px; }
.slideTxtBox_01 .bd ul li a{ float:left; padding-left:12px; background:url(../images/dian.png) left center no-repeat; display:block; width:65%; height:26px; line-height:26px; font-size:14px; color:#555;}
.slideTxtBox_01 .bd ul li span{ float:right; display:block; width:30%; height:26px; line-height:26px; font-size:12px; text-align:right; color:#777; overflow:hidden;}

.con06 .right{ float:none; width:100%; margin-top:20px;}
.con06 .right dl{ margin-bottom:15px;}
.con06 .right dl dt{ padding:15px 0; float:left; width:20%; background:#3478e0;}
.con06 .right dl dt strong{ display:block; width:100%; height:30px; line-height:30px; text-align:center; color:#fff; font-size:20px;}
.con06 .right dl dt span{ display:block; width:100%; height:22px; line-height:22px; text-align:center; color:#fff; font-size:16px;}
.con06 .right dl dd{ float:right; width:75%;}
.con06 .right dl dd a{ display:block; width:100%; height:22px; line-height:22px; margin-bottom:4px; font-size:16px; color:#555;}
.con06 .right dl dd  span{ display:block; width:100%; height:36px; line-height:18px;}



.footer{ background:#303030; margin-top:30px;}
.footer .top{ padding:20px 0;}
.footer .top .left{ float:none; width:100%;}
.footer .top .left dl{ float:left; width:15%; margin-right:3%;}
.footer .top .left dl:nth-child(4){ width:35%;}
.footer .top .left dl dt{ height:30px; line-height:30px; margin-bottom:10px; font-size:14px; color:#fff;}
.footer .top .left dl dd{ line-height:30px; font-size:12px; color:#777;}
.footer .top .left dl dd a{ font-size:14px; color:#777;}
.footer .top .right{ float:none; width:35%; margin:18px auto 0 auto;}
.footer .top .right span{ display:block; width:100%; height:20px; line-height:20px; text-align:center; color:#fff; font-size:13px;}
.footer .top .right img{ max-width:100%; display:block; margin:12px auto 0 auto;}
.footer .down{ margin-top:15px; border-top:#454545 solid 1px; padding:10px 0;}
.footer .down ul li{ line-height:30px; color:#777; font-size:12px; text-align:center;}
.footer .down ul li a{ color:#777; font-size:12px;}

.n_banner{ width:100%;}
.n_banner img{ width:100%;}


.weizhi{ margin-top:0px; height:40px; line-height:40px; background:url(../images/home.png) left center no-repeat; font-size:14px;}
.weizhi a{ font-size:14px; padding-left:30px;}

.about{ margin-top:20px;}
.about h2 strong{ display:block; width:100%; font-size:20px; height:30px; line-height:30px; color:#333;}
.about h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:5px;}
.about .con{ margin-top:20px; font-size:14px; line-height:30px;}
.about .con img{ width:100%; margin-top:30px;}


.fenlei{ border-bottom:#ddd solid 1px; height:50px; line-height:50px; margin-bottom:20px;}
.fenlei ul li{ float:left; width:20%; margin-right:2%;}
.fenlei ul li a.active1{ display:block; width:100%; height:48px; line-height:48px; border-bottom:#3478e0 solid 2px; text-align:center; color:#333;}
.fenlei ul li a{ display:block; width:100%; height:50px; line-height:50px; font-size:16px; color:#666; text-align:center;}
.fenlei ul li a:hover{ display:block; width:100%; height:48px; line-height:48px; border-bottom:#3478e0 solid 2px; text-align:center; color:#333;}

.pro{ margin-top:0px;}
.pro h2{ margin-bottom:15px;}
.pro h2 strong{ display:block; width:100%; font-size:20px; height:30px; line-height:30px; color:#333;}
.pro h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}
.pro .con{ min-height:400px;}
/*.pro .left{ float:left; width:25%; margin-top:30px;}
.pro .left dl{ padding-bottom:10px; background:#f2f2f2;}
.pro .left dl dt{ display:block; width:100%; height:34px; line-height:34px; background:#3478e0;}
.pro .left dl dt a{ padding-left:20px; font-size:14px; color:#fff;}
.pro .left dl dd{ height:30px; line-height:30px;}
.pro .left dl dd a{ padding-left:20px; color:#666; font-size:14px;}

.pro .right{ float:right; width:73%; margin-top:30px;}*/
.pro ul li{ overflow:hidden; will-change:transform; transition:transform ease-in-out .5s; float:left; width:32%; margin-right:1.5%; border:#f2f2f2 solid 2px; margin-bottom:30px;}
.pro ul li:nth-child(3n){ margin-right:0;}
.pro ul li .img{ position:relative; width:100%; height:220px;}
.pro ul li .img img{ display:block; max-width:100%; max-height:100%; margin:auto; position:absolute; left:0; top:0; right:0; bottom:0;}
.pro ul li .img:hover img{transform: scale(1.07);}
.pro ul li .dm{ background:#fff; padding-bottom:20px; will-change:transform; transition:transform ease-in-out .5s;}
.pro ul li .dm span{ display:block; width:90%; padding:0 5%; height:40px; line-height:40px; font-size:14px; overflow:hidden;}
.pro ul li .dm em{ display:block; width:30px; height:1px; background:#999; margin-left:5%;}
.pro ul li .dm:hover{background:#3478e0;}
.pro ul li .dm:hover span{ color:#fff;}
.pro ul li .dm:hover em{ background:#fff;}

.new{ margin-top:20px;}
.new h2 strong{ display:block; width:100%; font-size:20px; height:30px; line-height:30px; color:#333;}
.new h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}
.new dl{ margin-top:20px;}
.new dl dt{ float:left; width:36%;}
.new dl dt img{ width:100%;}
.new dl dd{ float:right; width:60%;}
.new dl dd a.a1{ display:block; width:100%; height:24px; line-height:24px; color:#000; font-size:14px;  color:#000; overflow:hidden;}
.new dl dd span{ display:block; width:100%; height:40px; line-height:20px; font-size:12px; overflow:hidden; color:#999; margin-top:0px;}
.new dl dd a.a2{ display:block; width:100%; height:20px; line-height:20px; font-size:12px; color:#3478e0; margin-top:5px;}

.lanmu{ margin-top:20px; text-align:center;}
.lanmu ul li{ display:inline-block; height:40px; line-height:40px; font-size:16px; margin-bottom:10px;}
.lanmu ul li a{float:left; padding:0 20px;transition:all 0.3s;border:1px solid #3478e0;border-radius:3px; margin:0 7px;}


.zhanshi{ margin-top:20px;}
.zhanshi h2 strong{ display:block; width:100%; font-size:20px; height:30px; line-height:30px; color:#333;}
.zhanshi h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}
.zhanshi ul li{ overflow:hidden; will-change:transform; transition:transform ease-in-out .5s; float:left; width:48%; margin-right:2.5%; border:#f2f2f2 solid 1px; margin-top:20px;}
.zhanshi ul li:nth-child(2n){ margin-right:0;}
.zhanshi ul li .img{ position:relative; width:100%; height:220px;}
.zhanshi ul li .img img{ display:block; max-width:100%; max-height:100%; margin:auto; position:absolute; left:0; top:0; right:0; bottom:0;}
.zhanshi ul li .img:hover img{transform: scale(1.07);}
.zhanshi ul li .dm{ background:#fff; padding-bottom:20px; will-change:transform; transition:transform ease-in-out .5s;}
.zhanshi ul li .dm span{ display:block; width:90%; padding:0 5%; height:40px; line-height:40px; font-size:14px; overflow:hidden;}
.zhanshi ul li .dm em{ display:block; width:30px; height:1px; background:#999; margin-left:5%;}
.zhanshi ul li .dm:hover{background:#3478e0;}
.zhanshi ul li .dm:hover span{ color:#fff;}
.zhanshi ul li .dm:hover em{ background:#fff;}


.question{ margin-top:30px;}
.question h2 strong{ display:block; width:100%; font-size:20px; height:30px; line-height:30px; color:#333;}
.question h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}


.contact{ margin-top:30px;}
.contact h2 strong{ display:block; width:100%; font-size:20px; height:30px; line-height:30px; color:#333;}
.contact h2 em{ display:block; width:50px; height:2px; background:#3478e0; margin-top:10px;}
.contact .top .left{ float:none; width:100%; margin-top:20px;}
.contact .top .left span{ display:block; width:100%; line-height:30px; font-size:14px;}
.contact .top .left strong{ display:block; width:100; line-height:30px; margin-top:20px; color:#0074c7; font-size:14px;}
.contact .top .left ul li{ line-height:30px; font-size:14px;}
.contact .top .left dl{ margin-top:20px;}
.contact .top .left dl dd{ float:left; width:100px; margin-right:25px;}
.contact .top .left dl dd img{ width:100px; height:100px;}
.contact .top .left dl dd span{ display:block; width:100%; height:20px; line-height:20px; text-align:center; font-size:14px;}
.contact .top .right{ float:none; width:100%; margin-top:20px;}
.contact .top .right ul li{ margin-top:5px;}
.contact .top .right ul li span{ display:block; width:100%; height:35px; line-height:35px; font-size:16px;}
.contact .top .right ul li .input_text1{ display:block; width:96%; height:35px; line-height:35px; padding:0 2%; border:#ddd solid 1px;}
.contact .top .right ul li .text{ display:block; width:96%; height:100px; line-height:25px; padding:0 2%; border:#ddd solid 1px;}
.contact .top .right ul li .input_button1{ display:block; width:120px; height:37px; line-height:37px; border-radius:5px; background:#0074c7; color:#fff; text-align:center; margin-top:10px;}

.contact .map{ margin-top:30px;}



.swiper-container2{ display:none;}


.swiper-container3{ display:block; padding-bottom:50px !important;}
	
	
	}	
	
	
	
	
	
	
	
	







