@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}
@font-face {
  font-family: '../font/iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "../font/iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face
    {
        font-family:"HeroicCondensed-Regular.ttf";
        src: url("../font/HeroicCondensed-Regular.ttf");
    }


.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative;}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.links{ display:block!important;}

.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit span{display:block;font-size: 46px;color: #434343;line-height: 46px;position: relative;font-weight: bold;font-family: 思源黑体 CN;}
.tit span:after{ position: absolute;left: 50%;margin-left: -15px;top: 60px;width:30px ;height: 4px;background: #e77918;content: "";}
.tit i{display:block;font-size: 20px;color: #707070;line-height: 20px;padding-top: 35px;}


.hd_title{ cursor: pointer;}
.header_second{ position: absolute; top: 0px; left:-53px; display: none; width: 122px;text-align: center; background: #FFF; border: 1px solid #ddd; z-index:999;}
.h_top ul li .header_second em{display: block;width: 16px;height:9px;overflow: hidden;background: url(../images/icon4.png) no-repeat center center;position: absolute;top:-9px;left:50%; margin-left:-8px}
.h_top ul li .header_second img{ width: 100px; height: 100px; padding: 5px; margin: 0px;}
.header_second1{ position: absolute; top: 0px; left:-500px; display: none; width: 122px;text-align: center; background: #FFF; border: 1px solid #ddd;}
.h_top ul li .header_second1 em{display: block;width: 16px;height:9px;overflow: hidden;background: url(../images/icon4.png) no-repeat center center;position: absolute;top:-9px;left:50%; margin-left:-8px}
.h_top ul li .header_second1 img{ width: 100px; height: 100px; padding: 5px; margin: 0px;}
.h_top ul{ float:left; padding-right:10px;}
.h_top ul li{ float:left; position:relative; margin-left:5px;}
.h_top ul li i{ font-size:22px; color:#fff; line-height:30px; display:inline-block;}
.h_top ul li i:hover{ color:#ff8f0c;}


.banner{height: 700px;position: relative; z-index:-1;}
.bdu{width: 100% !important;height: 700px;}
.bdu li{width: 100% !important;height: 700px;position:relative;}
.bdu li a{display: block;height: 700px;}
.bdu li img{height:700px;margin-left: -960px;position:absolute;left:50%;}
.banner .sprev{position:absolute; left:5%; top:300px;  width: 50px; height: 50px;background: rgba(0,0,0,0.5); border-radius: 25px;display: block;transition: all .36s ease;}
.banner .snext{position:absolute; right:5%; top:300px;   width: 50px; height: 50px;background: rgba(0,0,0,0.5); border-radius: 25px;display: block;transition: all .36s ease;}
.banner .sprev:hover,.banner .snext:hover{ background: #ee7b16;}
.banner .sprev i{ width:12px;height:18px; background:url(../images/zuo.png) no-repeat;z-index: 100;margin-top: 16px; margin-left: 17px;display: block;}
.banner .snext i{width:12px;height:18px; background:url(../images/you.png) no-repeat;z-index: 100;margin-top: 16px; margin-left: 21px;display: block;}
.hdu{position: absolute;width: 100%;height: 10px;right: 0;bottom: 44px;text-align: center;}
.hdu li{ width: 6px;height: 6px;background: rgba(0, 0, 0, .5);margin-bottom: 20px;border-radius: 4px;position: relative;cursor: pointer;margin-left: 18px;text-align: center; display: inline-block;}
.hdu li em{width: 16px;height: 16px;display: block;position: absolute;top: -5px;left: -5px;border-radius: 8px;border: 0;background: rgba(0, 0, 0, 0.4);opacity: 0;}
.hdu li.on em:after{  content: '';height: 6px;width: 6px;background: #fff;display: block;position: absolute;
top: 5px;left: 5px;border-radius: 10px;}
.hdu li.on em{opacity: 1;}


.search{height:75px;}
.search p{float: left;height: 75px;line-height: 75px;font-size: 16px;color: #535353;}
.search p b{ color: #535353;float: left;}
.search p a{ font-size:16px ;color: #535353;line-height: 75px;margin:10px;}
.search p a:hover{ color:#ff8f0c;}
.s_box{float: right;margin-top:18px;width: 420px;height: 41px;background: 0;}
.s_box .input1{float:left;width:332px;height:40px;line-height: 40px;font-size:14px;color:#333;border:0;outline: 0;padding-left: 20px;background: #f3f3f3;}
.s_box .input2{float: left;width:55px;height: 40px;border: 0;background: url(../images/fdj.jpg) no-repeat center;outline: 0;cursor: pointer;}



.yz{height:560px;background: url(../images/yz_bg.jpg) no-repeat center; background-attachment:fixed;}
.yz dl{ padding-top: 36px;}
.yz dd{ text-align:center;}
.yz dd h3{display: block;font-size: 40px;line-height: 40px;color: #434343;font-weight: bold;margin-top: 46px;}
.yz dd h3 b{ color: #e77918;}
.yz dd h4{display: block;font-size: 24px;line-height:34px;color: #434343;font-weight: normal;margin-top: 12px;}
.yz dd p{font-size:16px ; color:#535353 ; line-height: 28px;margin-top:28px ;}
.yz_z{ margin-top: 45px; padding:0 100px;}
.yz_z li{ float: left;border:2px solid #d8d8d8;-moz-border-radius:160px; background:#f0f0f0; -webkit-border-radius:160px;border-radius:160px;width:160px; height:160px; line-height: 48px; color: #333333; font-weight: bold;box-sizing: border-box; margin:0 40px;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out}
.yz_z li:hover { background:#e77918;transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.yz_z li:hover b,.yz_z li:hover i{ color:#fff;}
.yz_z li:last-child{ padding-right: 0;}
.yz_z li b{ display: inline-block; font-family:"HeroicCondensed-Regular.ttf"; font-size:52px;  line-height:160px; color: #e77918; font-weight:300; text-align:center;}
.yz_z li i{ font-size:16px;}
.yz_z li span{ display: block;font-size: 16px; line-height:28px; color: #1b1b1b; font-weight:bold;margin-top: 4px;}

.pro{ padding-top: 75px;}
.pro1{ padding-top: 80px;height: 470px;}
.pro1 dt{ display: block;width:600px;height:450px;overflow:hidden;}
.pro1 dt img{ display: block;width: 600px;height: 450px;transition:all 0.5s;}
.pro1 dt:hover img{ transform:scale(1.08);}
.pro1 dd{width:580px;}
.pro1 dd h2 a{display: block;line-height:60px;font-size: 34px;color: #000000; font-weight:bold;}
.pro1 dd h2 a b{ color:#e77918;}
.pro1 dd h3:after{width:30px; height:2px; background:#333; content:""; position:absolute;left:0;top:0;}
.pro1 dd h3{ display: block;font-size: 14px;color: #666; font-weight:200;padding-top:10px;line-height:24px ; position:relative; padding-bottom:20px;}
.pro1 dd p{ display: block;font-size: 16px;color: #333333;padding-top: 10px;line-height:26px; height:100px;}
.pro1 dd ul{ margin-top:25px ;}
.pro1 dd ul li{ width:270px;border: 1px solid #eeeeee;height: 200px;float: left;position: relative; margin-right:10px;}
.pro1 dd ul li i{ display: block;width: 270px;height: 200px;overflow:hidden;}
.pro1 dd ul li img{ display: block;width: 270px;height: 200px;transition:all 0.5s;}
.pro1 dd ul li:hover img{transform:scale(1.08);}
.pro1 dd ul li h4{ display: block;position: absolute;bottom: 0px;left: 0;height: 40px;line-height: 40px;width:270px; text-align:center;font-size: 14px;color: #fff;font-weight: normal; background:rgba(0,0,0,.6)}
.pro1 dd ul li:hover{ border-color: #e77918;}
.pro1 dd ul li:hover h4{color: #ff8f0c;}

.pro2{ margin-top: 60px;padding:90px 0 0;height:540px;background: url(../images/pro2_bg.jpg) no-repeat center;}
.pro2 dl{ height: 640px;}
.pro2 dt{ display: block;width:600px;height:450px;overflow:hidden;}
.pro2 dt img{ display: block;width: 600px;height:450px;transition:all 0.5s;}
.pro2 dt:hover img{ transform:scale(1.08);}
.pro2 dd{width:560px; float:right;}
.pro2 dd h2 a{display: block;line-height:60px;font-size: 34px;color: #000000; font-weight:bold;}
.pro2 dd h2 a b{ color:#e77918;}
.pro2 dd h3:after{width:30px; height:2px; background:#333; content:""; position:absolute;left:0;top:0;}
.pro2 dd h3{ display: block;font-size: 14px;color: #666; font-weight:200;padding-top:10px;line-height:24px ; position:relative; padding-bottom:20px;}
.pro2 dd p{ display: block;font-size: 16px;color: #333333;padding-top: 10px;line-height:26px ; height:100px;}
.pro2 dd ul{ margin-top:15px ;}
.pro2 dd ul li{ width: 270px;border: 1px solid #eeeeee;height: 200px;float: left;position: relative; margin-right:10px;}
.pro2 dd ul li:last-child{ margin-right:0;}
.pro2 dd ul li i{display: block;width:270px;height: 200px;overflow:hidden; }
.pro2 dd ul li img{ display: block;width: 270px;height: 200px;transition:all 0.5s;}
.pro2 dd ul li:hover img{ transform:scale(1.08);}
.pro2 dd ul li h4{ display: block;position: absolute;bottom: 0px;left: 0;height: 40px;line-height: 40px;width:270px; text-align:center;font-size: 14px;color: #fff;font-weight: normal; background:rgba(0,0,0,.6)}
.pro2 dd ul li:hover{ border-color: #e77918;}
.pro2 dd ul li:hover h4{color: #ff8f0c;}

.pro3{ padding-top: 50px;}
.pro3  h2 a{display: block;height:60px;line-height: 60px;font-size: 34px;color: #000000;font-weight: normal;text-align: center;}
.pro3 p{ display: block;font-size: 16px;color: #333333;padding-top: 20px;line-height:26px ;text-align: center;}
.pro3_con{ margin-top:28px ;position: relative;margin-bottom: 80px;}
.pro3 ul li{ width:390px;border: 1px solid #eeeeee;height: 290px;float: left;position: relative;margin-right: 18px;}
.pro3 ul li i{ display: block;width: 390px;height:290px;overflow:hidden;}
.pro3 ul li img{ display: block;width:390px;height:290px;transition:all 0.5s;}
.pro3 ul li:hover img{transform:scale(1.08);}
.pro3 ul li h4{ display: block;position: absolute;bottom: 0px;left: 0;height: 40px;line-height:40px;width:390px; text-align:center;font-size: 14px;color: #fff;font-weight: normal;background:rgba(0,0,0,.6)}
.pro3 .dprev{position: absolute;left:-75px;top:130px;width:34px;height: 67px;background:url(../images/dprev.png) no-repeat;z-index: 10;}
.pro3 .dnext{position: absolute;right:-75px;top:130px;width:34px;height: 67px;background:url(../images/dnext.png) no-repeat;z-index: 10;}
.pro3 .dprev:hover{ background:url(../images/dprevh.png) no-repeat;}
.pro3 .dnext:hover{ background:url(../images/dnexth.png) no-repeat;}


.ys{ background: url(../images/ys_bj.jpg) no-repeat center;height: 850px;}
.ys .tit{ padding-top: 75px;}
.ys .content{ position: relative;}
.ys_con{margin-top: 125px; }
.ys dt img{ display: block; width:790px; height: 445px; } 
.ys dd{ width:340px; padding:30px 40px; font-size:14px ; color: #7d7d7d; line-height:28px; background:#fff; height:385px;}
.ys dd h3{ display: block;font-size: 28px;line-height:40px;color: #303030;padding-bottom: 30px;}
.ys dd h3 b{ color: #e77918;}
.ys dd p{ display: block;font-size: 14px;line-height: 28px;color: #7d7d7d;}
.ys dd p b{ color: #474747;}
.ys_t { position: absolute; top:220px ;}
.ys_t li{ width:300px; height: 45px; color: #1b1b1b; float:left; line-height: 45px; font-size: 20px; text-align: center; background: rgba(255,255,255,0.8); margin-bottom: 4px; position: relative;}
.ys_t li:hover:after,.ys_t  li.cur:after{ position: absolute;width: 12px;height:14px; content: "";left:0;margin-left: -11px;top: 16px;}
.ys_t li:hover,.ys_t li.cur{ background: #e77918; color: #fff;}


.td{ background: url(../images/td_bg.jpg) no-repeat center;height:780px; background-attachment:fixed;}
.td .tit{ padding-top: 100px;}
.td .tit span b{ color:#f17513;}
.td .tit span,.td .tit i{ color: #fff;}
.td .tit span:after{ background: #e77918;}
.td ul{ margin-top: 54px; background:url(../images/ry.jpg) no-repeat; height:332px; padding:50px 60px;}
.td ul li{ line-height:32px; color:#2f2f2f; background:url(../images/hg.png) no-repeat left; padding-left:30px;}




.case .tit{ padding-top: 80px;}
.case_con{ margin-top: 24px;position: relative;}
.case_con .case_qie{ width: 288px; height: 513px; overflow: hidden; position: relative; float: left;margin-right: 14px;border: 2px solid #eeeeee;}
.case_con .case_qie a{ display: block;}
.case_con .case_qie img{ width: 100%;}
.case_con .case_qie dl{height: 513px;position: absolute; bottom: -417px; transition: all .8s ease; background:url(../images/bei.png) no-repeat center 26px; width:100%; }
.case_con .case_qie dl dt{ font-size: 19px;color: #fff; line-height: 26px; padding: 34px 15px 0; text-align: center;position: relative;}
.case_con .case_qie:hover dt{ padding-top: 80px;line-height: 26px;font-size: 19px;display: block;text-align: center;margin: 0 auto;}
.case_con .case_qie dl dt:after{ position: absolute;left: 50%;top: 150px;width:30px;height: 2px;margin-left: -15px;content: "";background: #fff;}
.case_con .case_qie dl dd{display: none; margin-top: 55px;}
.case_con .case_qie dl dd p{ font-size: 14px; color: #fff; line-height: 24px; width: 214px;margin: 0 auto 10px;max-height:96px;overflow:hidden; }
.case_con .case_qie dl dd span{ display: block;width: 114px;height: 36px;line-height: 36px;margin: 22px auto 0;border: 1px solid #fff;font-size:16px;color: #fff;text-align: center;}
.case_con .case_qie:hover{ border: 2px solid #a3bef5;}
.case_con .case_qie:hover dl dd{ font-size: 14px; color: #fff; line-height: 24px;display: block; }
.case_con .case_qie:hover dl{ bottom: 0px; background: rgba(0,0,0,0.56);}
.case .bprev{position: absolute;left:-75px;top:217px;width:34px;height: 67px;background:url(../images/dprev.png) no-repeat;z-index: 10;}
.case .bnext{position: absolute;right:-75px;top:217px;width:34px;height: 67px;background:url(../images/dnext.png) no-repeat;z-index: 10;}
.case .bprev:hover{ background:url(../images/dprevh.png) no-repeat;}
.case .bnext:hover{ background:url(../images/dnexth.png) no-repeat;}


.news{ background: url(../images/news_bg.jpg) no-repeat center;height: 806px;}
.news .tit{ padding-top: 60px;}

.company { width: 808px; height: 499px; background: #fff; box-shadow: 0 0 40px 0 rgba(4, 0, 0, .04); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 56px 53px 0 46px ;}
.company li { width: 412px; height: 108px; border-top: 1px solid #E3E3E3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; }
.company li span { display: block; width: 76px; padding-top: 30px; float: left; font-size: 16px; line-height: 100%; color: #666; font-family: arial; text-align: right; margin-right: 37px; }
.company li span i { display: block; font-size: 30px; line-height: 100%; color: #333 ;}
.company li h4 { font-size: 14px; line-height: 18px; color: #333; padding-top: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.company li p { font-size: 13px; line-height: 24px; color: #666; margin-top: 7px; }
.company li:first-child { width: 254px; height: 326px; float: left; margin-right: 37px; position: relative; overflow: hidden; }
.company li:first-child h4 { position: absolute; padding: 0 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 62px; left: 0; bottom: 0; background: rgba(0, 0, 0, .8); font-size: 15px; line-height: 58px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 700; }
.company li:last-child { border-bottom: 1px solid #E3E3E3; }
.company li:hover h4, .company li:hover span, .company li:hover span i { color: #e77918; }
.company li:first-child:hover h4 { color: #fff; }


.news .news_title { margin-bottom: 32px ;}
.news .news_title .more a { font-size: 14px; line-height: 18px; color: #999; font-family: arial; text-transform: uppercase; float: right; }
.news .news_title .more a:hover { color: #e77918; }
.news h3 { display: inline-block; position: relative; }
.news h3 a { font-size: 18px; line-height: 100%; color: #666; font-weight: 400 ;}
.news h3:first-child { padding-right: 23px; margin-right: 13px ;}
.news h3:first-child:after { position: absolute; content: "/"; right: 0; top: 0; font-size: 16px; line-height: 18px; color: #ccc; font-weight: 400; }
.news h3.on a { font-weight: 700 ;color: #333333;}

.news_con{ margin-top: 50px;}
.faq { width: 371px; height: 499px; background: #fff; box-shadow: 0 0 40px 0 rgba(4, 0, 0, .04); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 56px 43px 0 39px ;}
.faq h3 { display: block; margin-right: 0 !important; padding-right: 0 !important; }
.faq h3 a { font-weight: 700; font-size: 16px; color: #333 ;}
.faq h3 span { font-size: 14px; line-height: 18px; color: #999; font-family: arial; text-transform: uppercase; float: right; font-weight: 400 ;}
.faq h3 span:hover { color: #e77918 ;}
.faq h3:first-child:after { position: absolute; content: ""; width: 15px; height: 21px; background: #e77918; left: -39px; top: 0 ;}
.faq .pic { margin: 21px 0 11px; width: 290px; height: 116px ;}
.faq li { margin-bottom: 13px; -o-transition: all .3s ease; transition: all .3s ease ;}
.faq li h4 { font-size: 14px; line-height: 28px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 32px; position: relative; -o-transition: all .3s ease; transition: all .3s ease ;}
.faq li h4:before { position: absolute; content: ""; width: 13px; height: 2px; background: #A1A1A1; text-align: center; left: 0; top: 14px ;}
.faq li p { display: none; font-size: 12px; line-height: 24px; color: #666; padding-left: 33px; position: relative ;}
.faq li p:before { position: absolute; content: "A"; width: 23px; height: 23px; background: #ff8f0c; font-size: 14px; line-height: 23px; color: #fff; text-align: center; left: 0; top: 0; font-weight: 700 ;}
.faq li.cur { padding-bottom: 11px; border-bottom: 1px solid #E3E3E3; margin-bottom: 15px ;}
.faq li.cur h4 { padding-left: 33px ;}
.faq li.cur h4:before { background: #e77918; content: "Q"; width: 23px; height: 23px; font-size: 14px; line-height: 23px; color: #fff; text-align: center; left: 0; top: 0; font-weight: 700 ;}
.faq li.cur p { display: block; }

/**/
.liy{ height: 115px;overflow: hidden;}
.liy h3{ padding: 35px 0 0 145px; width: 216px; float: left;font-weight: bold; color: #fff; font-size: 14px; line-height: 100%;}
.liy h3 span{font-size:20px;}
.liy h3 i{ display: block; font-size: 20px; color: #f17513; font-family: arile; line-height: 100%; padding-top: 3px;}
.liy ul{ position: relative; margin-top: 10px; float: left;}
.liy ul li{ background: #fff; width: 218px; height: 40px; border-radius: 5px; margin-bottom: 13px; overflow: hidden; line-height: 40px; font-size: 16px; color: #676767;}
.liy ul li i{ display: inline-block; float:left; padding-left: 20px; width: 55px;}
.liy ul li input{ display: inline-block; float: left; background: none; border: none; height: 40px; outline: none; width: 141px;}
.liy ul .tj3{ position: absolute; left: 230px; top: 0; width: 352px; height: 94px;}
.liy ul .tj3 i{ width: 108px;}
.liy ul .tj3 textarea{height: 80px;
    border: none;
    width: 215px;
    line-height: 30px;
    margin-top: 5px;}
.liy ul .tj4{ position: absolute; top: 16px; left: 595px; background: none; z-index: 5;width: 86px; height: 80px;}
.liy ul .tj4 button{ display: block; margin-bottom: 9px; width: 86px; height: 35px; line-height: 35px; border-radius: 5px; background: #fff; border: none; outline: none; cursor: pointer;}
.liy ul .tj4 button:last-child{ background: #ff9010; color: #fff;}

.abt{ background: #313131;}
.abt dt{display: block;width: 1920px;height: 666px;margin-left: -360px;}
.abt dt img{ display: block;width: 1920px;height: 666px;}
.abt dd{ display: block;width: 1200px;height: 205px;background: url(../images/abt_dd.png) no-repeat center;margin-top: -100px;position: relative;z-index: 100;}
.abt dd h3{ display: block; padding-left:70px; padding-top:40px;width:210px; font-size: 40px; color: #ffffff; line-height: 50px;font-weight: normal;font-family: 思源黑体 CN;float: left;}
.abt dd h3 b{ display: block; font-size: 54px;color: #fff;line-height: 54px;font-family: 思源黑体 CN;}
.abt dd p{ width: 894px; float: left;}
.abt dd span img{ display: block; width: 298px; height: 36px;padding-top: 22px; padding-bottom: 12px;}

.abt dd em{font-size: 16px; line-height: 24px; color: #808080;  }
.abt dd i img{ display: block; margin-top: 30px; width: 50px; height: 12px; float: right;margin-right: 30px;}


.footer {background: #313131; overflow:hidden; padding:40px 0;}
.footer1{background:#f4f4f4; height:auto; overflow:hidden; padding:60px 0;}
.footer_elt{ float:left;width:430px; padding-top:40px;}
.footer_elt p{ font-size:16px; color:#fff; line-height:40px;}
.footer_elt dl{ font-size:34px; font-weight:bold; color:#faa500; padding-bottom:20px;}
.footer_elt dl i{ font-size:50px; font-weight:300;}
.footer_elt div{ line-height:30px; color:#999}
.footer_elt div i{ padding-right:10px;}
.footer_ezh{ border-bottom:1px solid #535353; padding-bottom:40px; text-align:center;color:#d8d8d8;}
.footer_ezh ul a{ font-size:16px; color:#d8d8d8; line-height:28px; padding:0 30px;}
.footer_ezh ul a:hover{ color:#e77918;}
.footer_ert{width:570px; float:right; padding-top:40px;}
.footer_ert ul li{ float:left;width:150px; text-align:center; line-height:40px; font-size:12px; color:#66676c;}
.cop{ height:76px; background:#212121; line-height:76px; color:#999999; font-size:13px;}
.cop a{ color:#999999;}

.nyban1{ height:350px; background:url(../images/nyban.jpg) no-repeat top; }
.ny_nav{ height:60px; margin-top:-60px; line-height:60px;text-align:right;}
.ny_nav li{ display:inline-block;width:200px; height:60px; line-height:60px; text-align:center; margin:0 auto; font-size:16px; }
.ny_nav a{ color:#333; line-height:60px; text-align:center; background:#fff; display:block;width:100%; height:100%;}
.ny_nav ul .column_active{ background:#ee7b16; color:#fff;}
.ny_nav ul li a:hover{ background:#ffa701; color:#fff;}
.ny_ll{ height:60px; border-bottom:1px solid #d8d8d8; color:#666; overflow:hidden;}
.ny_ll ul p i{ font-size:20px;}
.ny_ll ul p{ border-bottom:2px solid #ff7609; line-height:58px; font-size:14px; display:inline-block;}
.nynr{ line-height:34px; color:#333; font-size:14px; padding:30px; overflow:hidden;}

/*客服*/

/*main css*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:200px; left:-200px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}

.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.izl-rmenu .btn-sk{background:url(../images/r_sk.png) 0px 0px no-repeat; background-color:#fb4258;}
.izl-rmenu .btn-sk:hover{background-color:#f0001c;}
.izl-rmenu a.btn-sk,.izl-rmenu a.btn-sk:visited{background:url(../images/r_sk.png) 0px 0px no-repeat; background-color:#fb4258; text-decoration:none; display:block;}
/*二维码*/
.izl-rmenu .btn-ewm{background:url(../images/r_ewm.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-ewm:hover{background-color:#ff811b;}
.izl-rmenu .btn-ewm:hover .ewm{ display:block;}
.izl-rmenu .btn-ewm .ewm{/*background-color:#ff811b;*/ position:absolute; width:130px; left:-151px; top:-30px; padding:10px; color:#FFF; font-size:18px; text-align:center; display:none; background-color:#00aff0;}
.izl-rmenu .btn-ewm .ewm img{ width:130px; height:130px;}

/*二级栏目
.clearfix ul li { width:65px;}*/
.xh_ej {overflow:hidden; background-color:#313131; margin: 0 -34px; display:none;/**/}
.xh_ej dd {padding:0 34px; padding:0; text-align:center; float:none; border-bottom:1px solid #e6e6e6; height:50px; line-height:50px; margin:0; clear:both; }
.xh_ej dd { color:#121212;}
.clearfix li:hover .xh_ej { display:block;}
.clearfix dl dd:hover { background-color:#ee7b16;}
.xh_ej dd:hover a { color:#FFF;}


html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}