@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";overflow-x: hidden;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 

button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-family: "Microsoft YaHei"}
h3 { font-size:20px;font-family: "Microsoft YaHei"}
h4 { font-size:14px;font-family: "Microsoft YaHei"}
h5 { font-size:12px;}
h6 { font-size:10px;}

img, input {
border: none;
vertical-align: middle;
}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline:none}

body,button,input,select,textarea{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"}

button,input{overflow:visible}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:hover{text-decoration:none;}
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;font-family: "Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.trans { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.trans8 { -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: "";
}
.pa{position: absolute;}
.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}
.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.content{width: 1200px;margin: 0 auto;}

.header{height:208px;background:url(../images/t_bg.jpg) repeat-x;position: relative; }
.h_top{ height: 35px; line-height: 35px; color: #878787; font-size: 14px;}
.h_top span{ display: inline-block; float: right;}
.h_top span a{ display: inline-block; margin-left: 35px; padding-left: 23px; color: #878787;background:url(../images/t_ico1.jpg) no-repeat 0 10px;}
.h_top span a:nth-of-type(2){background:url(../images/t_ico2.jpg) no-repeat 0 10px;}
.h_top span a:nth-of-type(3){background:url(../images/t_ico3.jpg) no-repeat 0 10px;}
.h_top span a:hover{ color: #000;text-decoration: underline;}
.h_con{height:114px; overflow: hidden;}
.h_con .logo{float: left;margin:26px 30px 0 0;}
.h_con h1{float:left; padding-top:22px; line-height: 100%; font-weight: normal; font-size: 18px; color: #333333; }
.h_con h1 i{line-height: 100%; font-size: 42px;display: block; padding-bottom:9px;font-weight: bold; color: #333333;    letter-spacing: 4px;}
.h_con h1 b{    color: #e12a33;}
.h_con p{float: right;margin-top:38px;line-height:100%;color: #333333; font-size:14px;background:url(../images/t_tel.jpg) no-repeat; padding-left: 62px;}
.h_con p i{ display: inline-block; line-height: 14px;}
.h_con p em{ display:block; color: #333333; font-size: 24px; line-height: 100%; font-family: Arial;font-weight: bold; padding-top: 8px;}
.h_nav{height:59px;float: left; }
.h_nav ul li{float: left;font-size: 16px;position: relative; box-sizing: border-box;background:url(../images/t_nav.jpg) no-repeat right 22px;}
.h_nav ul li:last-of-type{ background: none;}
.h_nav ul li a{color: #fff;display: block; position: relative;z-index: 5;  line-height:59px;  text-align: center; padding:0 29px 0;}
.h_nav li.cur a,.h_nav li a:hover{color: #fff;}
.h_nav li:before,.h_nav li:before{ content:""; position:absolute;height:0;width:100%;left:0;top:0;transition-duration: 250ms; background: #e12a33; }
.h_nav li:hover:before,.h_nav li.cur:before{height:59px;}
input::-webkit-input-placeholder {color: #666;}
.seach{ float: right; margin-right: 7%; margin-top: 32px; cursor: pointer;}

.header  .isear{width:36px; height:36px;float:right;position:relative;  cursor: pointer;    float: right;
    margin-right: 0; margin-top: 21px;cursor: pointer;}
.header  .isear i{display:block;width:36px; height:36px;background:url(../images/seach.png) no-repeat center 0; cursor: pointer;}
.header .isearch{position:absolute;right:0;top: 41px;background-color:#0394e7;width:295px;height:47px;border-radius:5px;opacity:0;visibility:hidden;z-index:5;transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all .5s;transition:all .5s;border:1px solid #0394e7;box-sizing:border-box;}
.header .isearch .ser_inp{display:block;float:left;width:203px;height:31px;line-height:32px;padding:7px 10px;border-top-left-radius:4px;border-bottom-left-radius:4px;position:relative; border:none; font-size:14px;}
.header .isearch .ser_so{cursor:pointer;display:block;float:left;width:70px;height:46px;line-height:30px;text-align:center;font-size:12px;background:#0394e7 url(../images/seach.png) no-repeat center;border-top-right-radius:4px;border-bottom-right-radius:4px;position:relative;color:#fff; border:none;}
.header .isearch:before{content:'';position:absolute;display:block;border:5px solid transparent;border-right:7px solid #0394e7;z-index:3;right:70px;top:17px;}
.header .isear.open .isearch{opacity:1;visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1);}
.header .isear .icon:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
input::-webkit-input-placeholder {color: #666;}
        
h2.tit01{ text-align: center; line-height: 100%;}
h2.tit01 i{ display: block; line-height: 100%; color: #333333; font-size: 48px; letter-spacing: 5px;}
h2.tit01 span{ display: block; line-height: 100%; font-size: 18px; color: #737373; padding: 12px 0 26px 0;font-weight: normal;}

/**/
.fullSlide { position: relative; z-index: 9; clear: both; width: 100% }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% !important; height: auto !important; display: block }
.fullSlide .bd .li { width: 100% !important; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 34px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #e12a33; margin: 0 12px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background:#e12a33;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% ; }

.bg2 {background: url(../images/in_contactx.jpg) no-repeat center / cover fixed;color: #fff;}

.in-ff {text-align: center;    padding: 72px 0;}
.in-ff h4 {margin: 0;color:#e12a33;font-size: 35px;}
.in-ff p {margin: 30px 0 0;text-align: center;font-size: 0;}
.in-ff span {display: inline-block;vertical-align: middle;margin: 0 15px;}
.in-ff span img {display: inline-block;vertical-align: middle;width: 18px;margin-right: 10px;}
.in-ff span i {display: inline-block;vertical-align: middle;font-size: 18px;font-style: normal;}


/**/
.about{background:url(../images/about.jpg) no-repeat bottom;     height: 911px;  margin-bottom: -183px; box-sizing: border-box; padding-top: 81px;}
.about dl{ overflow: hidden; position: relative; height: 429px;}
.about dl:before{ position: absolute; content: ""; left: 560px; top: 143px; width: 126px; height: 14px;background:url(../images/bj_lin.png) no-repeat;    z-index: 9;}
.about dl dt{ font-size: 0; line-height: 0; float: left; overflow: hidden;    z-index: 999;position: relative;}
.about dl dd{ float: right; width: 492px; margin-top: 53px;}
.about dl dd h3{height: 128px;background: url(../images/bj_r.png) no-repeat 155px 0;}
.about dl dd h3 span{ display: block; line-height: 100%; font-weight: normal; font-size: 34px; color: #333333; letter-spacing: 2px;letter-spacing: 2px; font-weight: bold;}
.about dl dd h3 i{ display: block; font-size: 28px; color: #333333; font-weight: bold; line-height: 100%; padding-top: 18px;     border-top: 1px solid #ccc; margin-top: 20px;}
.about dl dd p{ color: #342c2a; font-size: 15px; line-height: 26px;}

/**/
.product{ overflow: hidden; height: 1196px;    margin-top: 65px;}
.product dl{ float: left; width: 292px; height: 298px; background: #f5f5f5; margin: 0 11px 5px 0px;}
.product dl:nth-of-type(3n){ margin-right: 0;}
.product dl dt{overflow: hidden;    height: 234px;}
.product dl dt a{ display: block; position: relative;}
.product dl dt a:before{ content: ""; left:-8px; top: 164px; position: absolute; width: 241px; height:89px;background: url(../images/fw.png) no-repeat;    z-index: 5;}
.product dl dt a em{ display: block; position: absolute; left: 0; top:192px; z-index: 5; font-size:19px; color: #fff; font-weight: bold; height: 41px; line-height: 35px; padding-left: 51px; letter-spacing: 1px;background: url(../images/fw1.png) no-repeat 15px 0;}
.product dl dt a em span{ display: inline-block; padding-right:34px;background: url(../images/fw_m.png) no-repeat right 11px;}
.product dl:nth-of-type(2) dt a em{background: url(../images/fw2.png) no-repeat 15px 6px;}
.product dl:nth-of-type(3) dt a em{background: url(../images/fw3.png) no-repeat 15px 0;}
.product dl:nth-of-type(4) dt a em{background: url(../images/fw4.png) no-repeat 15px 2px;}
.product dl:nth-of-type(5) dt a em{background: url(../images/fw5.png) no-repeat 15px 0;}
.product dl:nth-of-type(6) dt a em{background: url(../images/fw6.png) no-repeat 15px 3px;}
.product dl dt a img{    width: 100%;}
.product dl dd{ padding: 6px 0 0;}
.product dl dd h4{ text-align: center;}
.product dl dd h4 a{ display: inline-block; margin: 0 7px;font-weight: normal; transition: all 0.2s;}
.product dl dd h4 a:nth-of-type(1){ height: 35px; line-height: 35px; border-radius: 35px; color: #fff; background: #343434; width: 101px;}
.product dl dd h4 a:nth-of-type(2){ padding-left: 32px; height: 29px; line-height: 29px; width: 64px; border: 3px solid #dcdcdc; background: #fff url(../images/fw_btn.png) no-repeat  11px 6px; border-radius: 29px; font-size: 13px; color: #4c4c4c; text-align:left;}
.product dl dd h4 a:nth-of-type(1):hover{ width: 111px;}
.product dl dd h4 a:nth-of-type(2):hover{ width: 76px;}
.product h5{text-align: center; position: absolute; left: 0; width: 100%; bottom: 77px;}
.product h5 a{     display: inline-block;  text-align: left; font-weight: normal; width: 245px;  height: 65px;  line-height: 65px; font-size: 21px; color: #333333;letter-spacing: 2px;transition: all 0.2s; border: 1px solid #888;text-align: center;  border-radius: 15px;}
.product h5 a:hover{ letter-spacing: 4px; padding-left: 36px; width: 255px;}
.product .left{width: 276px;float: left;}
.product .right{width: 900px;float: right;}

.product .left .tit{height:100px; background: #343434; color: #FFF; font-size: 24px; text-transform: uppercase; padding-left: 30px; padding-top: 30px;}
.product .left .tit span{display: block; font-size: 38px;}
.product .left .fenlei{width:242px;height: 736px;padding-top: 21px;border:17px solid #343434;border-top:none;position:relative;}
.product .left .fenlei h4{width:202px;height:35px;margin: 0 auto 13px;}
.product .left .fenlei h4 a{display: block;height:35px;line-height: 35px;text-indent: 36px;font-size: 16px;color: #fff;font-weight: normal; background: #343434; border-radius: 20px;}
.product .left .fenlei h4 a:hover,.product .left .fenlei h4 a.on{ background: #e12a33;}
.product .left .fenlei ul{width:202px;margin: 0 auto;}
.product .left .fenlei ul li a{font-size: 14px;color: #555;display: block;height: 34px;line-height: 34px;text-align: center;}
.product .left .fenlei span{background-color: #343434;bottom: 0;display: block;height: 66px;left: 0;position: absolute;width: 242px;text-align: center;color: white;line-height: 52px;font-size: 18px;font-weight: bold;}
.product .left .fenlei span b{color: #fff;font-size: 20px;left: 0;line-height: 30px;position: absolute;text-align: center;top: 7px;width: 242px;}

/**/

.news{height: 690px;overflow: hidden;}
.news h2{ height: 124px;}
.dongt{float:left;width:576px;}
.dt_qh{height: 70px;line-height: 70px;}
.dt_qh li{float:left;padding-right:25px;}
.dt_qh li a{font-size:20px;color: #333333;}
.dt_qh li.on{font-weight: bold;}
.dt_qh span a{font:14px arial;color: #666666;line-height: 70px;}
.dt_l{height: 376px;border-bottom: 1px solid #eeeeee;margin-bottom: 18px;position: relative;}
.dt_l li{position: relative;height: 376px;}
.dt_l li i{display: block;font-size:0;line-height: 0;width:576px;overflow: hidden; position: relative;}
.dt_l li i a{display: block;width: 574px;overflow: hidden; height: 303px;}
.dt_l li i img{width: 574px;    border: 1px solid #e8e8e8;margin-top:-126px;   }
.dt_l li i em{ display: inline-block; position: absolute; left: 0; bottom: 0; background: #e12a33; color: #fff; z-index: 55; width: 134px; height: 95px;  font-size: 15px; line-height: 100%; padding-left: 27px;}
.dt_l li i em span{ display: block; line-height: 100%; font-size: 33px; padding: 21px 0 9px 0;}
.dt_l li h4 a{display: block;margin-top:34px;height: 26px;line-height: 26px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dt_l li p{font-size:14px;color: #808080;line-height: 22px;padding-top:14px;}

.went{float: right;width:570px;}
.went .tit{height: 70px;line-height: 70px;border-bottom:1px solid #eeeeee;box-sizing: border-box;}
.went .tit span a {font-size:20px;color: #333333;}
.went .tit em a{font:14px arial;color: #666666;line-height: 70px;float: right;}

.went dl{height: 125px;margin-bottom: 22px;    border: 1px solid #f5f5f5;}
.went dd{float:left;width:442px;height: 125px;border:1px solid #f5f5f5;box-sizing: border-box;padding:16px 16px 0 20px; background: #fafafa;}
.went dd h4 a{display: block;height: 31px;line-height: 31px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.went dd p{font-size:14px;color: #808080;line-height: 18px;padding-top:8px;}
.went dl dt img{ width:125px;}
.dt_qh li a:hover,.went .tit span a:hover,.went li a:hover,.went dd h4 a:hover ,  .dt_b li a:hover , .dt_l li h4 a:hover{color:#089be9;}
.went1{margin-top:15px;height: 257px;overflow: hidden;}

.footWrap{height:419px;overflow:hidden;font-family:"Microsoft Yahei";background:url(../images/ft_bj.jpg) no-repeat center 0;box-sizing: border-box;}
.footer{width:1200px;margin: 0 auto; position: relative;}
.ft_d{height: 115px;overflow: hidden;padding-top:31px;box-sizing: border-box;position: relative;}
.ft_d li{float:left;padding:0 61px 0 0;font-size:14px;color: #848484;background: url(../images/ft_a1.png) no-repeat right;margin-right:105px; }
.ft_d li img{vertical-align: top;}
.ft_d li span em{font-size:24px;color: #333333;    padding-top: 4px; display: block;}
.ft_d li span{display: inline-block;padding-left:15px;}
.ft_d li:last-child{margin:0;background: none}
.g_top{width:101px;height: 115px;background: #e12a33;position: absolute;right:0;top:0;text-align: center;box-sizing: border-box;padding-top:33px;}
.g_top span{display: block;font-size:14px;color: rgba(255,255,255,0.9);padding-top:12px;}
.ft_t{height:220px;padding-top:84px;}
.ft_logo{float:left;font-size:0;line-height: 0;padding-top:35px;width:238px;}
.ft_nav{width:238px;height:170px;float:left;padding-left:52px;}
.ft_t h4{height:26px;line-height:26px;font-size:14px;color: #fff;font-weight: bold;margin-bottom: 6px;}
.ft_nav li{float:left;width:109px;height:24px;line-height:24px;}
.ft_nav li a{font-size:14px;color:#9c9c9c;}
.ft_lx{width:270px;height:170px;padding-left:68px;float:left;}
.ft_lx p{font-size:14px;color:#9c9c9c;line-height:24px;}
.erwm{float:right;width:260px;margin-right:-17px;}
.erwm dd{float:left;width:121px;}
.erwm dd span{display: block;font-size:14px;color:#9c9c9c;line-height: 23px;padding-top:8px;}
.erwm dt{padding:18px;border-radius: 4px;float: left;width:100px;}
.erwm dt img{width:100px;height: 100px;}
.ft_b{color: rgba(255,255,255,0.4);font-size:14px;height:99px;line-height:99px;background: #0b0b0b}
.ft_b em{padding:0 20px;display: inline-block;}
.ft_b p{;}
.ft_b p a{padding:0 10px;color: #6b6b6b;}
.ft_b span{color: rgba(255,255,255,0.4);}
.footer a:hover{ color: #fff;}
em,i{font-style: normal;}


.drift{ width:50px; height:auto; position:fixed; bottom:3%; right:2px; z-index:999;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-margin-top:350px;}
.drift li{ width:50px; height:49px; margin-bottom:3px;position: relative;}
.drift li a{ display:block;width:50px; height:49px; background:#ccc; overflow:hidden;}
.drift li a:hover{ background:#343434;}
.drift #rolls a{background:#343434;}
.drift li a:hover span{display:block;}
.drift li span{width:166px; right:51px;top: 0;height: 49px;line-height: 49px; background: #343434;color: #fff;text-align: center;font-family:Arial;position: absolute;font-size: 22px;font-weight: bold;display: none;}
.drift li .ewm{background:#fff;height:203px;border:1px solid #EEEFF1;}
.drift li .ewm img{width:146px;display:block;overflow:hidden;padding:10px;width:146px;}
.drift li .ewm em{height:40px;line-height:18px;overflow:hidden;  font-family: "Microsoft YaHei";font-size:12px;font-weight:normal;color:#000;font-style:normal;}