﻿@font-face {

  font-family: 'iconfont';  /* project id 1298696 */

  src: url('//at.alicdn.com/t/font_1298696_18pw41hgnvu.eot');

  src: url('//at.alicdn.com/t/font_1298696_18pw41hgnvu.eot?#iefix') format('embedded-opentype'),

  url('//at.alicdn.com/t/font_1298696_18pw41hgnvu.woff2') format('woff2'),

  url('//at.alicdn.com/t/font_1298696_18pw41hgnvu.woff') format('woff'),

  url('//at.alicdn.com/t/font_1298696_18pw41hgnvu.ttf') format('truetype'),

  url('//at.alicdn.com/t/font_1298696_18pw41hgnvu.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;outline: none;}

textarea {vertical-align:middle;font-size:12px;resize:none;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;}

a.botmenu:link,a.botmenu:visited {color:#FFFFFF;font-size:13px;text-decoration:none;margin:0px 8px 0px 7px;}

a.botmenu:hover,a.botmenu:active {color:#FFFF00;font-size:13px;text-decoration:none;margin:0px 8px 0px 7px;}



.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;}

.pr{position: relative;}

.pa{position: absolute;}

.mt5  {margin-top:5px;}

.mt10 {margin-top:10px;}

.mt20 {margin-top:20px;}

.mt30 {margin-top:30px;}

.mt40 {margin-top:40px;}

.mt50 {margin-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;}



.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:25px;width:100px;font-weight:bold;background-color:#e0661f;border:1px solid #999999;border-radius:5px;margin-right:10px;}

.button_submit4 {color:#fff;font-weight:normal;cursor:pointer;height:25px;width:90px;font-weight:bold;background-color:#e0661f;border:1px solid #999999;border-radius:5px;}



/**********************************************************************************************/



.main   {width:100%;margin:0 auto;line-height:20px; overflow-x: hidden;}

.topCon,.w1200 {width:1200px;margin:0 auto;}

.topCon100 {width:100%;margin:0 auto;line-height:20px;}

.indexTop  {width:100%;margin:0 auto;line-height:20px;}

.indexLeft {float:left;width:245px;line-height:20px;}

.indexLeft1 {float:left;width:245px;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;}

.indexRight  {float:right;width:920px;}

.indexRight1 {float:right;width:920px;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%;}

.topCon_2 {float:left;width:100%;height:125px;text-align:left;background-repeat:no-repeat;}

.topBna{display: flex;align-items: center; justify-content: center; width: 100%;

    height: 600px;overflow: hidden;}

/* top */

.wraptop_1 {float:left;width:100%;height:32px;padding:0 0 1px;background:url('../images/header_bg.gif') repeat-x;

border-bottom: 1px solid #e5e5e5;}

.wraptop_1_1 {float:left;text-align:left;line-height:32px;}

.wraptop_1_1 span {font-size:12px;color:#000;}

.wraptop_1_2 {float:right;line-height:32px;color:#000000;text-align:right;padding-right:10px;}

.wraptop_1_2 em{display: inline-block; height: 11px;margin: 0 16px; border-left: 1px dotted #c9c9c9;}

.wraptop_1_2 a:link,.wraptop_1_2 a:visited {color: #273843;}

.wraptop_1_2 a:hover,.wraptop_1_2 a:active {color:#FF0000;}



.wraptop_2 {float:left;width:100%; height:130px;padding:0px 0 0 0;}

.wraptop_2 h1{display: flex;height: 130px;align-items: center;}

.wraptop_2 h1 img{ width: 690px; }

.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/tel.png) no-repeat right 0;font-size:14px;line-height:18px;color:#1f1a17;height:70px;width: 215px; 
  white-space: nowrap; margin-top:35px;text-align: right;}
.h_pho b{font-size:25px;display:block;padding-top:30px; line-height:30px;color: #ff5a00; font-weight:400;}

.wraptop_2_3{ display: flex;height: 130px;align-items: center; padding-right: 30px; }



.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:#ab0000;cursor:pointer;vertical-align:middle;}



/* navigation */

.nav {clear:both;margin:0 auto;width:100%;height:50px;background:#00489d;}

.linav {margin:0 auto;width:1200px;line-height:50px;}

.linav_ul {width: 100%; }

.linav_ul li {float:left;width:140px; margin:0 30px; height:50px;color:#FFFFFF;font-size:16px;text-align:center;position: relative;overflow: hidden;}

.linav_ul li a:link,.linav_ul li a:visited {display: block; color:#FFFFFF;font-size:16px;position: relative;z-index: 3;}

.linav_ul li a:hover {}

.linav_ul li::after,.linav_ul li:after,.linav_ul li:after,.linav_ul li::after{background: #ff5a00;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;}

.fixednav { position: fixed;  top: 0px; left: 0px;   width: 100%;  z-index:10;}



/* top-3  */

#top-3 {width:100%;}

.top-swiper .swiper-slide {display:flex;justify-content:center;overflow:hidden;}

.top-next,.top-prev {width:50px;height:58px;background:rgba(0,0,0,0.4);}

.top-next:after,.top-prev:after {color:#ffffff;font-size:20px;font-weight:bold;}

.page-banner {display:flex;align-items:center;justify-content:center;width:100%;height:600px;}



/* bottom */

.divBottom {width:100%;line-height:20px;margin-top:40px;background:#212121;}

.divBottom_1 {text-align:center;border:1px solid #E3E1E1;background:#065FA5;font-weight:bold;font-size:14px;line-height:30px;color:#FFFFFF;vertical-align:middle;padding:5px 0px 5px 0px;}

.divBottom_2 {color:#aaa;padding-bottom:10px;padding-top:10px;text-align:center;border-top: 1px solid #393939;}

.divBottom_2 a,.divBottom_2 a:link,.divBottom_2 a:visited {color:#aaa !important;}

.divBottom_3 {float:left;width:988px;background-color:#E1E8ED;border:1px solid #A7A6A6;padding:10px 0px 10px 0px;}



.divBotLogo{float:left;width:160px;}

.divBotLogo img{max-width: 160px; padding:15px 0;}

.divBotLogo_rj { width: 100%; }

.divBotLogo_rj a{float:left;color:#fff; padding-right: 10px;}

.divBotLogo_rj a i{font-size:22px;}



.divBot{float:left;width:670px;margin: 60px 0px;display: flex;justify-content: space-around;}

.divBot dl{display: inline-block;font-size: 14px; margin: 0 10px;vertical-align: top;}

.divBot dd{margin:20px 0;}

.divBot dd a{display: block; margin:8px 0;color:#aaa;}



.divBot3{float: right;width:320px;margin:60px 0 0 0px;color:#aaa;}   

.divBot3 .contact_phone {margin: 28px 0 8px;}

.symbol {float: left; width: 40px;height:40px; background: #fff url(../images/ico_phone.png) no-repeat center center;border-radius:6px;}

.intro { margin: 0 0 0 50px;font-size:22px;line-height: 40px;color:#ffffff; }

.contact_option_list { margin:6px 0;font-size: 12px;line-height:23px;}

.divBot_tit{margin:0px 0 35px;font-size:22px; color: #fff;}



/* Links */

.yqlj {clear:both;margin:0 auto;width:1200px;border-top:1px dashed #BBBBBB;padding:5px 0px 5px 0px;line-height:20px;}

.yqlj span {float:left;width:80px;font-weight:bold;height:30px;text-align:left;font-size:14px;color:#4F4949;}

.yqlj .yqlj_1 {float:left;width:900px;} 

.yqlj .yqlj_1 a {float:left;margin:0px 10px 0px 0px;}



/* 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:#015cb5 none repeat scroll 0 0;color:#015cb5;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;}





/* index-product */

#productbg {padding:60px 0;background:url(../images/productbg.jpg) no-repeat center top;position: relative;}

.prosea{width:500px;margin:0 auto;}



.prosearh{width:500px;margin:0 auto;height:50px;background:#ffffff; line-height:50px;padding:0px 0px 0px 0px;

   top:1px;z-index: 5; border:3px #c9caca solid;border-radius:12px;overflow: hidden; }

.prosearh_1 {float:left;height:50px;}

.prosearh_1 .searchinput {width:300px;border:0px solid #888888;height:50px;line-height:50px;color:#959595;font-size:18px;

  padding-left:60px;vertical-align:middle;background: url(../images/search.png) no-repeat 10px center;}

.prosearh_2 {float:right;}

.prosearh_2 input {border:0px solid #000000;font-weight:normal;font-size:20px;color:#FFFFFF;background-color:transparent;

  width:105px;height:56px;line-height:50px;background:#00489d;cursor:pointer;vertical-align:middle;}



.inprotit {width:100%;text-align:center;background: url(../images/protit.png) no-repeat center bottom; height:130px;}

.in-pro-item {padding-top:50px;width:100%;}

.in-pro-item ul {width:100%;}

.in-pro-item li:nth-of-type(3n) {margin-right:0;}

.in-pro-item li {width:380px;margin:0 30px 30px 0;background:#FFFFFF;transition:0.3s;}

.in-pro-item li a {display:block;width:100%;}

.in-pro-item li .item-img {display:flex;align-items:center;justify-content:center;width:100%;height:380px;

    overflow:hidden;background:#FFFFFF;}

.in-pro-item li .item-img img {max-width:100%;transition: .5s;}

.in-pro-item li .item-info {padding:10px 20px;width:100%;height:60px;box-sizing: border-box;}

.in-pro-item li .item-info .p1 {float:left;width:250px;height:40px;display:flex;align-items:center; font-size:14px;color:#000000;

    overflow:hidden;}

.in-pro-item li .item-info .p2 {float:right;margin:5px 0;width:70px;height:30px;line-height:30px;text-align:center;

    font-size:14px;color:#FFFFFF;background:#032a4d;border-radius:10px;text-transform:capitalize;transition:0.3s;}

.in-pro-item li:hover {background:#032a4d;}

.in-pro-item li:hover .item-info .p2 {transform:translateX(10px);}

.in-pro-item li:hover .item-info .p1 {color:#FFFFFF;}

.in-pro-item li:hover .item-img img{transform:scale(1.08);}



/*about*/

.aboutbg{padding:0px 0;background:url(../images/aboutbg.jpg) no-repeat center top;}

.aboutbg_con{height:600px;}

.aboutbg_fl{float:left;width:500px;position: relative;}

.aboutbg_fl .det1{ position: absolute;top:60px;border-radius: 8px; border:4px #fff solid;width: 440px;height: 280px; overflow: hidden;

  transform:rotate(-5deg);z-index:3;box-shadow: 0 0 5px #999;}

.aboutbg_fl .det2{ position: absolute;top:360px;left:2px; border-radius: 8px; border:4px #fff solid;width: 300px;height: 200px; overflow: hidden;

  transform:rotate(5deg);z-index:1;box-shadow: 0 0 5px #999;}

.aboutbg_fl .det1 img,.aboutbg_fl .det2 img{width:100%; height: 100%;transition: .5s;}

.aboutbg_fl img:hover{transform: scale(1.1);}



/*.aboutbg_fl img{width:500px;}*/

.aboutbg_fr{float:right; width:650px;}

.aboutbg_fr .tit {padding-top:90px; height:80px;}

.about_contents {padding-top:0px;padding-bottom:20px;font-size:16px;line-height:28px;color:#ffffff;}



.abcompany{width:100%; margin:0 auto;}

.abcompany .tit{text-align: center;padding-top: 100px;}

.idqiye_qie{width: 100%;overflow: hidden; margin:0 auto;}

.idqiye_qie li {float:left;margin:70px 26px 20px 0px;width:20%;border:5px #fff solid;border-radius: 10px;box-shadow: 0 0 10px #ccc;

 text-align: center;position: relative;overflow: hidden;}

.idqiye_qie li .imgw {width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;

  box-sizing: border-box;background:#fff;}

.idqiye_qie li .imgw img {width:100%;height:100%;transition:0.5s;object-fit: cover;}

.idqiye_qie li:hover .imgw img {transform:scale(1.2,1.2);}

.idqiye_qie li span{position: absolute;bottom:0; left:0;width:100%; color:#fff;height: 0; line-height:50px;font-size: 14px; 

  background: rgba(0,72,157,.8);transition: .5s;}

.idqiye_qie li:hover span{height: 50px;}



/*news*/

.anewsbg{padding:0px 0 40px;}

.anewsbg .tit{text-align: center;padding-top:80px;}

.rightq{position:relative;width:100%;padding-top:20px;}

.rightq .child{width:560px;height:115px; float:left; margin:50px 50px 0 0;padding:7px;}

.rightq .child:nth-child(2n){margin-right: 0}

.rightq .child .childImg{overflow:hidden;width:150px;height:110px;line-height:110px;border:1px #d9d9d9 solid;

  text-align:center; float:left;background:#ffffff;}

.rightq .child .childImg img{width:100%;transition: .5s;}

.rightq .child:hover .childImg{box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);}

.rightq .child:hover img{transform: scale(1.1);}



.rightq .child .textq{ float:left; width:340px; margin-left:15px;}

.rightq .child .t_date{font-size:12px;color:#999;line-height:20px;padding-bottom:0px; text-align:left;}

.rightq .child .title{font-size:15px;color:#666;line-height:20px;padding-bottom:5px; text-align:left;overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;}

.rightq .child .info{font-size:13px;color:#666;line-height:20px;height:45px;text-align:left;float:left;}

.rightq .child .textq span{display: block;float:left; width: 100%; font-size: 13px;color:#999;}

.rightq .child:hover .title,.rightq .child:hover .t_date,.rightq .child:hover .info,.rightq .child:hover .textq span{ color:#ffffff;}

.rightq .child:hover{background:#00489d;}
