﻿@font-face {
  font-family: 'iconfont';  /* project id 1298696 */
  src: url('//at.alicdn.com/t/font_1298696_rrc4b56h0tg.eot');
  src: url('//at.alicdn.com/t/font_1298696_rrc4b56h0tg.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1298696_rrc4b56h0tg.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1298696_rrc4b56h0tg.woff') format('woff'),
  url('//at.alicdn.com/t/font_1298696_rrc4b56h0tg.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1298696_rrc4b56h0tg.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

body {font-size:12px;color:#000000;font-family:'Microsoft YaHei';min-width:1200px;}
body,div,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form,pre,fieldset,legend,table,tr,td,th,input,textarea,img {margin:0;padding:0;font-family:'Microsoft YaHei';}
section,article,header,footer,aside,nav,dialog,figcaption,figure,menu,details {margin:0;padding:0;font-family:'Microsoft YaHei';}
div,ul,ol,li,dd,dl,dt {list-style:none;}
table {border-collapse:collapse;border:0;}
td,tr,th {font-size:12px;}
img {border:none;}
select,input,img {vertical-align:middle;}
textarea {vertical-align:middle;font-size:12px;resize:none;}
input,textarea{outline: none;}
em {font-style:normal;}
b {font-weight:normal;}
h1,h2,h3 {font-weight:bold;font-size:16px;}
h4,h5,h6 {font-weight:bold;font-size:12px;}

a:link,a:visited {color:#333;text-decoration:none;}
a:hover,a:active {color:#2ba6e1;text-decoration:none;}
a.sethome:link,a.sethome:visited {color:#273843;font-size:12px;text-decoration:none;}
a.sethome:hover,a.sethome:active {color:#FF0000;font-size:12px;text-decoration:underline;}
a.links:link,a.links:visited   {color:#3C3B3B;font-size:12px;text-decoration:none;}
a.links:hover,a.links:active   {color:#FF0000;font-size:12px;text-decoration:underline;}
a.white:link,a.white:visited   {color:#FFFFFF;font-size:12px;text-decoration:none;}
a.white:hover,a.white:active   {color:#FF0000;font-size:12px;text-decoration:none;}
a.black:link,a.black:visited   {color:#666666;font-size:12px;text-decoration:none;}
a.black:hover,a.black:active   {color:#FF0000;font-size:12px;text-decoration:none;}
a.detail:link,a.detail:visited {color:#000000;font-size:12px;text-decoration:none;}
a.detail:hover,a.detail:active {color:#FF0000;font-size:12px;text-decoration:none;}
a.newslist:link,a.newslist:visited {color:#666666;font-size:13px;text-decoration:none;}
a.newslist:hover,a.newslist:active {color:#FF0000;font-size:13px;text-decoration:none;}
a.prolist:link,a.prolist:visited   {color:#615B5B;font-size:13px;text-decoration:none;}      
a.prolist:hover,a.prolist:active   {color:#FF0000;font-size:13px;text-decoration:none;}
a.job:link,a.job:visited {color:#333333;font-size:12px;text-decoration:none;}
a.job:hover,a.job:active {color:#FF0000;font-size:12px;text-decoration:none;}

.clearfix { *zoom: 1;}
.clearfix:after { display: block;font-size: 0; content: ""; clear: both; visibility: hidden;}
.clear,.cl {clear:both;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.fl,.l{float:left;}
.fr,.r{float:right;}
.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.h20  {height:20px;line-height:20px;}
.h22  {height:22px;line-height:22px;}
.red  {color:#FF0000;}
.blue {color:#0000FF;}
.blank{font-family:Times New Roman;font-size:12px;}

.imgcode {width:60px;height:22px;vertical-align:middle;cursor:pointer;}
.Company {clear:both;padding:10px 10px 10px 10px;line-height:24px;color:#666666;font-size:12px;}
.Company p {line-height:24px;color:#666666;}
.Company img {max-width:99%;height:auto !important;}
.Company table {width:99% !important;word-break:break-all;}
.divAboutUs  {padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:12px;overflow:hidden;}
.divContactUs{padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:12px;overflow:hidden;}

.bridgeCode {width:1200px;margin:0 auto;text-align:center;clear:both;padding:0px 0px 0px 0px;}
.button {border:1px solid #000000;padding-top:1px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;cursor:pointer;vertical-align:middle;}
.button_submit {border:0px solid #000000;padding-bottom:2px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;width:50px;height:22px;cursor:pointer;vertical-align:middle;background:url('../images/btn_submit.gif') no-repeat;}
.button_submit2 {border:0px solid #000000;padding-bottom:2px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;width:70px;height:22px;cursor:pointer;vertical-align:middle;background:url('../images/btn_submit2.gif') no-repeat;}   
.button_submit3 {color:#fff;font-weight:normal;cursor:pointer;height:35px;width:120px;font-weight:bold;background-color:#333;border:1px solid #333;border-radius:5px;margin-right:10px;}
.button_submit4 {color:#fff;font-weight:normal;cursor:pointer;height:35px;width:120px;font-weight:bold;background-color:#5c5c5c;border:1px solid #5c5c5c;border-radius:5px;}

/**********************************************************************************************/
.main   {width:100%;margin:0 auto;line-height:20px;}
.topCon {width:1200px;margin:0 auto;}
.topCon100 {width:100%;margin:0 auto;line-height:20px;}
.indexBottom {width:100%;margin:0 auto;line-height:20px;padding:10px 0px 0px 0px;}
.indexCenter {width:1200px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}

.indexCenter table {line-height:20px;}
.indexCenter2{width:1200px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}
.indexLeft {float:left;width:250px;line-height:20px;padding:10px 0;}
.indexLeft1 {float:left;width:250px;line-height:20px;}
.indexRight  {float:right;width:910px;}
.indexRight1 {float:left;width:464px;line-height:20px;padding:5px 0px 0px 7px;}

.indexMain {float:right;width:730px;line-height:20px;} 
.indexRightVideo {float:right;width:253px;line-height:20px;padding-bottom:5px;}
.topCon_1 {float:left;width:100%;}
.w1000 {width: 1000px;margin: 0 auto;}
.w1100 {width: 1100px; margin: 0 auto;}
.w1200 {width: 1200px;margin: 0 auto;}
.w1300 {width: 1300px; margin: 0 auto;}
.w1400 {width: 1400px; margin: 0 auto;}

/* top */
.wraptop_1 {float:left;width:100%;height:32px;background:url('../images/index_08.gif') repeat-x;}
.wraptop_1_1 {float:left;width:690px;text-align:left;line-height:32px;}
.wraptop_1_1 span {font-size:12px;color:#333333;}
.wraptop_1_2 {float:right;width:280px;line-height:32px;color:#000000;text-align:right;padding-right:10px;}
.wraptop_1_2 a:link,.wraptop_1_2 a:visited {color: #273843; margin:0px 6px 0px 5px;}
.wraptop_1_2 a:hover,.wraptop_1_2 a:active {color:#FF0000;margin:0px 6px 0px 5px;}


.wraptop_2.on_1 {box-shadow: 0 3px 7px rgba(0,0,0,0.15);position: fixed;left: 0;top: 0;}
.wraptop_2 { float: left;width: 100%;z-index: 99; background: #fff;}
.wraptop_2 .wraptop{width:1200px;margin:auto;text-align:right;height:105px;position:relative;
  -webkit-transition: all 0.8s ease-out 0s;-moz-transition: all 0.8s ease-out 0s;-o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;}
.wraptop_2 .wlogo{ float:left; height:81px; margin-top:10px;}
.wraptop_2 .wlogo img{ max-height:100%; max-width:none;}

.nav{ z-index:99; height:75px; float:right; margin-top:30px;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
   -o-transition: all 0.2s ease-out 0s; 
    transition: all 0.2s ease-out 0s;}
.nav ul{ float:left; height:100%;}
.nav ul .nli{ float:left; height:100%; padding:0 15px; text-align:center; z-index:99; position:relative;}
.nav ul .nli span a{display:block; width:100%; float:left; height:38px; line-height:38px; color:#333; text-align:center; font-size:14px;}
.nav ul .nli.select span a,
.nav ul .nli:hover span a{ color:#2ba6e1; border-bottom:solid 2px #2ba6e1;}

/*下拉菜单（漂浮在menu .nli上）*/
.nav .nli .sub{ display:none; position:absolute; left:0; top:100%; z-index:999; width:100%;}
.nav .nli .sub1{width:200px; left:-46px;}
.nav .nli .sub li{ float:left;  min-width:100%;text-align:center; line-height:38px; font-size:14px; margin-top:1px;}
.nav .nli .sub li a{ color:#2ca6e2; background:rgba(255, 255, 255, 0.8); display:block; width:100%; height:100%; box-shadow:0 3px 7px rgba(0,0,0,0.15); }
.nav .nli .sub li a:hover{ color:#fff; background:#2ca6e2;}
.top_btn{ float:right; height:72px; margin-top:5px; margin-left:132px; line-height:72px;}
.wraptop.on .nav .nli .sub{ top:77px;}
.nav ul .nli:hover .sub{display: block;}

.h_pho{background:url(../images/telbg.png) no-repeat 0 35px;font-size:14px;line-height:18px;padding:30px 0 0 55px;color:#1f1a17;height:70px;width: 215px; white-space: nowrap; margin-top:5px;}
.h_pho b{font-size:25px;display:block;line-height:35px;color: #c5161d; font-weight: 700;}

.wraptop_4 {margin:0 auto;width:100%;height:45px;text-align:left;background:#f1f1f1;}
.wraptop_4_1 {float:left;width:720px;line-height:45px;}
.wraptop_4_1 span {float:left;width:85px;color:#666666;font-size:13px;font-weight:bold;}
.wraptop_4_1 div {float:left;width:630px;height:45px;overflow:hidden;}
.wraptop_4_1 div a:link,.wraptop_4_1 div a:visited {color:#666666;margin:0 5px 0 4px;}
.wraptop_4_1 div a:hover,.wraptop_4_1 div a:active {color:#FF0000;margin:0 5px 0 4px;}
.wraptop_4_2 {float:right;width:250px;line-height:45px;padding:0px 0px 0px 20px;}
.wraptop_4_2_1 {float:left;}
.wraptop_4_2_1 .searchinput {width:205px;border:1px solid #888888;height:24px;line-height:24px;color:#888888;font-size:12px;padding:0 5px;vertical-align:middle;}
.wraptop_4_2_2 {float:left;}
.wraptop_4_2_2 input {border:0px solid #000000;font-weight:normal;font-size:12px;color:#FFFFFF;background-color:transparent;
  width:32px;height:26px;line-height:26px;background:#2ba6e1;cursor:pointer;vertical-align:middle;}

/* Banner */
.banner6 {position:relative;height:500px;overflow:hidden;width:100%;margin-top:0px;}
.banner6 .show {width:2500px;position:absolute;left:50%;top:0px;margin-left:-1250px;overflow:hidden;}
.banner6 .show ul {position:relative;float:left;width:2500px;height:500px;overflow:hidden;}
.banner6 .show ul li {text-align:center;float:left;width:2500px;position:absolute;display:none;}
.banner6 .focus {position:absolute;bottom:15px;left:47%;padding:5px 6px;}
.banner6 .focus a {float:left;width:18px;height:18px;display:block;margin-left:5px;border-radius:14px;color:#fffab1;cursor:pointer;background:#fff none repeat scroll 0 0;transition:width 0.5s ease 0s, height 0.5s ease 0s, background 0.5s ease 0s, color 0.5s ease 0s;}
.banner6 .focus a.on {background:#2ba6e1 none repeat scroll 0 0;color:#2ba6e1;height:18px;width:32px;}
.hot {width:100%;height:42px;line-height:42px;position:absolute;bottom:10px;z-index:2;}
.hot .wrapper {width:1200px;margin:0 auto;}
.hot .list {float:left;width:860px;padding-left:10px;height:42px;position:relative;}
.hot .list .prev {display:block;width:18px;height:15px;position:absolute;background-position:-42px -108px;top:13px;left:80px;}
.hot .list .box_btn {display:block;width:18px;height:15px;position:absolute;background-position:-61px -108px;top:13px;left:99px;}
.hot .list .next {display:block;width:18px;height:15px;position:absolute;background-position:-80px -108px;top:13px;left:118px;}
.hot .list span.tit {font-size:12px;width:145px;float:left;color:#151515;}
.hot .list a {color:#000000;font-size:12px;text-decoration:none;}
.hot .list a:hover {color:#0157AD;font-size:12px;text-decoration:none;}
.hot .list div {width:700px;float:left;height:42px;position:relative;overflow:hidden;}
.hot .list div ul {width:700px;position:absolute;}

/* Links */
.yqlj {clear:both;margin:0 auto;width:1200px;padding:20px 0px 20px 0px;line-height:20px;}
.yqlj_t {float:left;width:170px;padding-left: 35px; height:30px;line-height: 30px; font-size:22px;color:#000;background: url(../images/m_12.png) no-repeat 0 0;}
.yqlj_t em{font-size: 16px;}
.yqlj .yqlj_1 {float:left;width:980px;line-height:40px; } 
.yqlj .yqlj_1 a {float:left;margin:0px 10px 0px 0px;font-size: 14px;}

/* bottom */
.divBottom{ float:left; width:100%; background:#515151; position:relative; z-index:6;}
.footer_703{ width:800px; float:left; padding:20px 0px 9px 0;}
.footer_703 .link_1{ width:100%; float:left; font-size:14px; line-height:34px;}
.footer_703 .link_1 a{ color:white;display:inline-block;*display:inline; *zoom:1; float:left;padding:0 13px;}
.footer_703 .link_1 a:hover{ color:#ff7e00;}
.footer_703 .link_1 a:first-child{padding-left:0;}

.footer_703 .contact{ width:100%; float:left; margin-top:30px;}
.footer_703 a{ color:#CCCCCC;}
.footer_703 .contact dt{ width:100%; float:left; font-size:14px; color:#ffffff; line-height:36px; font-weight:normal;}
.footer_703 .contact .dd{  width:100%; float:left; font-size:12px; color:#CCCCCC; line-height:30px;}
.footer_703 .p{ width:100%; float:left; margin-top:24px; font-size:12px; color:#CCCCCC; line-height:24px;}

.footer_314{ width:254px; float:right; background:url(../images/bg_1.png) no-repeat center top; background-size: cover;
  padding:43px 30px; margin-top:-10px;}
.footer_314 h5{ width:100%; float:left; font-size:16px; color:white; line-height:28px;}
.footer_314 .ewm_1{ width:100%; float:left; margin-top:8px;}
.footer_314 .ewm_1 .zbox{ width:100px;}
.footer_314 .ewm_1 .zbox .img{ width:100px; height:100px; float:left; 
  background:url(../images/bian_3.png) no-repeat center; background-size:contain; padding:7px;}
.footer_314 .ewm_1 .zbox .img img{ width:100%; height:100%; background:white;}
.footer_314 .ewm_1 .zbox .title{ width:100%; float:left; text-align:center; margin-top:10px; font-size:14px; color:#CCCCCC; line-height:22px;}
.footer_314 h4{ width:100%; float:left; margin-top:23px; font-size:16px; color:white; line-height:24px;}
.footer_314 h3{ width:100%; float:left; margin-top:7px; font-size:24px; color:#ff7e00; line-height:26px; font-weight:bold; font-style:italic}
    
/*首页*/
.topdatabg{width: 100%; position: relative;}
.topdata{background: url(../images/bg_2.png) no-repeat center; background-size: cover; margin-top: -39px;}
.tel_1{ width:100%; float:left; padding:16px 0;}
.tel_1 .tel_1_left{ float:left; width:450px; text-align:right;}
.tel_1 .tel_1_left h3{ width:100%; float:left; font-size:22px; color:white; line-height:35px; font-weight:bold;}
.tel_1 .tel_1_left h4{ width:100%; float:left; font-size:18px; color:#afd9ed; line-height:29px;}
.tel_1 .tel_1_right{ float:right; padding:0 30px; background:url(../images/ico_01_1.png) no-repeat left center; font-size:18px;
 color:#aaa; line-height:42px; margin-top:35px;}
.tel_1 .tel_1_right span{ font-size:30px; color:#2ba6e1; font-weight:bold;}

/*产品*/
.product_bg{padding-top: 30px;padding-bottom: 30px;}
.product_head {display: block;background: url(../images/bt_02.png) no-repeat center center;line-height:30px;text-align: center;}
.product_head h5{font-size:30px; font-weight: bold; color: #333;}
.product_head h5 em{color:#2ba6e1;}
.product_head p{padding-top:5px; font-size:12px;color:#c8c8c8;text-transform: uppercase;}

.product_head span{position: relative;  display: block; width: 26px; margin: 0 auto; animation: arrow  2s infinite;
 -moz-animation: arrow 2s infinite;-ms-animation: arrow 2s infinite;-o-animation: arrow 2s infinite;-webkit-animation: arrow 2s infinite;}
@-webkit-keyframes arrow
  {
  0% {top:2px;}
  50% {top:13px;}
  100%{top:2px;}
  }
@-moz-keyframes arrow
  {
  0% {top:2px;}
  50% {top:13px;}
  100%{top:2px;}
  }
    
@-ms-keyframes arrow
  {
  0% {top:2px;}
  50% {top:13px;}
  100%{top:2px;}
  }
@-o-keyframes arrow
  {
  0% {top:2px;}
  50% {top:13px;}
  100%{top:2px;}
  }
 
.productop{width:1200px;height:auto;display:inline-block;text-align: center;margin:20px auto;}
.productop li{display:inline-block;}
.productop li a{ display:block;border:1px #dcdcdc solid; padding:0px 10px; height:36px; font-size:16px; line-height:36px;
  text-align:center;cursor:pointer;color:#666; margin:0 10px; min-width:120px;border-radius:18px;}
.productop li a:hover{ color:#ff7e00;border-color:#ff7e00;}

.ul_1{ width:100%; float:left; zoom:1; margin-top:6px;}
.ul_1 li{float:left; margin:20px 20px 20px 20px;width:350px;box-shadow:0 0 5px rgba(0,0,0,0.2); padding:8px 8px 22px 8px;}
.ul_1 li:nth-child(3n) {margin-right:0;}
.ul_1 li:hover{box-shadow:0 0 5px rgb(180, 74, 0); }
.ul_1 li .Iimg{ width:100%; float:left; position:relative; height: 240px; display: flex;justify-content: center;align-items: center;}
.ul_1 li .Iimg .ico{ position:absolute; top:0; right:0;}
.ul_1 li .title{ width:100%; float:left; text-align:center; margin-top:8px;}
.ul_1 li .title h4{ width:100%; float:left; font-size:16px; color:#666; line-height:40px;}
.ul_1 li .title .btn {display:inline-block;*display:inline; *zoom:1;transition:all .5s; width:104px; height:27px; border:solid 1px white; 
  color:#8d8d8d; font-size:14px; line-height:25px; overflow:hidden;}
.ul_1 li .title .btn span{display:inline-block;*display:inline; *zoom:1; background:url(../images/ico_03_3.png) no-repeat center; width:14px; height:14px; margin-right:6px; vertical-align:middle; margin-top:-3px;}
.row_2{ margin:0 -20px;}
.ul_1 li:hover .title .btn { color:#ff7e00; border-color:#ff7e00; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px;}
.ul_1 li:hover .title .btn span{ background-image:url(../images/ico_03_3_h.png);}

 /*优势*/
 .adv_all{width: 100%; padding-top: 70px; position: relative;background: url(../images/bg_3.jpg)  top center no-repeat;}
 .adv_all:after{ display: block; z-index: 1; content: ""; width: 100%;min-width:1300px;bottom:70px; height: 80px;
 background: url(../images/ysbtoom.png) top center no-repeat; position: absolute;left: 0;right: 0; margin: 0 auto;}
 .adv_all .product_head h5,.adv_all .product_head p{ color: #fff;}

.adv_all .picScroll-left{ overflow:hidden; position:relative;background: #f9f9f9; padding-bottom:70px;margin:30px auto;
  box-shadow: 0 0 10px rgba(2,94,185,0.2);}
.adv_all .picScroll-left .hd{ overflow:hidden;  height:60px; background:#444; padding:0 ; line-height: 60px; position: relative; z-index: 2;}
.adv_all .hd .prev{ display:block;  width:39px; height:27px;position: absolute;left: 50px;top: 20px;  overflow:hidden;cursor:pointer;background:url(../images/ysl.png) 0 0 no-repeat;}
.adv_all .hd .next{ width:39px; height:27px;position: absolute;right: 50px;top: 20px;overflow:hidden;cursor:pointer;  background: url(../images/ysr.png)0 0 no-repeat;}

.adv_all .picScroll-left .hd ul{  margin: 0 auto;overflow:hidden; zoom:1; width: 1020px;}
.adv_all .picScroll-left .hd ul li{ float:left;  width:255px; height:60px; line-height: 60px; position: relative;overflow:hidden;  cursor:pointer;color: #fff;text-align: center;color: #fff;  font-size: 25px; }
.adv_all .picScroll-left .hd ul li:before{ display: block;content: " ";font-size: 25px;position: absolute;top: 0;left: 0;width: 100%; background: #444;}
.adv_all .picScroll-left .hd ul li:after{ display: block;content: "";width: 1px; background: rgba(255,255,255,0.1);height: 25px;position: absolute;right: 0;top: 15px;}
.adv_all .picScroll-left .hd ul li:last-child:after{ display: none;}
.adv_all .picScroll-left .hd ul li.on{ color: #2ba6e1; }
.adv_all .picScroll-left .bd{  }
.adv_all .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.adv_all .picScroll-left .bd ul li{  _display:inline; overflow:hidden; width: 1200px !important;box-sizing: border-box;padding: 50px; }
.adv_all .picScroll-left .bd ul li .word{width:600px;}
.adv_all .picScroll-left .bd ul li .word .number{ display: inline-block;background: #ff7e00; text-align: center; position: relative; color: #fff;  padding: 8px 10px  18px 10px; letter-spacing: 1px;}
.adv_all .picScroll-left .bd ul li .word .number p{ font-size: 40px;border-bottom: 1px solid rgba(255,255,255,0.2);padding-bottom: 10px;margin: 10px;line-height:60px; font-family: "impact";}
.adv_all .picScroll-left .bd ul li .word .number dl{ display: block;color: #fff;opacity: 0.7;  font-size: 12px;text-transform: uppercase;font-family: "arial";}
.adv_all .picScroll-left .bd ul li .word .word_t{width: 300px; margin-left: 10px; font-size:30px;color: #222; line-height: 55px;}
.adv_all .picScroll-left .bd ul li .word .word_t dt{font-size: 40px;font-weight: bold;}
.adv_all .picScroll-left .bd ul li .word .word_t:after{ display: block;content: "";clear: both;}
.adv_all .picScroll-left .bd ul li .word .word_c{ display: block; padding-left: 0px; margin-top: 35px;font-size: 15px;line-height: 32px;}
.adv_all .picScroll-left .bd ul li .word .word_b{ margin-top:40px; font-size: 15px;color: #999;line-height:26px; padding-left: 55px; background: url(../images/ystel.jpg) 0 13px no-repeat;}
.adv_all .picScroll-left .bd ul li .word .word_b dt{ font-size: 28px;font-family: "impact";line-height:  36px;color: #ff7e00;}
.adv_all .picScroll-left .bd ul li .pic{width:450px;height: 415px;}
 
/*case*/
.indcasebg{width: 100%; background: url(../images/casebg.jpg) center bottom no-repeat;padding:50px 0;}
.indcase{width: 1200px; margin:0 auto; }
.indcase dl{float:left;width:365px;border: 1px solid #eee;background:#ffffff;margin:30px 33px 0px 0;}
.indcase dl:nth-child(3n){margin-right: 0}
.indcase dt{ width: 100%; height: 300px;border-bottom: 1px solid #eee; overflow: hidden;display: flex;justify-content: center;align-items: center; }
.indcase dt img{transition: 0.5s;}
.indcase dd{ padding:5px; }
.indcase dd a{ position: relative;display: block;font-size: 16px;text-align: left;  line-height:30px; padding: 15px 15px 15px 15px; color: #333;}
.indcase dd a:after{ display: block;content: "查看更多";width: 100px;text-align: center;position: absolute;top: 13px;right: 15px; color: #fff; line-height: 32px;
border-radius: 15px;background: #2ba6e1; font-size: 14px;}
.indcase dl:hover img{transform: scale(1.1);}
.indcase dl:hover dd a:after{ background: #ff7e00;}
.indcase dl:hover dd a{ color: #2ba6e1;}
 
/*流程*/
.process{width: 100%;min-width:1200px; padding: 70px 0; background:#f5f5f5 url(../images/liubg.jpg) top center no-repeat;}
.process .product_head h5,.process .product_head p{ color: #fff;}
.process_b{width: 100%; padding-top:30px;}
.process_b li{float:left; width: 200px; padding: 50px 40px 70px 40px; background: #fff; box-sizing: border-box;text-align: center;line-height: 26px; font-size: 14px;color: #777; position: relative; overflow: hidden;}
.process_b li:after{display: block; content: ""; left: 0;top: 0; width: 0;height: 100%;background: #2ba6e1;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; position: absolute;}
.process_b li:hover:after{width: 100%;}
 
.process_b li p{font-size:20px;font-weight: bold;color: #222; padding: 17px 0 10px 0;position: relative; z-index: 2;}
.process_b li dl{position: relative; z-index: 2; height:80px; }
.process_b li .img{width:70px;height: 70px;background: #fff;border: 1px solid #eee; margin: 0 auto; border-radius: 50%;overflow: hidden; position: relative; z-index: 2;}
.process_b li .img img{transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}

.process_b li i{ display: block;font-style: normal;font-size: 60px;color: #e5e5e5;position: absolute;left: 0;right: 0;margin: 0 auto;text-align: center;bottom: -20px; font-family: "impact"; line-height: 60px; z-index: 2;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.process_b li:nth-of-type(2n){ background: #f9f9f9;}
.process_b li:hover i{ color: #fff; opacity: 0.8;}
.process_b li:hover dl{color: #333;}
.process_b li:hover .img img{transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}
 
/*留言*/
.cc_ri{width:1200px;  box-sizing: border-box;padding: 50px 50px 30px 50px; background: #fff; margin-top: 50px; border-radius: 120px; }
.feed_lx{overflow: hidden;}
.cc_ri ul li{float: left;height: 45px;position: relative;margin-left:30px;}
.cc_ri ul li:first-child{margin-left: 0}

.cc_ri ul li input{width:260px; box-sizing: border-box; height:50px;line-height:48px;padding: 0 10px 0 12px;border:1px solid #e5e5e5;
  outline: none;font-size: 16px;color: #333;}
.cc_ri ul li input.wci{width:100px;}
.ccsubmit,.ccsubmit2{color: #fff;font-size: 16px;width:200px;height:45px;line-height: 43px;text-align: center;background-color: #2ba6e1;display:inline-block;vertical-align: top;margin: 0 10px; cursor: pointer; outline: none; border: none; border-radius: 25px; overflow: hidden;}
.ccsubmit2{ background: #222;}
.ccsubmit:hover,.ccsubmit2:hover{ background: #ff7e00;}
.cc_ri .code{width: 445px;margin: 30px auto auto auto;}

input::-webkit-input-placeholder {color: #b8b8b8;}
input::-moz-input-placeholder {color: #b8b8b8;}
input::-ms-input-placeholder {color: #b8b8b8;}
textarea::-webkit-input-placeholder {color: #b8b8b8;}
textarea::-moz-input-placeholder {color: #b8b8b8;}
textarea::-ms-input-placeholder {color: #b8b8b8;}
 
/*关于我们*/
.aboutbg{background:#ffffff;padding:50px 0;}
.aboutbg_fl{float:left;width:550px;}
.aboutbg_fl img{width:550px;}
.aboutbg_fr{float:right; width:600px;}
.aboutbg_fr .tit {font-size:42px; color: #333; line-height: 45px; text-transform: uppercase; font-weight: bold;}
.about_l { display: block;font-style: normal;font-size: 27px;color: #2ba6e1; line-height: 50px; padding: 20px 0 15px 0;}
.about_l:after{ display: block;content: "";width: 100px;background: #2ba6e1;height: 2px;margin: 20px 0 10px 0;}
.about_contents {padding-top:0px;padding-bottom:20px;font-size:15px;line-height:30px;color:#777;}
a.about_btn {display: block; color:#333;background:transparent;width: 170px;border-radius: 22px;margin-top: 28px; line-height: 43px;
    border: 1px solid #eee;text-align: center; font-size: 15px;}
a.about_btn:hover,a.about_btn:focus {background:#2ba6e1;color:#ffffff;}

/*相册*/
.workshop {margin-top: 50px; padding-bottom: 120px; background: url(../images/workshop.jpg) center bottom no-repeat;}
.workshop dl{float:left;width:280px;margin:9px;border:1px #eee solid;background:#ffffff;text-align: center; }
.workshop dl dt{width: 100%; height:230px;display: flex;justify-content: center;align-items: center;border-bottom: 1px #eee solid;}
.workshop dl dd{ padding: 0 !important; background: #fff; position: relative; height: 50px;}
.workshop dl dd span{ font-size: 15px;line-height: 50px; position: relative;  display: block; z-index: 2;}
.workshop dl dd:after{ width: 100%; height: 0; display: block;content: ""; background: #2ba6e1; z-index: 2; bottom: 0;left: 0;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; position: absolute; z-index: 1;}
.workshop dl:nth-of-type(4n){ margin-right: 0;}
.workshop dl:hover dd:after{ height: 50px; }
.workshop dl:hover dd span{ color: #fff;}

/*新闻左*/
.nc_le{width:450px;background:#f5f5f5;position:relative; height:520px;}
.nc_le:before{content:'';width:100%;height:212px;background:#2ba6e1;position:absolute;top:0;left:0;}

.ncl_top{position:relative;padding:30px 30px 0;font-size:0;}
.nclt_title,.ncl_top a{display:inline-block;vertical-align:middle;}
.nclt_title p{font-size:24px;color:#fff;line-height:1em;padding-left:28px;background:url(../images/ne1.png) no-repeat left center;}
.nclt_title em{font-size:14px; font-style: normal;color:#eff8fd;line-height:25px;margin-top:7px;}
.ncl_top a{display: inline-block; width:23px;height:23px;float:right;border:none;background:url(../images/more.png) no-repeat;
  margin-top:10px;cursor: pointer; outline: none;}
 
.ncl_con{padding:25px 30px 30px 30px;position:relative;}
.ncl_con dl{height:390px;position:relative;overflow:hidden;}
.ncl_con dt{display:block; width:390px; height: 290px;overflow:hidden; margin:0 auto; }
.ncl_con dt img{transition: .5s;}
.ncl_con dd .ititle a{font-size:18px;font-weight:bold;display:block;line-height:1em;margin:34px 0 20px;}
.ncl_con dd .item{font-size:14px;line-height:22px;color:#888;}
.ncl_con dl:hover img{transform: scale(1.1);}
.ncl_con dl:hover a{color:#2ba6e1;}

/*新闻右*/
.nc_ri{ width:730px;background:#ffffff;position:relative;height:520px;}

.ncScroll,.ncScroll2{ overflow:hidden; position:relative;width:670px;height:193px;padding:30px;background:#f9f9f9; }
.ncScroll2{margin-top:15px;}
.ncScroll .hd,.ncScroll2 .hd{ overflow:hidden; padding:0 0px;  }
.ncScroll .hd .nctit,.ncScroll2 .hd .nctit{float:left;display:inline-block;}
.nctit p{font-size:24px;padding-left:0px;line-height:1em;}
.nctit em{font-size:14px; font-style: normal;line-height:12px;margin-top:7px;color:#999999; display:block; margin-top:8px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.nctit i{font-size: 22px;}

.ncScroll .hd ul,.ncScroll2 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1; }
.ncScroll .hd ul li,.ncScroll2 .hd ul li{ float:left; width: 10px; margin-left:8px;height: 10px;display: inline-block; background: #bdbdbd;
 border-radius: 10px;transition: 600ms;}
.ncScroll .hd ul li.on,.ncScroll2 .hd ul li.on{width: 22px;background: #2ba6e1;}
.ncScroll .bd,.ncScroll2 .bd{ padding:20px 0;}
.ncScroll .bd ul,.ncScroll2 .bd ul{ overflow:hidden; zoom:1; }

.ncr_con{height:130px;overflow: hidden;}
.ncr_con li{height:130px;width:670px; position:relative;overflow:hidden;}
.ncr_con .ncr_pic{float:left; width:215px; height: 130px;border:1px #ccc solid;box-sizing: border-box;overflow:hidden;}
.ncr_con .ncr_pic img{width:100%; height: 100%;transition: .5s;}
.ncr_con .ncr_content{float:right; width:430px;}
.ncr_con .ncr_content strong{font-size: 18px;font-weight: bold;display: block; line-height: 1em;margin: 0 0 30px;}
.ncr_con .ncr_content p{font-size: 14px;line-height: 22px;color: #888;height: 50px;overflow: hidden;}
.ncr_con .ncr_content em{display: block; text-align:right;position:relative;margin-top:10px;font-size: 14px;color:#6e6e6e;}
.ncr_con .ncr_content em:before {content: ''; width: 80px; height: 2px;background: #ddd;position: absolute;
    top: 50%;left: 0; margin-top: -1px;}
.ncr_con li:hover .ncr_pic img{transform: scale(1.1);}
.ncr_con li:hover a{color:#2ba6e1; }

/**/

