*{margin: 0;padding: 0;}
html{overflow-x: hidden}
body{font-size: 16px;font-family: "微软雅黑";}
li,ol{list-style: none;}
a{text-decoration: none;color: inherit;}
img{border: 0;}
i,em,b{font-style: normal;font-weight: 500;}
button{border: 0;background: #FFFFFF;cursor: pointer;}
._main{overflow: hidden;position: relative;width: 1300px;margin: auto;}
._clear{clear: both;display: block;}
.w1200{ width:1300px; margin:0 auto}
.cfl{ float: left;}
.cfr{ float:right;}
.gs_wz{font-size: 18px; line-height: 200%}
.gs_wz p{ font-size: 16px!important;}
.gs_wz1{font-size: 18px; line-height: 180%}
.gs_wz1 p{margin-bottom: 10px}
/***************************初始化部分********************************/
/***************************内容开始********************************/

._head{height: 40px;color: #909090;font-size: 14px;background: #F6F6F6;line-height: 40px;}
._head span{float: right;}
._head span a{margin-left: 5px;}
._head span a:hover{color: #000000;text-decoration: underline;}
/*head end*/
._logo{height: 115px;}
._logo>img{float: left;margin-top: 27px;}
._logophone{float: right;font-style: oblique;color: #808080;font-size: 17px;line-height: 1.5em;margin-top: 32px;position: relative;padding-right: 5px;}
._logophone em{font-style: italic;font-size: 29px;color: #374262;font-family: impact;display: block;}
._logophone:before{content: '';position: absolute;top: 10px;left: -42px;width: 31px;height: 31px;background: url(../img/icon00.png) no-repeat;}
/*logo end*/
._nav{background: url(../img/bg06.jpg) center repeat-y;height: 60px;line-height: 60px;color: #FFFFFF;}
._nav_main a{padding: 0 36px;height: 60px;display: block;float: left;border-right: 1px solid #58627c;position: relative;transition: all .6s}
._nav_main a:first-child{border: 0;}
._nav_main a:last-child{border: 0;}
._nav_main a:hover{background: #f3b01b}

/*上部公共样式结束*/
._bottom{height: 560px;background: url(../img/bg05.jpg) center bottom no-repeat;background-size: 100%;position: relative;}

._bottom_main{overflow: initial;position: absolute;z-index: 2;left: 50%;margin-left: -600px}
._askwe{height: 560px;background: #2e3955;width: 403px;}
._askwe h1{margin-bottom:20px;}
._askwe p{color: #afc2ef;line-height: 28px;text-indent: 28px;}
._bottom_main>img{position: absolute;bottom: -100px;right: 0;border-radius: 5px;box-shadow: 0px 0px 15px 0px #000;}

._last{background: #364261;overflow: hidden;}
._last_main{margin-top: 22px;}
._last_main img{display: inline-block;float: left;}
._last_main img:first-child{margin-left: 20px;margin-right: 290px;}
._last ._min{color: #fff;}
._tit{text-align: center;color: #374361;font-size: 30px;margin-top: 40px;margin-bottom: 50px;}
._tit em{display: block;background: url(../img/bg00.png) no-repeat center;margin-top: 11px;font-size: 28px;font-weight: 500;}
/*公共样式结束*/

.main_image {width:100%; height:518px;overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:518px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:518px;}
.main_image li span {display:block; width:100%; height:518px}
.main_image li a {display:block; width:100%; height:518px}
.main_image li .img_1 {background: url('../img/11.jpg') center top no-repeat}
.main_image li .img_2 {background: url('../img/22.jpg') center top no-repeat}
.main_image li .img_3 {background: url('../img/33.jpg') center top no-repeat}
.main_image li .img_4 {background: url('../img/4_11.jpg') center top no-repeat}
div.flicking_con {width:990px; margin:0 auto; position:relative; z-index:999;}
div.flicking_con .flicking_inner {position:absolute; top:473px; left:420px; width:300px; height:21px} /* 121126 */
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}


._pro{height: 1085px;box-sizing: border-box;}
._pro_lei{margin: 33px 0 40px 0;font-size: 20px;color: #374262;text-align: center;overflow: hidden;padding-top: 15px;padding-bottom: 15px;}
._pro_lei a{background: url(../img/bg01.png) no-repeat; display: inline-block;float: left;margin-left: 20px;height: 196px;width: 196px;}
._pro_lei a{font-size: 10px;}
._pro_lei a {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px transparent;  position: relative;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform;  transition-property: transform;}
._pro_lei a:before {  pointer-events: none;  position: absolute;  z-index: -1;  content: '';  top: 100%;  left: 5%;  height: 10px;  width: 90%;  opacity: 0;  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);    -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform, opacity;  transition-property: transform, opacity;}
._pro_lei a:hover, ._pro_lei a:focus, ._pro_lei a:active {  -webkit-transform: translateY(-10px);  transform: translateY(-10px);  /* move the element up by 5px */}
._pro_lei a:hover:before, ._pro_lei a:focus:before, ._pro_lei a:active:before {  opacity: 1;  -webkit-transform: translateY(10px);  transform: translateY(10px);  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */}
._pro_lei a:nth-of-type(2){background-position-x: -240px;}
._pro_lei a:nth-of-type(3){background-position-x: -485px;}
._pro_lei a:nth-of-type(4){background-position-x: -725px;}
._pro_lei a:nth-of-type(5){background-position-x: -965px;margin-right: 0;}
._pro_lei a em{display: block;font-size: 20px;margin-top: 110px;}
._pro_main{overflow: hidden;}
._pro_main a{margin-right: 20px;overflow: hidden;}
._pro_main a:nth-of-type(4n){margin-right: 0;}
._pro_main a{display: inline-block;float: left;margin-bottom: 57px;}
._pro_main a:hover img{transform: scale(1.1);}
._pro_main a:hover em{color: #374262;border-bottom: 3px solid #374262;}
._pro_main a:hover em button{background: #374262;color: #Fff;}
._pro_main a span{border: 1px solid #ccc;display: block;height: 218px;width: 283px;overflow: hidden;}
._pro_main a span img{display: block;width: 100%;height:100%;transition-duration: 0.5s;}
._pro_main a em{display: block;height: 60px;line-height: 60px;box-sizing: border-box;border-bottom: 3px solid #b3b3b3;color: #b3b3b3;font-size: 20px;transition-duration: 0.25s;}
._pro_main a em button{border: 0;float: right;background: #b3b3b3;border-radius: 50%;width: 28px;height: 28px;transition-duration: 0.25s;text-align: center;margin-top: 17px;}
/*_pro end*/
._case{height: 686px;background: url(../img/bg02.jpg) no-repeat center;box-sizing: border-box;padding-top: 55px;text-align: center;}
._case_main{overflow: inherit;}
._case_main h1{color: #fff;font-size: 30px;margin-bottom: 67px;}
._case_main h1 em{font-size: 28px;margin-top: 11px;display: block;}
._case_roll{height: 380px;width: 100%;overflow: hidden;position: relative;}
._case_rolls{width: 4920px;position: absolute;left: 0;}
._case_rolls div{float: left;}
._case_rolling{}
._case_rolls div a{display: block;float: left;margin-right: 30px;width: 380px;height: 380px;}
._case_rolls div a:hover img{transform: scale(1.1);}
._case_rolls div a span{display: block;width: 100%;height: 260px;overflow: hidden;}
._case_rolls div a span img{width: 100%;height: 100%;transition-duration: 0.5s;}
._case_rolls div a em{height: 120px;background: #fff;width: 100%;display: block;font-size: 18px;padding-top: 25px;box-sizing: border-box;}
._case_rolls div a em button{display: block;width: 115px;height: 35px;border: 1px solid #000;margin: auto;margin-top: 15px;transition-duration: 0.3s;}
._case_rolls div a:hover em button{background: #000000;color: #fff;}
._bt{color: #fff;font-size: 61px;position: absolute;z-index: 9;top: 58%;cursor: pointer;transition-duration: 0.2s;}
._bt:hover{text-shadow: 5px 5px 10px #000;transform: translateY(-2px);}
._pree{left: -100px;}
._next{right: -100px;}
/*case end*/
._about{margin-bottom: 60px;}
._about_main{margin-top: 52px;}
._about_img{float: left;width: 505px;height: 380px;overflow: hidden;position: relative;}
._about_img img{width: 100%;height: 100%;}
._about_text{line-height: 34px;width:56%;float: right;margin-right: 50px;text-indent: 2em;position: relative;margin-bottom: 20px;}
._about_text em{color: #39528f;}
._about_main>a{position: absolute;bottom: 0;display: block;color: #374361;width: 140px;height: 30px;border: 3px solid #f2b01b;text-align: center;line-height: 30px;background: #F2B01B;right: 516px;transition-duration: 0.3s;}
._about_main>a:hover{background: #FFFfff;}
/*._about end*/
._hot{height: 528px;background: url(../img/bg07.jpg) repeat-x;overflow: hidden;}
._hot_main{overflow: visible;margin-top: 42px;}
._tit_2{overflow: hidden;}
._tit_2>span{padding-left: 27px;background: url(../img/icon01.png) no-repeat left 0;display: block;float: left;padding-top: 5px;}
._tit_2 em{float: right;width: 960px;background: url(../img/bg08.jpg) repeat-x;height: 55px;line-height: 55px;color: #fff;font-size: 18px;display: block;}
._tit_2 em a{display: block;float: right;}
._hot_roll{height: 270px;width: 100%;overflow: hidden;position: relative;margin-top: 85px;}
._hot_rolls{height: 270px;position: absolute;left: 0;width: 4800px;}
._hot_rolls div{width: 2400px;float: left;}
._hot_rolling{}
._hot_rolls div a{width: 280px;display: block;float: left;margin-right: 20px;}
._hot_rolls div a span{border: 1px solid #ccc;height: 217px;overflow: hidden;display: block;width: 100%;}
._hot_rolls div a span img{width: 100%;height: 100%;transition-duration: 0.3s;}
._hot_rolls div a em{margin-top: 15px;color: #afc2ef;font-size: 20px;text-align: center;display: block;}
._hot_rolls div a:hover img{transform: scale(1.1);}
/*hot end*/
._news{height: 500px;overflow: hidden;padding-top: 100px;box-sizing: border-box;}
._news ._tit_2 em{background: url(../img/bg09.jpg) repeat-x;color: #2f3a56;}
._news_main{margin-top: 50px;}
._news_main a{display: block;float: left;margin-left: 20px;margin-right: 50px;width: 29.2%;position: relative;padding-bottom: 40px;}
._news_main a:last-child{margin-right: 0;}
._news_main a span{height: 27px;border-bottom: 1px solid #b2b3b5;color: #6c6c6c;font-size: 18px;text-indent: 5px;display: block;}
._news_main a strong{color: #2e3955;font-size: 20px;margin: 18px 0;text-indent: 5px;display: block;}
._news_main a em{color: #6c6c6c;font-size: 15px;line-height: 20px;display: block;}
._news_main a button{display: block;height: 34px;width: 118px;border: #eaeaea 1px solid;font-size: 15px;text-align: center;line-height: 34px;transition-duration: 0.3s;position: absolute;bottom: 0;}
._news_main a:hover button{background: #EAEAEA;color: #000;}



.nconl{ width:300px;}
.nconr{ width:76%;}
.nconr h3{ height:40px; line-height:40px; font-size:22px; border-bottom:1px solid #ccc; margin-bottom:20px; color:#384363}
.nconr h3 span{ float:right; font-size:14px; font-weight:normal; color:#384363}
.nconr h3 span a{ color:#384363}



.max-case .number {
    width: 100%;
    height: 50px;
    position: absolute;
    z-index: 99999;
    right: 10px;
    bottom: 5px;
    text-align: center;
  }
  .max-case .number span {
    width: 26px;
    height: 26px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    color: #666;
    margin: 0 5px 0 0;
    text-align: center;
    line-height: 26px;
  }
  .max-case .number-on {
    background: #fca321 !important;
    color: #fff !important;
  }



.cpfl dt{ width:199px; height:80px;  padding:0px 40px 0px 30px; font-size:32px; line-height:80px; text-align:center;  color:#ffffff; background:#384363; font-weight:bold}
.cpfl dd a{display:block; font-size:18px; text-indent:28px; color:#1c1c1c; line-height:50px;width:269px; transition:all .2s ease;height:50px;background:url(../images/rr.gif) no-repeat left; font-weight:normal; margin-bottom:1px;}
.cpfl dd a:hover{ display:block; font-size:18px; color:#000; text-indent:48px;transition:all .2s ease; line-height:50px;width:249px; height:50px; background:#374262; color: #fff; overflow: hidden}
.neiye_tel{ width:269px; height:219px;background:url(../images/nytel.png) no-repeat center top; float:left; padding-top:12px; }
.neiye_tel span{ display:block; width:100%; height:30px; color:#ffffff; line-height:35px; text-align:center; font-size:14px; padding-bottom:20px;}
.neiye_tel a{ width:130px; height:35px; border:1px solid #eb8b91; display:block; text-align:center; margin:auto; line-height:35px; font-size:14px;color:#ffffff; padding:0px;}
.neiye_tel p{ display:block; width:219px; padding-left:50px; font-size:14px; color:#292929; padding-top:42px;}
.neiye_tel p strong{ font-size:30px; color:#384363; line-height:35px; font-family:Impact;}
.neiye_tel a:hover{ width:130px; height:35px; border:1px solid #ffffff; background:#ffffff; display:block; text-align:center; margin:auto; line-height:35px; font-size:14px;color:#d60c1a; padding:0px;}

.news_dl_3{ width:890px; display:inline-block; border-bottom:#b8b8b8 1px dashed; padding:14px 0; overflow:hidden; height:85px; float:left;}
.news_dl_3 dt{ background:#ef9c00; width:85px; height:85px; color:#ffffff; line-height:28px; font-size:14px;  text-align:center; float:right; overflow:hidden;}
.news_dl_3:hover dt{ background:#6f6f6f; width:85px; height:85px; text-align:center; float:right; overflow:hidden;color: #FFF;}
.news_dl_3:hover dt b{color: #FFF;border-bottom:#FFF 1px solid;}
.news_dl_3 dt b{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:38px; color:#ffffff; width:55px; margin:0 auto; border-bottom:#fff 1px solid; padding:5px 0 2px; line-height:40px;}
.news_dl_3 dt span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; padding:5px 0 0;}
.news_dl_3 dd{ width:700px; padding:0 0 0 15px; float:left;}
.news_dl_3 dd a{overflow: hidden;width: 269px}
.news_dl_3 dd h5{ height:25px; line-height:25px; overflow:hidden;}
.news_dl_3 dd h5 a{ font-size:16px; color:#444;font-weight: bold;}
.news_dl_3 dd h5 a:hover{color:#bc0030; font-size:16px;}
.news_dl_3 dd p{ font-size:12px; color:#7d7d7d; height:60px; line-height:20px; overflow:hidden; padding-top:3px}
.news_dl_3 dd p a{ font-size:12px; color:#197500; padding:0 0 0 20px;}

.news_dl_3 dd p .gdd{ margin-top:10px; width:100%; height:22px; float:left; background:url(../Images/more.png) no-repeat left; color:#ffffff; line-height:22px; font-size:12px; padding-left:20px;}


.bt span{text-transform:uppercase;font-size:23px;color:rgb(184,184,184);font-family:Arial,Helvetica,sans-serif;margin:30px 0 5px 30px;float:left;width:100%}
.bt h3{margin:0 0 0 100px;float:left;padding:0px 15px;height:33px;display:block;background-color:#1d5eb3;color:rgb(255,255,255);font-size:20px;line-height:162%;text-align:center;font-weight:bold;}
.bt p{margin:0 0 0 10px;float:left;height:33px;display:block;background-color:#fabc00;color:rgb(255,255,255);font-size:18px;line-height:33px;text-align:center;padding:0 15px;}
.bt strong{margin:0 0 0 10px;float:left;height:33px;display:block;background-color:#000;color:rgb(255,255,255);font-size:18px;line-height:33px;text-align:center;padding:0 15px;}


#mi_fl{padding-left: 25px; font-size: 16px}
#b_fl{background: #f2b01b;color: #374262;font-weight: bold;font-size: 22px}






#demo{overflow:hidden;height:660px;width:1300px; margin:20px auto;color:#336699;}
#demo1 ul,#demo2 ul{ display:block;width:1300px; overflow:hidden}
#demo1 ul li,#demo2 ul li{width:24%;margin:0px 0px 20px 10px; float:left;border: 1px solid #ccc}
#demo1 ul li a{display: block;width: 100%; position: relative}
#demo1 ul li a span,#demo2 ul li a span {position:absolute;display:none; top: 0;left: 0;transition:all .5s ease;}
#demo1 ul li a:hover span,#demo2 ul li a:hover span {display:block;width:100%;height:280px;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;background:url(../images/logo1.jpg) center center no-repeat #ffffff;}
#demo1 ul li a h4,#demo2 ul li a h4{width:100%;height:280px ; overflow:hidden;}
#demo1 ul li a h4 img,#demo2 ul li a h4 img{width:100%;height:280px;transition:all .5s ease ; display: block}
#demo1 ul li a h4:hover img,#demo2 ul li a h4:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demo1 ul li a ol,#demo2 ul li a ol{ text-align:center; height:45px; line-height:45px;transition:all .5s ease; font-size:18px; display: block;background: #374262; color: #fff}
#demo1 ul li a:hover ol,#demo2 ul li a:hover ol{ background:#fdb328; color:#fff}



#demo4 ul{ display:block;width:100%; overflow:hidden}
#demo4 ul li{width:31.9%;margin:0px 0px 20px 10px; float:left;border: 1px solid #ccc}
#demo4 ul li a{display: block;width: 100%; position: relative}
#demo4 ul li a span{position:absolute;display:none; top: 0;left: 0;transition:all .5s ease;}
#demo1 ul li a:hover span{display:block;width:100%;height:240px;filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;background:url(../images/logo1.jpg) center center no-repeat #ffffff;}
#demo4 ul li a h4{width:100%;height:240px ; overflow:hidden;}
#demo4 ul li a h4 img{width:100%;height:240px;transition:all .5s ease ; display: block}
#demo4 ul li a h4:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demo4 ul li a ol{ text-align:center; height:45px; line-height:45px;transition:all .5s ease; font-size:18px; display: block;background: #374262; color: #fff}
#demo4 ul li a:hover ol{ background:#fdb328; color:#fff}



.qimo8{ overflow:hidden; width:1300px; margin:20px auto}
.qimo8 .qimo {width:8000%;}
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
.qimo8 .qimo ul li{float:left; list-style:none; text-align:center; width:380px; margin-right:10px}
.qimo8 .qimo ul li img{ width:380px; height:320px;display: block}
.qimo8 .qimo ul li ol{ text-align:center; height:45px; line-height:45px;transition:all .5s ease; background:#fdb328;color:#fff }
.qimo8 .qimo ul li:hover ol{ background:#000; color:#fff}
.qimo8 li a{color:#444444;}


.qimo18{ overflow:hidden; width:1300px; margin:80px auto}
.qimo18 .qimo1 {width:8000%;}
.qimo18 .qimo1 div{ float:left;}
.qimo18 .qimo1 ul{float:left; overflow:hidden; zoom:1; }
.qimo18 .qimo1 ul li{float:left; list-style:none; text-align:center; width:280px; margin-right:10px}
.qimo18 .qimo1 ul li img{ width:280px; height:250px;display: block}
.qimo18 .qimo1 ul li ol{ text-align:center; height:45px; line-height:45px;transition:all .5s ease; color:#fff }
.qimo18 .qimo1 ul li:hover ol{ background:#000; color:#fff}
.qimo18 li a{color:#444444;}