﻿/*新闻动态*/
.index-news{ padding:75px 0 55px; overflow: hidden; min-width:1220px;}
.index-news .module-title{ margin: 0 0 80px;}
.index-news .item1{ background: url("../images/news-bg1.jpg")  center no-repeat;}
.index-news .item2{ background: url("../images/news-bg2.jpg")  center no-repeat;}
.index-news .item3{ background: url("../images/news-bg3.jpg")  center no-repeat;}
.index-news dl{ width: 380px; background: #fff; float: left; margin:0 40px 25px 0; }
.index-news dl:last-child{ margin-right: 0; }
.index-news dt{ height: 120px;text-align: center; font-size: 30px; }
.index-news dt a{ display: block; color: #fff; line-height: 120px; }
.index-news dt a:after{ content: ""; display: inline-block; vertical-align: middle; width: 28px; height:32px; margin-left: 20px; background: url("../../images/index/ico/ico2.png")  center top no-repeat;}
.index-news dd{ padding: 10px 20px 0; border: 1px solid #ddd; border-top: none; }
.index-news dd p{ height: 25px; line-height: 25px; margin: 0 0 15px;}
.index-news dd span{ width: 55px; float: left; margin-right: 15px; text-align: center; background: #f6f6f6; color: #999999; }
.index-news dd a{ display: block; width: 79%; float: left; color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.index-news dd p:hover span{ color: #fff; background: url("../images/time-bg.png")  center no-repeat; }

/* 特点与优势 begin*/
.virtue-list {
	width: 100%;
}
.virtue-list li {
	display: list-item;
	float: left;
	padding: 55px 58px 0 200px;
	width: 590px;
	height: 215px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 47px 55px;
}
.virtue-list li:hover {
	box-shadow: 1px 1px 15px rgba(223, 223, 223, 0.65);
}
.margin-left-20 {
	margin-left: 20px;
}
.margin-top-20 {
	margin-top: 20px;
}
.virtue-list .virtue-bg1 {
	background-image: url(../images/virtue_1.png);
}
.virtue-list .virtue-bg2 {
	background-image: url(../images/virtue_2.png);
}
.virtue-list .virtue-bg3 {
	background-image: url(../images/virtue_3.png);
}
.virtue-list .virtue-bg4 {
	background-image: url(../images/virtue_4.png);
}
.virtue-title {
	display: block;
	font-size: 22px;
	color: #333;
}
.virtue-sub-title {
	display: block;
	margin-top: 20px;
	padding-right: 40px;
	font-size: 16px;
	color: #666;
}
.virtue-info {
	margin-top: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #999;
}
/* 特点与优势 end*/


.hotpru{ width:100%; height:160px; border-top:2px solid #ec6941; margin-bottom: 50px; margin-top:-50px;}
.left-icon{ width:160px; height:160px; background: url(images/left-icon.png) no-repeat;}
.item-pru{ width:230px; height:120px; border-right:1px dashed #e6e6e6; position: relative; padding: 30px 20px;}
.item-pru .sell{position: absolute; top: 0; right: 10px; width: 53px; height: 53px; background:url(images/sellbg.png) no-repeat;text-align: center;font-size: 14px; color: #e6e6e6; line-height: 1.3; padding-top: 2px;}
.item-pru .sell p{line-height: 1.3}
.item-pru .item-art{ width:100%; height:75px; margin-top:20px;}
.item-pru .item-art h3{ font-size:20px;}
.item-pru .item-art p{ font-size:14px;}
.item-pru-i{ font-size:24px; font-weight:bold; color: #d81e06;}
.item-pru-jg{ margin-top:10px;}
.itembuy{height: 30px; vertical-align: bottom; float: right; margin-top: 3px;display: inline-block; margin-left: 10px;}
.itembuy a{ padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; background-color: #d81e06; color:#fff;}
.itembuy a:hover{ text-decoration:none;}
.soultions{ width:100%; height:auto; margin-top:20px;}
.soultions h3{ text-align:center;font-size: 30px; color: #2e303f; line-height: 1.5; margin-bottom: 10px;}
.soultions p{ text-align:center;color: #6a6a6a; font-size: 16px; line-height: 1.5;}
.solution-list { font-size: 0; display: flex;justify-content: space-between;  align-items: center; margin-top:30px;}
.solution-list .listsolu{display: inline-block; width: 285px; height: 540px;}
.solution-list .bg1{ background:url(images/sbg4.jpg) no-repeat center;}
.solution-list .bg2{ background:url(images/sbg5.jpg) no-repeat center;}
.solution-list .bg3{ background:url(images/sbg6.jpg) no-repeat center;}
.solution-list .bg4{ background:url(images/sbg9.jpg) no-repeat center;}
.solution-list .listsolu .soluli{width: 100%; height: 100%; position: relative; background: rgba(0, 0, 0, 0.5); overflow: hidden; transition: all 0.2s;}
.solution-list .listsolu .soluli .solution-left{position: absolute; width: 100%; padding-top: 95px;top: 0; left: 0; transition: all 0.2s;}
.solution-list .listsolu .soluli .solution-left .solution-icon{display: inline-block; width: 100%; height: 50px; margin-bottom: 50px;}
.solution-list .listsolu .soluli .solution-left .icongb1{ background:url(images/icon5.png) no-repeat center;}
.solution-list .listsolu .soluli .solution-left .icongb2{ background:url(images/icon6.png) no-repeat center;}
.solution-list .listsolu .soluli .solution-left .icongb3{ background:url(images/icon7.png) no-repeat center;}
.solution-list .listsolu .soluli .solution-left .icongb4{ background:url(images/icon10.png) no-repeat center;}
.solution-list .listsolu .soluli .solution-left h4{    font-size: 20px; color: #ffffff;text-align: center; height: 130px; font-weight: bold;}
.solution-list .listsolu .soluli .solution-left p{font-size: 14px; color: #ffffff; line-height: 30px; text-align: center;}
.solution-list .listsolu .soluli .solution-right{position: absolute; width: 100%; height: 100%; padding: 130px 30px 0; top: 0; left: 280px; transition: all 0.2s;}
.solution-list .listsolu .soluli .solution-right h4{font-size: 20px; color: #ffffff; font-weight: bold; line-height: 1.5; margin-bottom: 10px; padding-bottom: 10px; position: absolute; top: 80px; left: 30px; width: 235px;-webkit-margin-before: 1.33em; -webkit-margin-after: 1.33em; -webkit-margin-start: 0px; -webkit-margin-end: 0px;}
.solution-list .listsolu .soluli .solution-right p{font-size: 14px; color: #ffffff; line-height: 30px; text-align:left;margin-top: 50px; padding-right: 50px;-webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px;}
.solution-list .listsolu .soluli .solution-right a{display: inline-block; width: 120px; height: 40px; border: 1px solid #ffffff; line-height: 38px; margin-top: 80px; border-radius: 10px; color: #ffffff; text-align: center; transition: all 0.2s; font-size: 14px; position: absolute; bottom: 185px; left: 30px;}
.solution-list .listsolu .soluli .solution-right a:hover{ color: #ff7c25; border-color: #ff7c25;}
.solution-list .listsolu .soluli .solution-right a:link{outline: none;}
.solution-list .listsolu .soluli:hover .solution-left{left: -280px;}
.solution-list .listsolu .soluli:hover .solution-right{left: 0;}
#product,#project{ background:#fff; padding:50px 0; border-bottom:1px solid #e1e1e1;}
#product h1,#project h1{color:#555; font-size:38px; text-align:center;  line-height:40px; font-weight:normal;}
#product h1>span,#project h1>span{ font-size:20px; display:block; color:#999}
#product h1>a,#project h1>a{color:#5e5e5e;   font-size:38px; line-height:40px; height:40px; padding:10px 20px;  text-align:center; display:inline-block; text-indent:0; }
#product h1>a:hover,#project h1>a:hover{  text-decoration:none;}
/*#product ul{ margin-top:40px;}
#product ul>li{ width: 22.5%; height: 450px; float: left; border: 1px solid #eee; margin-left: 2%; background: #fff; position: relative; -moz-box-shadow: 0px 3px 10px #ccc;  box-shadow: 0px 3px 10px #ccc; transition: 460ms; }
#product .product-ul{ zoom:1; margin-top:30px;}
#product li:hover .pro_img>a>img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);transition: all 0.7s;-webkit-transition: all 0.7s;-ms-transition: all 0.7s;-moz-transition: all 0.7s;}*/
#product li:hover{ transform:scale(1.1) }
#product li:first-child{ margin-left:0px;}
/*#product li:hover .p_1,#product li:hover .p_2,#product li:hover .p_3{ transition: all 0.7s;-webkit-transition: all 0.7s;-ms-transition: all 0.7s;-moz-transition: all 0.7s; }*/
li .pro_img{ padding-top:30px; padding-bottom:15px; }
.p_1{ color:#333; font-size:20px; font-weight:bold;}
.p_2{ color:#666; font-size:16px; width:70%; margin:10px auto; text-align:left; line-height:}
.p_3{ text-align:center}
.p_3 a{font-size:18px; color:#09c; display:inline-block; border:1px solid #09c; padding:5px 20px;}
.p_3 a:hover{ text-decoration:none;color:#fff; display:inline-block; border:1px solid #f60; background-color:#f60; padding:5px 30px;transition: all 0.7s;-webkit-transition: all 0.7s;-ms-transition: all 0.7s;-moz-transition: all 0.7s; }

/**/
#product{ overflow:hidden; text-align:center; }
#product .pic{ height:80px; line-height: 100px;}
#product .pic img{ height:100px;}
/*#product ul{  margin-left:-11px;}
#product li{ width:231px; float:left; margin-left:11px; display:inline; line-height:24px;color:#6f6f6f;font-size:14px;position:relative;height:366px;}

#product li:hover .product{opacity:0;}
#product li:hover .package{z-index:3;opacity:1;}
#product .package{color:#fff;background-color:#f60;padding:25px 18px 13px;position:absolute;top:0;width:222px;height:328px;z-index:1;opacity:0; }
#product .package h2{padding-bottom:14px;border-bottom:1px solid #fff;font-size:20px;color:#fff;font-size:21px;}
#product .package a{color:#fff;}
#product .package a:hover{color:#fff; text-decoration: none;}
#product .package .deta{height:200px;padding:4px 0;border-bottom: 1px solid #fff; }
#product .package p{padding-top:8px;text-align:left;}
#product .package .buy{color:#af0000;background-color:#fff;line-height:37px;width:135px;display:inline-block;margin-top: 15px;}
#product .package .buy:hover{color:#af0000;}
#product .package .strong{font-size:18px;   line-height:18px;text-align:center;}
#product .base,#product .package{transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;-ms-transition: all .6s ease-in-out;-webkit-transition: all .6s ease-in-out; }
#product .base{z-index:2;padding:47px 0 47px;opacity:1;transform:rotateY(0);-o-transform:rotateY(0);-webkit-transform: rotateY(0);-ms-transform: rotateY(0); }
#product .xbq{position: absolute; right: 0px; top: 0px; width: 0; height: 0; border-top: 48px solid #c03; border-left: 55px solid transparent;}
#product .xbqtxt{text-align: center; color: #fff; font-size: 13px; line-height: 24px; position: absolute; right: 5px; top: 0px; z-index: 1;}
#product .base .product-price{margin: 13px auto; font-size: 12px; color: #4c4c4c; height: 80px; line-height: 30px; position: relative;}
#product .base .product-price span{display: block; font-size: 20px; color: #f84; border: 1px solid #eee; width: 80px; height: 80px; border-radius: 80px; line-height: 80px; text-align: center; margin: 0px auto;}
#product .base .product-price font{line-height: 16px; font-size: 14px; position: relative; left: 60px; bottom: 25px;}
#product .base p.product-describe{width: 80%; margin: 0px auto; margin-top: 7px; text-align: left; padding-left: 20px; padding-bottom: 7px; border-bottom: 1px solid #e5e5e5;}
#product .base a{display: inline-block; padding: 5px 10px; border: 1px solid #009fd9; font-size: 14px; margin-top:20px; margin-right:10px;}
#product .base a.product-buy:hover{border: 1px solid #1f86ed; background: #1f86ed; color: #fff; text-decoration:none;}
#product .base a.product-xq{border: 1px solid #d4d4d4; background: #fff; color: #666;}
#product .base a.product-xq:hover{border: 1px solid #d4d4d4;background: #d4d4d4;color: #666; text-decoration:none;}*/
/**/
/*网站建设*/
.wangzhanjs
{width:1200px; background:#fff; margin:20px auto 0px; padding-bottom:20px;}
.wangzhanjs_wen
{height:17px; text-align:center;}
.wangzhanjs_wen li
{height:17px; line-height:17px; font-size:14px; padding:0 50px 0 21px; background:url(../images/t17.png) no-repeat left center; display:inline-block;}
.wangzhanjs_ul
{overflow:hidden; padding-top:20px;}
.wangzhanjs_ul li
{width:370px; height:235px; margin-left:21px; border:1px solid #eeeeee;float:left; position:relative;}
/*.wangzhanjs_ul li.li1
{background:#fff url(../images/t19.png) no-repeat 255px 98px;}
.wangzhanjs_ul li.li2
{background:#fff url(../images/t20.png) no-repeat 260px 98px;}
.wangzhanjs_ul li.li3
{background:#fff url(../images/t21.png) no-repeat 300px 98px;}*/
.wangzhanjs_ul li h4
{font-size:26px; color:#333; font-weight:normal; padding:23px 0 7px 30px;}
.wangzhanjs_ul li h4 a
{color:#333;}
.wangzhanjs_ul li .p1
{height:72px; line-height:24px; font-size:14px;padding-left:30px;}
.wangzhanjs_ul li .p2
{font-size:14px;padding:12px  0 10px 30px;}
.wangzhanjs_ul li .p2 span
{font-size:28px; color:#f76c35; padding-right:5px;}
.wangzhanjs_ul li .p3
{width:100%; height:40px; line-height:40px; position:absolute; left:0px; bottom:0px;}
.wangzhanjs_ul li .p3 a
{height:40px; display:block;font-size:18px; color:#fff; text-align:center;
transition:all 0.4s ease;
-moz-transition: all 0.4s ease;	/* Firefox 4 */
-webkit-transition: all 0.4s ease;	/* Safari 和 Chrome */
-o-transition: all 0.4s ease;	/* Opera */
}
.wangzhanjs_ul li.li1 .p3 a
{background:#00a6e2;}
.wangzhanjs_ul li.li2 .p3 a
{background:#f8b10b;}
.wangzhanjs_ul li.li3 .p3 a
{background:#06c63d;}
.wangzhanjs_ul li.li1 .p3 a:hover
{background:#026d94;}
.wangzhanjs_ul li.li2 .p3 a:hover
{background:#b78205;}
.wangzhanjs_ul li.li3 .p3 a:hover
{background:#038c2a;}

.wangzhanjs_ul li .p4
{width:63px; height:63px; position: absolute; top:0px; right:0px;}
.wangzhanjs_ul li .on1
{background:url(../images/t18.jpg) no-repeat;}
.wangzhanjs_ul li .on2
{background:url(../images/t19.jpg) no-repeat;}

/*内容标题1*/
.one_title{text-align:center;color:#333; overflow:hidden; padding:25px 0 8px;}
.one_title h2,.one_title h3{font-size:32px; font-weight: normal}
.one_title h2 a{color:#333;}

/*内容标题3*/
.host_title{width:1200px; text-align:center;margin:0 auto; padding-bottom:40px; clear:both;}
.host_title h2,.host_title h3{font-size:34px; color:#333; font-weight:normal; padding:40px 0 5px;}
.host_title h2 a,.host_title h3 a{color:#333;}

.host_title.color_fff h2,.host_title.color_fff h3 {color:#fff;}
.host_title.color_fff h2 a,.host_title.color_fff h3 a {color:#fff;}
.host_title.color_fff p {color:#fff;}

/*按钮*/
.tj_btn1 {width:150px; height:40px; display:inline-block; line-height:40px; text-align:center; font-size:16px; color:#fff; background:#029cda; border:none; cursor:pointer;}
.tj_btn2 {width:150px; height:40px; display:inline-block; line-height:40px; text-align:center; font-size:16px; color:#fff; background:#ff5152; border:none; cursor:pointer;}
.tj_btn3 {background:#f14b4b; color:#FFFFFF;}

.tj_btn1:hover {background:#35b1e3;}
.tj_btn2:hover {background:#f88283;}
.tj_btn3:hover {background:#ee3030; color:#FFFFFF;}

/* 閫夋嫨鑵句綉 start*/
.choiceBox{
  padding: 50px 0 30px 0;
  overflow: hidden;
}
.choice{height: 100%;}
.choice ul{
  margin-top: 35px;
}
.choice ul li{
  width: 23.7%;
  float: left;
  height: 226px;
  background-color: #FFFFFF;
  padding: 15px 20px;
  text-align: center;
  margin-right: 1.3%;
  margin-bottom: 30px;
  border: 1px solid #eee;
}
.choice ul li img{
  width: 80px;
  height:80px;
  display: block;
  margin: 5px auto;
}
 .choice ul li h3{
   font-size: 16px;
   font-weight: 600;
   margin: 15px 0;
 }
 /* 鍜屼粬浠竴璧蜂娇鐢ㄨ吘浣戝畨鍏ㄤ腑蹇僺tart */
 .cooperationBox{
  padding-top: 50px;
  background-image: url(../templets/default/static/images/cooperationBox_bj.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.cooperation ul{
margin-top: 30px;
}
.cooperation ul li{
float: left;
width: 220px;
height:90px;
margin-right: 20px;
border: 1px solid #F2F2F2;
margin-bottom: 30px;
overflow: hidden;
}
.cooperation ul li>img{
width: 100%;
height: 90px;
}
.cooperation ul li:last-child{
margin-right: 0;
}
/* 鍜屼粬浠竴璧蜂娇鐢ㄨ吘浣戝畨鍏ㄤ腑蹇僥nd */
/* 鐩稿叧璧勮 start */
.informationBox{
padding: 50px 0 40px 0;
background-color:#F7F7F7;
margin-top: 30px;
overflow: hidden;
}
.information .informationTab{
width: 485px;
height: 41px;
display: block;
margin: 0 auto;
margin-top: 40px;
}
.information .informationTab ul li{
float: left;
width: 240px;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #fff;
text-align: center;
background-color: #999999;
margin-right: 1px;
cursor: pointer;
}
.information .informationTab ul li.active{
background-color: #FF8500;
}
.information .newBox{
display: none;
padding-top: 40px;
overflow: hidden;
}
.information .newBox.active2{
   display: block;
}
.information .newBox .fl{
position: relative;
overflow: hidden;
}
.information .newBox .fl a img{
width: 475px;
height: 320px;
display: block;
transition: 1s ease-in-out;
}
.information .newBox .fl:hover a img{
transform: scale(1.2);
cursor: pointer;
}
.information .newBox .fl .newBoxTitle{
width: 100%;
height: 40px;
line-height: 40px;
text-indent: 20px;
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
color: #fff;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.information .newBox .fl a:hover{
color: #FF8500;
}
.information .newBox .fr{
/* width: 723px; */
}
.information .newBox .fr ul li{
width: 31.5%;
float: left;
margin-right: 30px;
border-bottom: 1px solid #E6E6E6;
margin-bottom: 8px;
}
.information .newBox .fr ul li:nth-child(3n){
  margin-right: 0;
}
.information .newBox .fr ul li:nth-child(5),.information .newBox .fr ul li:nth-child(6){
   /* border: none; */
}
.information .newBox .fr ul li span,.information .newBox .fr ul li>a{
line-height: 35px;
}
.information .newBox .fr ul li a{
  color: #666;
  line-height: 24px;
}
.information .newBox .fr ul li a:hover{
color: #FF8500;
cursor: pointer;
}
.information .newBox .fr ul li .title{
height: 34px;
font-weight: 600;
font-size: 16px;
color: #333333;
width: 222px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
float: left;
line-height: 34px;
}
.information .newBox .fr ul li .time{
margin-left: 22px;
color: #666;
}
.information .newBox .fr ul li p{
height: 50px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0 0 15px 0;
line-height: 28px;
}
/* 鐩稿叧璧勮 end */

/* 楂橀槻cdn椤甸潰 css start */
.high_defense_content1{
	padding: 60px 0 40px 0;
	overflow: hidden;
}
.high_defense_content1>ul{
    width: 482px;
    height: 40px;
    display: block;
    margin: 0 auto;
}

/* 璧勮川 */
.index-honor{ padding: 80px 0 60px; overflow: hidden;min-width: 1220px;}
.index-honor ul{ margin:55px 0 0 -4px;}
.index-honor li{ width: 200px; padding-top: 30px; height: 160px; margin:25px 0 20px 4px; float: left;}
.index-honor li a{ display: block; text-align: center;}
.index-honor li h5{ font-size: 14px; color: #000000; }
.index-honor li p{ font-size: 12px; line-height: 22px; color: #666666; }
.index-honor li i{ display: block; width: 127px; height: 72px; margin: 0 auto 15px;}
.index-honor li .img1{ background: url("../../images/index/hor-img11.png") center no-repeat;}
.index-honor li .img2{ background: url("../../images/index/hor-img2.png") center no-repeat;}
.index-honor li .img3{ background: url("../../images/index/hor-img3.png") center no-repeat;}
.index-honor li .img4{ background: url("../../images/index/hor-img4.png") center no-repeat;}
.index-honor li .img5{ background: url("../../images/index/hor-img5.png") center no-repeat;}
.index-honor li .img6{ background: url("../../images/index/hor-img6.png") center no-repeat;}
.index-honor li .img7{ background: url("../../images/index/hor-img7.png") center no-repeat;}
.index-honor li:hover{-moz-box-shadow: 0px 10px 20px rgba(2,48,76,0.05);-webkit-box-shadow: 0px 10px 20px rgba(2,48,76,0.05);box-shadow: 0px 10px 20px rgba(2,48,76,0.05);}

