@charset "utf-8";
/* CSS Document */ 

/*引入字体库*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), /* chrome銆乫irefox */
  url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
.fa {display: inline-block;font-family: "iconfont";font-size:20px;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
.jiathis_style{display:none;}
/************************************************************************************************************/

body{ font-family:"微软雅黑";word-wrap:break-word;}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{ text-decoration:none !important; cursor:pointer !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1160px !important;}
/*全局样式*/
 

/*m-1*/
.main{ padding:30px 0 20px;}
.main-Color{ background:#f3f3f3;}

/*h-2*/
header{ position:relative; z-index:999; border-bottom:solid 1px #3e6080;}
header .topbar{ height:84px;background:#fff;}
header .topbar .tel{margin:30px 0 0 0;padding:0 0 0 52px; height:40px; background:url(../images/telicon_03.png) no-repeat left;}
header .topbar .tel strong{ font-family:"Arial Black", Gadget, sans-serif; font-size:36px; color:#fbab36; line-height:40px; font-weight:normal;}
header .topbar .tel span{ font-size:22px; color:#0857a3; line-height:16px;}
header .topbar .tel span small{font-family:"Arial Black", Gadget, sans-serif;  display:block; font-size:22px; color:#fbab36; line-height:40px;}
header .logo{}
header .navbox{background:#0a4eb5;} 
header nav ul{ width:100%; }
header nav li{ position:relative;width:13.66%; transition:all 0.3s;}
header nav li span{ position:absolute; left:0; top:-8px; z-index:1; width:100%; height:8px; background:#fcbd43;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
header nav li:hover span{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
header nav li.active span{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
header nav li a{display:block;color:#fff; line-height:60px; font-size:16px;}
header nav li:hover{background:#fbab36;}
header nav li:hover a{ color:#fff;}
header nav li.active{background:#fbab36;}
header nav li.active a{ color:#fff;}
header nav li:hover ul{ display:block;box-shadow:2px 2px 2px rgba(0,0,0,.2);}
header nav li ul{ display:none; position:absolute; left:0; top:60px; z-index:99999; width:100%; background:rgba(0,0,0,0.8);}
header nav li ul li{ width:100%;}
header nav li ul li a{ line-height:40px;}
header nav li ul li:hover{background:rgba(119,119,119,.9);}
header .searchbox{ position:absolute; right:0; top:16px; z-index:1; width:207px;
 transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
header .searchbox form{ position:relative;}
header .searchbox input.pull-left{padding:0 38px 0 14px; width:100%; height:25px; font-size:12px; color:#fff;border-radius:14px; background:#97a6b5;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; border:none;}
header .searchbox button.pull-right{position:absolute; right:0px; top:0px; z-index:999999; width:33px; height:25px; color:#fff; line-height:25px; background:none; border:none;}
header .searchbox:hover{ width:250px;}
header .searchbox:hover input.pull-left{box-shadow:2px 2px 2px rgba(0,0,0,.2); background:#a1afbe}
 

/*b*/
.banner{ overflow:hidden;}
.banner img{ display:block; margin:0 auto;}
.banner.sybanner .item.item1{ background:url(../images/banner_01.jpg) no-repeat 50% 50%; background-size:contain;}
.banner.sybanner .item.item2{ background:url(../images/banner_02.jpg) no-repeat 50% 50%; background-size:contain;}
.banner.sybanner .item.item3{ background:url(../images/banner_03.jpg) no-repeat 50% 50%; background-size:contain ;}
.banner.nybanner .item.item1{ background:url(../images/banner_01.jpg) 50% 50%; background-size:cover;}
.banner.nybanner .item.item2{ background:url(../images/banner_02.jpg) 50% 50%; background-size:cover;}
.banner.nybanner .item.item3{ background:url(../images/banner_03.jpg) 50% 50%; background-size:cover;}
.banner .glyphicon{ top:50% !important;}
.banner .carousel-control.left{ left:-60px; width:60px;background:url(../images/prev_arrow_60.png) no-repeat left;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.banner:hover .carousel-control.left{ left:0;}
.banner .carousel-control.right{ right:-60px; width:60px;background:url(../images/next_arrow_60.png) no-repeat right;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.banner:hover .carousel-control.right{ right:0;}
 
/*subnav-1*/
.subnav{ position:relative; padding:7px 0 0;}
.subnav ol.dyol{ position:absolute; left:0; top:-60px; z-index:1; width:100%;}
.subnav ol.dyol .hengxian{ background:url(../images/subnavol1_hengxian.png) repeat-x;}
.subnav ol{ position:relative; padding:0 0 0 23px; height:67px; background:#fbab36;}
.subnav ol .hengxian{ position:absolute; left:0; bottom:2px; z-index:1; width:100%; height:5px; background:url(../images/subnavol2_hengxian.png) repeat-x;}
.subnav ol h1{ font-size:14px; color:#fff; line-height:60px;}
.subnav ol h1 span{ font-size:26px;}
.subnav ol small{ padding:7px 0 0; margin:0 0 0 10px; font-size:10px; color:#fff; line-height:60px;}
.subnav .contact-text{ padding:12px 5px; font-size:12px; color:#fff; line-height:20px; background:#0a4eb5;}
.subnav .contact-img a{ display:block; height:145px;}
.subnav .pcdnav{ margin:0 0 20px 0;}
.subnav .pcdnav li a{ padding:0 0 0 20px;display:block; font-size:14px; color:#fff; line-height:42px; background:#0a4eb5; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.subnav .pcdnav li a.active{background:#335170;}
.subnav .pcdnav li a:hover{ background:#1883d1;}
.subnav .pcdnav .xlxl{ position:relative;height:auto;}
.subnav .pcdnav .xlxlhide{ height:0; overflow:hidden;}
.subnav .pcdnav .xlxl a{ padding:0 0 0 20px; display:block; font-size:12px; color:#fff; line-height:39px;background:#fbab36; border-bottom:solid 1px #c9892b;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.subnav .pcdnav .xlxl a:hover{background:#f5a531;}
.subnav .pcdnav .xlxl a.active{background:#f5a531;}
.subnav .pcdnav .xlxl:hover .pcejxl{ display:block;}
.subnav .pcdnav .xlxl .pcejxl{ display:none; position:absolute; left:100%; top:0; z-index:1; width:100%; height:auto;}
.subnav .pcdnav .xlxl .pcejxl .pcejxl_li{ position:relative; margin:0 0 0 1px;padding:0 0 0 20px; line-height:39px; font-size:12px; color:#bec4cc; border-bottom:solid 1px #29445f; cursor:pointer; background:#2e4c6a;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.subnav .pcdnav .xlxl .pcejxl .pcejxl_li:hover{background:#335170;}
.subnav .pcdnav .xlxl .pcejxl .pcejxl_li:hover .fourxl{ display:block;}
.subnav .pcdnav .xlxl .pcejxl .pcejxl_li .fourxl{ display:none; padding:0 0 0 1px; position:absolute; left:100%; top:0; z-index:99999; width:100%; height:auto;}
.subnav .pcdnav .xlxl .pcejxl .pcejxl_li .fourxl .fourxls{ padding:0 0 0 20px; line-height:39px; background:#fbab36;border-bottom:1px solid #c9892b; color:#fff; font-size:12px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.subnav .pcdnav .xlxl .pcejxl .pcejxl_li .fourxl .fourxls:hover{ background:#f5a531;}
.subnav .pcdnav .xlxl .pcejxl .pcejxl_li .fourxl .fourxls.active{ background:#f5a531;}
.yddfourxlbox.active{ display:none;}
.yddfourxl_btn{margin-bottom:2px; height:37px;font-size:12px;color:#fff; line-height:37px; background:#2e4c6a;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; cursor:pointer;}
.yddfourxl_btn small{margin:0 14px;}
.yddfourxl_btn b{padding-right:30px; line-height:37px;}


.subnav .yddnavbox ul.active{ display:none;}
.subnav .yddnavbox .yddnavbox_btn{margin-bottom:2px; height:37px;font-size:12px;color:#fff; line-height:37px; background:#0a4eb5;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; cursor:pointer;}
.subnav .yddnavbox .yddnavbox_btn small{margin:0 14px;}
.subnav .yddnavbox .yddnavbox_btn  b{padding-right:30px; line-height:37px;}
.subnav .yddnav li{ margin-bottom:2px; height:37px;}
.subnav .yddnav li a{ display:block; font-size:12px;color:#fff; line-height:37px; background:#fff;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#fbab36}
.subnav .yddnav small{ margin:0 14px;}
.subnav .yddnav b{ padding-right:30px; line-height:37px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{margin:0; height:0; overflow:hidden;}
.subnav .yddnav .xls{ height:34px; background:#2e4c6a; border-bottom:solid 1px #1d364e;}
.subnav .yddnav .xls a{ padding:0 20px 0 40px; color:#fff; display:block; line-height:34px;}
.subnav .yddnav .xlxl{height:auto; overflow:hidden;}
.subnav .yddnav .xlxl.xlxlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xlxls{ height:32px;background:#fbab36; border-bottom:solid 1px #e89a29}
.subnav .yddnav .xlxls a{ padding:0 20px 0 55px; color:#fff; display:block; line-height:32px;}
 
.aboutcontact{ margin:0 0 30px;}
.syabout,.sycontact{ width:50%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.syabout{ padding:23px; position:relative; height:190px; background:url(../images/syabout_bg.png) no-repeat right bottom #0a4eb5;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.syabout h3{ position:absolute; left:0; top:-44px; width:120px; height:44px; background:#fbab36; font-size:18px; color:#fff; line-height:44px; text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.syabout h5{ margin:0; font-size:16px; color:#fff; line-height:22px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.syabout p{ margin:10px 0 15px; color: #D7D5D5; line-height:24px; height:72px; overflow:hidden;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.syabout:hover p{ color:#fff;}
.syabout .more{width:25px;height:25px; background:#6d8297; text-align:center; line-height:25px; color:#fff; border-radius:50%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.syabout:hover .more{ background:#fff; color:#fbab36; transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}
.syabout:hover{background:url(../images/syabout_bg.png) no-repeat right bottom #fbab36;}
.sycontact{ height:190px; background:#f4f6f7;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.sycontact:hover{ background:#fbab36;}
.sycontact .xxx{ margin:0; padding:24px 15px 0 200px; height:100%; color:#000; line-height:24px; background:url(../images/sycontact_icon.png) no-repeat 40px 50%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.sycontact:hover p{ color:#fff;}
.pictrue1-list{ margin-bottom:20px;}
.pictrue1-list .pictrue1box{ padding:0 15px; background:#f3f3f3;}
.pictrue1-list .pictrue1box h2{ margin:0; font-size:18px; color:#2e4c6a; line-height:56px;}
.pictrue1-list .pictrue1box .imgbox{ height:160px;}
.pictrue1-list .pictrue1box p{ margin:22px 0 30px; font-size:12px; color:#666; line-height:24px; height:48px; overflow:hidden;}
.pictrue1-list h5{ margin:1px 0 0; font-size:12px; color:#666; line-height:47px; background:#f3f3f3;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.pictrue1-list:hover h5{ background:#0a4eb5; color:#fff;}

.pictrue2-list{ margin-bottom:20px;}
.pictrue2-list .pictrue2box{ padding:15px; border:solid 1px #e6eaed;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.pictrue2-list .pictrue2box .imgbox{ height:200px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.pictrue2-list .pictrue2box h3{ margin:15px auto 10px; width:80%; font-size:14px; color:#000; line-height:40px; border-top: solid 1px #e6eaed;border-bottom: solid 1px #e6eaed;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.pictrue2-list .pictrue2box p{ margin:0; font-size:12px; color:#8d8d8d; line-height:28px; height:56px; overflow:hidden;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.pictrue2-list .pictrue2box:hover{ border:solid 1px #1883d1; box-shadow:2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-ms-box-shadow:2px 2px 2px rgba(0,0,0,0.2);-o-box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
.pictrue2-list .pictrue2box:hover h3{width:100%;border-top:solid 1px #2e4c6a;border-bottom:solid 1px #2e4c6a;color:#2e4c6a;}
.pictrue2-list .pictrue2box:hover p{color:#2e4c6a; }

footer{ position:relative; padding:10px 0; background:#0a4eb5;}
footer p{ margin:0; padding:0 114px 0 0; font-size:12px; color:#fff; line-height:32px;}
footer .goTop{ position:absolute; right:15px; top:0; z-index:1; width:104px; height:32px; cursor:pointer;}
footer .goTop span{width:32px; height:32px; background:#616d7a; text-align:center; line-height:32px; font-size:16px; color:#fff;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
footer .goTop small{width:71px; height:32px; background:#616d7a; font-size:12px; color:#fff; line-height:32px; text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
footer .goTop:hover span{ background:#fbab36;}
footer .goTop:hover small{ background:#fbab36;}

.title1{ margin:5px 0 10px; padding:0 0 0 28px; background:url(../images/this_icon.png) no-repeat left; line-height:50px; border-bottom:solid 1px #e6eaed; font-size:16px; }
.title1 a{color:#333;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.title1 a:hover{color:#fbab36;}
.title1 span{ margin:0 10px;color:#000;}
.title1 small{ font-size:12px;color:#fbab36;}

.text3{ font-size:12px; color:#232323; line-height:20px;}

/*caseshow*/
.case_parameter h2{ margin:0 0 30px; padding:0 10px; font-size:18px; color:#000; line-height:40px;  text-align:center;}
.case_parameter .parameters .parameter_left{ margin:0 2% 0 0; width:43%;}
.case_parameter .parameters .parameter_left p{ font-size:12px; color:#000; line-height:40px;}
.case_parameter .parameters .parameter_left p strong{ display:block; font-size:14px;}
.case_parameter .parameters .parameter_right{ padding:16px 0 0; width:55%;}
.case_parameter .parameters .parameter_right .kuai{ margin:0 0 25px; padding:8px 15px; background:#e5eef2;}
.case_parameter .parameters .parameter_right .kuai h4{ margin:0 0 13px; font-size:16px; line-height:32px;}
.case_parameter .parameters .parameter_right .kuai span{ display:block; font-size:12px; color:#5a7c91; line-height:20px;}
.case_img{ border:solid 1px #e6eaed; height:378px;}
.case_instructions{ margin:10px 0 0;}
.case_instructions p{ font-size:12px; color:#000; }
/*about*/
.aboutbox .about_imgs{ margin:0 0 20px;}
.aboutbox .about_text{ margin-bottom:30px; padding-bottom:30px; }
.aboutbox .about_values{ font-size:12px; color:#232323; line-height:28px;}
.aboutbox .about_values .hang{ padding:6px;}
.aboutbox .about_values span{ color:#fbab36;}

/*news*/
.news1-list{ margin-bottom:20px;}
.news1-list .news1box{ padding:10px 0 15px; border-bottom:dotted 1px #e6eaed;}
.news1-list .news1box .biaoti{ position:relative; margin:0 0 15px; padding:0 0 0 28px; height:15px;}
.news1-list .news1box .biaoti .jiantou{ position:absolute; left:0; top:0; width:15px; height:15px; background:url(../images/news_icon_03.jpg) no-repeat right;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; overflow:hidden;}
.news1-list .news1box .biaoti h6{ margin:0; width:80%; font-size:12px; color:#232323; line-height:15px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.news1-list .news1box .biaoti span{ width:20%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; line-height:15px; text-align:right;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.news1-list .news1box p{ padding:0 0 0 28px; font-size:12px; color:#999; line-height:18px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; height:36px; overflow:hidden;}
.news1-list .news1box:hover .biaoti .jiantou{ background-position:0 0;}
.news1-list .news1box:hover .biaoti h6{ color:#2e4c6a;}
.news1-list .news1box:hover .biaoti span{ color:#666;}
.news1-list .news1box:hover p{ color:#2e4c6a;}

/*newsshow*/
.newsshow .biaoti{ margin:0 0 10px; padding:0 20px 11px;border-bottom:dotted 1px #e6eaed;}
.newsshow .biaoti h2{ width:80%; margin:0; font-size:18px; line-height:30px; color:#333;}
.newsshow .biaoti span{ width:20%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; line-height:30px; text-align:right;}
.newsshow .text3{ padding:0 10px; color:#333;}

/*contact*/
.contactbox{ margin:0 auto; width:80%;}
.contactbox .contact_detailed .hang{ position:relative; border-bottom:solid 1px #e6eaed;font-size:12px; color:#333;}
.contactbox .contact_detailed .hang .icon{ padding:0 53px 0 0; position:absolute; left:0; top:0; z-index:1; width:166px; height:100%; border-right: solid 1px #e6eaed; line-height:59px; text-align:right;}
.contactbox .contact_detailed .hang .icon img{ margin:0 5px 0 0;}
.contactbox .contact_detailed .hang p{ padding:0 0 0 190px;	line-height:59px;}
.contactbox .contact_map{ margin:30px 0;}
.contactbox .contact_input .hang{ position:relative; margin:0 0 10px;}
.contactbox .contact_input .hang span{ position:absolute; left:0; top:0; z-index:1; width:60px; height:49px; line-height:49px; text-align:center; font-size:12px; color:#333;}
.contactbox .contact_input .hang input{ padding:0 10px 0 70px; width:100%; height:51px; background:none; border:solid 1px #e6eaed;font-size:12px; color:#333;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
.contactbox .contact_input .hang textarea{ padding:13px 10px 13px 70px; width:100%; background:none; border:solid 1px #e6eaed; line-height:28px; font-size:12px; color:#333;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
.contactbox .contact_input .hang input:hover,.contactbox .contact_input .hang textarea:hover{ border:solid 1px #caced1;}
.contactbox .contact_input .hang button{width:100%; height:50px; background:#0a4eb5; color:#fff; font-size:12px; border:none;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
.contactbox .contact_input .hang button:hover{ background:#fbab36;}

/*zlxzbox*/
.zlxzbox .hang{ position:relative; border-bottom:solid 1px #e6eaed;}
.zlxzbox .hang:first-child div{ font-size:14px;}
.zlxzbox .hang div{padding:20px 0; font-size:12px; color:#333; line-height:24px; text-align:center;word-wrap:break-word;}
.zlxzbox .hang div span{ position:absolute; top:0; left:0; width:1px; height:100%; background:#e6eaed;}
.zlxzbox .hang div.kuai1 span{ display:none;} 
.zlxzbox .hang div.kuai2 span{ left:49%;} 
.zlxzbox .hang div.kuai3 span{ left:66%;} 
.zlxzbox .hang div.kuai4 span{ left:83%;} 
.zlxzbox .hang div:first-child{ padding-left:20px; text-align:left; border:none;}
.zlxzbox .hang .kuai1{ width:49%;}
.zlxzbox .hang .kuai2{ width:17%;}
.zlxzbox .hang .kuai3{ width:17%;}
.zlxzbox .hang .kuai4{ width:17%;}
.zlxzbox .hang a{ display:inline-block; padding:0 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#67bee2+0,1c67a7+100 */
background: rgb(103,190,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(103,190,226,1) 0%, rgba(28,103,167,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(103,190,226,1) 0%,rgba(28,103,167,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(103,190,226,1) 0%,rgba(28,103,167,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67bee2', endColorstr='#1c67a7',GradientType=0 ); /* IE6-9 */ font-size:10px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border-radius:3px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;
}
.zlxzbox .hang a:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fecd86+0,fbab36+100 */
background: rgb(254,205,134); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,205,134,1) 0%, rgba(251,171,54,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,205,134,1) 0%,rgba(251,171,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,205,134,1) 0%,rgba(251,171,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecd86', endColorstr='#fbab36',GradientType=0 ); /* IE6-9 */

}

@media (max-width:1199px){

}


@media (max-width:991px){
.main{ padding:20px 0;}	
	
/*h-2*/	
header .topbar{ height:80px;}
header .sjdnav{ width:150px; height:auto; position:absolute;right:10px; top:80px;z-index:5; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{ height:30px;display:block; padding:0;text-align:center; margin-bottom:5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e4c6a+0,2e4c6a+99&0.6+0,0.6+100 */
background: -moz-linear-gradient(top,  rgba(46,76,106,0.6) 0%, rgba(46,76,106,0.6) 99%, rgba(46,76,106,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(46,76,106,0.6) 0%,rgba(46,76,106,0.6) 99%,rgba(46,76,106,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(46,76,106,0.6) 0%,rgba(46,76,106,0.6) 99%,rgba(46,76,106,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992e4c6a', endColorstr='#992e4c6a',GradientType=0 ); /* IE6-9 */

}
header .sjdnav li a{display:block; color:#fff; line-height:30px; }
header .sjdnavhide{ height:0; overflow:hidden;}	
header .logo img{ width:150px; height:auto; margin-top:2px;}
header .ydd_btn{ margin:20px 0 0 0; padding:10px; width:45px; height:40px; cursor:pointer;}
/*header .ydd_btn.hover{ background:url(../images/ydd_btn_bg.png) no-repeat; background-size:100% 100%;}
header .ydd_btn.hover span{ background:#fff;}
header .ydd_btn.hover span.span01{ position:relative; margin-top:8px;}
header .ydd_btn.hover span.span02{ position:relative; margin-top:-4px;}
header .ydd_btn.hover span.span03{ position:relative; margin-top:-8px;}*/
header .ydd_btn span{ display:block; width:100%; height:4px; background:#0a4eb5;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#0a4eb5;}
header .ydd_btn.click span.span01{
transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg); 
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); 
position:relative;
top:8px;
margin-top:0px;	
} 
header .ydd_btn.click span.span02{
margin:4px 0;	
}
header .ydd_btn.click span.span03{
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 
-moz-transform:rotate(-45deg); 
-webkit-transform:rotate(-45deg); 
-o-transform:rotate(-45deg);
position:relative;
top:-8px;			
margin-top:0px;
}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}

.banner .carousel-indicators{ bottom:5px; margin-bottom:0;}

.sycontact .xxx{ padding-top:12px; padding-left:180px; font-size:12px;}

/*subnav*/
.subnav{ padding:10px 0 0; margin:0 0 20px;}

/*p-2*/
.pictrue2-list .pictrue2box .imgbox{ height:250px;}

/*contact*/
.contactbox{width:100%;}


} 

@media (max-width:767px){
body{ padding-bottom:50px;}	
	
 /*f-nav*/
.hot{height:50px; background:#0a4eb5; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 1px #40668b;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row div:hover{ background:#263d54;}	
	
/*h-2*/		
header .topbar{ height:50px;}
header .sjdnav{ right:0;top:50px; width:40%;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
header .sjdnav li{margin-bottom:0;padding:0 3%;height:40px;border-bottom:solid 1px #3b6084; border-top: solid 1px #4b739b;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e4c6a+0,2e4c6a+100&0.8+0,0.8+100 */
background: -moz-linear-gradient(top,  rgba(46,76,106,0.8) 0%, rgba(46,76,106,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(46,76,106,0.8) 0%,rgba(46,76,106,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(46,76,106,0.8) 0%,rgba(46,76,106,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc2e4c6a', endColorstr='#cc2e4c6a',GradientType=0 ); /* IE6-9 */
}
header .sjdnav li a{color:#fff;line-height:40px; }	
header .logo img{ width:75px;margin-top:8px;}
header .ydd_btn{ margin:5px 0 0;}

.banner .carousel-indicators{ bottom:5px; margin-bottom:0;}
.banner .carousel-indicators li{ margin:0 3px; width:10px; height:10px;}

.aboutcontactbox{ padding:0;}
.pictrue1-list .pictrue1box h2{ font-size:16px;line-height:40px;}
.pictrue1-list .pictrue1box p{ margin:10px 0;}
.pictrue1-list h5{ line-height:40px;}
.syabout, .sycontact{ width:100%;}
.syabout{ padding:15px;}
.sycontact .xxx{ padding:5px 15px 10px 110px; background-size:80px auto; background-position:15px 50%}
footer p{ padding:0; text-align:center; line-height:24px;}

/*caseshow*/
.case_parameter h2{ margin:0 0 10px; font-size:14px;line-height:30px}
.case_parameter .parameters .parameter_left{ margin:0; width:100%;}
.case_parameter .parameters .parameter_left p{line-height:24px;}
.case_parameter .parameters .parameter_right{width:100%;}
.case_parameter .parameters .parameter_right .kuai{ margin:0 0 10px;}
.case_parameter .parameters .parameter_right .kuai h4{ margin:0 0 5px; font-size:14px; line-height:30px;}
.case_img{height:300px;}
.case_instructions p{}
.case_instructions img{width:100%; height:auto;}
.text3{ line-height:24px;}

/*about*/
.aboutbox .about_text{ margin-bottom:10px; padding-bottom:10px;}
.aboutbox .about_values{ line-height:24px;}

/*news*/
.news1-list{ margin-bottom:10px;}
.news1-list .news1box .biaoti h6{ width:65%;}
.news1-list .news1box .biaoti span{ width:35%;}

/*newsshow*/
.newsshow .biaoti{padding:0 0 10px}
.newsshow .biaoti h2{ width:65%; font-size:14px; line-height:26px;}
.newsshow .biaoti span{ width:35%;  line-height:26px;}
.newsshow .text3{ padding:0;}

/*contact*/
.contactbox .contact_detailed .hang .icon{ padding:0 20px 0 0;width:120px;line-height:40px;}
.contactbox .contact_detailed .hang .icon img{ margin:0 8px 0 0; width:25px;}
.contactbox .contact_detailed .hang p{ padding:0 0 0 130px; line-height:40px;}
.contactbox .contact_input .hang span{width:60px; height:40px; line-height:40px;}
.contactbox .contact_input .hang input{ padding:0 10px 0 70px; height:42px;}
.contactbox .contact_input .hang textarea{ padding:6px 10px 6px 70px;line-height:28px;}
.contactbox .contact_input .hang button{ height:40px;}

/*zlxzbox*/
.zlxzbox .hang div{ padding:10px 0;}
.zlxzbox .hang div:first-child{ padding-left:0px;}
.zlxzbox .hang .kuai1,.zlxzbox .hang .kuai2,.zlxzbox .hang .kuai3,.zlxzbox .hang .kuai4{ width:25%;}
.zlxzbox .hang div.kuai2 span{ left:25%;} 
.zlxzbox .hang div.kuai3 span{ left:50%;} 
.zlxzbox .hang div.kuai4 span{ left:75%;} 
.zlxzbox .hang a{ padding:0 5px;}
 }
 
 @media (max-width:640px){	
/*p-2*/
.pictrue2-list .pictrue2box .imgbox{ height:200px;}
.pictrue2-list .pictrue2box h3{ line-height:34px; font-size:14px;}
.pictrue2-list .pictrue2box p{ line-height:24px; height:48px;}
 }
 
 @media (max-width:500px){	 
.pictrue1-list .pictrue1box .imgbox{ height:100px;}

/*p-2*/
.pictrue2-list .pictrue2box{ padding:10px;}
.pictrue2-list .pictrue2box .imgbox{ height:150px;}
.pictrue2-list .pictrue2box h3{ margin:5px auto;}

/*caseshow*/
.case_img{height:250px;}
 }

@media (max-width:414px){	 
.syabout h5{ font-size:14px;}
.syabout p{ font-size:12px;}
.pictrue1-list .pictrue1box .imgbox{ height:80px;}
.pictrue1-list .pictrue1box h2{ font-size:14px;}

/*p-2*/
.pictrue2-list .pictrue2box{ padding:5px;}
.pictrue2-list .pictrue2box .imgbox{ height:100px;}
.pictrue2-list .pictrue2box h3{ width:90%;}
.pictrue2-list .pictrue2box p{ width:90%;}
}

@media (max-width:340px){	
 /*h-2*/
header .logo img{ width:65px;margin-top:10px;}
.pictrue1-list .pictrue1box h2{ line-height:30px; font-size:12px;}
.pictrue1-list .pictrue1box .imgbox{ height:60px;}
.pictrue1-list .pictrue1box p{ line-height:22px; height:44px;}
.pictrue1-list h5{ line-height:34px;}

/*p-2*/
.pictrue2-list .pictrue2box .imgbox{ height:90px;}
.pictrue2-list .pictrue2box h3{ line-height:24px; font-size:12px;}
.case_instructions img {width: 100%;height: auto;}
}