@charset "utf-8";
/* CSS Document */
body {min-width:320px; margin:0px; padding:0px; font-size:12px; font-family:'微软雅黑';}
ol,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5,img{ margin:0px; padding:0px;}
ol,ul,li{ list-style:none; padding:0; margin:0;}
img{ border:none;}
a{text-decoration:none; border:none; margin:0; padding:0;}
.clear{ clear:both;}
.st{font-family:"宋体"}
input,textarea{ outline:0; resize:none; border:none; _border:0; margin:0; padding:0;}
input{ margin:0; padding:0; border:none;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.li_img {display:table; text-align:center;*position:relative;*overflow:hidden;}
.li_img a{display:table-cell; vertical-align:middle; text-align:center;*position:absolute;*left:50%;*top:50%;}
.li_img a img{*position:relative;*left:-50%; *top:-50%; vertical-align:middle; }


.top{width:1170px; margin:0 auto;}
.logo{width:228px; margin-left:1%;}
.top_right{width:67%;}
.top_right p{color:#939393; margin:2% 0 4%; text-align:right}
.top_right p a{color:#939393; padding:0 5px;}
.nav{text-align:right; width:100%; float:right; margin-top:3px;}
.nav li{float:left; width:14.2%}
.nav li a{ width:100%; text-align:center; display:block; float:left;color:#605f5f; font-size:14px; font-weight:600;}
.nav li a:hover{ color:#015DA6}
#nav li ul {left: -999em;position: absolute;
background:#E4E4E4 ; z-index:100;width:115px; top:85px
}
#nav li ul li{ float:none; margin:0px;width:100%;color:#000;}/*覆盖上面的#nav li*/
#nav li ul li a{display:block;color:#605f5f;text-align:center; height:33px;line-height:33px;text-decoration:none;width:100%;}/*覆盖上面的#nav li a*/
#nav li ul li a:hover {color:#015DA6;background:none;}

#nav li.sfhover ul {left:auto;}
#nav li.sfhover a{color:#015DA6}
#nav li.sfhover ul li a{color:#605f5f;}
#nav li.sfhover ul li a:hover{color:#015DA6;}


.nav_narrow{width:66px; float:right; margin-right:2%; display:none; position:relative;}
.nav_narrow ul{display:none; width:80px; position:absolute; top:33px; right:0;}
#nav_narrow{background:#e9eaef;}
#nav_narrow li a{ display:block;color:#3d4457; text-align:center; font-size:14px; line-height:18px;}
#nav_narrow li a:hover{background:#ffb400;}

.baner{width:100%; text-align:center;}
.baner img{vertical-align:middle;width:100%;}

.main_top{width:100%; background:#f4f4f4; padding-bottom:5%; background:url(../images/1.jpg) no-repeat}
.main_top_con{width:1170px; margin:0 auto 20px;}

.title{text-align:center;font-weight:600; padding:2% 0;}
.title span{color:#fff; font-size:24px; font-family:"Arial"; }
.title p{color:#0082d0; font-size:22px;}
.title p span{font-size:22px; color:#fff;font-family:'微软雅黑';}

.pro_nav{width:53.9%; margin:0 auto; margin-bottom:4%;}
.pro_nav li{float:left; width:17%; margin-right:2.4%;         /* W3C syntax */}
.pro_nav .last{margin-right:0;}
.pro_nav li a{display:block; width:100%;border: 5px solid #C4C4C4;-moz-border-radius: 20px;      /* Gecko browsers */-webkit-border-radius: 20px;   /* Webkit browsers */border-radius:20px;    background:#C4C4C4;  text-align:center;line-height:25px; color:#fff;}
.pro_nav li a:hover{background:#ef8300;border: 5px solid #ef8300;-moz-border-radius: 20px;      /* Gecko browsers */-webkit-border-radius: 20px;   /* Webkit browsers */border-radius:20px;    background:#ef8300; }
.pro_nav li a.cur{background:#ef8300;border: 5px solid #ef8300;-moz-border-radius: 20px;      /* Gecko browsers */-webkit-border-radius: 20px;   /* Webkit browsers */border-radius:20px;    background:#ef8300; }

.pro_list li{float:left; width:30.8%; text-align:center; margin: 0 1.2%;position:relative}
.pro_list .last{margin-right:0;}
.pro_list li .li_img{width:99.4%; background:#fff; padding:5.7% 0;height: 205px;}
.pro_list li .li_img img{width:68.9%;}
.pro_list .li_img2 {height: 205px;position: absolute;top: 0;left: 0;z-index: 9;opacity: 0;width: 100%;}
.pro_list li .li_img2 img{width:100%;}
.pro_list li p{color:#484848; font-size:14px; font-weight:600; margin:4% 0;}

.solutionall{ width:100%;background:url(../images/2.jpg) no-repeat}
.solution{margin-bottom:5%; width:1170px; margin:0 auto;padding-bottom: 3%;}
.title img{margin-top:1%;}
.zuo,.you{width:2.4%;}
.zuo{margin:9% 0.5% 0 0.5%;}
.you{margin:9% 0.5% 0 0;}
.solution_list{width:93.7%;}
.solution_list li{float:left; width:21.2%; margin:0 1.8%; padding-top:0.5%;background: #fff; text-align:center; border:1px solid #e1e1e1; position:relative;margin-bottom: 20px;}
.solution_list li{float:left; width:21.2%; margin:0 1.8%; padding-top:0.5%;background: #fff; text-align:center; border:1px solid #e1e1e1; position:relative;margin-bottom: 20px;}
.solution_list .last{margin-right:0;}
.solution_list li .li_img{width:95.9%; margin:0 auto}
.solution_list li .li_img img{width:100%;}
.solution_list li p{font-size:14px; font-weight:600; color:#605f5f; margin:13% 0;}
.solution_list li .more{position:absolute; left:48%; bottom:-2%;}
.solution_list .pic1 a .img_kuang{overflow:hidden;}
.solution_list .pic1 a .img_kuang img{transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}

.ckgd{width:160px; margin:5% auto 0;border:1px solid #9c9c9c; text-align:center;}
.ckgd a{color:#605f5f; font-weight:600; line-height:3.6em}

.caseall{ width:100%;background:url(../images/3.jpg) no-repeat;padding-bottom: 5%;}
.case,.main_mid,.main_btm{width:1170px; margin:0 auto;}
.tb{width:100%; border-collapse:0;}
.tb td{border:1px solid #dddddd; width:24.8%}
.tb td a img{width:100%;}


.main_midall{ width:100%;background:url(../images/4.jpg) no-repeat;padding: 3% 0;}
.main_mid{border:1px solid #e9e9e9; background: #fff;}
.news{width:49.8%; border-right:1px solid #e9e9e9}
.news_title{border-bottom:1px solid #e9e9e9; line-height:48px; margin-bottom:2%;}
.news_title span{ margin-right:1%;}
.news_title span a{color#969494; font-family:"Arial";}
.news_title p{font-size:16px; color:#333333;}
.news_title p img{vertical-align:middle; margin-left:1.5%;}

.news_con{padding-left:1.5%; width:90.1%;}
.news_con img,.news2_con img{margin-bottom:2%;}
.news_con li,.news2_con li{height:32px; line-height:32px; overflow:hidden; font-weight:bold;}
.news_con li span,.news2_con li span{float:right; color:#838383;}
.news_con li a,.news2_con li a{color:#555353;}

.news2{width:49.6%;}
.news2_con{width:95.9%;padding-left:1.5%;}


.main_btmall{ width:100%;background:url(../images/5.jpg) no-repeat}
.main_btm{}
.about_tl{margin-bottom:1%;}
.about_tl img{width:20%; float:left;}
.bt{width:78%; float:right;font-weight:600;}
.bt p{color:#605f5f; font-size:18px; font-family:"Arial"; margin:2% 0;}
.bt span{font-size:22px; color:#188bc9;}


.vedio{width:32.5%; text-align:center; border:2px solid #dcdcdc; border-radius:5px; padding:1.5% 0; margin-right:1%}
.vedio img{width:95.3%;}
.about{ margin-top:1%; margin-right:1%}
.about p{color:#848484; line-height:32px;font-weight:600;}
.about p a{color:#188bc9;}
.about ul{margin-top:4%;}
.about ul li{float:left; width:18.1%; margin-left:1.8%; _display:inline}

/*.about_conta{width:32.5%; margin-top:9px;color:#848484; line-height:32px;font-weight:600;}*/
.about_conta{ margin-top:9px;color:#848484; line-height:32px;font-weight:600;}
.about_conta p{color:#848484; line-height:32px;font-weight:600;}
.about_conta p a{color:#188bc9;}
.about_conta ul{margin-top:4%;}

.link{background:#ebebeb; width:100%;}
.link_con{width:1280px; margin:0 auto;}
.link_img{margin-left:10.9%; width:83px; margin-right:2%;}
.link_img img{width:100%;}
.link_con span {color:#605f5f; display:block; width:100%; padding:2% 0}
.link_con span a{ font-size:14px; color:#605f5f;font-weight:600;padding:0 2%; line-height: 20px;}

.bottom{width:100%; background:#50525a;}
.foot{width:1280px; margin:0 auto; }
.ft_left{width:74.6%; padding:3% 0 2%; background:url(../images/line1.jpg) no-repeat right center;}
.ft_left dl{ float:left; width:12%; text-align:center;}
.ft_left dl dt{color:#fff; font-weight:bold; padding-bottom:15%;}
.ft_left dl dd a{color:#fff; font-weight:bold; padding-bottom:15%; line-height:28px;}


.ft_right{width:22.6%; text-align:center; padding-top:4%}
.ft_btm{color:#a9a9a9; border-top:1px solid #66676e; text-align:center;}
.ft_btm p{padding:1% 0;}
.ft_btm a{color:#a9a9a9; padding:0 1%;}


/*xxy*/
.ban_btm{width:100%; height:42px; background:#5d5d5d;}
.ban_btm_con{width:1000px; margin:0 auto;color:#fff; line-height:42px;}
.ban_btm_con p{text-indent:2%;}
.ban_btm_con p a{color:#fff; font-size:14px; font-weight:600; }
.ban_btm_con span{margin-right:2%;}
.ban_btm_con span a{padding-left:5px;}



.xxy_top,.xxy_btm{width:1000px; margin:0 auto; text-align:center;line-height:2em;color:#5e5e5e; font-weight:600;}
.xxy_top span{font-size:24px; padding:4% 0 2%; display:block;}
.xxy_top p{ font-size:14px; }
.xxy_top img{margin:4% 0 6%;}

.xxy_mid{width:100%; background:url(../images/xxy_06.jpg) no-repeat; background-size:100% 100%;}
.xxy_mid_con{width:1000px; margin:0 auto;}
.tl{text-align:center; font-size:28px; color:#949494; font-weight:600; padding:3% 0 4%}
.xxy_mid_con .li_img{width:48%;}
.xxy_mid_con .li_img img{width:94.5%; margin:0 2% 1% 0;}
.xxy_mid_con .li_con{width:100%;}
.xxy_mid_con .li_con{color:#7d7d7d; line-height:26px;}


.xxy_btm{color:#7d7d7d; font-weight:600;}
.xxy_btm span{font-size:24px; display:block; padding:4% 0 3%;}
.xxy_btm .moshi{line-height:26px;}
.xxy_btm img{margin:6% auto;}

.ny_bottom{width:100%; border-bottom:1px solid #ededed; background:#f6f6f6; text-align:center; padding:1.5% 0;color:#605f5f}
.ny_bottom p a{color:#605f5f; padding:0 1%;}

.ny_footer{width:100%;background:#f6f6f6; text-align:center; padding:2% 0 3%;}
.ny_footer p{color:#7f7f7f; margin-bottom:1%;}
.ny_footer p a{color:#7f7f7f; padding:0 1%;}


/*cpy*/
.cp_list{width:1000px; margin:0 auto;}
.cp_list li{float:left; text-align:center; width: 30%;
margin: 0 1.6% 5% 1.6%; position:relative}
.cp_list .last{margin-right:0;}
.cp_list li .li_img{width:100%; height:180px; margin-bottom:6%}
.cp_list li .li_img img{width:100%;}
.cp_list li span a{color:#5e5e5e; font-size:14px; font-weight:600;}
.cp_list .li_img2{ height:180px; position:absolute; top:0; left:0; z-index:9; opacity:0;width:100%;}
.cp_list li .li_img2 img{width:100%;}


.xxy_midnewz {
width: 100%;
min-height:300px;
background-size: 100% 100%;
}

.solution_listnei{width:93.7%;margin: 0 auto;}
.solution_listnei li{float:left; width:21.2%; margin: 0.5% 1.8%; padding-top:0.5%; text-align:center; border:1px solid #e1e1e1; position:relative;}
.solution_listnei .last{margin-right:0;}
.solution_listnei li .li_img{width:95.9%; margin:0 auto}
.solution_listnei li .li_img img{width:100%;}
.solution_listnei li p{font-size:14px; font-weight:600; color:#605f5f; margin:13% 0;}
.solution_listnei li .more{position:absolute; left:48%; bottom:-2%;}

.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
#owl-demo2 .item2{
	border: 1px solid #e1e1e1;
	margin: 7.5%;
	text-align:center
}
#owl-demo2 p{
	font-size: 14px;
font-weight: 600;
color: #605f5f;
	margin: 13% 0;
	text-align:center
}

#owl-demo2 .item2 .more img{position:absolute; left:48%; bottom:5%;width:4.5%}
#owl-demo2 .item2 img{
	display: block;
	width: 94.5%;vertical-align: middle; padding-left:2.5%; padding-top:2.5%;
	height: auto;
}
.owl-theme .owl-controls{margin-top: 10px;text-align: center;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;}

/*.owl-theme .owl-controls.clickable .owl-buttons .owl-prev{ background:url(../images/index_14.jpg) no-repeat; width:33px; height:71px;}
.owl-theme .owl-controls.clickable .owl-buttons .owl-next{ background:url(../images/index_17.jpg) no-repeat;width:33px; height:72px;}*/
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}


span.color1{color:#7e7e7e;}
.title p span.color2{color:#484848;}




