/*初始化样式*/
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:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#3f99ff;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;}


/*滚动*/
#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;}



.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.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}






.roll_product {float: left;}

.plist{margin-top: 56px;}
.plist li{margin-right: 15px;margin-bottom: 15px;}
.plist li:nth-child(3n){margin-right: 0;}
.plist li a.img{border:1px solid #e5e5e5;display: block;}
.plist li a.img img{width: 388px;height: 388px;}
.plist li h3 a{display: block;color: #fff;font-size: 16px;font-weight: normal;}

/*头部样式*/
.top1{height: 39px;color: #b2b2b2;line-height: 39px;overflow: hidden;border-bottom: 1px solid #f7f7f7;}
.top2{height: 90px;overflow: hidden;}
.logowz{margin-top: 25px;color: #666666;font-size: 14px;margin-left: 24px;padding-left: 20px;background: url(../images/line1.png) no-repeat left center;}
#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 90px;}
.top2 .k2{margin-top: 25px;line-height: 24px;}
.qtel{color: #666666;font-size: 14px;padding-left: 50px;background: url(../images/tel.png) no-repeat left center;}
.hotline{margin-left: 58px;background: url(../images/tel2.png) no-repeat left center;}

.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: #b2b2b2;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

#menu{background:#3f99ff;height: 54px;}

/*热门搜索*/
.sou{margin: 15px 0;}
#formsearch{float:right;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#3f99ff;color:#fff;border:none;cursor:pointer;font-size: 12px;}


.owl-carousel .owl-nav .iconfont{line-height: 80px;}
#sliderDirThemb,#sliderDotThemb {
	border-color: #3f99ff;
}

#topSlider {
	background: 0 0
}

.ff_topSlider {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	display: block
}

.ff_topSlider .content_list {
	height: 100%;
	overflow: hidden;
	display: block;
	visibility: hidden
}

.ff_topSlider .content_list.owl-loaded {
	visibility: visible
}

.ff_topSlider .content_list[data-slider-mode="3"] {
	width: 3600px;
	padding: 40px 0
}

.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer {
	width: 3600px;
	height: 100%;
	left: 50%;
	margin-left: -1800px
}

.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:after,.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:before {
	content: '';
	width: 1200px;
	height: 100%;
	display: block;
	background-color: rgba(0,0,0,.5);
	position: absolute;
	z-index: 2;
	top: 0;
	border: #1c1c1c 30px solid;
	box-sizing: border-box
}

.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:before {
	left: 0
}

.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:after {
	right: 0
}

.ff_topSlider .content_list[data-slider-mode="3"] .owl-item.active .item_block p {
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	opacity: 0
}

.ff_topSlider .content_list[data-slider-mode="3"] .owl-item.active.active3 .item_block p {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.ff_topSlider .content_list .owl-item.active .item_block p {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.ff_topSlider .content_list .item_block {
	width: 100%;
	height: 100%;
	display: block;
	position: relative
}

.ff_topSlider .content_list .item_block div.item_bg {
	position: absolute;
	width: 100%;
	height: 100%
}

.ff_topSlider .content_list .item_block div.item_bg.image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%
}

.ff_topSlider .content_list .item_block div.item_bg.video video {
	width: 100%;
	height: 100%
}

.ff_topSlider .content_list .item_block div.mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3)
}

.ff_topSlider .content_list .item_block a {
	width: 100%;
	height: 100%;
	display: table;
	position: absolute;
	left: 0;
	top: 0
}

.ff_topSlider .content_list .item_block a div {
	display: table-cell;
	vertical-align: middle;
	padding: 100px 50px
}

.ff_topSlider .content_list .item_block a i {
	text-indent: 20px;
	font-size: 24px
}

.ff_topSlider .content_list .item_block p {
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	transition: all cubic-bezier(.215,.61,.355,1) .5s;
	-webkit-transition: all cubic-bezier(.215,.61,.355,1) .5s;
	opacity: 0;
	color: #fff;
	max-width: 1170px;
	margin: 0 auto
}

.ff_topSlider .content_list .item_block p.title {
	font-size: 46px;
	line-height: 46px;
	height: 46px;
	transition-delay: 0s
}

.ff_topSlider .content_list .item_block p.subtitle {
	font-size: 16px;
	height: 16px;
	color: #ddd;
	transition-delay: .2s;
	margin-top: 6px
}

.ff_topSlider .progress {
	display: none;
	width: 100%;
	height: 1px;
	background: rgba(150,57,71,.8);
	bottom: 0;
	position: absolute;
	width: 0;
	z-index: 1
}

.ff_topSlider .owl-nav {
	height: 0;
	top: 50%;
	-webkit-transform: translateY(calc(-50%));
	-ms-transform: translateY(calc(-50%));
	transform: translateY(calc(-50%));
	position: absolute;
	width: 100%;
	margin: 0
}

.ff_topSlider .owl-nav .owl-next,.ff_topSlider .owl-nav .owl-prev {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.ff_topSlider .owl-nav .owl-prev {
	position: absolute;
	left: 0
}

.ff_topSlider .owl-nav .owl-next {
	position: absolute;
	right: 0
}

.ff_topSlider .owl-nav .owl-next,.ff_topSlider .owl-nav .owl-prev {
outline: none;
    position: absolute;
    top: 50%;
    z-index: 9999;
    background: rgba(0,0,0,.4);
    height: 80px;
    line-height: 80px;
    width: 36px;
    margin-top: -32.5px;
    border-radius: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.icon-back:before {
    content: "\e620";
}
.owl-prev{margin-left: 16px;}
.owl-next{margin-right: 16px;}
.icon-more:before {
    content: "\e61f";
}
.ff_topSlider .owl-nav .owl-prev:hover{background: #3f99ff;};
.ff_topSlider .owl-dots {
	position: absolute;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(1) span:after {
	content: "01"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(2) span:after {
	content: "02"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(3) span:after {
	content: "03"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(4) span:after {
	content: "04"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(5) span:after {
	content: "05"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(6) span:after {
	content: "06"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(7) span:after {
	content: "07"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(8) span:after {
	content: "08"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(9) span:after {
	content: "09"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(10) span:after {
	content: "10"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(11) span:after {
	content: "11"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(12) span:after {
	content: "12"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(13) span:after {
	content: "13"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(14) span:after {
	content: "14"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(15) span:after {
	content: "15"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(16) span:after {
	content: "16"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(17) span:after {
	content: "17"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(18) span:after {
	content: "18"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(19) span:after {
	content: "19"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(20) span:after {
	content: "20"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(21) span:after {
	content: "21"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(22) span:after {
	content: "22"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(23) span:after {
	content: "23"
}

.ff_topSlider .owl-dots .owl-dot:nth-of-type(24) span:after {
	content: "24"
}

.ff_indexPage .service .content_list::after,.npagePage:not(.post) .service .content_list::after {
	content: "";
	display: block;
	clear: both
}

.ff_indexPage .service .content_wrapper,.npagePage:not(.post) .service .content_wrapper {
	position: relative;
	margin-right: -15px
}

.ff_indexPage .service .content_wrapper.slider,.npagePage:not(.post) .service .content_wrapper.slider {
	margin-right: 0
}

.ff_indexPage .service .content_wrapper.slider .item_block,.npagePage:not(.post) .service .content_wrapper.slider .item_block {
	margin-bottom: 0
}

.ff_indexPage .service .owl-item .item_block,.npagePage:not(.post) .service .owl-item .item_block {
	width: 100%
}

.ff_indexPage .service .item_block,.npagePage:not(.post) .service .item_block {
	transition: all .36s ease;
	width: calc(100% / 4 - 15px);
	height: auto;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	position: relative;
	box-shadow: 0 0 0 rgba(0,0,0,.15)
}
.ff_topSlider .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    font-size: 16px;
        -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.ff_topSlider .owl-dots .owl-dot span:after {
    font-size: 16px;
    font-family: HELVETICANEUELTCOM-LTEX;
    color: #fff;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.ff_topSlider .owl-dots .owl-dot span{position: relative;}
.ff_topSlider .owl-dots .owl-dot span, .imagelink .owl-dots .owl-dot span, .mlist .owl-dots .owl-dot span{    margin: 7px;}
.ff_topSlider .owl-theme .owl-dots .owl-dot:last-of-type.active span {
    padding-left: 146px;
    padding-right: 0;
}
.ff_topSlider .owl-theme .owl-dots .owl-dot span:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 31px;
    background-color: #fff;
    width: 0;
    height: 1px;
    transition: .36s ease;
}
.ff_topSlider .owl-theme .owl-dots .owl-dot.active span:before {
    width: 146px;
}
.ff_topSlider .owl-theme .owl-dots .owl-dot:last-of-type span:before {
    left: auto;
    right: 31px;
}
.ff_topSlider .owl-theme .owl-dots .owl-dot:last-of-type.active span:before {
    left: auto;
    right: 31px;
}

/*导航栏样式*/
.demo-menu{float: none;}
.nav{height:54px;}
.nav li{line-height:54px;height:54px;margin: 0; text-align:center;width:150px;float:left;position:relative;z-index:999;background: url(../images/line2.png) no-repeat right center;}
.nav li:last-child{background: none;}
.nav li a{display:block;line-height:54px;color:#fff;height:54px;padding: 0;font-size: 16px;}
.nav li a:hover{color:#fff;text-decoration:none;background-color:#0d6cd8;}
.demo-menu>li.active>a, .demo-menu>li>a:hover {
    background: #0d6cd8;
    color: #fff;
}
.nav .sec{height:0;background:#3f99ff;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:54px;left:0px;}
.nav .sec a{background:#3f99ff;color:#fff;height:38px;line-height:38px;width:150px;}
.nav .sec a:hover{background:#0d6cd8;text-decoration:none;}

.bsort{padding-top: 40px;}
.box1{height:5635px;background: url(../images/bj1.png) no-repeat top center;}
.bsort li{position: relative;margin-right: 21px;}
.bsort li:last-child{margin-right: 0;}
.bsort li a.aa{display: block;text-align: center;}
.bsort li a.aa span{font-size: 16px;font-weight: bold;color: #252525;display: block;padding-top: 15px;}
.tab1{position: absolute;margin-left: 10px;width: 190px;left: -61px;bottom:122px;z-index: 99999; 
	display: none;
}

.tab1 .tt_header {
    position: absolute;
    top: -17px;
    left: 0px;
    background-image: url(../images/tt_s2_top.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 17px;
    width: 190px;
}

.tab1 .tt_con {
  position:relative;
  width:180px;
  background:url(../images/tt_s2_bt.png) left bottom no-repeat;
  padding-right: 17px;
  padding-bottom: 28px;
  padding-left: 17px;
}
.tab1 .tt_con p {
  padding-top: 5px;
}
.tab1 .tt_con ul {
  position:static;
  width:157px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.tt_con ul li {
  float:none;
  width:auto;
  height:auto;
  display:block;
  background:none;
}
 .tt_con ul li a {
  line-height:14px;
  margin: 0px;
  height: auto;
  display: inline-block;
  background-image: url(../images/dot_delta_5t9.png);
  background-repeat: no-repeat;
  background-position: left 8px;
  padding:2px 0 0px 10px;
  line-height: 20px;
  color: #484848;
  font-size: 14px;
}

.bsort li:hover .tab1{display: block;}
.bsort{padding-bottom: 40px;border-bottom: 1px solid #f2f2f2;}


dt{font-weight: normal;}


.anli{margin-top: 35px;}
.ctt{text-align: center;background: url(../images/line3.png) no-repeat bottom center;}
.ctt dd{color: #404040;font-size: 28px;}
.ctt dd span{color: #3f99ff;}
.ctt dt{color: #666666;font-size: 18px;padding-bottom: 20px;}
.case_list1{margin-top: 30px;}
.case_list1 li{margin-right: 23px;}
.case_list1 li:last-child{margin-right: 0px;}
.case_list1 li a.img img{display: block;width: 282px;height: 300px;}
.case_list1 li h3 a{font-weight: normal;font-size: 18px;color: #585858;display: block;text-align: center;padding: 15px 0 5px 0;}
.intro{color: #999999;font-size: 14px;text-align: center;}
.feng a{width: 181px;height: 36px;font-size: 14px;color: #989898;border:1px solid #989898;text-align: center;margin: 0 auto;line-height: 36px;margin-top: 16px;display: block;}
.case_list1 li:hover .feng a{color: #fff;background: #3f99ff;}




.anli .wh{padding-bottom: 69px;border-bottom: 1px solid #f2f2f2;}

.cpzx{margin-top: 68px;}
.product_list1 {margin-top: 35px;}
.product_list1 li{margin-right: 15px;}
.product_list1 li:nth-child(3n){margin-right: 0;}
.product_list1 li a.img img{display: block;width: 390px;height: 390px;}
.product_list1 li h3 a{font-size: 16px;color: #444444;font-weight: normal;text-align: center;display: block;height:52px;line-height: 50px;}
.product_list1 li:hover h3 a{color: #3f99ff;}
.cpzx .pmore{
	width: 241px;
	height: 55px;
	border-radius: 2px;
	border: solid 1px #3f99ff;
	display: block;
	margin-top: 25px;
	line-height: 55px;
	margin: 0 auto;
	margin-top: 20px;
	padding-left: 39px;
	background: url(../images/jt.png) no-repeat 196px center;
}
.cpzx .pmore span{float:left;color: #3f99ff;font-size: 18px;}
.cpzx .pmore i {float:left;color: #3f99ff;font-size:20px;font-style: normal;padding-left: 7px;}
.cpzx .pmore:hover span{color: #fff;}
.cpzx .pmore:hover i{color: #fff;}
.cpzx .pmore:hover{background:#3f99ff url(../images/jt1.png) no-repeat 196px center;}

.cpzx .ctt dd{padding-bottom: 18px;}

.ht{margin-top: 69px;}
.ht img{display: block;width: 1200px;}


.dian{margin-top: 65px;    overflow: hidden;}

.dian .ctt dd{padding-bottom: 18px;}
.product_list22{margin-top: 30px;}
.product_list22 li {margin: 0 23px 30px 0;position: relative;overflow: hidden;height:300px;}
.product_list22 li:nth-child(4n){margin-right: 0;}
.product_list22 li a.img img{display: block;width:282px;height:300px;}
.product_list22 li h3 a{display: block;font-weight: normal;text-align: center;font-size: 18px;color: #fff;background: rgba(63,153,255,.55);position: absolute;bottom:-300px;width: 100%;height: 100%;line-height: 300px;}
.product_list22 li:hover h3 a{bottom: 0;-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;}



.dian .pmore{
	width: 241px;
	height: 55px;
	border-radius: 2px;
	border: solid 1px #3f99ff;
	display: block;
	margin-top: 25px;
	line-height: 55px;
	margin: 0 auto;
	margin-top: 10px;
	padding-left: 39px;
	background: url(../images/jt.png) no-repeat 196px center;
}
.dian .pmore span{float:left;color: #3f99ff;font-size: 18px;}
.dian .pmore i {float:left;color: #3f99ff;font-size:20px;font-style: normal;padding-left: 7px;}
.dian .pmore:hover span{color: #fff;}
.dian .pmore:hover i{color: #fff;}
.dian .pmore:hover{background:#3f99ff url(../images/jt1.png) no-repeat 196px center;}


.xinwen{margin-top: 141px;}
.xinwen .ctt dd{padding-bottom: 18px;}
.news_list1{margin-top: 36px;}
.news_list1 li{width: 580px;padding-bottom: 27px;border-bottom: 1px solid #d7d7d7;}
.news_list1 li:last-child{float: right;}
.news_list1 li a.img img{
	width: 224px;
	height: 150px;
	display: block;
}
.nei{width: 337px;margin-left: 15px;}
.nei a{color: #595959;font-size: 18px;display: block;line-height: 36px;}
.sumy{color: #808080;font-size: 14px;line-height: 24px;}
.news_list1 li .ntime{color: #b3b3b3;font-size: 14px;padding-left: 22px;margin-top: 15px;background: url(../images/tm.png) no-repeat left center;}
.news_list1 li:hover .nei a{color: #3f99ff;}



.xinwen .pmore{
	width: 241px;
	height: 55px;
	border-radius: 2px;
	border: solid 1px #3f99ff;
	display: block;
	margin-top: 25px;
	line-height: 55px;
	margin: 0 auto;
	padding-left: 39px;
	margin-top: 40px;
	background: url(../images/jt.png) no-repeat 196px center;
}
.xinwen .pmore span{float:left;color: #3f99ff;font-size: 18px;}
.xinwen .pmore i {float:left;color: #3f99ff;font-size:20px;font-style: normal;padding-left: 7px;}
.xinwen .pmore:hover span{color: #fff;}
.xinwen .pmore:hover i{color: #fff;}
.xinwen .pmore:hover{background:#3f99ff url(../images/jt1.png) no-repeat 196px center;}



.he{height: 782px;background: url(../images/bj2.jpg) no-repeat top center;margin-top: 70px;padding-top: 68px;}
.htt{text-align: center;color: #fff;font-size: 28px;padding-bottom: 18px;    text-align: center; background: url(../images/line3.png) no-repeat bottom center;}
.hul{margin-top: 33px;margin-left: 28px;}
.hul li{margin: 0 24px 30px 0;}
.hul li:nth-child(4n){margin-right: 0;}
.hul li  a{border:7px solid #d7d7d7;display: block;}
.hul li a img{display: block;width: 254px;height: 164px;}


.box3{margin-top: 70px;}
.cul li{border:1px solid #f2f2f2;width: 200px;}
.cul li a{display: block;height: 200px;text-align: center;}
.cul li .mc{color: #595959;font-size: 16px;}
.cul li .img{margin-top: 40px;height: 110px;line-height: 110px;}

.foot{background: #222d3f;height: 380px;padding-top: 55px;}
.ly h3{color: #fff;font-size: 20px;}
.tright{width: 826px;}
.dao{border-bottom: 1px solid #656c79;padding-bottom: 25px;}
.dao a{color: #fff;font-size: 16px;color: #fff;padding-right: 84px;}
.dao a:last-child{padding-right: 0;}
.ft1{margin-top: 35px;}
.f_link{width: 396px;color: #fff;margin-right: 45px;}
.f_link h3{font-size: 16px;}
.f_link  a{color: #fff;line-height: 36px;font-size: 14px;padding-right: 25px;}
.ewm1{text-align: center;color: #fff;font-size: 14px;line-height: 24px;}
.dlx .qtel{color: #fff;background: url(../images/tt1.png) no-repeat left center;margin-bottom: 15px;}
.dlx .hotline{color: #fff;background: url(../images/tt2.png) no-repeat left center;margin-left: 0;}
.dlx .qtel span{color: #fff!important;}
.bq{line-height: 52px;color: #999999;font-size: 14px;border-top: 1px solid #656c79;}
.bq a{color: #999999;}
.tbox{height:267px}


.message1{margin-top: 25px;}
.xm{margin-bottom: 12px;}
.xm input{width: 310px;height: 48px;line-height: 48px;background: #fff;border:none;font-size: 14px;color: #e6e6e6;padding-left: 17px;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #e6e6e6;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #e6e6e6;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #e6e6e6;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #e6e6e6;
}
.tj .demo-submit{
	width: 310px;
	height: 48px;
	border:none;
	background: url(../images/tj.png) no-repeat top center;
	display: block;
	margin-top: 5px;

}
.tj #checkcode{height: 34px;line-height: 34px;border:none;padding-left: 17px;}









/*内页左侧样式*/


.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:300px;}
.xypg-product-list li{width: 274px;}
.xypg-product-list li .img img{width: 271px;height: 288px;}
.relate-product-slick .owl-item .img img{    width: 213px;height: 227px;}
.xypg-case-list li .img img{width: 300px;height: 157px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}


#container {
    width: 1200px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 52px;
}

.left {
    width: 269px;
    float: left;
    position: relative;
    margin-top: -156px;
}

.left .box {
    margin-bottom: 32px;
}


.left .box h3 {
    line-height: 31px;
    font-weight: bold;
    font-family: "微软雅黑";
}

.left .sort_menu1 h3 {
    color: #fff;
    padding-left: 24px;
    height: 269px;
    background: #3f99ff;
    font-size: 34px;
    text-transform: uppercase;
    box-sizing: border-box;
    overflow: hidden;
}




/*内页推荐产品*/
.tuijian {
    padding-bottom: 255px;
}

.tuijian h2 {
    background: #3f99ff;
    color: #fff;
    font: 400 25px/88px "微软雅黑";
    text-align: center;
}

.tuijian .content {
    padding: 25px 20px 8px;
    text-align: center;
    border: 3px solid #3f99ff;
    border-top: none;
}

.right .contentt {
    padding-top: 0;
    margin-top: 30px;
}

.ht2 {
    margin: 28px 0 12px;
}
.mlist li {
    border: 1px solid #e5e5e5;
    margin-bottom: 22px;
}

.mlist li a.img{
    display:block;
}
.mlist li a.img img {
    width: 220px;
    height: 164px;
}

.mlist li h3 {
    text-align: center;
}

.mlist li h3 a {
    font-weight: normal;
    color: #333;
    font: 400 14px/40px "微软雅黑";
}

.mlist li h3 a:hover {
    color: #3f99ff;
}

#mdemo {
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    height: 950px;
    margin-bottom: 25px;
}

#mindemo {
    height: 100%;
}


/*案例列表*/

.cinlist dl {
    padding: 14px 36px 14px 14px;
    border: 1px solid #e5e5e5;
    margin-bottom: 42px;
}

.cinlist dd {
    width: 248px;
    float: left;
}

.cinlist dd img {
    width: 248px;
    height: 236px;
}

.cinlist dt {
    width: 538px;
    float: right;
}

.cinlist dt > a {
    color: #4e4d4d;
    font-weight: 400;
    font-size: 22px;
    line-height: 70px;
    height: 70px;
    border-bottom: 1px dashed #dcdcdc;
    display: block;
    overflow: hidden
}

.cinlist dt span {
    display: block;
    color: #777777;
    font: 400 16px/26px "微软雅黑";
    margin-top: 5px;
    height: 104px;
    overflow: hidden;
}

.cinlist dt a.case_more {
    margin-top: 17px;
    border: none;
    color: #fff;
    font: 400 14px/26px "微软雅黑";
    display: block;
    width: 105px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    background: #3f99ff;
    border-radius: 12px;
    float: right;
}

.cinlist dt > a.case_more:hover {
    color: #fff;
}

.cinlist dt > a:hover{
    color: #3f99ff;
}

.tabs-cont {
    margin-top: 0;
}

.left .sort_menu1 h3 {
    padding-top: 40px
}

.left .sort_menu1 h3 p {
    margin-top: 50px
}

#focus1, #focus2, #focus3 {
    width: 808px;
    height: 371px;
    overflow: hidden;
    position: relative;
}

#focus1 ul, #focus2 ul, #focus3 ul {
    height: 371px;
    position: absolute;
    padding-right: 0;
}

#focus1 ul li, #focus2 ul li, #focus3 ul li {
    float: left;
    width: 808px;
    height: 371px;
    overflow: hidden;
    position: relative;
}

#focus1 ul li a.img, #focus2 ul li a.img, #focus3 ul li a.img {
    width: 448px;
    float: left;
    margin-right: 0;
}

#focus1 ul li a.img img, #focus2 ul li a.img img, #focus3 ul li a.img img {
    height: 369px;
    width: 389px;
    display: block;
    border: 1px solid #c9c9c9;
}

#focus1 .btnBg1, #focus2 .btnBg2, #focus3 .btnBg3 {
    position: absolute;
    width: 750px;
    height: 20px;
    left: 0;
    bottom: 0;
    display: none
}

#focus1 .btn1, #focus2 .btn2, #focus3 .btn3 {
    position: absolute;
    width: 750px;
    height: 10px;
    padding: 5px 10px;
    right: 0;
    bottom: 0;
    text-align: right;
    display: none
}

#focus1 .btn1 span, #focus2 .btn2 span, #focus3 .btn3 span {
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 25px;
    height: 10px;
    _font-size: 0;
    margin-left: 5px;
    cursor: pointer;
    background: #fff;
}

#focus1 .btn1 span.on1, #focus2 .btn2 span.on2, #focus3 .btn3 span.on3 {
    background: #fff;
}

#focus1 .pre1, #focus1 .next1, #focus2 .pre2, #focus2 .next2, #focus3 .pre3, #focus3 .next3 {
    position: absolute;
    bottom: 12px;
}

#focus1 .pre1, #focus2 .pre2, #focus3 .pre3 {
    right: 58px;
}

#focus1 .next1, #focus2 .next2, #focus3 .next3 {
    right: 0px;
}

.tabs-cont {
    display: none;
    background: #f5f5f5;
    padding: 32px 30px 30px 42px;
}

.pdetail {
    width: 323px;
    float: right;
    color: #646464;
    margin: 25px 0;
}

.pdetail h3 a {
    display: block;
    color: #2f2f2f;
    font-size: 30px;;
    line-height: 70px;
}

.pdetail .p {
    font: 400 16px/29px "微软雅黑";
    color: #606060
}

.pdetail span {
    display: block;
    line-height: 25px;
    padding-right: 38px;
    margin-top: 8px;
}

.pdetail a.pxq {
    background: #3f99ff;
    width: 118px;
    height: 30px;
    text-align: center;
    font: 600 14px/30px "微软雅黑";
    display: block;
    color: #fff;
    margin-top: 18px;
}

.pdetail h3 a:hover {
    color: #3f99ff;
}

.pdetail a.pxq:hover {
    color: #3f99ff;
}

.sd p {
    display: inline;;
}

.pline{
    padding-bottom:43px;
    margin-bottom:35px;
    background:url(../images/pline.jpg) no-repeat left bottom;
}

.right1 {
    width: 880px;
    float: right;
    padding-bottom: 10px;
}

.posi {
    color: #747474;
    font: 400 18px/56px "微软雅黑";
    background: url(../images/site1.png) no-repeat left bottom;
    margin-bottom: 15px;
    position: relative;
}

.posi a{
    color: #747474;
}
.posi a:hover{
    color: #3f99ff;
}
.posi a.amore {
    position: absolute;
    top: 6px;
    right: 0;
    color: #fff;
    font-size: 14px;
    width: 118px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: block;
    background: #c8aa82;
    border-radius: 6px;
    display: none;
}

.right .content {
    padding-top: 15px;
    line-height: 24px;
}


.product_list2 li{float:left;margin-right:17px;margin-bottom:40px;_display:inline;}
.product_list2 li a.img{display: block;overflow: hidden;border:1px solid #e5e5e5;}
.product_list2 li a.img img{width:280px;border-bottom:none;transition:.3s;transform:scale(1);}
.product_list2 li:hover a.img img{transition:.3s;transform:scale(1.1)}
.product_list2 li h3{text-align:center;}
.product_list2 li h3 a{font-weight:normal;display: block;line-height:42px;background: #3f99ff;color:#fff;font-size:16px;}
.product_list2 li a.img{display:block;}
.product_list2 li:nth-child(3n){margin-right:0;}




.xinlist dl{margin-bottom:68px;}
.xinlist dd{width:319px;float:left;}
.xinlist dd img{width:319px;height:319px;}
.xinlist dt{width:548px;float:right;}
.xinlist dt>a{color:#4e4d4d;font-weight:400;font-size:22px;line-height:50px;border-bottom:1px dashed #dcdcdc;display: block;}
.xinlist dt>span{display:block;color:#646464;font:400 14px/26px "微软雅黑";margin-top:24px;height:78px;overflow: hidden;}
.xinlist dt p{margin-top:47px;border:none;color:#838383;font:400 14px/26px "微软雅黑";display: block;float:right}
.xinlist dt>a:hover{color:#3f99ff;}


.xypg-left-nav {border: #3f99ff 3px solid;border-top: none;
	padding: 25px 8px 0 12px;
}

/* .xypg-left-nav > li + li {
    border-top: 1px solid #e4e4e4
} */

.xypg-left-nav > li {position: relative;margin-bottom: 12px;}

.xypg-left-nav > li > a {
    color: #676767;
    font: 400 16px/60px "微软雅黑";
    display: block;
    padding-left: 30px;
}

.xypg-left-nav > li .first-nav-btn {
    position: absolute;
    z-index: 99;
    width: 20px;
    text-align: center;
    font-family: iconfont;
    top: 23px;
    right: 25px;
    cursor: pointer;
    /*display: none;*/
}

.xypg-left-nav > li .first-nav-btn:after {
    content: "\E61F"
}

.xypg-left-nav > li .first-nav-btn.clicked:after {
    content: "\E638"
}

.xypg-left-nav > li.clicked > a, .xypg-left-nav > li:hover > a {
    background: #3f99ff ;
    color: #fff
}

.xypg-left-nav > li.clicked .first-nav-btn, .xypg-left-nav > li:hover .first-nav-btn {
    color: #fff
}

.xypg-left-nav .xypg-left-subnav {
    display: none;
    padding: 8px 0
}

.xypg-left-nav .xypg-left-subnav > li {
    padding: 8px 45px 8px 25px
}

.xypg-left-nav .xypg-left-subnav > li > a {
    display: block;
    line-height: 20px;
    color: #595959;
    font-size: 15px
}

.xypg-left-nav .xypg-left-subnav > li.clicked > a, .xypg-left-nav .xypg-left-subnav > li > a:hover {
    color: #3f99ff
}

.xypg-left-nav .xypg-left-threenav > li > a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #999;
    padding-left: 10px
}

.xypg-left-nav .xypg-left-threenav > li > a:before {
    content: "\2014 "
}

.xypg-left-nav .xypg-left-threenav > li.clicked > a, .xypg-left-nav .xypg-left-threenav > li > a:hover {
    color: #3f99ff
}

@media (max-width: 990px) {
    /*.xypg-left-nav .xypg-left-threenav {*/
    /*display: block*/
    /*}*/
}
.xypg-left-nav>li+li{border:none;}


  .xypg-left-nav.tub li> a {
    background:#3f99ff ;
    color: #fff;
}