﻿@font-face {
  font-family: 'iconfont';  /* project id 1298696 */
  src: url('//at.alicdn.com/t/font_1298696_rfe134esu4.eot');
  src: url('//at.alicdn.com/t/font_1298696_rfe134esu4.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1298696_rfe134esu4.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1298696_rfe134esu4.woff') format('woff'),
  url('//at.alicdn.com/t/font_1298696_rfe134esu4.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1298696_rfe134esu4.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:#FF0000;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;}
.pa{position:absolute;}
.pr{position: relative;}
.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 5px 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:right;width:910px;line-height:20px;padding:5px 0px 0px 0px;}

.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:38px;}
.wraptop_1_1 {float:left;width:690px;text-align:left;line-height:38px;}
.wraptop_1_1 span {font-size:12px;color:#333333;}
.wraptop_1_2 {float:right;width:420px;line-height:35px;color:#fff;text-align:center;padding-right:0px;
  background:url('../images/top_bg.png') no-repeat right 0;}
.wraptop_1_2 a:link,.wraptop_1_2 a:visited {color: #fff; margin:0px 10px 0px 10px;font-size: 14px;}
.wraptop_1_2 a:hover,.wraptop_1_2 a:active {color:#FF0000;}

.wraptop_2 {float:left;width:100%; height:110px;padding:10px 0 0 0;}
.t_text{float:left;padding:20px 0 0 20px;font-size:19px; color: #434343;line-height:30px;width:400px;margin: 10px 0 0 0px;font-weight:400; }
.t_text strong{display: block;color: #e21226; font-size:22px;}
.h_pho{background:url(../images/telbg.png) no-repeat 0 20px;font-size:14px;line-height:18px;padding:20px 0 0 65px;color:#777;
  height:70px;width: 215px; white-space: nowrap; margin-top:5px;}
.h_pho b{font-size:25px;display:block;line-height:35px;color:#fe3b01; 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:#2392f1;cursor:pointer;vertical-align:middle;}

/* navigation */
.nav {clear:both;margin:0 auto;width:100%;height:60px;border-top: 1px solid #e6e6e6; border-bottom: 2px solid #e6e6e6;}
.linav {margin:0 auto;width:1200px;line-height:60px;}
.linav_ul {width: 100%;}
.linav_ul li {float:left;width:130px;height:60px;color:#333;font-size:16px;text-align:center;position: relative;overflow: hidden;border-right: 1px solid #e6e6e6;}
.linav_ul li a:link,.linav_ul li a:visited {display: block; color:#333;font-size:16px;position: relative;z-index: 3;}
.linav_ul li a:hover {color:#fff;}
.linav_ul li::after,.linav_ul li:after,.linav_ul li:after,.linav_ul li::after{background:#2392f1;content: '';position: absolute;width: 100%;
  height: 100%;left: 0;top: -100%;transition:0.3s all ease-in-out; color: #fff;}
.linav_ul li.select::after,.linav_ul li.select:after,.linav_ul li:hover:after,.linav_ul li:hover::after{ top: 0;color: #fff;}
.linav_ul li.select a{color: #fff;}

/* 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:#ab0000 none repeat scroll 0 0;color:#ab0000;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:50px 0px 20px 0px;line-height:20px;}
.yqlj_t {float:left;width:1200px;height:60px;line-height: 30px; font-size:18px;color:#333;
  background: url(../images/links.jpg) no-repeat center bottom;text-align: center;}
.yqlj .yqlj_1 {float:left;width:1200px;line-height:40px; } 
.yqlj .yqlj_1 a {float:left;margin:0px 10px 0px 10px;font-size: 14px;}

/* bottom */
.divBottom {width:100%;line-height:20px;margin-top:10px;background:#393939;height: 280px;}
.divBottom_1 {width:100%; text-align:left;border-bottom:1px dashed #fff;font-weight:400;font-size:16px;line-height:65px;color:#FFFFFF;}
.divBottom_1 a {color:#FFFFFF;text-decoration:none;margin:0px 15px;font-size:14px;}
.divBottom_1 a:active {color:#FFFF00;text-decoration:none;}
.divBottom_2 {color:#fff;padding-bottom:10px;padding-top:30px;text-align:left;line-height:28px;font-size: 14px;}
.divBottom_2 a,.divBottom_2 a:link,.divBottom_2 a:visited {color:#fff !important;}
.divBottom_3 {float:left;width:988px;background-color:#E1E8ED;border:1px solid #A7A6A6;padding:10px 0px 10px 0px;}

.divBot_01{float:left;width: 200px; height: 280px;background:#616161;}
.divBot_01 .fcode {width:116px; height:116px; border:1px dotted #fff;margin: 30px auto 0 auto;}
.divBot_01 .fcode img{width:110px; height:110px;padding:3px;}
.divBot_01 .fcode p{font-size:12px; color:#fff; text-align:center; line-height:30px;}
.divBot_01 .phone{ margin:35px auto 0 auto;line-height: 30px;}
.divBot_01 .phone span{ margin:0 auto; font-size:16px; color:#fff; text-align:center; display:block;background:url(../images/fw_xt.png) no-repeat center;}
.divBot_01 .phone p{ font-size:18px; font-weight:bold; color:#fff; text-align:center; margin-top:5px;}
.divBot_02{float:right; width:930px}


/*首页*/
.ind_title{margin:0 auto; background:url(../images/jz_t.jpg) no-repeat center;height: 85px;line-height:40px; text-align:center; }
.ind_title h3 a {font-size:36px;color:#333; font-weight:bold; display:block; }
.ind_title h3 p {color:#666; font-size:20px; font-weight:normal;}

/*产品*/
.prolh {overflow:hidden;width:910px;}
.prolh li {float:left;width:282px; margin:5px 30px 25px 0; height: 300px; overflow: hidden;}
.prolh li:nth-child(3n){margin-right: 0}
.prolh li .p_img {width:282px;height:242px;overflow: hidden;margin:0 auto;text-align:center; border:1px #eee solid;
  display: flex;justify-content: center; align-items: center; position: relative;}
.prolh li .p_img img{width:280px; height:240px;transition: all 0.5s;}
.prolh li .p_name {transition: all 0.5s;width:90%;padding:0 5%; background:#f1f1f1; height:56px; line-height: 56px; font-size: 16px;}
.prolh li .p_name i{float:right;}
.prolh li:hover .p_name{color:#fff;background:#2492f1;}
.prolh li:hover .p_name i{}
.prolh li:hover .p_img img{transform:scale(1.2);transition: all 0.5s;}
.prolh li .p_img::after{position: absolute;content:''; width:280px; height:100%;transition: all 0.5s;background:rgba(0,0,0,0);
 display: flex;justify-content: center; align-items: center; font-size:40px; color:#fff;left:-100%;}
.prolh li:hover .p_img:after{content:'\e626';font-family:'iconfont';background:rgba(0,0,0,.3);left:0}

/**/
.advantage{background:#f8f8f8;padding:60px 0;margin:30px auto;}
.advantage .advantage_title {width:325px; float:right; height:88px;position: relative;line-height:40px;}
.advantage .advantage_title strong{display: block; font-size:36px; font-weight:bold; color:#2392f1;padding-top: 10px;}
.advantage .advantage_title p{font-size:14px; font-weight:normal; color:#999; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.advantage .advantage_title::after{position: absolute;display: block; content: '';left:0;height: 3px;background:#c8c8c8;width:100px; top:0;}

.advantage .ys_list{width:325px; height:210px; float:right; margin-top:5px;padding-left:20px; }
.advantage .ys_list p{width:325px; margin:0  0 10px 0;font-size: 16px;line-height: 42px;}
.advantage .ys_list p:hover{color:#e4393d;}

.advantage .ys_nr{width:855px; height:495px;overflow: hidden; float:left;position:relative;}
.advantage .ys_nr img{width:100%; height:100%;transition:all 0.5s;}
.advantage .ys_nr:hover img{transform: scale(1.1)}
.advantage .ys_nr p{width:755px; height:45px; position:absolute; bottom:0; left:0;background:rgba(0,0,0,.5);z-index: 2;
 font-size:18px; font-weight:normal; color:#fffefe; display:block;line-height:45px; padding:20px 50px;}

.advantage .ys_tel{ width:345px; height:185px; background:#fe3b01; float:right;margin: 7px 0px 0 0;position:relative;}
.advantage .ys_tel:after{position: absolute; content: '\e723';font-family:'iconfont';font-size:65px; color:#fff; right:40px; top:45px;}
.advantage .ys_tel .rexian{font-size:16px; font-weight:normal; color:#fff;margin: 35px 35px 25px 35px;line-height:30px;}
.advantage .ys_tel .rexian p{font-size:24px; font-weight:bold; color:#fff;}
.advantage .ys_tel .buttom{ width:130px; height:40px; line-height:40px; border:1px solid #f3b9a7;margin-left: 35px;font-size:16px; 
  font-weight:normal; color:#fff; text-align:center; display:block;}
.advantage .ys_tel .buttom:hover{background:#fff; color: #fe3b01;}

/**/
.gd_02{ position:relative; height:380px; width:1200px;margin:30px auto 0 auto;background:#eeeeee url(../images/case_bg.jpg) no-repeat center bottom;}
.gd_02 em{position: absolute;top: 135px;}
.gd_02 .t_l{ left:0px;}
.gd_02 .t_r{ right:0px;}
.gd_02 #simgs02{ margin:0px 60px;}
.gd_02 li{ float:left; width:295px; height:245px; text-align:center;margin:25px 10px 40px 10px;}
.gd_02 li img{ display:block;width:100%; height:100%;}
.gd_02 li a{ color:#333;}
.gd_02 .fl { float:left;}
.gd_02 .fr { float:right;}
.gd_02 #simgs02 a{color:#333;font-size:14px; line-height:40px; text-align:center; }

/**/
.ab_bg{width:100%; margin:0 auto; height:740px;background:#f1f1f1;}
.ab_out{width:1200px;margin:0 auto; height:470px; position:relative;}
.ab_out .ab_img{ float:left; height:350px; margin:130px 0 0 0px;}
.ab_out .ab_img img{width:520px; height:350px;}
.ab_out  .abox{width:680px; height:442px; float:right;margin-top:40px; position:relative;}
.ab_out  .abox h3{width:150px; height:442px;background:url(../images/ab_t.jpg)  no-repeat center; float:left;}
.ab_out  .abox h3 a{font-size:18px;color:#fff; line-height:30px;font-weight:bold; display:block; text-align:center;padding-top: 30px;}
.ab_out  .abox h3 b{display: block; font-weight:normal; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.ab_out  .abox .cont{ font-size:14px;width:470px; text-indent:2em; line-height:30px; color:#666;padding:30px;height:290px; overflow:hidden; 
  background:#fff; float:left;margin:90px 0 0 0px; position:relative;}
.ab_out  .abox .xq {position: absolute; right:0;bottom:0; background:#2492f1; width:69px; height:39px;text-align: center;line-height: 40px;
  display:block; color:#f2f6ff;font-size:14px;}

.rongyu{ width:1200px; height:190px;  margin:50px auto 0 auto;}
.rongyu .ttt{ width:160px;background:#fe3b01; margin:0px auto 0 auto; float:left; height:162px;}
.rongyu .ttt span{display: block; height:49px;  text-align:center; line-height:49px;cursor:pointer; color:#fff;font-size:24px;
 font-weight:bold; margin-top:30px;margin-bottom:10px;}
.rongyu .ttt a{display:block;margin:0 auto;color:#fff; border:1px #fff solid; width:100px;height:30px; line-height: 30px;border-radius: 30px; text-align: center; }
.rongyu .ttt a:hover{ background:#fe3b01; display:block; color:#fff;}

.rongyu .tabc{width:1000px; float:right; height:auto; overflow:hidden;}
.rongyu .tabc ul li{ width:218px; float:left;margin:0 15px;}
.rongyu .tabc ul li:hover{}
.rongyu .tabc ul li img{ width:210px; height:145px; border:1px solid #dbdbdb; padding:3px;}
.rongyu .tabc ul li span{ width:218px; text-align:center; line-height:28px; float:left;font-size:14px; color:#333; }

/*新闻*/
.mnews_li_t{width:1200px; overflow:hidden; height:221px;margin-top: 30px;}
.mnews_li_t .news_date{float:left; width:150px; height:121px; border-right:solid 5px #f2f2f2; font-size:16px; color:#2492f1; 
  line-height:38px; margin-top:36px; text-align: center;}
.mnews_li_t .news_date strong{display: block; margin-top:20px; line-height:60px; font-size:56px;}
.mnews_li_t .news_cont{float:left; padding-left:40px; margin-top:46px;}
.mnews_li_t .news_cont span{display: block; line-height:30px; padding-bottom:16px;font-size:18px;}
.mnews_li_t .news_cont p{line-height:22px; font-size:13px; color:#666; width:650px; display:-webkit-box; 
  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.mnews_li_t .news_cont a{ font-size:18px;}
.mnews_li_t .news_pic{float:right; width:300px; height:200px; border:solid 1px #ccc; overflow:hidden;}
.mnews_li_t .news_pic img{width:300px; height:200px;}
.mnews_li_d{width:1200px; overflow:hidden; padding-top:0px;}
.mnews_li_d ul{width: 1200px; display: flex; justify-content: space-between;flex-flow:row wrap; }
.mnews_li_d li{float:left;width:570px;font-size:14px; color:#999;border-bottom:dotted 1px #ccc; line-height:56px;}

