*{ margin: 0;padding: 0;font-family: "微软雅黑";}
li{ list-style: none;}
a{text-decoration: none;}
img{border: none;}

/*3D首页开始*/
.headerbox{position: fixed;top: 0; width: 100%; padding: 15px 0; background: #fff; z-index: 99999;}
.headerbox .head{ width: 1200px; margin: 0 auto;}
.headerbox .head .logo{ float: left; height: 60px;}
.headerbox .head .logo img{ height: 60px;}
.headerbox .head .nav{ float: right;height:60px;}
.headerbox .head .nav ul{float: left;  height:60px; margin:0 auto;}
.headerbox .head .nav li{ float:left; position:relative;}
.headerbox .head .nav li a.one{ display:block; color:#666; line-height:60px; padding:0 25px; font-size:16px;}
.headerbox .head .down{position:absolute; top:60px; left:-19px; width: 130px; display:none; background: rgba(0,0,0,0.8); z-index: 99999;}
.headerbox .head .down a{display:block; height: 40px; line-height: 40px; text-align: center;  color: #fff;}
.headerbox .head .down a:hover{ background:rgba(62,109,191,0.8); color:#fff;}
.headerbox .head .user{float: left; display: block; padding:20px 25px;}

.headerbox .head .user1{float: left; display: block; padding:18px 25px; line-height: 25px;}
.headerbox .head .user1 img{line-height: 25px; width: 25px; height: 25px;}
.headerbox .head .user1 span{ color: #333; font-size: 14px; padding-left: 10px;line-height: 25px;display: inline-block; position: relative; top: -6px;}


.headerbox .head .search{float: left; display: block; padding:20px 0 20px 25px;}
.navigation-down{position:absolute;top:90px;left:0px;width:100%; z-index: 99999;}
.navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(255,255,255,0.8);position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative; padding: 10px 0;}
.navigation-down .nav-down-menu .navigation-down-inner .searchbox{ float: right;}
.navigation-down .nav-down-menu .navigation-down-inner .searchbox .info{float: left; width:300px; height: 50px;padding: 0 10px; border: 1px solid #999;  font-size: 16px; outline: none;}
.navigation-down .nav-down-menu .navigation-down-inner .searchbox .btn{ float: left; width:130px; height: 52px;border: 1px solid #1e2a65; background-color: #1e2a65; font-size: 16px; color: #fff; outline: none; cursor: pointer;}
.phone_header{ display: none;}
.phone_h{ display: none;}
/*2018.6.5 注释*/
/* .banner{ width: 100%; height: 640px;}
.swiper-container {width: 100%;height: 640px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;}
.swiper-slide a{ display: block;width: 100%; height: 640px;}
.item1{ width: 1200px; margin: 50px auto;} */


.banner{ width: 100%; max-height:500px;}
.banner a{ width: 100%; display: block; max-height:500px;}


.swiper-container {width: 100%; max-height:500px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;}
.swiper-slide a{ display: block;width: 100%; max-height: 640px;}
.swiper-slide a img{ width:100%; height:auto;}
.item1{ width: 1200px; margin: 50px auto;}
/*2018.6.5更改*/

.item1 ul{ width: 100%;}
.item1 ul li{position: relative;  float: left;width: 590px; height: 300px; margin-right: 20px;}
.item1 ul li:nth-child(2n){ margin-right: 0;}
.item1 ul li:first-child+li{margin-right: 0;}
.item1 ul li .pic{ width: 590px; height: 300px; }
.item1 ul li .pic img{width: 590px; height: 300px; }
.item1 ul li h4{ position: absolute; left: 30px; bottom: 15px; font-size: 18px; color: #fff; font-weight: normal;}
.item1 ul li h4 span{ font-size: 44px;}
.caption{ width: 1200px; margin: 0 auto;}
.caption h1{ text-align: center; height: 30px; line-height: 30px; font-size: 30px; color: #000; font-weight: normal;}
.caption i{display: block; width: 125px; margin: 10px auto;}
.caption h2{ text-align: center; height: 16px; line-height: 16px; font-size: 16px; color: #000; font-weight: normal;}
.item2{ width: 1200px; margin: 50px auto; }
.item2 ul{ width: 100%; margin-top: 30px;}
.item2 ul li{position: relative;  float: left;width: 580px; height: 400px; margin-right: 40px;}
.item2 ul li:nth-child(2n){ margin-right: 0;}
.item2 ul li:first-child+li{margin-right: 0;}
.item2 ul li .pic{ width: 580px; height: 400px; overflow: hidden; }
.item2 ul li .pic img{width: 580px; height: 400px; transition: all 0.5s ease 0s; }
.item2 ul li .pic img:hover{transform: scale(1.2);  transition: all 0.5s ease 0s;  -webkit-transform: scale(1.2);  -webkit-transform: all 1s ease 0s; }
.item2 ul li .up{ position: absolute; left: 0; bottom:0; width: 100%; height: 80px; line-height: 80px; background: rgba(0,0,0,0.7);  text-align:center;font-size: 30px; color: #fff; font-weight: normal;}

#box{width: 100%;height: 500px;overflow: hidden;box-shadow: 0 0 0 30px transparent; background: url(../img/bj5.jpg) center no-repeat; background-size: cover; margin-top: 30px; display: block;}
#new{position:relative;float: left;height: 500px;width: 25%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#box #new div.mc1{position:absolute;top:0; width:100%;height:100%; padding-top:50%;text-align: center;  color: #fff; border-right:1px solid #fff ; border-left:1px solid #fff ;}
#box #new div.mc1 .date{ font-size: 14px;}
#box #new div.mc1 h4{ width: 80%; margin:20px auto; line-height: 28px; font-size: 16px;font-weight: normal;}
#box #new div.mc2{position:absolute;top:0; width:100%;height:100%; padding-top:50%;text-align: center;  color: #fff;border-right:1px solid #fff ; border-left:1px solid #fff ;}
#box #new div.mc2 .date{ font-size: 14px;}
#box #new div.mc2 h4{width: 80%; margin:20px auto; line-height: 28px; font-size: 16px;font-weight: normal;}
#box #new div.mc3{position:absolute;top:0; width:100%;height:100%; padding-top:50%;text-align: center;  color: #fff;border-right:1px solid #fff ; border-left:1px solid #fff ;}
#box #new div.mc3 .date{ font-size: 14px;}
#box #new div.mc3 h4{width: 80%; margin:20px auto; line-height: 28px; font-size: 16px;font-weight: normal;}
#box #new div.mc4{position:absolute;top:0; width:100%;height:100%; padding-top:50%;text-align: center;  color: #fff; border-right:1px solid #fff ;border-left:1px solid #fff ;}
#box #new div.mc4 .date{ font-size: 14px;}
#box #new div.mc4 h4{width: 80%; margin:20px auto; line-height: 28px; font-size: 16px;font-weight: normal;}
#box #new .main{width:130px;font-size:19px ;color: white;opacity: 0.5;text-align: left;position:absolute;left:20px;top: 120px;overflow: hidden;transition-duration:0.5s;opacity:0;}
#box #new .main .date{ margin-left: 5%; width: 40%; font-size: 24px;}
#box #new .main h4{ width: 80%; margin-left: 5%; margin-top: 30px; line-height: 30px; font-size: 28px; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#box #new .main .info{ display: block; width: 80%;margin-left:5%; margin-top: 20px; line-height: 30px; color: #000; font-size: 14px; color: #fff;}
#box #new .main .info i{ display: block;width: 100%; height: 90px; overflow: hidden; font-style: normal;}
#box #new .main .info a{ display: block;  width: 130px; height: 42px; line-height: 42px; margin-top: 30px; text-align: center; color: #fff; border:1px solid #fff; transition: 0.5s;}
#box #new .main .info a:hover{ border:1px solid #3e6dbf; background-color: #3e6dbf;}
#box:hover #new{width: 200px;}
#box #new:hover{width: 57.8%;}
#box #new:hover .main{opacity:1;width:90%;transition-duration:0.5s;}
#box #new:hover div.mc1{opacity:0;}
#box #new:hover div.mc2{opacity:0;}
#box #new:hover div.mc3{opacity:0;}
#box #new:hover div.mc4{opacity:0;}

#box1{width: 100%;height: 500px;overflow: hidden;box-shadow: 0 0 0 30px transparent; background: url(../img/bj5b.jpg) center no-repeat; background-size: cover; margin-top: 30px; display: block;}
#new{position:relative;float: left;height: 500px;width: 25%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#box1 #new div.mc1{position:absolute;top:0; width:100%;height:100%; padding-top:50%;text-align: center;  color: #fff; border-right:1px solid #fff ; border-left:1px solid #fff ;}
#box1 #new div.mc1 .date{ font-size: 14px;}
#box1 #new div.mc1 h4{ width: 80%; margin:20px auto; line-height: 28px; font-size: 16px;font-weight: normal;}
#box1 #new div.mc2{position:absolute;top:0; width:100%;height:100%; padding-top:50%;text-align: center;  color: #fff;border-right:1px solid #fff ; border-left:1px solid #fff ;}
#box1 #new div.mc2 .date{ font-size: 14px;}
#box1 #new div.mc2 h4{width: 80%; margin:20px auto; line-height: 28px; font-size: 16px;font-weight: normal;}
#box1 #new div.mc3{position:absolute;top:0; width:100%;height:100%; padding-top:50%;text-align: center;  color: #fff;border-right:1px solid #fff ; border-left:1px solid #fff ;}
#box1 #new div.mc3 .date{ font-size: 14px;}
#box1 #new div.mc3 h4{width: 80%; margin:20px auto; line-height: 28px; font-size: 16px;font-weight: normal;}
#box1 #new div.mc4{position:absolute;top:0; width:100%;height:100%; padding-top:50%;text-align: center;  color: #fff; border-right:1px solid #fff ;border-left:1px solid #fff ;}
#box1 #new div.mc4 .date{ font-size: 14px;}
#box1 #new div.mc4 h4{width: 80%; margin:20px auto; line-height: 28px; font-size: 16px;font-weight: normal;}
#box1 #new .main{width:130px;font-size:19px ;color: white;opacity: 0.5;text-align: left;position:absolute;left:20px;top: 120px;overflow: hidden;transition-duration:0.5s;opacity:0;}
#box1 #new .main .date{ margin-left: 5%; width: 40%; font-size: 24px;}
#box1 #new .main h4{ width: 80%; margin-left: 5%; margin-top: 30px; line-height: 30px; font-size: 28px; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#box1 #new .main .info{ display: block; width: 80%;margin-left:5%; margin-top: 20px; line-height: 30px; color: #000; font-size: 14px; color: #fff;}
#box1 #new .main .info i{ display: block;width: 100%; height: 90px; overflow: hidden; font-style: normal;}
#box1 #new .main .info a{ display: block;  width: 130px; height: 42px; line-height: 42px; margin-top: 30px; text-align: center; color: #fff; border:1px solid #fff; transition: 0.5s;}
#box1 #new .main .info a:hover{ border:1px solid #3e6dbf; background-color: #3e6dbf;}
#box1:hover #new{width: 200px;}
#box1 #new:hover{width: 57.8%;}
#box1 #new:hover .main{opacity:1;width:90%;transition-duration:0.5s;}
#box1 #new:hover div.mc1{opacity:0;}
#box1 #new:hover div.mc2{opacity:0;}
#box1 #new:hover div.mc3{opacity:0;}
#box1 #new:hover div.mc4{opacity:0;}

.news_phone{ display: none;}
.footer{ width: 100%;background-color: #f2f2f2;}
.phone_footer{display:none;}
.footer .foot_top{width: 1200px; margin: 0 auto; padding-top: 80px; padding-bottom: 40px;}
.footer .foot_top .contact{ float: left; width: 460px;}
.footer .foot_top .contact .hot_line{width: 100%;}
.footer .foot_top .contact .hot_line span{ font-size: 16px; color: #3f3b3a;}
.footer .foot_top .contact .hot_line b{ display: block; margin-top: 10px; font-size: 30px; color: #172260;}
.footer .foot_top .contact .con{ margin-top: 15px; line-height: 30px; font-size: 16px; color: #3f3b3a;}
.footer .foot_top .ewm{ float: left; width: 140px; margin-left: 0 20px;}
.footer .foot_top .ewm .pic{ width: 138px; margin: 0 auto;}
.footer .foot_top .ewm .pic img{ display: block; width: 138px; height: 138px;}
.footer .foot_top .ewm span{ display: block; margin-top: 8px; text-align: center; font-size: 14px; color: #3f3b3a;}
.footer .foot_top .menu{ float: left; margin-left: 50px;}
/* .footer .foot_top .sx{ width: 56px;}
.footer .foot_top .new{ width: 56px;}
.footer .foot_top .pro{ width: 56px;} */
.footer .foot_top .menu .bt{ font-size: 18px; color: #3f3b3a;}
.footer .foot_top .menu ul{ margin-top: 10px;}
.footer .foot_top .menu ul li{ height: 30px; line-height: 30px;}
.footer .foot_top .menu ul li a{ display: block; font-size: 14px; color: #3f3b3a;text-overflow:ellipsis;overflow:hidden;
white-space:nowrap;}
.footer .foot_top .menu ul li a:hover{ color: #3e6dbf;}
.footer .line{display: block; width: 100%; height: 1px; background-color: #919191; }
.footer .foot_bot{ width: 1200px; margin: 0 auto; padding: 20px 0;}
.footer .foot_bot .cpy{ float: left; font-size: 14px; color: #4c4c4c;}
.footer .foot_bot .link{ float: right;}
.footer .foot_bot .link a{margin: 0 5px; font-size: 14px; color: #3f3b3a;}
.footer .foot_bot .link a:hover{ color: #3e6dbf;}

@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/
	.headerbox{ display: none;}	
	.pc_h{ display: none;}
	.phone_header{position: fixed; top: 0; display: block; width: 94%; padding: 5px 3%; background-color: #fff;z-index: 99999;}
	.phone_header .logo{ float: left; height: 40px;}
	.phone_header .logo img{display: block; height: 40px;}
	.phone_h{ display: block;}
	.banner{ width: 100%; height: 220px;}
	.swiper-container {width: 100%;height: 220px;}
	.swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;}
	.swiper-slide a{ display: block;width: 100%; height: 220px;}
	.item1{ width: 94%; margin: 20px auto;}
	.item1 ul{ width: 100%;}
	.item1 ul li{position: relative;  float: left;width: 48%; height: 170px; margin-right: 4%;}
	.item1 ul li:nth-child(2n){ margin-right: 0;}
	.item1 ul li:first-child+li{margin-right: 0;}
	.item1 ul li .pic{ width: 100%; height: 170px; }
	.item1 ul li .pic img{width: 100%; height: 170px; }
	.item1 ul li h4{ position: absolute; left: 30px; bottom: 15px; font-size: 18px; color: #fff; font-weight: normal;}
	.item1 ul li h4 span{ font-size: 44px;}
	.caption{ width: 100%; margin: 0 auto;}
	.caption h1{text-align: center; height: 30px; line-height: 30px; font-size: 30px; color: #000; font-weight: normal;}
	.caption i{display: block; width: 125px; margin: 10px auto;}
	.caption h2{ text-align: center; height: 56px; line-height: 28px; font-size: 16px; color: #000; font-weight: normal;}
	.item2{ width: 94%; margin: 40px auto; }
	.item2 ul{ width: 100%; margin-top: 20px;}
	.item2 ul li{position: relative;  float: left;width: 48%; height: 225px; margin-right:4%;}
	.item2 ul li:nth-child(2n){ margin-right: 0;}
	.item2 ul li:first-child+li{margin-right: 0;}
	.item2 ul li .pic{ width: 100%; height: 225px; }
	.item2 ul li .pic img{width: 100%; height: 225px; }
	.item2 ul li .up{ position: absolute; left: 0; bottom:0; width: 100%; height: 50px; line-height: 50px; background: rgba(0,0,0,0.7);  text-align:center;font-size: 24px; color: #fff; font-weight: normal;}
	#box{ display: none;}
	#box1{ display: none;}
	.item4{ width: 94%; margin:40px auto; }
	.news_phone{ display: block; width: 100%; margin: 0 auto;}
	.news_phone ul{ width: 100%; margin-top: 30px;}
	.news_phone ul li{ width: 100%; margin-bottom: 30px;}
	.news_phone ul li a{ display: block; width: 100%;}
	.news_phone ul li a .date{ font-size: 14px; color: #999;}
	.news_phone ul li a h4{ margin-top: 8px; height:auto; line-height: 25px; font-size: 16px; color: #444; font-weight: normal;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;
-webkit-line-clamp:2; } 
	.footer{ width: 100%;background-color: #f2f2f2;}
	/*2018年12月21日修改开始*/
	/*.footer .foot_top{ display: none; }*/
	.footer .foot_top{width:100%;padding-top:40px;padding-top:20px;}
	.footer{display:none;}
	.phone_footer{display:block;}
	.menu{display:none;}
	.yqlj{width:90% !important; }
	.footer .foot_top .contact{float:none;width:90%;margin-left:5%;}
	.footer .foot_top .ewm{float:none;margin-left:5%;padding-top:20px;margin:0 auto;}
	/*2018年12月21日修改结束*/
	.footer .line{display: none; }
	.footer .foot_bot{ width:94%; margin: 0 auto; padding: 20px 0;}
	.footer .foot_bot .cpy{ float: none; text-align: center; font-size: 14px; color: #4c4c4c;}
	.footer .foot_bot .link{ display: none;}
}

@media (max-width:479px){/*微小屏幕*/
	.headerbox{ display: none;}	
	.pc_h{ display: none;}
	.phone_header{ position: fixed; top: 0; display: block; width: 94%; padding: 5px 3%; background-color: #fff; z-index: 99999;}
	.phone_header .logo{ float: left; height: 40px;}
	.phone_header .logo img{display: block; height: 40px;}
	.phone_header .right{ float: right; margin-right: 40px;}
	.phone_header .search{ position: relative; float: left; width: 130px; height: 25px; margin-top: 5px; border:1px solid #e5e5e5; z-index: 999999;}
	.phone_header .search .info{position: absolute;  display: block; float: left;height: 25px; line-height: 28px; width: 105px;padding-left: 5px;  font-size: 10px; outline:none;border: none; z-index: 99999; }
	.phone_header .search .btn{position: absolute; right: 0px; display: block; float: left; width: 20px; height: 26px; overflow: hidden; background: url(../img/icon2.png) center 3px no-repeat; border: none; z-index: 99999;  outline: none;}
	.phone_h{ display: block;}
	.banner{ width: 100%; height: 130px;}
	.swiper-container {width: 100%;max-height: 130px;}
	.swiper-slide {text-align: center;font-size: 18px;background: #fff; hei display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;}
	.swiper-slide a{ display: block;width: 100%; height: 180px;}
	.item1{ width: 94%; margin: 20px auto;}
	.item1 ul{ width: 100%;}
	.item1 ul li{position: relative;  float: left;width: 100%; height: 180px; margin: 5px 0;}
	.item1 ul li .pic{ width: 100%; height: 180px; }
	.item1 ul li .pic img{width: 100%; height: 180px; }
	.item1 ul li h4{ position: absolute; left: 30px; bottom: 15px; font-size: 18px; color: #fff; font-weight: normal;}
	.item1 ul li h4 span{ font-size: 44px;}
	.caption{ width: 94%; margin: 0 auto;}
	.caption h1{text-align: center; height: 24px; line-height: 24px; font-size: 24px; color: #000; font-weight: normal;}
	.caption i{display: block; width: 125px; margin: 10px auto;}
	.caption h2{ display: none; text-align: center; height: 16px; line-height: 16px; font-size: 16px; color: #000; font-weight: normal;}
	.item2{ width: 94%; margin: 20px auto; }
	.item2 ul{ width: 100%; margin-top: 10px;}
	.item2 ul li{position: relative;  float: left;width: 48%; height: 120px; margin-right:4%;}
	.item2 ul li:nth-child(2n){ margin-right: 0;}
	.item2 ul li:first-child+li{margin-right: 0;}
	.item2 ul li .pic{ width: 100%; height: 120px; }
	.item2 ul li .pic img{width: 100%; height: 120px; }
	.item2 ul li .up{ position: absolute; left: 0; bottom:0; width: 100%; height: 40px; line-height: 40px; background: rgba(0,0,0,0.7);  text-align:center;font-size: 18px; color: #fff; font-weight: normal;text-overflow:ellipsis;
	overflow:hidden;white-space:nowrap;}
	#box{ display: none;}
	#box1{ display: none;}
	.item4{ width: 94%; margin: 20px auto; }
	.news_phone{ display: block; width: 100%; margin: 0 auto;}
	.news_phone ul{ width: 100%;}
	.news_phone ul li{ width: 100%; margin-bottom: 30px;}
	.news_phone ul li a{ display: block; width: 100%;}
	.news_phone ul li a .date{ font-size: 14px; color: #999;}
	.news_phone ul li a h4{ margin-top: 8px; height: auto; line-height: 25px; font-size: 16px; color: #444; font-weight: normal;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;
-webkit-line-clamp:2; }
	.footer{ width: 100%;background-color: #f2f2f2;}
	.phone_footer{display:none;}
	/*2018年12月21日修改开始*/
	/*.footer .foot_top{ display: none; }*/
	.footer{display:none;}
	.phone_footer{display:block;}
	.footer .foot_top{width:100%;padding-top:40px;padding-bottom:20px;}
	.menu{display:none;}
	.yqlj, .yqlj1{width:90% !important; color:#b3b3b3 !important;}
	.yqlj a:link{color:#b3b3b3 !important;}
	.yqlj1 a:link{color:#b3b3b3 !important;}
	.yqlj a:visited{color:#b3b3b3 !important;}
	.yqlj1 a:visited{color:#b3b3b3 !important;}
	.footer .foot_top .contact{float:none;width:90%;margin-left:5%;}
	.footer .foot_top .ewm{float:none;margin-left:5%;padding-top:20px;margin:0 auto;}
	.footer .foot_top .contact .con{font-size:14px;line-height:24px;}
	.footer .foot_top .ewm .pic{width:100px;}
	.footer .foot_top .ewm .pic img{width:100%;height:auto;}
	.footer .foot_top .contact .hot_line b{font-size: 26px;}
	/*2018年12月21日修改结束*/
	.footer .line{display: none; }
	.footer .foot_bot{ width:94%; margin: 0 auto; padding: 20px 0;}
	.footer .foot_bot .cpy{display: none;}
	.footer .foot_bot .link{ display: none;}
}
/*3D首页结束*/ 

/*内页公用开始*/
.nybanner{ width: 100%; height: 360px;}
.nybanner img{height: 100%; width: 100%;}
.classify{ width: 1200px; margin: 0 auto;}
.classify ul{width: 100%;}
.classify ul li{float: left; margin-right: 1px;}
.classify ul li a{ display: block; width: 150px; height: 60px; line-height: 60px; background-color: #f2f2f2; text-align: center; font-size: 16px; color: #4c4c4c; }
.classify ul li a.on{ background-color: #3e6dbf; color: #fff;}
.column{ width: 1200px; margin: 0 auto;}
.column ul{ width: 510px; margin: 0 auto; }
.column ul li{ float: left; width: 150px; height: 45px; margin: 0 10px;}
.column ul li a{ display: block; width: 100%; height: 45px; line-height: 45px; background-color: #f2f2f2; border:1px solid #d7d7d7 ; border-radius: 45px; text-align:center; font-size: 14px; color: #4c4c4c;}
.column ul li a.on{ background-color: #4174cc; border: 1px solid #4174cc; color: #fff;}
 
@media (min-width: 771px) and (max-width: 960px) {
	.nybanner{ width: 100%; height: auto;}
	.nybanner img{width: 100%; height: auto; display: block;}
}
@media (min-width: 480px) and (max-width: 770px) {/*主要手机端*/	
	.nybanner{ width: 100%; height: 190px;}
	.classify{ }	
	.classify ul li{ width: 30%;}
	.column{ width: 100%; margin: 0 auto;}
	.column ul{ width: 420px; margin: 0 auto; }
	.column ul li{ float: left; width: 120px; height: 35px; margin: 0 10px;}
	.column ul li a{ display: block; width: 100%; height: 35px; line-height: 35px; background-color: #f2f2f2; border:1px solid #d7d7d7 ; border-radius: 35px; text-align:center; font-size: 14px; color: #4c4c4c;}
}

@media (max-width:479px){/*微小屏幕*/	
	.nybanner{ width: 100%; height: auto; min-height: 100px; background-size: auto;}
	.nybanner img{width: 100%; height: auto; display: block;}
	.classify{ width: 100%;}
	.classify ul li{ width: 33%;}	
	.classify ul li a{ height: 42px; line-height: 42px; width: 100%; font-size: 14px;}
	.column{ width: 100%; margin: 0 auto;}
	.column ul{ width: 300px; margin: 0 auto; }
	.column ul li{ float: left; width: 90px; height: 35px; margin: 0 5px;}
	.column ul li a{ display: block; width: 100%; height: 35px; line-height: 35px; background-color: #f2f2f2; border:1px solid #d7d7d7 ; border-radius: 35px; text-align:center; font-size: 14px; color: #4c4c4c;}
}
@media (max-width:370px){
	.nybanner{ width: 100%; height: auto; min-height: 85px; background-size: auto;}
}


/*内页公用结束*/

/*3D产品列表开始*/
.prolist_3d{ width: 100%; margin: 40px 0;}
.prolist_3d .series{ width: 1200px; margin: 0 auto;}
.prolist_3d .series h1{ text-align: center; font-size: 28px; color: #3e6dbf;font-weight: normal;}
.prolist_3d .series h2{ margin-top: 8px; text-align: center; font-size: 18px; color: #4c4c4c;font-weight: normal;}
.prolist_3d .list{ width: 100%; margin-top: 50px;}
.prolist_3d .list .pro{ width: 100%;padding: 20px 0; background: url(../img/bj1.png) center no-repeat; background-size: 80%;}
.prolist_3d .list .pro a{ display: block; width: 1200px; margin: 0 auto;}
.prolist_3d .list .pro a:hover .pic img{transform: scale(0.9);  transition: all 0.5s ease 0s;  -webkit-transform: scale(0.9);  -webkit-transform: all 1s ease 0s; }
.prolist_3d .list .pro a:hover .info h3{ color: #3e6dbf;}
.prolist_3d .list .pro a:hover .info .more{ border-radius: 8px;}
.prolist_3d .list .pro a .pic{ float: left; width: 550px; height: 358px;}
.prolist_3d .list .pro a .pic img{ width: 550px; height: 358px;transition: all 0.5s ease 0s; }
.prolist_3d .list .pro a .info{ float: left; width: 450px; margin-left: 200px;}
.prolist_3d .list .pro a .info h4{margin-top: 40px; height: 28px; line-height: 28px;font-size: 28px; color: #333;font-weight: normal;}
.prolist_3d .list .pro a .info h3{ margin-top: 30px; height: 28px; line-height: 28px;font-size: 28px; color: #4c4c4c; font-weight: normal; /*text-overflow:ellipsis;overflow:hidden;white-space:nowrap;*/}
.prolist_3d .list .pro a .info .des{ margin-top: 20px; height: 120px; line-height: 24px; font-size: 16px; color: #4d4d4f; overflow: hidden;}
.prolist_3d .list .pro a .info .more{display: block; width: 150px; height: 38px; line-height: 38px; margin-top: 20px; background-color: #3e6dbf; text-align: center; color: #fff; transition: 0.5s;}
.prolist_3d .list .r{ background: none !important;}
.prolist_3d .list .r .info{ margin-left: 0 !important;}
.prolist_3d .list .r .pic{ margin-left: 200px !important;}
.prolist_3d .whydo{ width: 1200px; margin: 30px auto;padding: 30px 0; border-top: 1px solid #f1f1f1;}
.prolist_3d .whydo .pic{ width: 100px; margin: 0 auto;}
.prolist_3d .whydo .pic img{ width: 100px; margin: 0 auto;}
.prolist_3d .whydo h1{ margin-top: 10px; text-align: center; font-size: 26px; color: #4d4d4f; font-weight: normal;}
.prolist_3d .whydo h4{ margin-top: 8px; text-align: center; font-size: 16px; color: #4d4d4f; font-weight: normal;}
.prolist_3d .whydo .more{display: block; width: 150px; height: 38px; line-height: 38px; margin: 20px auto; background-color: #3e6dbf; text-align: center; color: #fff; transition: 0.5s;}
.prolist_3d .whydo .more:hover{ border-radius: 8px;}

@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.prolist_3d{ width: 100%; margin: 30px 0;}
	.prolist_3d .series{ width: 94%; margin: 0 auto;}
	.prolist_3d .series h1{ text-align: center; font-size: 24px; color: #3e6dbf;font-weight: normal;}
	.prolist_3d .series h2{ margin-top: 8px; text-align: center; line-height: 24px; font-size: 16px; color: #4c4c4c;font-weight: normal;}
	.prolist_3d .list{ width: 100%; margin-top: 20px;}
	.prolist_3d .list .pro{ width: 100%;padding: 30px 0; background: url(../img/bj1.png) center no-repeat; background-size: 80%;}
	.prolist_3d .list .pro a{ display: block; width: 94%; margin: 0 auto;}
	.prolist_3d .list .pro a .pic{ float: left; width: 40%; height: 160px;}
	.prolist_3d .list .pro a .pic img{ width: 100%;  height: 160px;transition: all 0.5s ease 0s; }
	.prolist_3d .list .pro a .info{ float: left; width: 55%; margin-left:5%;}
	.prolist_3d .list .pro a .info h4{display: none;}
	.prolist_3d .list .pro a .info h3{ margin-top: 0; height: auto; line-height: 20px;font-size: 16px; color: #4c4c4c; font-weight: normal; /*text-overflow:ellipsis;overflow:hidden;white-space:nowrap;*/}
	.prolist_3d .list .pro a .info .des{ margin-top: 10px; height: 80px; line-height: 20px; font-size: 14px; color: #4d4d4f; overflow: hidden;}
	.prolist_3d .list .pro a .info .more{display: block; width: 100px; height: 28px; line-height: 28px; margin-top: 15px; background-color: #3e6dbf; text-align: center; font-size: 12px; color: #fff; transition: 0.5s;}
	.prolist_3d .list .r{ background: none !important;}
	.prolist_3d .list .r .info{ margin-left: 0 !important;}
	.prolist_3d .list .r .pic{ margin-left: 5% !important;}
	.prolist_3d .whydo{ width: 94%; margin: 30px auto;padding: 30px 0 0; border-top: 1px solid #f1f1f1;}
	.prolist_3d .whydo .pic{ width: 100px; margin: 0 auto;}
	.prolist_3d .whydo .pic img{ width: 100px; margin: 0 auto;}
	.prolist_3d .whydo h1{ margin-top: 10px; text-align: center; font-size: 20px; color: #4d4d4f; font-weight: normal;}
	.prolist_3d .whydo h4{ margin-top: 8px; text-align: center; font-size: 14px; color: #4d4d4f; font-weight: normal;}
	.prolist_3d .whydo .more{display: block; width: 150px; height: 38px; line-height: 38px; margin: 20px auto; background-color: #3e6dbf; text-align: center; color: #fff; transition: 0.5s;}
}

@media (max-width:479px){/*微小屏幕*/	
	.prolist_3d{ width: 100%; margin: 30px 0;}
	.prolist_3d .series{ width: 94%; margin: 0 auto;}
	.prolist_3d .series h1{ text-align: center; font-size: 24px; color: #3e6dbf;font-weight: normal;}
	.prolist_3d .series h2{ margin-top: 8px; text-align: center; line-height: 24px; font-size: 16px; color: #4c4c4c;font-weight: normal;}
	.prolist_3d .list{ width: 100%; margin-top: 20px;}
	.prolist_3d .list .pro{ width: 100%;padding: 30px 0; background: url(../img/bj1.png) center no-repeat; background-size: 80%;}
	.prolist_3d .list .pro a{ display: block; width: 94%; margin: 0 auto;}
	.prolist_3d .list .pro a .pic{ float: left; width: 40%; height: 92px;}
	.prolist_3d .list .pro a .pic img{ width: 100%;  height: 92px;transition: all 0.5s ease 0s; }
	.prolist_3d .list .pro a .info{ float: left; width: 55%; margin-left:5%;}
	.prolist_3d .list .pro a .info h4{display: none;}
	.prolist_3d .list .pro a .info h3{ margin-top: 0; height: auto; line-height: 20px;font-size: 16px; color: #4c4c4c; font-weight: normal;/* text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/}
	.prolist_3d .list .pro a .info .des{ margin-top: 5px; height: 40px; line-height: 20px; font-size: 14px; color: #4d4d4f; overflow: hidden; display: none;}
	.prolist_3d .list .pro a .info .more{display: block; width: 100px; height: 28px; line-height: 28px; margin-top: 5px; background-color: #3e6dbf; text-align: center; font-size: 12px; color: #fff; transition: 0.5s;margin-top: 20px;}
	.prolist_3d .list .r{ background: none !important;}
	.prolist_3d .list .r .info{ margin-left: 0 !important;}
	.prolist_3d .list .r .pic{ margin-left: 5% !important;}
	.prolist_3d .whydo{ width: 94%; margin: 30px auto;padding: 30px 0 0; border-top: 1px solid #f1f1f1;}
	.prolist_3d .whydo .pic{ width: 100px; margin: 0 auto;}
	.prolist_3d .whydo .pic img{ width: 100px; margin: 0 auto;}
	.prolist_3d .whydo h1{ margin-top: 10px; text-align: center; font-size: 20px; color: #4d4d4f; font-weight: normal;}
	.prolist_3d .whydo h4{ margin-top: 8px; text-align: center; font-size: 14px; color: #4d4d4f; font-weight: normal;}
	.prolist_3d .whydo .more{display: block; width: 150px; height: 38px; line-height: 38px; margin: 20px auto; background-color: #3e6dbf; text-align: center; color: #fff; transition: 0.5s;}
}
/*3D产品列表结束*/


/*3D产品详情开始*/
.prodetail_3d{ width: 100%;}
.prodetail_3d .pro_top{ width: 100%;padding: 40px 0;}
.prodetail_3d .pro_top .content{ width: 1200px; margin: 0 auto;}
.prodetail_3d .pro_top .content .info{ float:left; width: 570px; }
.prodetail_3d .pro_top .content .info h4{ height: 26px; line-height: 26px; font-size: 26px; color: #000;}
.prodetail_3d .pro_top .content .info h3{ margin-top: 50px; height: 28px;line-height: 28px; font-size: 28px; color: #0079c1;}
.prodetail_3d .pro_top .content .info .des{ margin-top: 25px;line-height: 30px; font-size: 16px; color: #666; }
.prodetail_3d .pro_top .content .info .down{display: block; width: 170px; height: 38px; line-height: 38px; margin-top: 40px; background-color: #3e6dbf; text-align: center; font-size: 14px; color: #fff; transition: 0.5s;}
.prodetail_3d .pro_top .content .info .down:hover{ border-radius: 8px;}	


.cd-popup1 {position: fixed; left: 0;top: 0;height: 100%; width: 100%;background-color: rgba(0, 0, 0, 0.5);
 opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:9999;}
.cd-popup1.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}

.cd-popup {position: fixed; left: 0;top: 0;height: 100%; width: 100%;background-color: rgba(0, 0, 0, 0.5);
 opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:9999;}
.cd-popup.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container {position: relative;width:300px;margin:250px auto;height:270px; background: #FFF;
border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);
 transform:scale(1.2); -webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;transition-property: transform; -webkit-transition-duration: 0.3s;
 -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s;}


.cd-popup-container .cd-buttons .dl{ display: block;font-weight: normal;  margin-top: 30px; font-size: 20px; color: #3e6dbf;}
/*.cd-popup-container .zc{ float: right; width: 50%; margin-top: 40px;font-size: 16px; color: #333;}*/
/*.cd-popup-container .login{ display: block; margin-top: 20px; font-size: 16px; color: #3e6dbf;}
.cd-popup-container p{ margin-top: 20px;}
.cd-popup-container p .register{ color: #f00;}*/
.cd-buttons{ padding-top: 10px;}
.cd-buttons .regis_row1{margin-top: 10px; margin-bottom: 0;}
.cd-buttons .zhuc_inp{ width: 80%; margin: 0 5%;}
.cd-buttons .login_but{width: 88%; margin: 0 5%; background-color: #3e6dbf; height: 40px;line-height: 40px; color: #fff; text-align: center;  border: none;border-radius: 20px; outline: none; margin-top: 15px; font-size: 16px;}


.cd-popup-close{position: absolute;right: 0px;top:0px;background-color:#3e6dbf;width:290px;z-index: 10;height: 25px;display: block;font-size: 14px;line-height:25px;text-align: right;;padding-right:10px;color: #fff;border-radius: .4rem .4em 0 0;}
/* .cd-popup-close{ position: absolute;right:10px;top:10px;background-color: #3e6dbf;z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
 */.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}


.prodetail_3d .pro_top .content .pic{ float: left; width: 550px; height: 358px; margin-left: 80px;}
.prodetail_3d .pro_top .content .pic img{ width: 550px; height: 358px;transition: all 0.5s ease 0s; }
.prodetail_3d .detail{ width: 1200px; margin: 40px auto; line-height: 24px; font-size: 16px; color: #666;}
.prodetail_3d .detail img{ display: block; max-width: 100%; margin: 20px 0;}
.prodetail_3d .detail table{ max-width: 100%; border-collapse: collapse;}
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.prodetail_3d .pro_top{ width: 100%;padding: 40px 0; }
	.prodetail_3d .pro_top .content{ width: 84%; margin: 0 auto;}
	.prodetail_3d .pro_top .content .info{ float:none !important; width: 100%; }
	.prodetail_3d .pro_top .content .info h4{ line-height: 20px; font-size: 20px; color: #000;font-weight: normal;}
	.prodetail_3d .pro_top .content .info h3{ margin-top: 30px; line-height: 22px; font-size: 22px; color: #0079c1;font-weight: normal;}
	.prodetail_3d .pro_top .content .info .des{ margin-top: 10px;  line-height: 30px; font-size: 16px; color: #666;  }
	.prodetail_3d .pro_top .content .info .down{display: block; width: 170px; height: 38px; line-height: 38px; margin-top: 20px; background-color: #3e6dbf; text-align: center; font-size: 14px; color: #fff; transition: 0.5s;}
	.prodetail_3d .pro_top .content .pic{ float: none !important; max-width: 100% !important; height: 360px;  margin-left: 0; margin-top: 30px;}
	.prodetail_3d .pro_top .content .pic img{ width: 100%; height: 360px;transition: all 0.5s ease 0s; }
	.prodetail_3d .detail{ width: 94%; margin: 30px auto; line-height: 24px; font-size: 16px; color: #666;}
	.prodetail_3d .detail img{ display: block; max-width: 100%; margin: 20px 0;}
}

@media (max-width:479px){/*微小屏幕*/	
	.prodetail_3d .pro_top{ width: 100%;padding: 40px 0; }
	.prodetail_3d .pro_top .content{ width: 84%; margin: 0 auto;}
	.prodetail_3d .pro_top .content .info{ float:none !important; width: 100%; }
	.prodetail_3d .pro_top .content .info h4{ line-height: 20px; font-size: 20px; color: #000;font-weight: normal;}
	.prodetail_3d .pro_top .content .info h3{ margin-top: 30px; line-height: 22px; font-size: 22px; color: #0079c1;font-weight: normal;}
	.prodetail_3d .pro_top .content .info .des{ margin-top: 10px; line-height: 30px; font-size: 16px; color: #666;  }
	.prodetail_3d .pro_top .content .info .down{display: block; width: 170px; height: 38px; line-height: 38px; margin-top: 20px; background-color: #3e6dbf; text-align: center; font-size: 14px; color: #fff; transition: 0.5s;}
	.prodetail_3d .pro_top .content .pic{ float: none !important; max-width: 100% !important; height: 230px;  margin-left: 0; margin-top: 30px;}
	.prodetail_3d .pro_top .content .pic img{ width: 100%; height: 230px;transition: all 0.5s ease 0s; }
	.prodetail_3d .detail{ width: 94%; margin: 30px auto; line-height: 24px; font-size: 16px; color: #666;}
	.prodetail_3d .detail img{ display: block; max-width: 100%; margin: 20px 0;}
}
/*3D产品详情结束*/


/*B型首页开始*/
.item3{ width: 1200px; margin: 60px auto;}
.item3 ul{ width: 100%;}
.item3 ul li{ float: left; width: 380px; margin-right: 27px; border: 1px solid #e5e5e5;}
.item3 ul li:nth-child(3n){ margin-right: 0;}
.item3 ul li:first-child+li+li{ margin-right: 0;}
.item3 ul li:hover{ box-shadow: 0px 0px  8px 3px #e5e5e5;}
.item3 ul li:hover a .pic img{transform: scale(1.1);  transition: all 0.5s ease 0s;  -webkit-transform: scale(1.1);  -webkit-transform: all 1s ease 0s;}
.item3 ul li:hover a .info h4{color: #3e6dbf;}
.item3 ul li a{ display: block; width: 100%;}
.item3 ul li a .pic{ width: 380px; height:215px;overflow: hidden; border-bottom: 1px solid #e5e5e5; background: #f4f4f3;}
.item3 ul li a .pic img{ width: 100%; height:auto; transition: all 0.5s ease 0s; }
.item3 ul li a .info{ width: 90%;height: 100%; padding: 40px 5%;}
.item3 ul li a .info h4{ text-align: center; font-size: 30px;height: 100%; color: #4c4c4c; font-weight: normal;}
.item3 ul li a .info .des{ margin-top: 20px; height: 100%; line-height: 24px; text-align: center; font-size: 14px; color: #808080; overflow: hidden;}
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.item3{ width: 94%; margin: 60px auto;}
	.item3 ul{ width: 100%;}
	.item3 ul li{ float: none; width: 100%; margin-right: 0; border: 1px solid #e5e5e5; margin-bottom: 40px;}
	.item3 ul li a{ display: block; width: 100%;}
	.item3 ul li a .pic{ width: 100%; height:305px;overflow: hidden; border-bottom: 1px solid #e5e5e5;}
	.item3 ul li a .pic img{ width: 100%; height:auto; transition: all 0.5s ease 0s; }
	.item3 ul li a .info{ width: 90%; padding: 40px 5%;}
	.item3 ul li a .info h4{ text-align: center; font-size: 26px; color: #4c4c4c; font-weight: normal;}
	.item3 ul li a .info .des{ margin-top: 20px; height: 100%; line-height: 24px; text-align: center; font-size: 14px; color: #808080; overflow: hidden;}
}

@media (max-width:479px){/*微小屏幕*/	
	.item3{ width: 94%; margin: 20px auto;}
	.item3 ul{ width: 100%;}
	.item3 ul li{ float: none; width: 100%; margin-right: 0; border: 1px solid #e5e5e5; margin-bottom: 30px;}
	.item3 ul li a{ display: block; width: 100%;}
	.item3 ul li a .pic{ width: 100%; height:170px;overflow: hidden; border-bottom: 1px solid #e5e5e5;}
	.item3 ul li a .pic img{ width: 100%; height:auto; transition: all 0.5s ease 0s; }
	.item3 ul li a .info{ width: 90%; padding: 30px 5%;}
	.item3 ul li a .info h4{ text-align: center; font-size: 20px; color: #4c4c4c; font-weight: normal;}
	.item3 ul li a .info .des{ margin-top: 10px; height: 100%; line-height: 24px; text-align: center; font-size: 14px; color: #808080; overflow: hidden;}
}
/*B型首页结束*/


/*B型产品详情开始*/
.prodetail_B{ width: 100%;}
.prodetail_B .pro_top{ width: 100%; margin-bottom:60px; display:block}
.prodetail_B .pro_top .pro_B_bnr{ width:100%; height:auto;}
/*.prodetail_B .pro_top{ width: 100%;padding: 80px 0 40px;}
.prodetail_B .pro_top .info{ width: 1200px; margin: 0 auto; }
.prodetail_B .pro_top .info h4{ text-align: center; height: 36px; line-height: 36px; font-size: 36px; color: #fff; font-weight: normal;}
.prodetail_B .pro_top .info .des{ width: 1000px; margin: 25px auto 0; line-height: 30px; text-align: center; font-size: 16px; color: #fff; }
.prodetail_B .pro_top .info .pic{ width: 530px; height: 300px; margin:0 auto;}
.prodetail_B .pro_top .info .pic img{ width: 530px; height: 300px; }*/
.prodetail_B .detail{ width: 1200px; margin: 40px auto; line-height: 24px; font-size: 16px; color: #666;}
.prodetail_B .detail img{ display: block; max-width: 100%; margin: 20px 0;}
.prodetail_B .detail table{ max-width: 100%; border-collapse: collapse;}
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.prodetail_B .pro_top{ width: 100%; margin-bottom:0;}
/*	.prodetail_B .pro_top .info{ width: 94%; margin: 0 auto; }
	.prodetail_B .pro_top .info h4{ text-align: center; height: 22px; line-height: 22px; font-size: 22px; color: #fff; font-weight: normal;}
	.prodetail_B .pro_top .info .des{ width: 100%; margin: 25px auto 0;  line-height: 30px; text-align: center; font-size: 16px; color: #fff; }
	.prodetail_B .pro_top .info .pic{ width: 100%; height: 355px; margin:0 auto;}
	.prodetail_B .pro_top .info .pic img{ width: 100%; height: 355px; }*/
	.prodetail_B .detail{ width: 84%; margin: 30px auto; line-height: 24px; font-size: 16px; color: #666;}
	.prodetail_B .detail img{ display: block; max-width: 100%; margin: 20px 0;}
}

@media (max-width:479px){/*微小屏幕*/	
	.prodetail_B .pro_top{ width: 100%; margin-bottom:0;}
	/*	.prodetail_B .pro_top .info{ width: 94%; margin: 0 auto; }
	.prodetail_B .pro_top .info h4{ text-align: center; height: 22px; line-height: 22px; font-size: 22px; color: #fff; font-weight: normal;}
	.prodetail_B .pro_top .info .des{ width: 100%; margin: 25px auto 0;  line-height: 30px; text-align: center; font-size: 16px; color: #fff; }
	.prodetail_B .pro_top .info .pic{ width: 100%; height: 198px; margin:0 auto;}
	.prodetail_B .pro_top .info .pic img{ width: 100%; height: 198px; }*/
	.prodetail_B .detail{ width: 84%; margin: 30px auto; line-height: 24px; font-size: 16px; color: #666;}
	.prodetail_B .detail img{ display: block; max-width: 100%; margin: 20px 0;}
}
/*B型产品详情结束*/


/*应用案例开始*/
.caselist{ width: 1200px; margin:50px auto;}
.caselist .list{ width: 100%; margin-top: 30px;}
.caselist .list li{ float: left; width: 370px; margin-right: 45px; margin-bottom: 35px;}
.caselist .list li:nth-child(3n){ margin-right: 0;}
.caselist .list li:first-child+li+li{ margin-right: 0;}
.caselist .list li a{ display: block; width: 100%;}
.caselist .list li a:hover{box-shadow: 0px 0px  8px 3px #e5e5e5;}
.caselist .list li a:hover .pic img{transform: scale(1.1);  transition: all 0.5s ease 0s;  -webkit-transform: scale(1.1);  -webkit-transform: all 1s ease 0s;}
.caselist .list li a:hover .info h4{ color: #3e6dbf;}
.caselist .list li a .pic{width: 370px; height: 220px; overflow: hidden;}
.caselist .list li a .pic img{width: 370px; height: 220px; transition: all 0.5s;}
.caselist .list li a .info{ width: 94%; padding: 20px 3%; background-color: #f4f5f7;}
.caselist .list li a .info h4{ text-align: center;  font-size: 18px; color: #333; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.caselist .list li a .info .des{ margin-top: 15px; height: 48px; line-height: 24px; font-size: 14px; color: #808080; overflow: hidden;}
.caselist .list li a .info .more{ display: block;margin: 20px 0; text-align: center; font-size: 14px; color: #3e6dbf;}
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.caselist{ width: 94%; margin:30px auto;}
	.caselist .list li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 35px;}
	.caselist .list li:nth-child(2n){ margin-right: 0 !important;}
	.caselist .list li:first-child+li{ margin-right: 0 !important;}
	.caselist .list li:nth-child(3n){ margin-right: 4%;}	
	.caselist .list li:first-child+li+li{ margin-right: 4%;}
	.caselist .list li a .pic{width: 100%; height: 180px; overflow: hidden;}
	.caselist .list li a .pic img{width: 100%; height: 180px; transition: all 0.5s;}
	
}

@media (max-width:479px){/*微小屏幕*/	
	.caselist{ width: 94%; margin:30px auto;}
	.caselist .list li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 35px;}
	.caselist .list li:nth-child(2n){ margin-right: 0 !important;}
	.caselist .list li:first-child+li{ margin-right: 0 !important;}
	.caselist .list li:nth-child(3n){ margin-right: 4%;}	
	.caselist .list li:first-child+li+li{ margin-right: 4%;}
	.caselist .list li a .pic{width: 100%; height: 100px; overflow: hidden;}
	.caselist .list li a .pic img{width: 100%; height: 100px; transition: all 0.5s;}
	.caselist .list li a .info{ width: 94%; padding: 20px 3%; background-color: #f4f5f7;}
	.caselist .list li a .info h4{ text-align: center;  font-size: 16px; color: #333; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.caselist .list li a .info .des{ margin-top: 10px; height: 48px; line-height: 24px; font-size: 14px; color: #808080; overflow: hidden;}
	.caselist .list li a .info .more{ display: block;margin: 15px 0; text-align: center; font-size: 14px; color: #3e6dbf;}
}
/*应用案例结束*/


/*案例详情开始*/
.casedetail{ width: 100%;}
.casedetail .case_top{ width: 100%; height: 360px;}
.casedetail .info{ width: 1200px; margin: 0 auto; padding-top: 50px;}
.casedetail .info h4{ text-align: center; height: 36px; line-height: 36px; font-size: 36px; color: #666; font-weight: normal;}
.casedetail .info .des{ width: 1200px; margin: 25px auto 0; line-height: 24px; text-align: center; font-size: 16px; color: #666; }
.casedetail .detail{ width: 1200px; margin: 40px auto; line-height: 24px; font-size: 16px; color: #666;}
.casedetail .detail img{ display: block; max-width: 100%; margin: 5px auto;}
.casedetail .detail table{ max-width: 100%; border-collapse: collapse;}
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.casedetail .case_top{ width: 100%;height: 140px;}
	.casedetail .info{ width: 84%; margin: 0 auto; padding-top: 30px;}
	.casedetail .info h4{ text-align: center; height: 22px; line-height: 30px; font-size: 22px; color: #666; font-weight: normal;}
	.casedetail .info .des{ width: 100%; margin: 25px auto 0;  line-height: 30px; text-align: center; font-size: 16px; color: #666; }
	.casedetail .detail{ width: 84%; margin: 30px auto; line-height: 30px; font-size: 16px; color: #666;}
}

@media (max-width:479px){/*微小屏幕*/	
	.casedetail .case_top{ width: 100%;height: 100px;}
	.casedetail .info{ width: 84%; margin: 0 auto; }
	.casedetail .info h4{ text-align: center; height: 22px; line-height: 22px; font-size: 22px; color: #666; font-weight: normal;}
	.casedetail .info .des{ width: 100%; margin: 25px auto 0;  line-height: 30px; text-align: center; font-size: 16px; color: #666; }
	.casedetail .detail{ width: 84%; margin: 30px auto; line-height: 30px; font-size: 16px; color: #666;}
}
/*案例详情结束*/


/*公司简介开始*/
.aboutus{ width: 1200px; margin: 60px auto 0;}
.aboutus .content1{width: 100%;}
.aboutus .content1 .info{ float: left; width: 530px;}
.aboutus .content1 .info i{ display: block; margin-top: 25px; width: 50px; height: 6px; background-color: #3e6dbf;}
.aboutus .content1 .info .con{ margin-top: 15px; line-height: 30px; font-style: 16px; color: #333;}
.aboutus .content1 .pic{ float: left; width: 620px; height: 420px; margin-left: 50px;}
.aboutus .content1 .pic img{ width: 620px; height: 420px;}
.aboutus .content2{width: 100%;}
.aboutus .content2 .pic{ float: left; width: 620px; height: 420px; }
.aboutus .content2 .pic img{display: block; width: 620px; height: 420px; margin-top: -90px;}
.aboutus .content2 .info{ float: left; width: 530px;margin-left: 50px;}
.aboutus .content2 .info i{ float: right; display: block; margin-top: 45px; width: 50px; height: 6px; background-color: #3e6dbf;}
.aboutus .content2 .info .con{ margin-top: 15px; line-height: 30px; text-align: right; font-style: 16px; color: #333;}
.aboutus .content3{width: 100%; height: 240px;}
.aboutus .content3 .info{ float: left; width: 530px;margin-top: -70px;}
.aboutus .content3 .info i{ display: block; margin-top: 25px; width: 50px; height: 6px; background-color: #3e6dbf;}
.aboutus .content3 .info .con{ margin-top: 15px; line-height: 30px; font-style: 16px; color: #333;}
.aboutus .content3 .pic{ float: left; width: 620px; height: 320px; margin-left: 50px;}
.aboutus .content3 .pic img{ display: block; width: 620px; height: 320px;margin-top: -170px;}
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.aboutus{ width:94%; margin: 30px auto 30px;}
	.aboutus .content1{width: 100%;}
	.aboutus .content1 .info{ float: none; width: 100%;}
	.aboutus .content1 .info .con{ margin-top: 15px; line-height: 30px; font-style: 16px; color: #333;}
	.aboutus .content1 .pic{ float: none; width: 100%; height: 400px; margin-left: 0;}
	.aboutus .content1 .pic img{ width: 100%; height: 400px; margin-top: 15px;}
	.aboutus .content2{width: 100%; }
	.aboutus .content2 .pic{ display: none; }
	.aboutus .content2 .info{ float: none; width: 100%;margin-left: 0;}
	.aboutus .content2 .info .con{ margin-top: 15px; line-height: 30px; text-align: left; font-style: 16px; color: #333;}
	.aboutus .content3{width: 100%; height: auto;}
	.aboutus .content3 .info{ float: none; width: 100%;margin-top: 0;}
	.aboutus .content3 .info .con{ margin-top: 15px; line-height: 30px; font-style: 16px; color: #333;}
	.aboutus .content3 .pic{ float: none; width: 100%; height: 300px; margin-left: 0; }
	.aboutus .content3 .pic img{ display: block; width: 100%; height: 300px;margin-top: 15px;}
}

@media (max-width:479px){/*微小屏幕*/	
	.aboutus{ width:94%; margin: 30px auto 30px;}
	.aboutus .content1{width: 100%;}
	.aboutus .content1 .info{ float: none; width: 100%;}
	.aboutus .content1 .info .con{ margin-top: 15px; line-height: 30px; font-style: 16px; color: #333;}
	.aboutus .content1 .pic{ float: none; width: 100%; height: 235px; margin-left: 0;}
	.aboutus .content1 .pic img{ width: 100%; height: 235px; margin-top: 15px;}
	.aboutus .content2{width: 100%; }
	.aboutus .content2 .pic{ display: none; }
	.aboutus .content2 .info{ float: none; width: 100%;margin-left: 0;}
	.aboutus .content2 .info .con{ margin-top: 15px; line-height: 30px; text-align: left; font-style: 16px; color: #333;}
	.aboutus .content3{width: 100%; height: auto;}
	.aboutus .content3 .info{ float: none; width: 100%;margin-top: 0;}
	.aboutus .content3 .info .con{ margin-top: 15px; line-height: 30px; font-style: 16px; color: #333;}
	.aboutus .content3 .pic{ float: none; width: 100%; height: 180px; margin-left: 0; }
	.aboutus .content3 .pic img{ display: block; width: 100%; height: 180px;margin-top: 15px;}
}
/*公司简介结束*/


/*行业应用开始*/
.application{ width: 1200px; margin:50px auto;}
.application .list{ width: 100%; margin-top: 30px;}
.application .list li{ float: left; width: 400px;}
.application .list li a{ display: block; width: 100%;position: relative; overflow: hidden;}
.application .list li a:hover .pic img{transform: scale(1.1);  transition: all 0.5s ease 0s;  -webkit-transform: scale(1.1);  -webkit-transform: all 1s ease 0s;}
.application .list li a:hover .info{transform: translateY(0);-webkit-transform: translateY(0);}
.application .list li a .pic{width: 400px; height: 265px; overflow: hidden;}
.application .list li a .pic img{width: 400px; height: 265px; transition: all 0.5s;}
.application .list li a .info{position: absolute; bottom: 0; width: 94%; padding: 20px 3%; background:rgba(0,0,0,0.7); transform: translateY(65px);-webkit-transform: translateY(65px);transition: 700ms;-webkit-transition: 700ms;}
.application .list li a .info h4{ text-align: center;  font-size: 22px; color: #fff; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.application .list li a .info .des{ margin-top: 15px; height: 48px; line-height: 24px; font-size: 14px; color: #fff; overflow: hidden;}
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.application{ width: 94%; margin:30px auto;}
	.application .list{ width: 100%; margin-top: 30px;}
	.application .list li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 20px;}
	.application .list li:nth-child(2n){ margin-right: 0;}
	.application .list li:first-child+li{ margin-right: 0;}
	.application .list li a{ display: block; width: 100%;position: relative; overflow: hidden;}
	.application .list li a .pic{width: 100%; height: 200px; overflow: hidden;}
	.application .list li a .pic img{width: 100%; height: 200px; transition: all 0.5s;}
	.application .list li a .info{position: absolute; bottom: 0; width: 94%; padding: 15px 3%; background:rgba(0,0,0,0.7); transform: translateY(0);-webkit-transform: translateY(0);transition: 700ms;-webkit-transition: 700ms;}
	.application .list li a .info h4{ text-align: center;  font-size: 16px; color: #fff; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.application .list li a .info .des{display: none; margin-top: 15px; height: 48px; line-height: 24px; font-size: 14px; color: #fff; overflow: hidden;}
}

@media (max-width:479px){/*微小屏幕*/	
	.application{ width: 94%; margin:30px auto;}
	.application .list{ width: 100%; margin-top: 30px;}
	.application .list li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 20px;}
	.application .list li:nth-child(2n){ margin-right: 0;}
	.application .list li:first-child+li{ margin-right: 0;}
	.application .list li a{ display: block; width: 100%;position: relative; overflow: hidden;}
	.application .list li a .pic{width: 100%; height: 125px; overflow: hidden;}
	.application .list li a .pic img{width: 100%; height: 125px; transition: all 0.5s;}
	.application .list li a .info{position: absolute; bottom: 0; width: 94%; padding: 10px 3%; background:rgba(0,0,0,0.7); transform: translateY(0);-webkit-transform: translateY(0);transition: 700ms;-webkit-transition: 700ms;}
	.application .list li a .info h4{ text-align: center;  font-size: 16px; color: #fff; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.application .list li a .info .des{display: none; margin-top: 15px; height: 48px; line-height: 24px; font-size: 14px; color: #fff; overflow: hidden;}
}
/*行业应用结束*/


/*核心技术开始*/
.core{ width: 1200px; margin: 80px auto;line-height: 24px; font-size: 16px; color: #666;}
.core img{ display: block; max-width: 100%; margin: 20px auto;}
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.core{ width: 84%; margin: 30px auto;}
}
@media (max-width:479px){/*微小屏幕*/	
	.core{ width: 84%; margin: 30px auto;}
}
/*核心技术结束*/


/*联系我们开始*/
.contactbox{ width: 1200px; margin: 60px auto;}
.contactbox .info{ float: left; width: 600px;}
.contactbox .info h1{ width: 465px; font-size: 48px; color: #3e6dbf; border-bottom: 1px solid #3e6dbf;}
.contactbox .info h2{ padding: 15px 0; line-height: 50px; font-size: 40px; color: #444; font-weight: normal; border-bottom:1px solid  #d3d3d3;}
.contactbox .info .cue{ margin-top: 10px; line-height: 30px; font-size: 16px; color: #444;}
.contactbox .info h4{ margin-top: 40px; font-size: 24px; color: #444; font-weight: normal;}
.contactbox .info .detail{ margin-top: 10px; line-height: 36px; font-size: 16px;}
.contactbox .area{ float: left; width: 545px; height: 400px; margin-left: 55px;}
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.contactbox{ width: 84%; margin: 30px auto;}
	.contactbox .info{ float: none; width: 100%;}
	.contactbox .info h1{ width:300px; font-size: 28px; color: #3e6dbf; border-bottom: 1px solid #3e6dbf;}
	.contactbox .info h2{ padding: 15px 0; line-height: 30px; font-size: 20px; color: #444; font-weight: normal; border-bottom:1px solid  #d3d3d3;}
	.contactbox .info .cue{ margin-top: 10px; line-height: 30px; font-size: 16px; color: #444;}
	.contactbox .info h4{ margin-top: 40px; font-size: 18px; color: #444; font-weight: normal;}
	.contactbox .info .detail{ margin-top: 10px; line-height: 30px; font-size: 16px;}
	.contactbox .area{ float: none; width: 100%; height: 400px; margin-left: 0; margin-top: 30px;}
}
@media (max-width:479px){/*微小屏幕*/	
	.contactbox{ width: 84%; margin: 30px auto;}
	.contactbox .info{ float: none; width: 100%;}
	.contactbox .info h1{ width:80%; font-size: 28px; color: #3e6dbf; border-bottom: 1px solid #3e6dbf;}
	.contactbox .info h2{ padding: 15px 0; line-height: 30px; font-size: 20px; color: #444; font-weight: normal; border-bottom:1px solid  #d3d3d3;}
	.contactbox .info .cue{ margin-top: 10px; line-height: 30px; font-size: 16px; color: #444;}
	.contactbox .info h4{ margin-top: 40px; font-size: 18px; color: #444; font-weight: normal;}
	.contactbox .info .detail{ margin-top: 10px; line-height: 30px; font-size: 16px;}
	.contactbox .area{ float: none; width: 100%; height: 400px; margin-left: 0; margin-top: 30px;}
}
/*联系我们结束*/


/*视频列表开始*/
.videolist{ width: 1200px; margin: 60px auto;}
.videolist .list{ width: 100%;}
.videolist .list li{ float: left; width: 385px; margin-right: 22.5px; margin-bottom: 30px;}
.videolist .list li:nth-child(3n){ margin-right: 0;}
.videolist .list li a{ position: relative; display: block; width: 100%; overflow: hidden;}
.videolist .list li a:hover .bt{ opacity: 0;}
.videolist .list li a:hover .top_info{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;}
.videolist .list li a .pic{ width: 385px; height: 250px;}
.videolist .list li a .pic img{ width: 385px; height: 250px;}
.videolist .list li a .bt{ position: absolute; bottom: 0;width: 100%; background: rgba(0,0,0,0.8);}
.videolist .list li a .bt h4{ width: 77%; height: 60px; padding-left: 18%; padding-right: 5%; background: url(../img/icon4.png) 5% center no-repeat; line-height: 60px; font-size: 16px; color: #fff; font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.videolist .list li a .top_info{ position: absolute;top: 0; width: 100%; height: 100%; background: rgba(66,108,183,0.8);transform: translateY(250px);-webkit-transform:translateY(250px);transition: 700ms;-webkit-transition: 700ms; opacity: 0;}
.videolist .list li a .top_info i{ display: block; width: 70px; height: 70px; margin: 70px auto 0;}
.videolist .list li a .top_info h4{ width: 90%; margin: 20px auto; height: 60px; line-height:30px;font-size: 18px; color: #fff; font-weight: normal;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;
-webkit-line-clamp:2; }
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.videolist{ width: 94%; margin: 30px auto;}
	.videolist .list{ width: 100%;}
	.videolist .list li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 30px;}
	.videolist .list li:nth-child(2n){ margin-right: 0 !important;}
	.videolist .list li:first-child+li{ margin-right: 0 !important;}
	.videolist .list li:nth-child(3n){ margin-right: 4%;}	
	.videolist .list li:first-child+li+li{ margin-right: 4%;}
	.videolist .list li a{ position: relative; display: block; width: 100%; overflow: hidden;}
	.videolist .list li a .pic{ width: 100%; height: 195px;}
	.videolist .list li a .pic img{ width: 100%; height: 195px;}
	.videolist .list li a .bt{ position: absolute; bottom: 0;width: 100%; background: rgba(0,0,0,0.8);}
	.videolist .list li a .bt h4{ width: 90%; height: 40px; padding: 0 5%; background:none; line-height: 40px; font-size: 16px; color: #fff; font-weight: normal; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.videolist .list li a .top_info{display: none;}
}
@media (max-width:479px){/*微小屏幕*/	
	.videolist{ width: 94%; margin: 30px auto;}
	.videolist .list{ width: 100%;}
	.videolist .list li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 30px;}
	.videolist .list li:nth-child(2n){ margin-right: 0 !important;}
	.videolist .list li:first-child+li{ margin-right: 0 !important;}
	.videolist .list li:nth-child(3n){ margin-right: 4%;}	
	.videolist .list li:first-child+li+li{ margin-right: 4%;}
	.videolist .list li a{ position: relative; display: block; width: 100%; overflow: hidden;}
	.videolist .list li a .pic{ width: 100%; height: 110px;}
	.videolist .list li a .pic img{ width: 100%; height: 110px;}
	.videolist .list li a .bt{ position: absolute; bottom: 0;width: 100%; background: rgba(0,0,0,0.8);}
	.videolist .list li a .bt h4{ width: 90%; height: 40px; padding: 0 5%; background:none; line-height: 40px; font-size: 16px; color: #fff; font-weight: normal; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.videolist .list li a .top_info{display: none;}
}
/*视频列表结束*/


/*视频详情开始*/
.videodetail{ width: 100%;}
.videodetail .video_top{ width: 100%;padding: 120px 0 80px;}
.videodetail .video_top .info{ width: 1200px; margin: 0 auto; }
.videodetail .video_top .info h4{ text-align: center; height: 36px; line-height: 36px; font-size: 36px; color: #fff; font-weight: normal;}
.videodetail .video_top .info .des{ width: 1000px; margin: 25px auto 0; line-height: 30px; text-align: center; font-size: 16px; color: #fff; }
.videodetail .detail{ width: 1200px; margin: 40px auto;}
.videodetail .detail h4{ text-align: center; font-size: 30px; color: #4c4c4c; font-weight: normal;}
.videodetail .detail .video{ width: 700px; margin: 30px auto;}
.videodetail .operation { width: 1200px; margin: 0 auto;padding: 20px 0; border-top:1px solid #ccc ;}
.videodetail .operation .next{ width: 100%; height: 40px; line-height:40px;  font-size: 16px; color: #666;}
.videodetail .operation .next a{ /* display: inline-block; */ width: 80%; color: #666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.videodetail .operation .next a:hover{ color: #3e6dbf;}

.videodetail .detail .video2{ width: 700px; margin: 0 auto;}
.videodetail .detail .video2 iframe,.videodetail .detail .video2 iframe{ width: 700px; height: 400px;}
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.videodetail .video_top{ width: 100%;padding: 40px 0; }
	.videodetail .video_top .info{ width: 94%; margin: 0 auto; }
	.videodetail .video_top .info h4{ text-align: center; height: 22px; line-height: 22px; font-size: 22px; color: #fff; font-weight: normal;}
	.videodetail .video_top .info .des{ width: 100%; margin: 25px auto 0;  line-height: 30px; text-align: center; font-size: 16px; color: #fff; }
	.videodetail .detail{ width: 94%; margin: 30px auto; }
	.videodetail .detail{ width: 94%; margin: 30px auto;}
	.videodetail .detail h4{ text-align: center; font-size: 18px; color: #4c4c4c; font-weight: normal;}
	.videodetail .detail .video{ width: 100%; margin: 30px auto;}
	.videodetail .operation { width: 94%; margin: 0 auto;padding: 20px 0; border-top:1px solid #ccc ;}
}

@media (max-width:479px){/*微小屏幕*/	
	.videodetail .video_top{ width: 100%;padding: 40px 0; }
	.videodetail .video_top .info{ width: 94%; margin: 0 auto; }
	.videodetail .video_top .info h4{ text-align: center; height: 22px; line-height: 22px; font-size: 22px; color: #fff; font-weight: normal;}
	.videodetail .video_top .info .des{ width: 100%; margin: 25px auto 0;  line-height: 30px; text-align: center; font-size: 16px; color: #fff; }
	.videodetail .detail{ width: 94%; margin: 30px auto;}
	.videodetail .detail h4{ text-align: center; font-size: 18px; color: #4c4c4c; font-weight: normal;}
	.videodetail .detail .video{ width: 100%; margin: 30px auto;}
	.videodetail .operation { width: 94%; margin: 0 auto;padding: 20px 0; border-top:1px solid #ccc ;}
	.videodetail .operation .next span{ width: 20%; overflow: hidden; float: left;}
	.videodetail .operation .next a{ width: 80%; float: left;}
	.videodetail .detail .video2{ width:100%; margin: 0 auto;}
	.videodetail .detail .video2 iframe,.videodetail .detail .video2 iframe{ width: 100%; height: 200px;}
}
/*视频详情结束*/


/*下载中心开始*/
.download{ width: 1200px; margin: 50px auto;}
.download table{ width: 100%;}
.download table thead{ background-color: #3e6dbf;}
.download table thead td{ height: 50px; font-size: 16px; color: #fff;}
.download table tbody tr td{ font-size: 14px; color:#595959;}
.download table tr.white{height: 50px; background-color: #fff;}
.download table tr.gray{height: 50px; background-color: #fafafa; }
.download table tr.gray td{border-top:1px solid #f2f2f2 ; border-bottom:1px solid #f2f2f2 ;}
.download table td.id{ width: 14%; text-align: center;}
.download table td.mc{ width: 30%;}
.download table td.lb{ width: 18%;}
.download table td.date{ width: 14%;}
.download table td.size{ width: 14%;}
.download table td.down{ width: 10%;}
.download table td.down a{ display: block; padding-left: 18px; background:url(../img/icon6.png) left center no-repeat; color: #3e6dbf;}
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.download{ width: 94%; margin: 50px auto;}
	.download table{ width: 100%;}
	.download table thead{ background-color: #3e6dbf;}
	.download table thead td{ height: 50px; font-size: 16px; color: #fff;}
	.download table tbody tr td{ font-size: 14px; color:#595959;}
	.download table tr.white{height: 50px; background-color: #fff;}
	.download table tr.gray{height: 50px; background-color: #fafafa; }
	.download table tr.gray td{border-top:1px solid #f2f2f2 ; border-bottom:1px solid #f2f2f2 ;}
	.download table td.id{ display: none;}
	.download table td.mc{ width: 56%; padding: 0 2%;}
	.download table td.lb{ width: 25%; text-align: center;}
	.download table td.date{ display: none; }
	.download table td.size{ display: none; }
	.download table td.down{ width: 15%;}
	.download table td.down a{ display: block; padding-left: 18px; background:url(../img/icon6.png) left center no-repeat; color: #3e6dbf;}
}
@media (max-width:479px){/*微小屏幕*/	
	.download{ width: 94%; margin: 50px auto;}
	.download table{ width: 100%;}
	.download table thead{ background-color: #3e6dbf;}
	.download table thead td{ height: 50px; font-size: 16px; color: #fff;}
	.download table tbody tr td{ font-size: 14px; color:#595959;}
	.download table tr.white{height: 50px; background-color: #fff;}
	.download table tr.gray{height: 50px; background-color: #fafafa; }
	.download table tr.gray td{border-top:1px solid #f2f2f2 ; border-bottom:1px solid #f2f2f2 ;}
	.download table td.id{ display: none;}
	.download table td.mc{ width: 56%; padding: 0 2%;}
	.download table td.lb{ width: 25%; text-align: center;}
	.download table td.date{ display: none; }
	.download table td.size{ display: none; }
	.download table td.down{ width: 15%;}
	.download table td.down a{ display: block; padding-left: 18px; background:url(../img/icon6.png) left center no-repeat; color: #3e6dbf;}
}
/*下载中心结束*/


/*展会信息列表开始*/
.newslist{ width: 1200px; margin: 50px auto 0 auto;}
.newslist ul{ width: 100%;}
.newslist ul li{ float: left; width: 380px; border:1px solid #ccc; margin-right: 27px; margin-bottom: 30px;}
.newslist ul li:nth-child(3n){ margin-right: 0;}
.newslist ul li:first-child+li+li{ margin-right: 0;}
.newslist ul li a{ display: block; width: 100%;}
.newslist ul li a:hover .info{ background-color: #f0f1f2;}
.newslist ul li a:hover .info h4{ color: #3e6dbf;}
.newslist ul li a:hover .info .des{ color: #262626;}
.newslist ul li a .pic{ width: 380px; height: 240px;}
.newslist ul li a .pic img{ width: 380px; height: 240px;}
.newslist ul li a .info{ width: 90%; padding:20px 5% 30px;}
.newslist ul li a .info h4{ height: 60px; line-height: 30px; font-size: 22px; color: #4c4c4c; font-weight: normal;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.newslist ul li a .info .date{ font-size: 14px; color: #999;}
.newslist ul li a .info .des{ margin-top: 10px; height: 72px; line-height: 24px; font-size: 14px; color: #666;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; }
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.newslist{ width: 94%; margin: 30px auto 0 auto;}
	.newslist ul li{ float: left; width: 48%; border:1px solid #ccc; margin-right: 2.8%; margin-bottom: 30px;}
	.newslist ul li:nth-child(2n){ margin-right: 0 !important;}
	.newslist ul li:first-child+li{ margin-right: 0 !important;}
	.newslist ul li:nth-child(3n){ margin-right: 2.8%;}	
	.newslist ul li:first-child+li+li{ margin-right: 2.8%;}
	.newslist ul li a .pic{ width: 100%; height: 190px;}
	.newslist ul li a .pic img{ width: 100%; height: 190px;}
	.newslist ul li a .info{ width: 90%; padding:20px 5% 30px;}
	.newslist ul li a .info h4{ height: 52px; line-height: 26px; font-size: 16px; color: #4c4c4c; font-weight: normal;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;
	-webkit-line-clamp:2; }
	.newslist ul li a .info .date{ font-size: 14px; color: #999;}
	.newslist ul li a .info .des{ margin-top: 10px; height: 48px; line-height: 24px; font-size: 14px; color: #666;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
	}
@media (max-width:479px){/*微小屏幕*/	
	.newslist{ width: 94%; margin: 30px auto;}
	.newslist ul li{ float: left; width: 48%; border:1px solid #ccc; margin-right: 2.8%; margin-bottom: 30px;}
	.newslist ul li:nth-child(2n){ margin-right: 0 !important;}
	.newslist ul li:first-child+li{ margin-right: 0 !important;}
	.newslist ul li:nth-child(3n){ margin-right: 2.8%;}	
	.newslist ul li:first-child+li+li{ margin-right: 2.8%;}
	.newslist ul li a .pic{ width: 100%; height: 110px;}
	.newslist ul li a .pic img{ width: 100%; height: 110px;}
	.newslist ul li a .info{ width: 90%; padding:10px 5% 20px;}
	.newslist ul li a .info h4{ height: 52px; line-height: 26px; font-size: 16px; color: #4c4c4c; font-weight: normal;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;
	-webkit-line-clamp:2; }
	.newslist ul li a .info .date{ font-size: 14px; color: #999;}
	.newslist ul li a .info .des{ margin-top: 10px; height: 48px; line-height: 24px; font-size: 14px; color: #666;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
}
/*展会信息列表结束*/


/*展会详情开始*/
.newsdetail{ width: 1200px; margin: 50px auto;}
.newsdetail .new_top{ width: 100%;}
.newsdetail .new_top h4{ text-align: center; font-size: 24px; color: #4c4c4c; font-weight: normal;}
.newsdetail .new_top .date{ display: block; margin-top: 10px; text-align: center; font-size: 16px; color: #808080;}
.newsdetail .detail{ width: 1200px; margin: 20px auto; padding: 30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;line-height: 24px; font-size: 16px; color: #666;}
.newsdetail .detail img{ max-width: 100%; display: block; margin: 10px auto;}
.newsdetail .operation { width: 1200px; margin: 0 auto; overflow: hidden;}
.newsdetail .operation .next{ width: 100%; height: 40px; line-height:40px;  font-size: 16px; color: #666; overflow: hidden; display: inline-block;}
.newsdetail .operation .next span{height: 40px; line-height:40px;  font-size: 16px; color: #666; overflow: hidden; display: inline-block;}
.newsdetail .operation .next a{ /* display: inline-block; */ width: 80%; color: #666;  height: 40px; line-height:40px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display: inline-block;}
.newsdetail .operation .next a:hover{ color: #3e6dbf;}
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.newsdetail{ width: 84%; margin: 30px auto;}
	.newsdetail .new_top{ width: 100%; }
	.newsdetail .detail{ width: 100%; margin: 20px auto; padding: 30px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;line-height: 24px; font-size: 16px; color: #666;}
	.newsdetail .detail img{ max-width: 100%; display: block; margin: 10px auto;}
	.newsdetail .operation { width: 94%; margin: 0 auto; overflow: hidden;}
	.newsdetail .operation .next a{ width: 75%; display: inline-block;}
}

@media (max-width:479px){/*微小屏幕*/	
	.newsdetail{ width: 84%; margin: 30px auto;}
	.newsdetail .new_top{ width: 100%;}
	.newsdetail .detail{ width: 100%;  padding: 20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;line-height: 24px; font-size: 16px; color: #666;}
	.newsdetail .detail img{ max-width: 100%; display: block; margin: 10px auto;}
	.newsdetail .operation { width: 94%; margin: 0 auto; overflow: hidden;}
	.newsdetail .operation .next a{ width: 75%;}
}
/*展会详情结束*/


/*职位招聘开始*/
.recruit{ width: 1200px; margin:60px auto;}
.recruit .left{ float: left; width: 910px;}
.recruit .left .job{ width: 100%; margin-bottom: 50px;}
.recruit .left .job h4{ font-size: 30px; color: #4c4c4c; font-weight: normal;}
.recruit .left .job .con{ width: 90%; margin-top: 20px; padding: 30px 5%; background-color: #fafafa; border:1px solid #ccc;}
.recruit .left .job .con .des{ line-height: 24px; font-size: 14px; color: #4c4c4c;}
.recruit .left .job .con .apply{ display: block; width: 180px; height: 50px; line-height: 50px; margin: 30px 0; background-color: #3e6dbf; border-radius: 8px; text-align: center; font-size: 16px; color: #fff; transition: 1s;}
.recruit .left .job .con .apply:hover{ border-radius: 0;}
.recruit .right{ float: left; width: 230px; margin-left: 60px;}
.recruit .right img{width: 230px; height: 230px;}
@media (min-width: 480px) and (max-width: 767px) {/*主要手机端*/	
	.recruit{ width: 94%; margin:30px auto;}
	.recruit .left{ float: none; width: 100%;}
	.recruit .left .job{ width: 100%; margin-bottom: 30px;}
	.recruit .left .job h4{ font-size:18px; color: #4c4c4c; font-weight: normal;}
	.recruit .left .job .con{ width: 90%; margin-top: 20px; padding: 20px 5%; background-color: #fafafa; border:1px solid #ccc;}
	.recruit .left .job .con .apply{ display: block; width: 150px; height: 40px; line-height: 40px; margin: 20px 0; background-color: #3e6dbf; border-radius: 8px; text-align: center; font-size: 16px; color: #fff; transition: 1s;}
	.recruit .right{ display: none;}
}

@media (max-width:479px){/*微小屏幕*/	
	.recruit{ width: 94%; margin:30px auto;}
	.recruit .left{ float: none; width: 100%;}
	.recruit .left .job{ width: 100%; margin-bottom: 30px;}
	.recruit .left .job h4{ font-size:18px; color: #4c4c4c; font-weight: normal;}
	.recruit .left .job .con{ width: 90%; margin-top: 20px; padding: 20px 5%; background-color: #fafafa; border:1px solid #ccc;}
	.recruit .left .job .con .apply{ display: block; width: 150px; height: 40px; line-height: 40px; margin: 20px 0; background-color: #3e6dbf; border-radius: 8px; text-align: center; font-size: 16px; color: #fff; transition: 1s;}
	.recruit .right{ display: none;}
}
/*职位招聘结束*/

.list-page{ float: left;position: relative; left: 50%;margin-bottom: 40px;}
.list-page .pagination{display: block; position: relative;left: -50%; }
.list-page .pagination li{ float:left; height: 40px; padding: 0 15px; background: #fff; margin: 0 10px; border: 1px solid #ccc;}
.list-page .pagination li.active{ background: #254aa5; color: #fff; }
.list-page .pagination li span{ width: auto;height: 40px; line-height: 40px;}
.list-page .pagination li a{ width: auto;height: 40px;line-height: 40px; color: #333;}






.xiantiao{ height:2px; background-color:#3e6dbf; width:100%;}
.regis{max-width:1200px; margin:50px auto; background:#fafafa;}
.regis_box{ padding:0px 15px 50px;}
.regis_box hr{  height:1px; color:#ccc; width:685px;}
.regis_top{ height:50px; background:url(../img/zhuce_top_bj.png) no-repeat top;background-size:cover;}
.regis_top .biaoti{ width:215px; margin:0 auto;}
.regis_top .biaoti img{ width:24px; height:26px; margin-top:12px; display:inline-block; float:left;}
.regis_top .biaoti span{ font-size:18px; line-height:50px; color:#fff; display:inline-block; float:left; padding-left:10px;}
.regis_tishi{ margin:30px 15px 0; font-size:14px; color:#808080; line-height:20px; display:block; padding-bottom:30px;}
.regis_tishi em{  color:#ff0000;}
.regis_row,.regis_row1{ margin-bottom:25px;}
.regis_row .wbbt{ width:96px; text-align:right; display:inline-block; font-size:14px;}
.regis_row1 .wbbt{ width:160px; text-align:right; display:inline-block; font-size:14px;}
.regis_row em,.regis_row1 em{ color:#ff0000;}
.regis_row input,.regis_row1 input{ height:33px; border:1px solid #cccccc; padding:0 10px; line-height:33px; width:265px; font-size:14px;}
.regis_row span{ font-size:14px; color:#999999; line-height:33px; padding-left:10px;}
.regis_box .tijiao{ width:95px; height:35px; text-align:center; line-height:35px; background:#3e6dbf; border:none; color:#fff; margin-left:135px;}
.regis_box .denglu{ width:285px;height:35px; text-align:center; line-height:35px; background:#3e6dbf; border:none; color:#fff; margin-left:165px;}

.regis_box .wrong{margin-left: 165px;}


.regis_le{ border-right:1px solid #ccc; min-height:396px;width:690px; padding-top:50px; padding-left:30px; float:left;}
.regis_rt{ width:395px; margin-left:35px; margin-right:15px; background:#fff; height:442px; border:1px solid #ccc; float:right}
.regis_rt .regis_rt_ts{ font-size:14px; color:#4c4c4c; text-align:center; margin-top:50px;}
.regis_rt .regis_rt_ts a{ color:#3e6dbf;}
.regis_rt .regis_btn,.regis_rt .login_btn{ height:40px; line-height:40px; width:260px; display:block; text-align:center; margin:0 auto; color:#fff;}
.regis_rt .regis_btn{ background-color:#bfbfbf; margin-top:40px;}
.regis_rt .login_btn{ background-color:#3e6dbf; margin-top:15px;}
.regis_rt_wt{ color:#999999; font-size:14px; text-align:center; display:block; margin-top:70px;}
.regis_rt_tel{ color:#3f3b3a; font-size:16px; text-align:center; display:block; margin-top:20px;}
@media(min-width:1138px) and (max-width:1200px) {
	.regis_box{ padding:50px 2%;}
	.regis_top{ width:100%; height:50px; background:url(../img/zhuce_top_bj.png) no-repeat top; background-size:contain;}
	.regis_box hr{  height:1px; color:#ccc; width:58%;}
	.regis_le{ width:58%; padding-left:0;margin-left:2%;}
	.regis_rt{ width::32%; margin:0 1% 0 2%;}
	}
@media(min-width:1000px) and (max-width:1138px) {
	.regis_box{ padding:0px 2% 50px;}
	.regis_top{ width:100%; height:50px; background:url(../img/zhuce_top_bj.png) no-repeat top; background-size:contain;}
	.regis_box hr{  height:1px; color:#ccc; width:58%;}
	.regis_le{ width:63%; padding-left:0;margin-left:0;}
	.regis_row span{padding-left:0px;}
	.regis_row input,.regis_row1 input{width:25%}
	.regis_rt{ width:32%; margin:0 1% 0 1%;}
	}
@media(min-width: 480px) and (max-width: 767px) {
	.regis{margin-top: 0;}
	.regis_le{ width:100%; border:none;margin:0 ; padding-left:0; min-height:auto;}
	.regis_rt{ width:100%; margin:0;margin-top:30px;}
	.regis_row .wbbt{ width:24%;}
	.regis_row input{ width:68%;}
	.regis_row1 .wbbt{ width:35%;}
	.regis_row1 input{ width:57%;}
	.regis_row span{ display:none;}
	.regis_box{ padding: 0 5px 50px;}
	.regis_box hr{width:100%;}
	.regis_box .tijiao,.regis_box .degnlu{width:100%; margin-left:0;}
	.regis_box .wrong{width: 100%;margin-left: 0;}
}

@media (max-width:479px){
	.regis{margin:0;}
	.regis_le{ width:100%; border:none;margin:0 ; padding-left:0; min-height:auto;}
	.regis_rt{ width:100%; margin:0;margin-top:30px; height: 352px;}
	.regis_row .wbbt{ width:24%;}
	.regis_row input{ width:68%;}
	.regis_row1 .wbbt{ width:35%;}
	.regis_row1 input{ width:57%;}
	.regis_row span{ display:none;}
	.regis_box{ padding: 0 5px 50px;}
	.regis_box hr{width:100%;}
	.regis_box .tijiao,.regis_box .denglu{width:100%; margin-left:0;}
	.regis_box .wrong{width: 100%;margin-left: 0;}
	.regis_rt .regis_rt_ts{ margin-top: 30px;}
	.regis_rt .regis_btn{ margin-top: 20px;}
	.regis_rt_wt{ margin-top: 40px;}
}
/*注册完成*/
.regis1{max-width:1200px; margin:50px auto; padding-bottom:126px; background:#fafafa;}

.zhuce_wch{ max-width:450px; margin:126px auto 0; font-size:16px; color:#333; line-height:32px; background:url(../img/duigou.png) no-repeat left top; padding-left:40px; background-size:30px 30px; text-align:center; padding-bottom:70px;}
.ljdl{ font-size:14px; color:#fff; background:#3e6dbf; height:40px; line-height:40px;width:160px ; text-align:center; display:block; margin:60px auto 0;}


/*修改密码*/
.regis_tishi{ margin:30px 15px 0; font-size:14px; color:#808080; line-height:20px; display:block; padding-bottom:30px;}
.xiugaimima{max-width:1200px; margin:50px auto; background:#fafafa;;}
.xiugaimima form{ width:50%; margin:0 auto; border-top:1px solid #CCC；}
.xiugaimima .regis_row{ width:100%; }
.xiugaimima .wbbt{ width:30%;}
.xiugaimima input{ width:60%;height:33px; border:1px solid #cccccc; box-sizing:border-box; padding:0 10px; line-height:33px; font-size:14px;}
.xiugaimima .tijiao{ width:60%; height:35px; text-align:center; line-height:35px; background:#3e6dbf; border:none; color:#fff; margin-left:180px;}

@media(min-width: 480px) and (max-width: 767px) {
.regis_box{ padidng-bottom:30px}
	.xiugaimima form{ width:90%}
	.xiugaimima .tijiao{width:100%; margin-left:0px;}
}

@media (max-width:479px){
	.regis_box{ padidng-bottom:30px}
	.xiugaimima form{ width:90%}
	.xiugaimima .tijiao{width:100%; margin-left:0px;}
}
/*登陆弹窗补充*/
.cd-buttons .tishi{ font-size: 12px;  color: #333; display: inline-block; margin-top: 15px;}
.cd-buttons .tishi a{ font-size: 12px; color: #3e6dbf; display: inline-block;}

/*补充版权*/
.pho_cpy{}
.footer .foot_bot .pho_cpy{font-size: 14px; color: #4c4c4c;display: none; text-align: center;}
@media (max-width:479px) {
	.footer .foot_bot .cpy{ display: none;}
	.footer .foot_bot .pho_cpy{display: block;}
}