/* CSS Document */
@charset "utf-8";
.div1{ width: 100%; height: auto; }
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/*首页banner图*/
.focus{ position:relative; width:1200px; }
.focus img{ width: 1200px; height: 600px;}
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left;}
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;}
.focus .fPic{ position:absolute; left:0px; top:0px; }
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px;
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus .fcon{ position:relative; width:100%; float:left;  display:none;}
.focus .fcon a{cursor:default;}
.focus .fcon img{ display:block; }
.focus .fbg{bottom:17px; left:0; position:absolute; height:21px; z-index: 200; }
.focus .fbg div{margin-top:4px;overflow:hidden;zoom:1;height:16px}
.focus .D1fBt a{position:relative; display:inline; width:16px; height:16px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background: url("../images/slide_btn_off.png") no-repeat left top;}
.focus .D1fBt .current,.focus .D1fBt a:hover{background: url("../images/slide_btn_on.png") no-repeat left top;}
.focus .D1fBt img{display:none}
.focus .D1fBt i{display:none; font-style:normal; }
.focus .prev,.focus .next{position:absolute;width:0;height:0;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}
.focus .prev:hover{  background-position:0 0; }
.focus .next:hover{  background-position:-40px 0;}
/*首页banner图结束*/

.div1_1{ width: 601px; height: 302px; background: url("../images/12.png") no-repeat left top; margin-top: 43px;}
.box3_2{ width: 100%; height: auto; padding: 68px 10% 0;}
.box3_2 ul li{ height: auto; float: left;}
.box3_2 ul li.box3_2_lic{ width: 50%;}
.box3_2 ul li.box3_2_kehu{ width: 50%; border-right: 0;}
.box3_2 ul li .box3_21{ height: 45px; margin: 0 auto; line-height: 45px; text-align: center; font-size: 18px; color: #5a5a5a;}
.box3_2 ul li .box3_22{ display: block; text-align: center; height: 52px; line-height: 62px; font-size: 50px; color: #da251c;}
.box3_2 ul li .box3_23{ text-align: center; color: #a3a3a3; font-size: 17px; text-transform: capitalize;}
.div1_11{ text-align: center; font-size: 22px; font-weight: bold; margin-top: 13px;}

.div1_2{ width: 559px; height: 302px; background: url("../images/13.png") no-repeat right top #fff; margin-top: 43px; padding:  25px 75px 0 40px;}
.div1_2 .div1_21{ color: #080103; font-size: 24px;}
.div1_2 .div1_21 span{ color: #a3a3a3; font-size: 19px;}
.div1_2 .div1_22{ width: 45px; height: 1px; background: #e60916; margin-top: 10px;}
.div1_2 .div1_23{ line-height: 23px; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4; margin-top: 19px; text-indent: 2em;}
.div1_24{ width: 44px; height: 44px; overflow: hidden; border-radius: 22px; border: 1px solid #a3a3a3;float: right;}
.div1_24 img{
    -webkit-animation: cloudRight2 1s linear infinite;
    animation: cloudRight2 1s linear infinite;
}
@-webkit-keyframes cloudRight2 {
    0%{
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(3000%);
        transform: translateX(3000%);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes cloudRight2 {
    0%{
        -webkit-transform: translateX(-22px);
        -ms-transform: translateX(-22px);
        transform: translateX(-22px);
    }

    100% {
        -webkit-transform: translateX(22px);
        -ms-transform: translateX(22px);
        transform: translateX(22px);
    }
}

.box2{ margin: 31px 0 0; padding-bottom: 31px;}
.box2 ul li{ float: left; width: 295px; margin-right: 6px; border: 1px solid #abaaaa; position: relative;}
.box2 ul li.box2_vi{ background-image: url("../images/16.png"); background-position: 10% center; background-repeat: no-repeat; background-size: auto;}
.box2 ul li.box2_vi:hover{ background-image: url("../images/16_01.png"); background-position: 10% center; background-repeat: no-repeat; background-size: auto;}
.box2 ul li.box2_logo{ background-image: url("../images/17.png"); background-position: 10% center; background-repeat: no-repeat; background-size: auto;}
.box2 ul li.box2_logo:hover{ background-image: url("../images/17_01.png"); background-position: 10% center; background-repeat: no-repeat; background-size: auto;}
.box2 ul li.box2_pin{ background-image: url("../images/18.png"); background-position: 10% center; background-repeat: no-repeat; background-size: auto;}
.box2 ul li.box2_pin:hover{ background-image: url("../images/18_01.png"); background-position: 10% center; background-repeat: no-repeat; background-size: auto;}
.box2 ul li.box2_ce{ background-image: url("../images/19.png"); background-position: 10% center; background-repeat: no-repeat; background-size: auto;}
.box2 ul li.box2_ce:hover{ background-image: url("../images/19_01.png"); background-position: 10% center; background-repeat: no-repeat; background-size: auto;}
.box2 ul li:hover{ border: 1px solid #e80c1d; background: #fff; color:#e80c1d;}
.box2 ul li.nomargin{ margin-right: 0;}
.box2 ul li a{ display: block; padding: 1.5rem 1.5rem 1.5rem 5%;}
.box2 ul li img{ float: left; margin-top: 10px;}
.box2 ul li .box2_1{ padding-left: 34%; background: url("../images/20.png") no-repeat right bottom; width: 100%;}
.box2 ul li .box2_1 .box2_11{ font-size: 19px; color: #a3a3a3; border-bottom: 1px solid #e80c1d; padding-bottom: 4px;}
.box2 ul li .box2_1 .box2_12{ font-size: 24px; line-height: 42px; color: #a3a3a3; text-transform: capitalize;}
.box2 ul li:hover .box2_1 .box2_11{ border-bottom: 1px solid #e80c1d; transition: all 0.5s; color:#e80c1d;}
.box2 ul li:hover .box2_1 .box2_12{ color: #fff; transition: all 0.5s; color:#a3a3a3;}
.box2 ul li .box2_2{ position: absolute; right: 20%; top: -24px;}

.div2{ width: 100%; height: auto; padding: 25px 0; background: #fff;}

.div2_1{ margin-bottom: 25px;}
.div2_1 .div2_11{ padding-left: 17px; border-left: 3px solid #da251c;;}
.div2_1 .div2_11 .div2_111{ font-size: 30px; font-weight: bold; line-height: 25px; text-transform: uppercase;}
.div2_1 .div2_11 .div2_111 span{ font-size: 20px; font-weight: normal;}
.div2_1 .div2_11 .div2_112{ color: #8f8f8f; line-height: 20px;}

.div2_2{ margin-bottom: 10px;}
.div2_2 img{ width: 100%; }

	


.div2_3{}
.div2_3 ul li{ float: left; width: 394px; height: auto; margin-right: 9px;}
.div2_3 ul li.nomargin{ margin-right: 0;}
.div2_3 ul li .div2_31{ width: 394px; height: 258px; overflow: hidden;}
.div2_3 ul li .div2_31 img{ width: 394px; height: 258px;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
    -webkit-transition-duration:200ms;
    -moz-transition-duration:200ms;
    -o-transition-duration:200ms;
    transition-duration:200ms;
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.div2_3 ul li .div2_31 img:hover{
    -webkit-transform:scale(1.08,1.08);
    -moz-transform:scale(1.08,1.08);
    -ms-transform:scale(1.08,1.08);
    -o-transform:scale(1.08,1.08);
    transform:scale(1.08,1.08);
    -webkit-transition-duration:200ms;
    -moz-transition-duration:200ms;
    -o-transition-duration:200ms;
    transition-duration:200ms;
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.div2_3 ul li .div2_32{ height: 51px; border-bottom: 1px solid #afafaf;}
.div2_3 ul li .div2_32 .div2_321{ width: 80%; height: 51px; line-height: 51px;}
.div2_3 ul li:hover .div2_32 .div2_321{ color: #e60012;}
.div2_3 ul li .div2_32 .div2_322{ width: 20%; height: 51px; background: url("../images/21.png") no-repeat right center;}
.div2_3 ul li:hover .div2_32 .div2_322{ background: url("../images/21_01.png") no-repeat right center;}

.div2_4{}
.div2_4 ul li:nth-child(3n+3){margin: 0 0 6px 0;}
.div2_4 ul li{ float: left; width: 396px; height: auto; margin: 0 6px 6px 0;}
.div2_4 ul li.nomargin{ margin-right: 0;}
.div2_4 ul li .div2_31{ width: 396px; height: 230pxpx; overflow: hidden;}
.div2_4 ul li .div2_31 img{ width: 396px; height: 264px;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
    -webkit-transition-duration:200ms;
    -moz-transition-duration:200ms;
    -o-transition-duration:200ms;
    transition-duration:200ms;
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.div2_4 ul li .div2_31 img:hover{
    -webkit-transform:scale(1.08,1.08);
    -moz-transform:scale(1.08,1.08);
    -ms-transform:scale(1.08,1.08);
    -o-transform:scale(1.08,1.08);
    transform:scale(1.08,1.08);
    -webkit-transition-duration:200ms;
    -moz-transition-duration:200ms;
    -o-transition-duration:200ms;
    transition-duration:200ms;
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.div2_4 ul li .div2_32 .div2_321{ width: 100%;text-align: center; height: 51px; line-height: 51px;overflow: hidden;font-size: 12.5px;}
.div2_4 ul li .div2_32 .hydt{width: 100%; overflow: hidden;font-size: 12px;color: #666;padding: 5px 0;border-top: 0;border-bottom: 0;}
.div2_4 ul li .div2_32 .hydt p:after{content: "";display: block;width: 8px;border-top: 1px solid #f00;margin-bottom: 5px;}
.div2_4 ul li .div2_32 .hydt p{font-size: 10px;color: #CCCCCC;}
.div2_4 ul li .div2_32 .hydt span{font-size: 12px;color: #aaa;display:block;white-space: nowrap;overflow: hidden; text-overflow:ellipsis;}
.div2_4 ul li:hover .div2_32 .div2_321{ color: #e60012;}
.div2_4 ul li .div2_32 .div2_322{ width: 20%; height: 51px; background: url("../images/21.png") no-repeat right center;}
.div2_4 ul li:hover .div2_32 .div2_322{ background: url("../images/21_01.png") no-repeat right center;}

.div3{ width: 100%; height: auto; }
/*案例图片切换*/
.focus2{ position:relative; width:1200px; height:458px; margin-bottom: 10px;}
.focus2 img{ width: 1200px; height: 458px;}
.focus2 .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus2 .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus2 .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus2 .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left;}
.focus2 .btn a:hover,.focus .btn a.current{  cursor:pointer;}
.focus2 .fPic2{ position:absolute; left:0px; top:0px; }
.focus2 .D1fBt2{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }
.focus2 .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px;
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }
.focus2 .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus2 .fcon2{ position:relative; width:100%; float:left;  display:none;}
.focus2 .fcon2 img{ display:block; }
.focus2 .fbg2{bottom:17px; left:0; position:absolute; height:21px; z-index: 200; display: none;}
.focus2 .fbg2 div{margin-top:4px;overflow:hidden;zoom:1;height:16px}
.focus2 .D1fBt2 a{position:relative; display:inline; width:16px; height:16px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background: url("../images/slide_btn_off.png") no-repeat left top;}
.focus2 .D1fBt2 .current,.focus2 .D1fBt2 a:hover{background: url("../images/slide_btn_on.png") no-repeat left top;}
.focus2 .D1fBt img{display:none}
.focus2 .D1fBt i{display:none; font-style:normal; }
.focus2 .prev,.focus2 .next{position:absolute; width:78px;height:76px;}
.focus2 .prev{background: url(../images/23.png) no-repeat;top: 50%;margin-top: -38px; left: 10px; cursor:pointer; }
.focus2 .next{background: url(../images/22.png) no-repeat;top: 50%;margin-top: -38px; right: 10px;  cursor:pointer;}
.focus2 .prev:hover{}
.focus2 .next:hover{}
/*案例图片切换结束*/

.div2_6 ul li{ float: left; width: 232px; margin-right: 10px; height: 141px; overflow: hidden; border: 1px solid #eeeeee; margin-bottom: 10px;}
.div2_6 ul li.nomargin{ margin-right: 0;}
.div2_6 ul li img{ width: 232px; height: 141px;
    webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
    -webkit-transition-duration:200ms;
    -moz-transition-duration:200ms;
    -o-transition-duration:200ms;
    transition-duration:200ms;
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
	/*-webkit-filter: grayscale(100%);*/
	/*-webkit-filter: grayscale(1);*/
	/*filter: grayscale(100%);*/
	
}
.div2_6 ul li img:hover{
	filter: none;
}
.div2_6 ul li img:hover{
    -webkit-transform:scale(1.08,1.08);
    -moz-transform:scale(1.08,1.08);
    -ms-transform:scale(1.08,1.08);
    -o-transform:scale(1.08,1.08);
    transform:scale(1.08,1.08);
    -webkit-transition-duration:200ms;
    -moz-transition-duration:200ms;
    -o-transition-duration:200ms;
    transition-duration:200ms;
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}

/*案例banner图*/
.focus3{ position:relative; width:1200px; height:457px;}
.focus3 img{ width: 1200px; height: 457px;}
.focus3 .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus3 .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus3 .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus3 .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left;}
.focus3 .btn a:hover,.focus .btn a.current{  cursor:pointer;}
.focus3 .fPic3{ position:absolute; left:0px; top:0px; }
.focus3 .D1fBt3{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }
.focus3 .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px;
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }
.focus3 .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus3 .fcon3{ position:relative; width:100%; float:left;  display:none;}
.focus3 .fcon3 img{ display:block; }
.focus3 .fbg3{bottom:17px; left:0; position:absolute; height:21px; z-index: 200; }
.focus3 .fbg3 div{margin-top:4px;overflow:hidden;zoom:1;height:16px}
.focus3 .D1fBt3 a{position:relative; display:inline; width:16px; height:16px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background: url("../images/slide_btn_off.png") no-repeat left top;}
.focus3 .D1fBt3 .current,.focus3 .D1fBt3 a:hover{background: url("../images/slide_btn_on.png") no-repeat left top;}
.focus3 .D1fBt3 img{display:none}
.focus3 .D1fBt3 i{display:none; font-style:normal; }
.focus3 .prev,.focus3 .next{position:absolute;width:0;height:0;}
.focus3 .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.focus3 .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}
.focus3 .prev:hover{  background-position:0 0; }
.focus3 .next:hover{  background-position:-40px 0;}
/*案例banner图结束*/

/* 上下页 */
.pagination a:nth-child(1) {
    display: none;
}
.pagination a {
	color: #666;
	display: inline-block;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	border-radius: 2px;
	border: 1px solid #C1C1C1;
	text-align: center;
	margin: 0 3px;
}

.pagination a:hover,
.pagination b {
	border: 1px solid #a6978a;
	margin-top: -2px;
	background: #d6131b;
	border-radius: 2px;
	color: white;
	display: inline-block;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	text-align: center;
	margin: 0 3px;
}

/*hx*/
.hx {
	position: relative;
	margin: 30px auto;
}

.hx strong {
	color: #5a5657;
	display: block;
	border-bottom: 1px solid #9B9898;
	padding-bottom: 5px;
	font-size: 22px;
	font-weight: normal;

}

.hx b {
	color: #b6b6b6;
	font-size: 11px;
	font-weight: initial;
}

.hx .right {
	float: right;
	margin: 10px 5px 0 0;
}

.hx .absolute {
	position: absolute;
	right: 0;
	top: 33%;
	background-color: #b6b6b6;
	z-index: 999;
	color: #fff;
	font-weight: bold;
	padding: 1px 5px;
	height: 20px;
	line-height: 20px;
}

.hx span {
	font-size: 10.5px;
	display: block;
	height: 18px;
	letter-spacing: 0.2em;
	color:#7e7d7d;
}

.hx strong::after {
	content: "";
	display: block;
	width: 30px;
	
	margin: 0 30px;
	top: 34px;
	position: absolute;
}