body{font-size:12px; background:#FFF; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:"Microsoft Yahei"; color:#484848;}
div{margin: 0px; padding: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
a{color: #484848; text-decoration: none;}
a:hover{color: #f76337;text-decoration: none;}
.border_bg{width:auto; height:auto; margin:0 auto;}
.cp img{border:1px solid #ddd;  padding:5px;}
.cp img:hover{border:1px solid #f76337; }
.cpss img{border:1px solid #dfdfdf;  padding:3px;}
.cpss img:hover{border:1px solid #df0011;}
input,button,select,textarea{outline:none}
.font_1{font-size:16px; color:#333;}
#copy{ display:none;}
.totalwidth {width:1200px; margin:0 auto; height:auto;}
.totalwidthpercent {width:100%; margin:0 auto;}	
.fl{ float:left;}
.fr{ float:right;}	
#classimgshow2{line-height:38px;}
.xwlb_img img{border:1px solid #dddddd;}
/*共同结束*/

/*小导航*/
.mianbxContent { margin-bottom: 15px !important; height: 50px !important; line-height: 50px !important; font-size: 16px !important; text-align: left !important; background-color: #ddd; width: 1198px !important; text-indent: 2.5em; transition:0.1s all; background:url(../images/20180904145303_1418035669.png) no-repeat 7px 12px; border: 1px dashed #ddd; letter-spacing: 1px; position: relative;}
.mianbxContent a{ font-size:16px !important; }
.mianbxContent:hover{ background: url(../images/20180904145303_1418035669.png) no-repeat 7px -29px; }
.strong_title { display: none; }
.centerHeadImage { border: 0; display: none; }
.mianbxContent a:hover{ color:#f76337}
.mianbxContent::after { content: ''; position: absolute; display: block; height: 40px; width: 200px; top: 0; right: 0; }

/*抬头*/	
.top_bg{ width:100%; height:260px; background:url(../images/20180903092613_1155574607.jpg) center no-repeat; margin:auto;}
.kuandu { width:990px;}
.top_t{ width:100%; line-height:40px; font-size:12px; margin:auto;}
.top_tl{ width:350px; float:left;}
.top_tr{ width:260px; float:right; text-align:right;}
.top_tatol { width:100%;}
.top_til strong { display:block; font-size:22px; margin-top:30px; line-height:35px; margin-bottom:10px;}
.top_til li { background:#f5f5f5; float:left; font-size:18px; margin-right:13px; height:40px; line-height:40px; padding-left:20px; padding-right:20px; border-radius:5px;}
.top_til li:hover{-webkit-animation: test 0.2s ease-in 2;}
.top_tatol img { margin-top:0px;}
.top_tatol_ted{ width:246px; height:91px; font-size:17px; text-align: center;background:url(../images/20181119164921_2098423447.png) center no-repeat; float:right; margin-top:24px; padding-right:20px;}

.top_tubiao { width:194px;} 
.top_tubiao span { display:block; width:277px; height:33px; line-height:33px; color:#fff; font-size:18px; letter-spacing:2px; margin-top:20px; background:#d8902e; border-radius:10px; text-align:center;}
.top_tubiao:hover{-webkit-animation: test 0.2s ease-in 2;}

.nav { height:72px; line-height:72px; margin-top:33px; font-family:Microsoft YaHei; overflow:hidden}
.nav li { width:113px; margin-left:5px; margin-right:5px; float:left; text-align:center;}
.nav li a { color:#fff; font-size:16px; display:block;}
.nav li:hover { width:113px;  background:#e85306; /*border-radius:20px; */display:block; color:#372f2d; transition: 0.2s all ease-in-out;}
.nav li:hover a { color:#fff;}

.nav li.noming {background:#e85306; /*border-radius:20px;*/ display:block; color:#fff; transition: 0.2s all ease-in-out;}
.nav li.noming a { color:#fff;}

.nav li .a_nav {background:#e85306;/* border-radius:20px; */display:block; color:#fff; transition: 0.2s all ease-in-out;}
.nav li .a_nav a { color:#fff;}

/*幻灯片*/
#banner{height:580px; width:100%; margin:0 auto;}

/*搜索*/
#search_bg{ width:100%; height:80px; background:#f5f5f5; margin:auto;}
.search{ width:20px; height:16px; animation: myfirst 1s infinite; float:left; margin-top:30px;}
 @keyframes myfirst {  0% {transform: translate(0px, 0px);}  50% {transform: translate(0px, -10px);}  100% {transform: translate(0px, 0px);} }  
.search_fl{ /*width:780px;*/ float:left; font-size:14px; margin-left:10px; line-height:80px;}
.search_fl a{ font-size:14px;padding: 0 12px;}
#search_r{width:340px; margin-top:22px; float:right;}
#search_r li{float:left;}

/*产品*/
.produ_tt{ background:url(../images/20180903105655_1258095541.png) center no-repeat; line-height:73px; height:73px; font-size: 36px; text-align:center; color:#f76337; font-weight:bold; margin-top: 50px; margin-bottom:35px;}
.produ_tt:hover{-webkit-animation: test 0.2s ease-in 2;}
@-webkit-keyframes test{
0%{transform:translate(0,0)}	
50%{transform:translate(0,5px)}
100%{transform:translate(0,0)}}
.products_bg{ margin-bottom:30px;}
.products_c{ width:1216px; margin:auto;}
#tablit {width:1020px;  margin:0 auto;}
#tablit dl{}
#tablit dl dd{float:left; width:180px; height:38px; line-height:38px; text-align:center; border:solid #ddd 1px; border-radius:19px; margin:0 10px 25px 10px;}
#tablit dl dd:hover{float:left; width:180px; height:38px; line-height:38px; background-color:#f76337; border:solid #f76337 1px;}
#tablit dl dd a{ color:#333; font-size:18px;}
#tablit .on{width:180px; background-color:#f76337; border:solid #f76337 1px; height:38px; line-height:38px; }
#tablit .on a{color:#fff;}
.dis{display:none;}
#tablit dl dd:hover a{display:block !important;}

.tabcon>table>tbody>tr>td {padding-left:8 !important; float: left; padding:0 ; width: 285px; margin:5px 7px 50px 7px; position: relative;}
.tabcon>table>tbody>tr>td>a {border:1px #ccc solid; display: block; float: left; width: 285px; padding-left: 0px !important;  position: relative; overflow: hidden;}
.tabcon>table>tbody>tr>td>span {  display: block;  width: 287px!important; position: absolute; bottom: -42px; overflow: hidden;  background-position: center;  height: 40px;  line-height: 40px !important; background:#eee; }
.tabcon>table>tbody>tr>td>span>a {left: 0; right: 0;  position: absolute;z-index: 3;  }
.tabcon>table>tbody>tr>td:hover>span>a{color: #fff;}
.tabcon>table>tbody>tr>td>span:before{content: ''; -webkit-transition: ease-in-out 0.4s all; transition: ease-in-out 0.4s all; background: #f76337;  position: absolute; left: -200%; bottom: 0; width: 200%; height: 200%; z-index: 2; top: -200%; border-radius: 50%; opacity: 0;}
.tabcon>table>tbody>tr>td:hover>span:before{ left: -50%; top: -50%; opacity: 1; }
.tabcon>table>tbody>tr>td>a>.ceshigo {  width: 100%;   background: rgba(0, 0, 0, 0.4); height: 100%;  position: absolute;  bottom: 0;   left: -100%; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;}
.tabcon>table>tbody>tr>td>a>.ceshigo a { display: block; color: #fff; font-size: 16px; font-weight: bold;  padding-top: 30%;}
.tabcon>table>tbody>tr>td>a>.ceshigo p {  height: 22px;  line-height: 22px;  border-radius: 10px;  border: 1px solid #fff; -webkit-transition: all 0.3s 0.3s;  transition: all 0.3s 0.3s; padding: 1px 15px;   margin: 15px auto; display: block; font-size: 13px;  color: #fff; font-weight: 100; width: 70px;  text-align: center; position: relative;  bottom: -180px; margin-top: 52px; }
.tabcon>table>tbody>tr>td:hover>a>.ceshigo { left: 0;}
.tabcon>table>tbody>tr>td:hover>a>.ceshigo p {  left: 0;   bottom: 0; }
.beta5 { display: block; position: absolute;  -webkit-transition: 0.5s all ease-in-out;  transition: 0.5s all ease-in-out;}
.beta5 {  width: 50px; height: 50px; border-radius: 50%;  background:rgb(247, 99, 55) url(../images/20180903135410_1971213562.png) no-repeat center; left: 118px; top: 80px;  -webkit-transform: scale(0);  transform: scale(0);}
.tabcon>table>tbody>tr>td:hover .beta5 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: scale(1);transform: scale(1);}
.tabcon>table>tbody>tr>td:hover>a .beta5::after{ display:block; width:100px; border-radius:15px; position:absolute; line-height:30px; border:1px dashed #fff; color:#fff; top:60px; left:-20px;}

/*优势*/
.advan_tt{width:100%; height:113px; background:url(../images/20180903092251_1590157286.jpg) center no-repeat; padding-top:55px; text-align:center; margin:auto; margin-top:20px;}
.advan_tt p{ width:100%; letter-spacing: 5px;background:url(../images/20180903105656_809835407.png) center no-repeat; margin:auto; font-size:36px; color:#fff; line-height:73px; font-weight:bold;}
.advan_tt p:hover{-webkit-animation: test 0.2s ease-in 2;}

.yinyong_box{width:100%; height:600px; background:url(../images/20180903175041_1380148801.jpg) center no-repeat; margin:auto;}
.fenleiy{overflow: hidden; width: 212px;}
.fenleiy dl{width:210px; float:left;text-align:center; height:99px; line-height:36px; padding-top:20px; font-size:16px; background:#333; border:1px solid #ffffff8c; color:#fff; margin-bottom:15px;}
.fenleiy dl span{font-size:22px; font-weight:bold;}
.fenleiy dl a{font-weight:bold; font-size:18px; display:block; color:#232222;}
.fenleiy dl:hover{width:210px; height:99px; color:#fff; background:#f76337; border:1px solid #ff9879; display:block;}
.fenleiy dl.on{background:#e85306; border:1px solid #ffffff8c; display:block;}
.fenleiy dl.on a{color:#fff;}
.dis{display:none;}
.yinyong_nor{overflow:hidden; width:960px; height:530px; position:relative;}
.yinyong_nor img{ padding:2px; border: solid 1px #DDD;}

.advan_d_b1{ width:660px; background:url(../images/20180903161236_393927551.jpg) center top no-repeat; height:400px; padding: 130px 300px 0 0;}
.advan_d_b2{ width:660px; background:url(../images/20180903161237_631368739.jpg) center top no-repeat; height:400px; padding: 130px 300px 0 0;}
.advan_d_b3{ width:660px; background:url(../images/20180903161237_1718942689.jpg) center top no-repeat; height:400px; padding: 130px 300px 0 0;}
.advan_d_b4{ width:660px; background:url(../images/20180903161238_2113561687.jpg) center top no-repeat; height:400px; padding: 130px 300px 0 0;}
.advan_d_w{position:relative; background:url(../images/20180801154433_338247353.png) center no-repeat; color:#fff; height:220px; padding-top: 40px; text-align:left; padding-left: 50px; margin-left:15px;}
.advan_d_wt{font-size:26px; color:#fff; font-weight:bold; line-height:60px;}
.advan_d_wd{font-size:14px; line-height:26px; border-top:dotted 1px #a9a9a9; padding-top:10px; width: 400px;}
 
/*应用案例*/
.case_t{ width:100%; height:83px; background:url(../images/20180903092251_263417111.jpg) center no-repeat; padding-top:47px; margin:auto;}
.case_t .t{ width:280px; height:73px; line-height:73px; text-align:center; background:url(../images/20180903105656_1229417460.png) center no-repeat; font-size:36px; margin:auto; font-weight:bold; color:#f76337;}
.case_t .t:hover{-webkit-animation: test 0.2s ease-in 2;}

.case_bg{ width:100%; height:820px; background:url(../images/20180903175443_118268034.jpg) center no-repeat; margin:auto;}
.case_l { width:1200px; margin-top: 20px; font-size:16px; line-height:40px; text-align:center; margin:auto; }
.case_xian{ width:50px; height:2px; background:#f76337; margin:auto; margin-top: 15px;}
.case_cont { width: 1200px; margin:auto; margin-top:25px; }
.case_cont > table > tbody > tr > td { display: block; float: left; width: 297px; height: 222px; padding: 0 !important; margin-left: 3px; margin-bottom: 3px; overflow: hidden; position: relative;}
.case_cont > table > tbody > tr > td img,.case_cont > table > tbody > tr > td a{ display: block; width: 100%; height: auto; transition:0.3s all ease-in-out; }
.case_cont > table > tbody > tr:first-child > td:first-child { width: 597px; height: 448px; }
.case_cont > table > tbody > tr > td:first-child { margin-left: 3px; }

.case_cont > table > tbody > tr > td > div { position: absolute; height: 100%; width: 100%; display: block; left: 0; bottom: 0}

.case_cont > table > tbody > tr > td > div::after { content: ''; width: 100%; height: 100%; position: absolute; right: -100%; top: 0; background: rgba(247,99,55,0.7); transition: 0.3s all ease-in-out; }
.case_cont > table > tbody > tr > td > div:hover::after { right: 0; }
.case_cont > table > tbody > tr > td > div > a { position: absolute; bottom: 0; width: 100%; height: 100%; text-align: center; font-size: 16px; color: #fff; z-index: 3; left: -100%; line-height: 227px; transition: 0.7s all ease; }

.case_cont > table > tbody > tr > td:hover > div a{ left: 0; }
.case_cont > table > tbody > tr > td:hover > a > img{ transform: scale(1.1); }

.case_cont > table > tbody > tr:first-child > td:first-child > div { display: block; position: absolute; background: rgba(247,99,55,0.7); padding: 20px !important; color: #fff; width: 360px; top: 165px; left: 100px; text-align: center; transform: scale(1.1,1.1) rotateX(180deg); transition: all 0.5s; opacity: 0; bottom: auto; height: auto; }
.case_cont > table > tbody > tr:first-child > td:first-child > div > a { color: #fff; font-size: 18px; letter-spacing: 0; line-height: 40px; display: block; position: relative; left: 0; height: auto; bottom: auto; }
.case_cont > table > tbody > tr:first-child > td:first-child > div > a:after,.case_cont > table > tbody > tr:first-child > td:first-child > a::after{ content: ''; display: block; width: 35px; height: 35px; margin: 0 auto; background: url(../images/20180903174330_912944171.png) no-repeat center; }
.case_cont > table > tbody > tr:first-child > td:first-child:hover > div{ opacity: 1; transform: scale(1) rotateX(0deg); transition: all 0.5s; }
.case_cont > table > tbody > tr:first-child > td:first-child:hover > a > img{ transform: scale(1.2); }
.case_cont > table > tbody > tr:first-child > td:first-child > div::after { display: none; }

/*简介*/
#company_t{ width:983px; letter-spacing: 10px; height:75px; background:url(../images/20180903092252_246671018.jpg) center no-repeat; font-size:36px; color:#0055ac; line-height:75px; font-weight:bold; text-align:center; margin:auto; margin-top:50px; margin-bottom:40px;}
#company_t:hover{-webkit-animation: test 0.2s ease-in 2;}
#company_bg{ width:100%; height:720px; background:url(../images/20180903092252_1302534827.jpg) center no-repeat; margin:auto;}
.company_fl{ width:520px; height:350px; float:left;}
.company_fr{ width:635px; float:right;}
.company_fr .r1{ font-size:22px; line-height:30px; font-weight:bold;}
.company_fr .r2{ font-size:14px; line-height:32px; margin-top:20px;}
.company_fr .r3{ width:140px; height:38px; line-height:38px; text-align:center; font-size:14px; background:#0055ac; color:#fff; border-radius:20px; transition: 0.2s all ease-in-out; margin-top:25px;}
.company_fr .r3 a{ font-size:14px; color:#fff;}
.company_fr .r3:hover{background:#484848; color:#fff; border-radius:20px;}

/*企业实力*/
.shili_bj{width:100%; margin:0 auto; height:310px; margin-top:40px;}
.shili_b{ width:1200px; margin:0 auto; background:url(../images/20180904100311_598837175.png) center no-repeat; height:44px;}
.shili1{ font-size:18px; color:#fff;  padding-left:50px; line-height:44px;}
.shili2{ font-size:14px; color:#555; text-transform:uppercase;line-height:44px; padding-right:5px;}
.shili2 a{ font-size:14px; color:#555;  text-transform:uppercase; line-height:44px;}
.shili2 a:hover{ font-size:14px; color:#ff8117;text-transform:uppercase; line-height:44px;}
.shili_z{ width:31px; height:79px; padding-top:70px;}
.shili_y{ width:31px; height:79px; padding-top:70px;}
.shili3{ width:1200px; /*padding-left:20px;*/}
.shili3 a{ font-size:14px;}





/*返回顶部*/
#scrollTop,
#scrollTop .level-2{background:url(../images/rocket_up.png) no-repeat 0 0;}
#scrollTop div{left:0;overflow:hidden;position:absolute;top:0;width:149px;margin:0;padding:0}
#scrollTop .level-2{background-position:-149px 0;display:none;height:180px;opacity:0;z-index:1}
#scrollTop .level-3{background:none;cursor:pointer;display:block;height:180px;z-index:2}
#scrollTop{cursor:pointer;display:block;height:180px;overflow:hidden;position:fixed;right:-42px;top:80%;width:149px;z-index:11;margin:-124px 0 0;padding:0}

/*友情*/
#links_bg{ width:100%; height:80px; background:#f5f5f5; color:#fff; margin:auto;}
.links_fl{ width:140px; font-size:20px; background:url(../images/20180904105307_801241859.png) center no-repeat; font-weight:bold; height:40px; line-height:40px; text-align:center; color:#e85306; margin-top:20px; padding-right:16px; float:left;}
.links_fr{ width:1040px; float:right;}
.linkTagcs li a{ font-size:14px;}

/*版权*/
.banq_bj { width:100%; margin:0 auto; /*background:url(../images/20190311114102_334061520.jpg) center no-repeat;*/background: #242424;/* height:459px;*/}
.banq_nr{ width: 430px; line-height: 46px;/* padding-left: 40px; background: url(../images/20180904144245_431985516.png) left no-repeat;*/ margin: 0 auto; color:#a7a4a7;font-size: 14px;}
.banq_rwm{ width: 280px; margin: 0 auto; margin-top:20px;color:#fff;}
.banq_rwml{ width:135px; line-height:30px; height:auto; text-align:center; }
.banq{ width: 100%; color: #fff; height: auto; font-size: 14px; background: #3f3f3f; margin: 0 auto;}
.zsdxbj_d{ width:100%; height:8px; background:#8600f8;}
.copy {width:100%;background: #333;text-align: justify; padding:41px 0 30px 0;}
.copy_row1{ width:1200px; padding-top:45px;}
.c4cont{ width:100px;}
.copy_row1 .col4 { height:245px; float: left; padding-right:30px; border-right:1px #a7a4a7 solid;}
.copy_row1 .col4:nth-last-child(1){ margin-right: 0; background: none;  }
.copy_row1 .col4 .c4title { position: relative; padding: 0 0 25px 0; margin-bottom: 5px;  }
.copy_row1 .col4 .c4title::after { content: ''; position: absolute; width: 20px; height: 2px; display: block; background: #fff; left: 0; bottom: 10px; transition:0.6s all ease-in-out; }
.copy_row1 .col4 .c4title a{ font-size: 17px; color: #fff; display: block; line-height: 35px;}
.copy_row1 .col4:hover .c4title::after{ width: 100%; background: #fff;}
.copy_row1 .col4 ul li a { color: #a7a4a7; font-size: 14px; display: block; line-height: 35px;}
.copy_row1 .col4 ul li a:hover{ color: #fff; }
.dibudwz{ width: 100%; color: #a7a4a7; border-top: 1px #a7a4a7 solid; height: 65px; font-size: 14px; line-height: 65px; text-align:center; margin: 0 auto; margin-top: 50px; font-size:14px; }
.dibudwz a{ font-size:14px;  color: #a7a4a7; }
.dibudwz a:hover{ font-size:14px;  color: #fff;}
.totalwidth>p{line-height:35px;}