/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#ef3e32;}
a:visited{color:#ef3e32;}
a:hover,a:active,a:focus{color:#3480ce;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



.wh{width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}






/*头部样式*/
.top1{height: 38px;background: #0a64ae;color: #fff;line-height: 38px;overflow: hidden;font: 12px;}
.top2{height: 70px;}
#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 70x;    margin-top: 6px;}


.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1 a{color: #fff;font-size: 11px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}



/*热门搜索*/
.sou{height:63px;}
#formsearch{float:right;
background: url(../images/ss.png) center no-repeat;
width: 237px;
height: 35px;
margin-top: 15px;
}
.hotSearch{float:left;height:63px;line-height:63px;
    color: #000000;
    letter-spacing: 2px;
    font-weight:bold;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;  color: #000000;}
#formsearch input{height:35px;line-height:35px;
    outline: none;
    background: none;
    border:none;
}
#formsearch input#keyword{height:35px;line-height:35px;padding-left:4px;color:#666;
    width: 195px;
}
#formsearch input#s_btn{width:39px;height:35px;line-height:35px;text-align:center;;color:#fff;border:none;cursor:pointer;font-size: 12px;}





/*导航栏样式*/

.nav{background:none;height:70px;}
.nav li{line-height:70px;height:70px;text-align:center;width:100px;float:left;position:relative;z-index:999;padding-top:0;}
.nav li:first-child{width:68px;}
.nav li a{display:block;line-height:70px;color:#323232;height:70px;padding: 0;font-size: 16px;

}
.nav li a:hover{color:#f12e26;text-decoration:none;background:url(../images/f0.png) bottom center no-repeat;}

.nav .sec{height:0;background:#01557a;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:94px;left:0px;}
.nav .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:100px;}
.nav .sec a:hover{background:#042d3f;text-decoration:none;}








/*内页左侧样式*/


.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-position a{color: #fff;}
.left{width: 225px;float: left;}
.right{width: 940px;float: right;}
.xypg-case-list li{width: 270px;}
.xypg-product-list li{width: 264px;}
.xypg-product-list li .img img{width: 271px;height: 199px;}
.relate-product-slick .owl-item .img img{    width: 213px;height:142px;}
.xypg-case-list li .img img{width: 300px;height: 216px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}






/* 产品详情页面 */
.product-detail-swiper {
	width: 399px;
	float: left;
}

.product-detail-swiper .view {
	border: 1px solid #e5e5e5;
}

.product-detail-swiper .view .swiper-slide {
	outline: none;
}

.product-detail-swiper .view .slick-con {
	text-align: center;
	display: block;
	height: 318px;
	line-height: 318px;
	font-size: 0;
}

.product-detail-swiper .view .slick-con img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.product-detail-swiper .view .slick-con:after {
	content: "";
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

.product-detail-swiper .preview {
	margin: 0 -5px;
	position: relative;
	margin-top: 10px;
	display: none;
}

.product-detail-swiper .preview .swiper-slide {
	outline: none;
}

.product-detail-swiper .preview .swiper-slide.active-nav .slick-con {
	border-color: #059c3d;
}

.product-detail-swiper .preview .slick-con {
	text-align: center;
	display: block;
	height: 101px;
	line-height: 99px;
	margin: 0 5px;
	border: 1px solid #e1e1e1;
	font-size: 0;
}

.product-detail-swiper .preview .slick-con img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.product-detail-swiper .preview .slick-con:after {
	content: "";
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

.product-detail-swiper .preview .arrow-left,
    .product-detail-swiper .preview .arrow-right {
	position: absolute;
	z-index: 99;
	top: 50%;
	margin-top: -25px;
	width: 20px;
	height: 50px;
	background: rgba(89, 89, 89, 0.8);
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
}

.product-detail-swiper .preview .arrow-left {
	left: 5px;
}

.product-detail-swiper .preview .arrow-right {
	right: 5px;
}

.product-detail-lists {
	width: calc(100% - 440px);
	padding-top: 20px;
	float: right;
}

.product-detail-lists h1 {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	line-height: 65px;
}

.product-detail-lists .product-detail-item li {
	border-top: 1px solid #eee;
	padding: 25px 0;
	font-size: 18px;
	color: #333333;
}

.product-detail-lists .product-detail-item li span {
	font-size: 14px;
	color: #666666;
}

.product-detail-lists .product-detail-inquiry {
	margin-bottom: 20px;
}

.product-detail-lists .product-detail-inquiry a {
	display: inline-block;
	width: 80%;
	line-height: 60px;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	background: #059c3d;
	border-radius: 2px;
}

.product-detail-lists .product-detail-inquiry a i {
	font-size: 20px;
	line-height: 0;
	vertical-align: -2px;
	margin-right: 5px;
}

.product-detail-lists .service-number {
	font-size: 14px;
	color: #333333;
}

.product-detail-lists .service-number span {
	font-size: 25px;
	color: #b80024;
}


.icon-arrowleft:before {
	content: "\e620"!important;
}

.icon-arrowright:before {
	content: "\e61f"!important;
}














/* 产品中心 */
.boxx {
    width: 1200px;
    margin:0 auto;
}


.tit {
    color: #323232;
    font: 400 30px/46px "Microsoft Yahei";
    text-align: center;
    backgrond: url(../images/tit.png) no-repeat 50% 30%;
}

.tit p {
    color: #0a64ae;
    font: bold 24px/24px "Microsoft Yahei";
    text-transform: uppercase;
}

.pro {
    padding-top: 20px;
}

.pro-cate {
    padding-top: 35px;
    text-align: center;
}

.pro-cate li {
    display: inline-block;
    text-align: center;
}

.pro-cate li a{
    display: block;
    color: #323232;
    font: normal 16px/45px "Microsoft Yahei";
    border: 1px solid #333;
    border-radius: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding:0 30px;
    margin:0 15px;
}

.pro-cate li:hover a,.pro-cate li.on a {
    border: 1px solid #bf3131;
    background: #bf3131;
    color: #fff;
}



.prolist1{width: 99%;margin: 0 auto;margin-top: 80px;}
.prolist1 ul li{
width: 23%;margin: 0 1%;float: left;position: relative;text-align: center;margin-bottom: 50px;
}

.prolist1 ul li .img{display: block;border: 1px solid #D2D2D2;overflow: hidden;position: relative;}
.prolist1 ul li a.mask{
display: block;
background: rgba(0,0,0,0.2);
position: absolute;
top: 0;left: 0;
z-index: 99;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.prolist1 ul li:hover a.mask{opacity: 1;}
.prolist1 ul li .img img {
width: 100%;
height: auto;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.prolist1 ul li:hover .img img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

.prolist1 ul li h3 a{
display: block;text-align: center;font-size: 16px;color: #5a5a5a;line-height: 40px;
margin-top: 14px;
font-weight: normal;
}

.prolist1 ul li a.more {
display: inline-block;
width: 122px;
font: 400 14px/31px "Microsoft Yahei";
text-align: left;
text-indent: 24px;
background: url(../images/more.png) no-repeat 90% 50% #0a64ae;
border-radius: 16px;
-webkit-transition: all .5s;
transition: all .5s;
color: #fff;
}

.prolist1 ul li:hover a.more {
background: url(../images/more2.png) no-repeat 90% 50% #bf3131;
color: #fff;
}



.products {
    margin-top: 100px;
    position: relative;
}

.products .content li {
    text-align: center;
    width: 0.2%;
    float: left;
    position: relative;
    _display: inline;
}

.borbox {
    margin-left: 15px;
    margin-right: 15px;
}

.products .content li .img {
    display: block;
    overflow: hidden;
    border: 1px solid #d2d2d2;
}

.products .content li img {
    max-width: 100%;
    height: auto;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.products .content li:hover a.img img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

.products .content li h3 {
    text-align: center;
    position: relative;
}

.products .content li h3 a {
    color: #5a5a5a;
    font: 400 16px/45px "Microsoft Yahei";
}

.products .content li h3 p {
    color: #fff;
    font: 400 14px/24px "Microsoft Yahei";
    opacity: 0.7;
    padding: 30px 0 40px;
}

.products .content li a.more {
    display: inline-block;
    width: 122px;
    font: 400 14px/31px "Microsoft Yahei";
    text-align: left;
    text-indent: 24px;
    background: url(../images/more.png) no-repeat 90% 50% #dcdcdc;
    border-radius: 16px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.products .content li:hover a.more {
    background: url(../images/more2.png) no-repeat 90% 50% #bf3131;
    color: #fff;
}

.products .content li:hover .cases .content .img {
    display: block;
    padding: 0;
}

.products .content img {}

.products .content {
    width: 100%;
    overflow: hidden;
    height: 336px;
}

.prolist {
    width: 10000%;
}

.pre_left {
    cursor: pointer;
    position: absolute;
    left: -50px;
    top: 95px;
    width: 39px;
    height: 71px;
    background: url(../images/pre_left.jpg) no-repeat 50% 50%;
    z-index: 999;
}

.pre_left:hover {
    opacity: 0.8;
}

.pre_right {
    cursor: pointer;
    position: absolute;
    right: -50px;
    top: 95px;
    width: 39px;
    height: 71px;
    background: url(../images/pre_right.jpg) no-repeat 50% 50%;
    z-index: 999;
}

.pre_right:hover {
    opacity: 0.8;
}




/*产品*/
.wd1200{
    width: 1200px;
    margin:0 auto;
}
.ptt{
    text-align: center;
}
.ptt dd{
    background: url(../images/ptt.png) center no-repeat;
    font:normal 30px/30px MicrosoftYaHei;
    color: #323232;
}
.ptt dt{
    font:normal 24px/24px MicrosoftYaHei;
    color: #f90000;
    margin-top: 17px;
}
/*pro_index*/

.pro_index {
    position: relative;
    /*background: url(../images/pro_index_bg.png) no-repeat center center;*/
    /*height: 1082px;*/
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 10px;
}

.pro_index .pro_left {
    margin-top:67px;
    float: left;
    width: 285px;
    height: 896px;
    border: 2px solid #f90000;
    background: #fff;
}

.pro_left .tt1 {
    height: 128px;
    line-height: 146px;
    background: url(../images/pro_left_tit_bg.png) no-repeat center center;
    color: #fff;
    text-align: center;
    font-size: 37px;
    font-family: "Microsoft Yahei";
    font-weight: bold;
}

.pro_left .sort1 {
    padding: 0 20px;
    margin-top: 12px;
    position: relative;
}

.sort1 li {
    margin-bottom: 4px;
}

.sort1 li a {
    background: #000000;
    border-radius: 5px;
    height: 49px;
    line-height: 49px;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

.sort1 li a:hover,
.sort1 li a.on {
    background: #f90000;
}

.sort1 .ss1 .ss2 {
    z-index: 9999;
}

.sort1 .ss1 .ss2 dd {
    overflow: hidden;
    border-bottom: #d6d6d6 1px dashed;
    margin-bottom: 0px;
}

.sort1 .ss1 .ss2 dd a {
    background: url(../images/tu3.png) no-repeat 10px center;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    text-align: left;
    padding-left: 30px;
}

.sort1 .ss1 .ss2 dd a:hover {
    text-decoration: none;
    color: #e11020;
}

.ss2 .cc {
    font-size: 15px;
    color: #f90000;
    display: block;
    text-align: left;
    background: none;
    line-height: 20px;
    height: 20px;
    padding-left: 20px;
    padding-top: 5px;
}

.ss2 .cc:hover {
    background: none;
    color: #e11020;
}


/*产品右侧*/

.pro_index .pro_right {
    margin-top:67px;
    float: right;
    width: 875px;
}

.pro_right .pro_rr_tit {
    position: relative;
    background: url(../images/pro_rr_tit_bg.png) no-repeat center bottom;
    padding-bottom: 15px;
}

.pro_rr_tit h3 {
    color: #f90000;
    font-size: 20px;
    font-family: "Microsoft Yahei";
    font-weight: normal;
    line-height: 1;
}

.pro_rr_tit a {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 14px;
    color: #8d8e8e;
}


/*推荐一个*/

.pro_one {
    margin-top: 15px;
	width: 873px;
	height: 325px;
    border: 2px solid #eeeeee;
    background: #fff;
}

.pro_one li {}

.pro_one li a.img {
    display: block;
    float: left;
    position: relative;
    border-right: 2px solid #ededed;
}

.pro_one li a.img::before {
    position: absolute;
    right: -6px;
    top: -8px;
    background: url(../images/rxdp.png) no-repeat center center;
    content: "";
    width: 120px;
    height: 120px;
}

.pro_one li a.img img {
	width: 395px;
	height: 321px;
}

.pro_one li .one_rr {
    float: left;
    padding: 15px 35px 0 55px;
    width: 380px;
}

.one_rr>h3 {
    font-size: 22px;
    color: #f90000;
    font-family: "Microsoft Yahei";
}

.one_rr>span {
    display: block;
    font-size: 18px;
    color: #333333;
    padding: 10px 0;
}

.one_rr dd {
    display: block;
    font-size: 15px;
    color: #333333;
    font-family: "Microsoft Yahei";
    line-height: 25px;
}

.one_rr .yy {
    margin-top: 20px;
}

.one_rr .yy a {
    display: inline-block;
    margin-right: 25px;
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #000000;
    border-radius: 5px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

.one_rr .yy a:hover {
    background: #f90000;
}


/*切换的右侧内容*/

.cp_nr {
    margin-top: 25px;
    position: relative;
}

.cp_nr .cp_nr_list {
    position: relative;
}

.cp_nr_list li {
    float: left;
    margin-right: 16px;
    margin-bottom: 20px;
}

.cp_nr_list li:nth-child(3n) {
    margin-right: 0px;
}

.cp_nr_list li a.img1 {
    display: block;
    border: 2px solid #eeeeee;
    overflow: hidden;
}
.cp_nr_list li:hover a.img1{
    border: solid 2px #f90000;
}
.cp_nr_list li a.img1 img {
    width: 276px;
    height: 207px;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.cp_nr_list li:hover a.img1 img {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
}

.cp_nr_list li h3 {
    padding-top: 10px;
    text-align: center;
    font-weight: normal;
}

.cp_nr_list li h3 a {
    display: block;
    color: #333333;
    font-size: 15px;
    font-family: "Microsoft Yahei";
}
.cp_nr_list li:hover h3 a{
  	color: #f90000;
}





/* 关于我们 */
  
.aboutbg {
    height: 609px;
    background: url(../images/aboutbg.jpg) no-repeat 50% 0;
    /*margin-top: 100px;*/
    padding-top: 50px;
}

.aboutbg .boxx {
    width: 1200px;
    margin:0 auto;
}

.about {
    background: #fff;
    margin-top: 46px;
    height: 392px;
}

.aboutimg {
    padding: 0 !important;
    float: left;
}

.aboutimg img {
    max-width: 100%;
    height: auto;
}

.about .about-right {
    float: right;
	width: 587px;
    padding-top: 60px
}

.abouttext {
    color: #5a5a5a;
    font: 400 14px/30px "Microsoft Yahei";
}

.aboutlist {
    margin-top: 21px;
    padding-top: 30px;
    height: 69px;
    width: 600px;
    margin:0 auto;
}

.aboutlist li {
    width: 218px;
    float: left;
    /* -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; */
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    border-left: 1px solid #A0A0A0;

}
.aboutlist li:first-child{border-left: none;width:198px;}
.aboutlist li a {
    display: block;
    color: #323232;
    font: 400 14px/26px "Microsoft Yahei";
}

.aboutlist li:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px);
}

.aboutlist li a p {
    color: #787878;
    font: normal 12px/20px "Microsoft Yahei";
    text-transform: uppercase;
}

.aboutlist li a {
    padding-left: 54px;
}

.aboutlist .ab1 {
    background: url(../images/t1.png) no-repeat 0% 50%;
    /*width: 150px;*/
    width: 33%;
}
.aboutlist .ab1:hover{
    background: url(../images/t11.png) no-repeat 0% 50%;
}
.aboutlist .ab2 {
    background: url(../images/t12.png) no-repeat 8% 50%;
    /*width: 180px;*/
    width: 33%;
}
.aboutlist .ab2:hover{
    background: url(../images/t11.png) no-repeat 8% 50%;
}
.aboutlist .ab3 {
    background: url(../images/t2.png) no-repeat 5% 50%;
    /*width: 202px;*/
    width: 33%;
}
.aboutlist .ab3:hover{
    background: url(../images/t11.png) no-repeat 8% 50%;
}

#scroll_zero {
    position: relative;
    height: 190px;
    padding-right: 33px;
    border-bottom: 1px solid #dbdbdb;
}

#scroll_zero .content {
    height: 187px;
    position: relative;
    overflow: hidden;
    text-indent:20px; 
}

.bottom_scroll {
    width: 4px;
    height: 360px;
    position: absolute;
    right: 10px;
    top: -45px;
    background: #a0a0a0;
}

.bottom_scroll span {
    float: left;
    width: 20px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
    text-indent: 99em;
    overflow: hidden;
}

.scroll_border {
    width: 4px;
    height: 100%;
    position: relative;
}

.scroll_btn {
    cursor: pointer;
    width: 10px;
    height: 9px;
    background: url(../images/arrow3.png) no-repeat 50% 50%;
    position: absolute;
    left: -3px;
    top: 0;
}

.scroll_btn.now {}

.bottom_scroll span.scroll_left {
    background-image: url(buttongroup.png);
    background-repeat: no-repeat;
    background-position: center -32px;
}

.bottom_scroll span.scroll_rig {
    background-image: url(buttongroup.png);
    background-repeat: no-repeat;
    background-position: center -48px;
}





 
.apply {
    margin-top: 44px;
}

.applybg {
    height: 423px;
    background: url(../images/pcbg.jpg) no-repeat 50% 0;
    margin-top: 22px;
}
.applybg .content{
    width: 1450px;
    position: relative;
    left: 50%;
    margin-left: -725px;
}

.case-cate {
    padding-top: 110px;
    /*width: 1450px;*/
    /*position: relative;*/
    /*left: 50%;*/
    /*margin-left: -725px;*/
    /*margin: 0 auto;*/
}

.case-cate li {
    /*width: 21%;*/
    margin: 0 10px;
    float: left;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative;
    top: 0;
}

.case-cate li:hover {
    /*background: #e83227;*/
    /*padding-bottom: 15px;*/
    /*top: -15px;*/
}

.case-cate li a {
    display: block;
}
.case-cate li a img{
    /*width: 100%;*/
	width: 269px;
	height: 194px;
}

.case-cate li .biti{
    color: #fff;text-align: center;font-size: 16px;padding-top: 24px;line-height: 16px;	letter-spacing: 2px;
}
.case-cate li:hover .biti{
    color: #bf3131;
}





.case-cate li.ct1 .img {
    background: url(../images/a1.png) no-repeat 50% 50%;
}

.case-cate li.ct2 .img {
    background: url(../images/a2.png) no-repeat 50% 50%;
}

.case-cate li.ct3 .img {
    background: url(../images/a3.png) no-repeat 50% 50%;
}

.case-cate li.ct4 .img {
    background: url(../images/a4.png) no-repeat 50% 50%;
}

.case-cate li.ct1:hover .img {
    background: url(../images/a11.png) no-repeat 50% 50%;
}

.case-cate li.ct2:hover .img {
    background: url(../images/a22.png) no-repeat 50% 50%;
}

.case-cate li.ct3:hover .img {
    background: url(../images/a33.png) no-repeat 50% 50%;
}

.case-cate li.ct4:hover .img {
    background: url(../images/a44.png) no-repeat 50% 50%;
}

.case-cate .tits {
    color: #fff;
    font: 400 18px/46px "Microsoft Yahei";
    position: relative;
    padding-top: 25px;
}

.case-cate .tits:before {
    width: 45px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -22px;
    content: "";
}

.case-cate .intro {
    color: #fff;
    font: 400 14px/32px "Microsoft Yahei";
    display: none;
}

.case-cate li:hover .intro {
    display: block;
}


#demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#indemo {
    float: left;
    width: 800%
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

#m_demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#m_indemo {
    float: left;
    width: 800%
}

#m_demo1 {
    float: left;
}

#m_demo2 {
    float: left;
}





/*新闻*/

/*box5*/
.box5{
    overflow: hidden;
    padding: 50px 0 60px;
}
.b5_index{
    width: 100%;
    overflow: hidden;
    margin-top: 27px;
    background: #f3f3f3;
    padding-top: 72px;
    padding-bottom: 70px
}
.newstit{
    width: 100%;
    height: 31px;
    border-bottom: 1px solid #c6c6c6;
    overflow: hidden;
}
.newstit .hd{
    width: 145px;
    float: left;
}
.newstit .hd ul{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.newstit .hd ul:before{
    content: "/";
    display: block;
    position: absolute;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    left: 70px;
    top: 0;
    font-weight: bold;
}
.newstit .hd ul li{
    width: 64px;
    float: left;
    margin-right: 17px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    height: 31px;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: bold;
}
.newstit .hd ul li:last-of-type{margin-right: 0;}
.newstit .hd ul li.on{
    color: #f90000;
    border-bottom: 2px solid #f90000;
}
.newstit .b5more{
    display: block;
    float: right;
    font-size: 12px;
    line-height: 17px;
    color: #666666;
}
.newstit .b5more:hover{
    color:#ef3e32;
}
.newstit h4{
    float: left;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
}
.b5_fl{
    width: 756px;
    overflow: hidden;
}
.newsindex1{
    width: 100%;
    overflow: hidden;
}
.newslfl{
    width: 340px;
    overflow: hidden;
    background-color: #F1F1F1;
    margin-top: 35px;
}
.newslfl .newsimg1{
    width: 340px;
    height: 222px;
    overflow: hidden;
}
.newslfl .newsimg1 img{width: 100%;height: 100%;}
.newslfl .newscon1{
    width: 100%;
    height: 126px;
    box-sizing: border-box;
    padding: 16px 20px 0 20px;
    position: relative;
}
.newslfl .newscon1 .newsdate{
    width: 80px;
    height: 80px;
    background-color: #f90000;
    overflow: hidden;
    position: absolute;
    left: 17px;
    top: -45px;
    box-sizing: border-box;
    padding: 8px 0 0 0;
    text-align: center;
}
.newslfl .newscon1 .newsdate h3{
    font-family: Arial-BoldMT;
    font-size: 40px;
    line-height: 30px;
    color: #ffffff;
}
.newslfl .newscon1 .newsdate .newsdateline{
    width: 70px;
    height: 1px;
    margin:11px auto 6px auto;
    background-color: rgba(255,255,255,0.5);
}
.newslfl .newscon1 .newsdate p{
    font-family: ArialMT;
    font-size: 16px;
    line-height: 15px;
    color: #ffffff;
}
.newslfl .newscon1 .newscen1{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.newslfl .newscon1 .newscen1 h4{
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color: #111111;
    margin-left: 90px;
    margin-bottom: 10px;
}
.newslfl .newscon1 .newscen1 p{
    font-size: 14px;
    line-height: 24px;
    color: #111111;
}
.newslfl .newscon1 .newscen1 p a{
    display: inline-block;
    float: right;
    color: #f90000;
    font-size: 14px;
    line-height: 24px;
}
.newslfr{
    width: 393px;
    overflow: hidden;
    margin-top: 17px;
}
.newslfr ul{
    width: 100%;
    overflow: hidden;
    background: url(../images/b5line.png) no-repeat 6px 24px;
}
.newslfr ul li{
    width: 100%;
    padding-left: 25px;
    background: url(../images/b5dot.png) left 21px no-repeat;
    overflow: hidden;
    height: 52px;
    transition: all 0.4s linear;
}
.newslfr ul li:hover{background: url(../images/b5doth.png) left 21px no-repeat;}
.newslfr ul li a{
    display: block;
    border-bottom: 1px dashed #d0d0d0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.newslfr ul li a span:first-of-type{
    font-size: 14px;
    line-height: 52px;
    color: #333333;
    width: 290px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition: all 0.4s linear;
}
.newslfr ul li a span:nth-of-type(2){
    font-size: 12px;
    line-height: 52px;
    color: #999999;
    transition: all 0.4s linear;
}
.newslfr ul li:hover a span:first-of-type{color: #f90000;}
.newslfr ul li:hover a span:nth-of-type(2){color:#f90000; }
.b5_fr{
    width: 397px;
    overflow: hidden;
}
.newsindex2{
    width: 100%;
    overflow: hidden;
    margin-top: 23px;
}
.newsindex2 li{
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #eaeaea;
    padding: 13px 0 0 0;
}
.newsindex2 li h4{
    font-size: 14px;
    line-height: 20px;
    background: url(../images/wen.png) left center no-repeat;
    padding-left: 29px;
    color: #111111;
    margin-bottom: 2px;
}
.newsindex2 li p{
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    margin-left: 29px;
}


/* 新闻资讯 */
.news {
    margin-top: 47px;
}
.newsbg {
    background: #f3f3f3;
    margin-top: 27px;
}
    

.news_list1 {
    padding: 53px 0 70px 0;
}

.news_list1 li {
    width: 24%;
    float: left;
    background: #fff;
    padding: 20px 30px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.news_list1 li:hover {
    box-shadow: 3px 3px 3px #ddd;
}

.news_list1 li+li {
    margin-left: 10px;
}

.news_list1 li a {
    display: block;
    color: #323232;
    font: 600 16px/46px "Microsoft Yahei";
}

.news_list1 li p {
    color: #5a5a5a;
    font: 400 14px/24px "Microsoft Yahei";
    border-top: 1px dotted #c4c4c4;
    padding: 24px 0 15px;
    margin-top: 10px;
}

.news_list1 li a.more {
    color: #5a5a5a;
    font: 400 14px/24px "Microsoft Yahei";
    position: relative;
}

.news_list1 li a.more span {
    position: absolute;
    right: 0;
    top: 0;
    color: #5a5a5a;
}

.news_list1 li:hover a {
    color: #e83227;
}
.news_list1 li:hover a.more{
    color: #5a5a5a;
}



.industry {
    position: relative;
}

.industry img {
    max-width: 100%;
    height: auto;
}


.covers .text {
    position: absolute;
    height: 116px;
    top: 50%;
    margin-top: -58px;
    width: 100%;
    text-align: center;
    color: #000000;
    font: 400 20px/36px "Microsoft Yahei";
}

.covers .text p {
    font: 400 20px/30px "Microsoft Yahei";
    text-transform: uppercase;
}

.covers .text a {
    display: inline-block;
    width: 135px;
    color: #fff;
    font: 400 15px/38px "Microsoft Yahei";
    background: #0a64ae;
    margin-top: 12px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.covers .text a:hover {
    background: #e83227;
    color: #fff;
    width: 145px;
}


.downs {
    width: 620px;
	height: 341px;
    position: relative;
}

.downs img {
    max-width: 100%;
    height: auto;
}

.downs .covers {
    background: none;
}

.downs .covers .text {
    color: #151515;
}

.links{
    margin-bottom: 58px;
}
/* .kehu1{height:300px;} */
.kehu1 li{
    border: solid 1px #c9c9c9;
	width: 276px;
	height: 189px;
    float: left;
    margin-left: 9px;
    margin-right: 9px;
    position: relative;
}
.kehu1 li:hover{
    border: solid 1px #ef3e32;
}
.kehu1 li h3{    position: absolute;
    top: 189px;
    left: 97px;
    text-align: center;}
.hezuo{
    margin-top: 52px;
    margin-bottom: 44px;
}


.foot_link{
    height: 48px;
    background-color: #262626;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 48px;
}






/* 底部 */
.foot_bg{
    height: 281px;
	background: #373737;
}
.foot11{
    width: 50%;
    text-align: center;
    border-right: 1px dashed #fff;
    height: 141px;
    margin-top: 47px;
}
.foot11:nth-child(2){
    border:none;
}
.foot11 dd{
    text-align: left;
    padding-left: 87px;
}
.foot11 dd p:first-child{
    font:bold 16px/30px "MicrosoftYaHei";
    color: #ffffff;
}
.foot11 dd p{
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    line-height: 30px;
}
.foot11 dd a{
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    line-height: 30px;
}
.foot11 dd .jszc{
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    line-height: 30px;
}

.foot_ress{
    border-top: 1px dashed #fff;
    margin-top: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
}












/* 产品详情页面 */
.product-detail-swiper {
	width: 399px;
	float: left;
}

.product-detail-swiper .view {
	border: 1px solid #e5e5e5;
}

.product-detail-swiper .view .swiper-slide {
	outline: none;
}

.product-detail-swiper .view .slick-con {
	text-align: center;
	display: block;
	height: 318px;
	line-height: 318px;
	font-size: 0;
}

.product-detail-swiper .view .slick-con img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.product-detail-swiper .view .slick-con:after {
	content: "";
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

.product-detail-swiper .preview {
	margin: 0 -5px;
	position: relative;
	margin-top: 10px;
}

.product-detail-swiper .preview .swiper-slide {
	outline: none;
}

.product-detail-swiper .preview .swiper-slide.active-nav .slick-con {
	border-color: #005ca2;
}

.product-detail-swiper .preview .slick-con {
	text-align: center;
	display: block;
	height: 101px;
	line-height: 99px;
	margin: 0 5px;
	border: 1px solid #e1e1e1;
	font-size: 0;
}

.product-detail-swiper .preview .slick-con img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.product-detail-swiper .preview .slick-con:after {
	content: "";
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

.product-detail-swiper .preview .arrow-left,
    .product-detail-swiper .preview .arrow-right {
	position: absolute;
	z-index: 99;
	top: 50%;
	margin-top: -25px;
	width: 20px;
	height: 50px;
	background: rgba(89, 89, 89, 0.8);
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
}

.product-detail-swiper .preview .arrow-left {
	left: 5px;
}

.product-detail-swiper .preview .arrow-right {
	right: 5px;
}

.product-detail-lists {
	width: calc(100% - 440px);
	padding-top: 20px;
	float: right;
}

.product-detail-lists h1 {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	line-height: 65px;
}

.product-detail-lists .product-detail-item1 li {
	border-top: 1px solid #eee;
	padding: 25px 0;
	font-size: 18px;
	color: #333333;
}

.product-detail-lists .product-detail-item1 li span {
	font-size: 14px;
	color: #666666;
}

.product-detail-lists .product-detail-inquiry {
	margin-bottom: 20px;
}

.product-detail-lists .product-detail-inquiry a {
	display: inline-block;
	width: 80%;
	line-height: 60px;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	background: #292e39;
	border-radius: 2px;
}

.product-detail-lists .product-detail-inquiry a i {
	font-size: 20px;
	line-height: 0;
	vertical-align: -2px;
	margin-right: 5px;
}

.product-detail-lists .service-number {
	font-size: 14px;
	color: #333333;
}

.product-detail-lists .service-number span {
	font-size: 25px;
	color: #b80024;
}
.icon-arrowleft:before {
	content: "\e620"!important;
}

.icon-arrowright:before {
	content: "\e61f"!important;
}






.sitemp {
    border-bottom:1px solid #eee;
    height: 40px;
    margin-bottom: 25px;

}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    color:#333;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 40px;
}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}