@charset "utf-8";
/*========by:asoula513668065=========*/
html{height:100%;overflow:auto;overflow-y:scroll;}
body,html,span,div,ul,ol,li,dl,dd,dt,a,p,h1,h2,h3,h4,h5,h6,table,td,tr{color:#7d7c7c;list-style-type:none;margin:0;padding:0;font-size:12px;font-family:Microsoft YaHei,SimHei,SimSun;}
img{margin-top:0;margin-bottom:0;border:0 none;}
.cn1100{width:1100px;margin:0 auto;}.cn1232{width:1232px;margin:0 auto;}.cn {margin:0 auto;}
.mtop5 {margin-top:5px;}.mtop50 {margin-top:50px;}.mri11 {margin-right:11px;}.mbot30 {margin-bottom:30px;}.mbot35 {margin-bottom:35px;}.mbot50 {margin-bottom:50px;}.mleft10 {margin-left:10px;}.mleft30 {margin-left:30px;}.mleft36 {margin-left:36px;}.pbot50 { padding-bottom:50px;}.ptop22 { padding-top:22px;}.pad20 { padding:20px;}
.font13 { font-size:13px;}.font14 { font-size:14px;}.font15 { font-size:15px;}.font16 { font-size:16px;}.font18 { font-size:18px;}.font19 { font-size:19px;}.font24 { font-size:24px;}
.lin-height23 { line-height:23px;}.lin-height24 { line-height:24px;}.lin-height28 { line-height:28px;}.lin-height30 { line-height:30px;}.lin-height32 { line-height:32px;}.lin-height37 { line-height:37px;}.lin-height39 { line-height:39px;}.lin-height42 { line-height:42px;}
.border-b1 { border-bottom:1px #e4e4e4 solid;}.border-b2 { border-bottom:1px #f0f0f0 dashed;}.border-b3 {border: 1px #ccc solid;}
.text-align { text-align:center;}
.overf-h { overflow:hidden;}
.display-b { display:block;}
.cl { clear:both;}
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } /*终极版清除浮动一*/
.clearfix {*zoom:1;}/*IE/7/6*/
.left {float: left;}
.right {float: right;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;color:#f00;}
.color-f { color:#fff;}.color-p { color:#014099;}.color-b { color:#009fe7;}.color-2 { color:#000;}
.red,a.red{color:#c9033b}
h1 {font-size: 16px;}
#info {margin-bottom:20px;margin-top: 5px;border-bottom:1px dashed #7D7E7E;line-height: 30px;font-weight: bold;font-size: 12px;}
.fenye {line-height: 24px;text-align: center;height: 24px; margin-top:20px;}/*分页*/
input:focus {outline:none;}
/*------------------------------------------------------------------------------*/
body{background:url('images/body-bg.png');}
/*logo*/
.top { height:100px; padding-top:19px;}
.logo {}
.top_tel { margin: 0px 0 0 0px;}
.language { margin: 30px 0 0 100px;}
.language img { float:left; margin-right:6px;}
/*导航区域*/
.nv { height:49px; background-color:#0079ce;}
.nav {position: absolute;}
.nav li{float: left;width: 137px;text-align: center; line-height:49px;}
.nav li a {display: block;font-size: 14px;color: #FFF;text-decoration: none;font-weight: normal;}
.nav li a:hover, .nav li a:hover.on,.nav li a.on,.nav li a.on2,.nav li:hover.on,.nav li ul li a:hover,.nav .t,.nav .t:hover {background-color: #fcac00;}
.nav li .nav_sub {display: none;position: absolute;top: 49px; z-index:11; background-color:#249bef;width: 137px;padding: 0;}
.nav li ul li {float:none;display:block;position:relative;line-height:20px; height:34px;_display:inline; margin-left:0;}
.nav li ul li .s {position:absolute;top:0;left:137px; width:137px;border-left:1px solid transparent; background-color:#e1e1e1;}
.nav li ul li .s li {float:none;}
.nav li ul li a {color: #fff;font: 12px/18px Microsoft YaHei,SimHei,SimSun;display: block;text-align: center; padding:8px 0;}
.nav li ul li a:hover,.nav .t,.nav .t:hover { color:#fff; background-color:#ffb400;}
/*首页主体*/
/*产品导航1*/
.cp_dh { padding:40px 0 30px;}
.cp,.cp a .cp_w .cp_y img,.cp a .cp_w .cp_f { width:158px; height:158px;}
.cp:first-child { margin-left:0;}
.cp a .cp_w { position:relative; border-radius: 50%;box-shadow:0 5px 5px #E0E0E0;}
.cp a .cp_w .cp_y img { border-radius: 50%; }
.cp a .cp_w .cp_f { position:absolute; top:115px; background-color:#249bef;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.cp a:hover .cp_w .cp_f {top:0; line-height:158px; background:rgba(36,155,239,0.8);}
/*公司介绍*/
.ab { height:390px;background:url(sy_abbg.jpg) no-repeat;}
.ab_top { height:63px; padding:64px 0 29px;}
.ab_bot { height:147px; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
/*导航头部*/
.common { height:40px;}
.common span a { color:#ff9600; line-height:40px;}
.common_1 {background:url(sy_protop.jpg) no-repeat left center;}
.common_2 {background:url(sy_casetop.jpg)  no-repeat left center;}
.common_3 {background:url(sy_newstop.jpg) no-repeat left center;}

/*产品导航2*/
.appli {}
.appli_t { position:relative;}
.appli_t .appli_tn { width:545px; height:200px; position:absolute; left:555px; top:210px; background-color:#0079ce;}
.appli_t .appli_tn a { margin:0 50px;}
.appli_t .appli_tn h3 { line-height:60px; margin-top:20px;}
.appli_t .appli_tn p { height:90px; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.appli .dl,.appli_n .dl { margin-bottom:8px; position:relative;}
.appli .dl{ width:545px; height:200px;}
.appli .dl dd img { width:545px; height:200px;}
.appli .dl dt { position:absolute; top:168px; width:100%; height:32px; background:rgba(0,0,0,0.5);text-overflow: ellipsis; overflow: hidden; white-space: nowrap;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.appli .dl dt p { height:32px; margin-bottom:10px;}
.appli .dl dt span { background-color:#ffae00; padding:3px 15px;}
.appli .dl a:hover dt { top:0px; height:200px;}
.appli .dl a:hover dt p { margin-top:75px;font-size:18px;}

.appli .dl:nth-child(2),.appli .dl:nth-child(5){ margin-left:10px;}
.appli .dl:nth-child(3) { margin-right:555px;}

/*售后服务*/
.service {height:530px;background:url(sy_serbg.jpg) no-repeat;}
.service_bot { height:350px; padding:0 25px;background:url(sy_serbg_tiao.png) no-repeat center 17px;}
.service_0 { margin:20px 0 50px;}
.service_0 h3 { width:167px; background-color:#0079ce; font-weight:normal; margin-bottom:13px;}
.service_1 p {overflow: hidden;line-height:30px;}
.service_2 p,.service_3 p { height:96px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
/*案例展示*/
.case { height:329px;}
.swiper-container { height:256px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.case dl { width:1130px; margin:0 auto;}
.case dl dd { margin:19px 17px 28px;}
.case dl dd a { display:block;}
.case dl dd img { width:152px; height:60px; border:1px #ececec solid;}
/*新闻中心*/
.nesw_bot dl { width:480px;}
.nesw_bot dl { margin-right:30px; height:136px; border-left:1px #d9d9d9 solid;}
.nesw_bot dl:first-child { border-left: none;}
.nesw_bot dl dd img { width:172px; height:136px; margin-right:20px;}
.nesw_bot dl dt h3 { color:#292929;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.nesw_bot dl dt span { margin-top:10px;}
.nesw_bot dl dt span a { color:#0079ce;}
.nesw_bot dl:hover dt h3 { color:#0079ce;}
.nesw_bot dl dt p { height:80px; margin-right:15px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.nesw_bot dl:hover dt p { color:#404040;}
/*-----------------------------------------------------------------------*/
/*内页样式*/
/*内页banner*/
.nbn { height:250px;}

.main {height:auto!important;height:400px;min-height:400px;}
.main .tt { height:41px; border-bottom:#e3e3e3 3px solid;}
.main .tt span { line-height:41px;}
.main .tt span a { color:#f00;}
.main .tt h3 { width:151px; line-height:37px; border-bottom:#ededed 3px solid; text-align:right; font-weight:normal; margin-left:48px;}
/*关于我们*/
.ab_l { width:850px;}
.ab_l_t {background:url(ny_ri_tit.png) no-repeat 10px center; padding-left:28px;}
.ab_l_b p { margin-bottom:5px;}
.ab_r { width:210px;}
.ab_r_t { background-color:#0079ce; padding-left:20px;}
.ab_r_b {}
.ab_r_b ul {padding:10px 10px 30px;}
.ab_r_b ul li { border-bottom:#fff 5px solid;}
.ab_r_b ul li a {font-size:14px; display:block; color:#9a9a9a;background: rgba(236, 235, 235, 1) url(aa.png) no-repeat 10px center; padding-left:25px;}
.ab_r_b ul li a:hover,.ab_r_b ul li .on { color:#fff;background: rgba(255, 174, 0, 1) url(ah.png) no-repeat 10px center;}
/*精品案例*/
#demo { width:170px; height:200px; overflow:hidden;}
/*内页新闻列表*/
.ab_l .nesw_bot dl { width:100%;}
.ab_l .nesw_bot dl { border-left:none; margin-bottom:20px; padding-bottom:20px;}
/*----内页产品分类----*/
.ab_l .appli .dl { margin:0 10px 8px;}
.ab_l .appli .dl,.ab_l .appli .dl dd img { width:385px; height:141px;}
.ab_l .appli .dl dt { top:109px;}
.ab_l .appli .dl a:hover dt { top:0px; height:141px;}
.ab_l .appli .dl a:hover dt p { margin-top:45px;}
.ab_l .appli .dl:nth-child(3) { margin-right:10px;}
/*----内页产品列表----*/
.pro {}
.pro dl { width:250px; margin:10px 10px 20px;}
.pro dl dd,.pro dl dd img { width:250px; height:197px;}
.pro dl dt {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.pro dl a:hover dt {background-color:#0079ce; color:#fff;}
/*内页案例展示*/
.ab_l .case dl { width:100%; margin:0 auto;}
.ab_l .case dl dd { margin:19px 24px 28px;}
.ab_l .case dl dd a p { font-size:14px; line-height:32px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ab_l .case dl dd a:hover { background-color:#0079ce;}
.ab_l .case dl dd a:hover img { border:1px #0079ce solid;}
.ab_l .case dl dd a:hover p { color:#fff;}
/*在线留言*/
.contact-form { width:500px;}
.contact-form input[type="text"] {width: 100%;color: #898888;background: none;outline: none;font-size: 16px;padding: .5em;margin-bottom: 1em;border: solid 1px #D5D4D4;-webkit-appearance: none;}
.contact-form textarea {resize: none;width: 100%;color: #898888;font-size: 16px;outline: none;padding: .5em;margin-bottom: 1em;border: solid 1px #D5D4D4;min-height: 150px;-webkit-appearance: none;}
.contact-form .yzm {text-align: left;}
.contact-form .yzm input {width: 20%;}
.contact-form input[type="submit"] {border: none;outline: none;color: #FFF;padding: .5em 1.5em;font-family: 'Open Sans', sans-serif;font-size: 16px;font-weight: 600;margin: 0.5em 0 0 0;-webkit-appearance: none;background: #0079ce;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.contact-form input[type="submit"]:hover{background:#ffae00;}
/*-----------------------------------------------------------------------*/
/*底部*/
.contact { height:538px;background:url(images/sy_footbg.jpg) no-repeat center;}
.contact .contact_n {}
.con_t { height:59px; padding:55px 0 55px 0;}
.con_b .con_b_l1{float:left;width:550px;}
.con_b .con_b_l2 {float: left;width: 250px;margin-left:30px;}
.con_b .con_b_r {float: right;width: 450px;}
.con_b .con_b_r ul { padding-top:21px;}
.con_b .con_b_r ul li { margin-bottom:7px; line-height:42px; color:#fff; font-size:14px;}
.con_b .con_b_r ul li span { height:42px; width:42px; display:block; float:left; margin-right:24px;}
.con_b .con_b_r ul li span img {}

.foot { background-color:#333; padding-bottom:10px;}
.f_dh { line-height:58px;}
.f_dh a { margin:0 10px; color:#fff; font-size:14px;}
.page_list {}/*分页*/
.page_list a {background-color: #D6D6D6;padding: 5px 8px;color: #000;}/*分页*/
.page_list a.on {background-color: #9A9CA5; color:fff;}/*分页*/
.page_list a.num {background-color: #ccc;}/*分页*/
.page_list a:hover {background-color: #000;padding: 5px 8px;color: #fff;}/*分页*/

.index_3_cen{width:1000px;float:left;}
.prev{float:left;width:24px;height:130px;padding:50px 18px 0px 13px;}
.next{float:left;width:24px;height:130px;padding:50px 13px 0px 8px;}

.stories_li{margin-right:50px;float:left;}

.pro-title{width:100%;height:100px;text-align: center;margin-top: 30px;}

.profile{font-size:16px;color:#ffffff;text-indent: 2em;line-height:40px;letter-spacing: 3px;}

.product {
  width: 850px;
  height: auto;
}
/* line 101, ../sass/index.scss */
.product dl {
  width: 280px;
  float: left;
  height: 200px;
  cursor: pointer;
}
/* line 104, ../sass/index.scss */
.product dl dt {
  width: 260px;
  height: 160px;
  overflow: hidden;
}
.product dl dt img {
  width: 260px;
  height: 160px;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.product dl dd {
  width: 260px;
  height: 40px;
  text-align: center;
}
.product dl dd span {
  width: 260px;
  line-height: 50px;
  letter-spacing: 3px;
  font-weight: bold;
}
/* line 116, ../sass/index.scss */
.product dl:hover img {
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}