@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
.clearfix::after {content:""; display: block; clear:both;}
.clearfix{zoom:1;}


/*header start*/
.header{border-top:5px solid #eee;position: relative;z-index: 99999999999;}
.header .head_top{/*background: url(../images/bei.png) no-repeat top right;*/height: 120px;}
.header .head_top .tel_box{width: 260px;height: 120px;color: #333}
.header .head_top .tel_box > a{color:#333;padding: 0 8px;line-height: 36px;}
.header .head_top .tel_box .tel{margin-top:5px;width: 248px;text-align: right; background: url(../images/tel_bg.png) no-repeat left center;}
.header .head_top .tel_box .tel p{display: block; font-size: 14px; color: #696969; text-align: left;line-height: 30px; padding-left:65px;}
.header .head_top .tel_box .tel b{font-size: 30px;color: #1778bf;font-family: arial;font-weight: bold;}
/*头部*/
.header .head_nav{background: #333;height: 40px;border-top: 3px solid #fff;}
.header .head_nav > ul > li{width:150px;float: left;height: 40px;line-height: 40px;font-size: 16px;text-align: center;position: relative;}
.header .head_nav > ul > li > a{color: #fff;display: block;width: 100%}
.header .head_nav > ul > li:hover{background: #eee;height:40px;}
.header .head_nav > ul > li:hover > a{color: #333;border-top: 3px solid #eb5a2e;position: absolute;top: -3px}
.header .head_nav > ul > li.on {background: #eee;height:40px;}
.header .head_nav > ul > li.on > a{color: #666;font-weight: 600;border-top: 3px solid #008fff;position: absolute;top: -3px}
.header .head_nav .sub{display: none;position:absolute;top: 40px;width: 100%}
.header .head_nav .sub li{ height: 35px;background: rgba(0,0,0,0.5);zoom:1;border: none}
.header .head_nav .sub li a{color: #fff;font-size: 15px;font-weight: normal;}
.header .head_nav .sub li:hover {background: #1778BF}

/*
.nav .sub{ display:none; width:100px; left:0; top:34px;   background:#4E4E4E;  line-height:26px; padding:5px 0;  }
    .nav .sub li{  }
    .nav .sub a{ display:block; padding:0 10px; }
    .nav .sub a:hover{ background:#6d6d6d; color:#fff;  }*/
/*header end*/


/*banner start*/
html,body,figure{padding:0;margin: 0}
#viewport-shadow {position: relative;width: 100%;}

#viewport, #box, .slide {width: 100%!important;height: 550px!important;}
.slide{background-size: 1920px 550px!important;}
#viewport {overflow: hidden;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}

/* line 66, sass/screen.scss */

#next, #prev {
  position: absolute;
  top: calc(50% - 40px);
  width: 40px;
  height: 60px;
  background: transparent url(../images/themes.gif) no-repeat left top;
  display: block;
  -webkit-transition: background .4s;
  -moz-transition: background .4s;
  transition: background .4s;
  z-index: 999
}

#prev {left: 50px;}
#next{background: transparent url(../images/themes.gif) no-repeat right top;right: 50px;}
#effect-switcher h2 {border-bottom: solid 1px #555;margin: 0 0 10px;}
#effect-list {overflow: hidden;}
#effect-list li {display: inline;}
.effect, .effect:hover {display: block;float: left;margin: 0 10px 0 0;border: solid 1px black;border-radius: 7px;padding: 10px 12px 6px;color: #ccc;text-decoration: none;background-color: #555;-webkit-box-shadow: inset 0px 0px 8px #000;-moz-box-shadow: inset 0px 0px 8px #333;box-shadow: inset 0px 0px 8px #333;}
.effect.current, .effect:hover.current {color: #2edbac;}
#time-indicator {width: 0px;height: 3px;background-color: #2edbac;position: absolute;top: 600px;left: 140px;}
#credits {margin: 20px 0 40px;padding: 10px 0 0;color: #555;font-size: .9em;}
#credits p{line-height:24px}

@media (max-width: 768px) {
  .slide{background-size: 768px 260px!important;}
  #viewport{overflow: hidden;}
  #viewport, #box, .slide{width: 100%!important;height: 260px!important;}
}

.tit01{font-size: 40px; text-align: center; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;}
.tit01 a{color: #333333; }
.tit01 p{ font-weight: normal; display: block;font-size: 18px;color: #666666; line-height: 36px;text-align: center;}


/*ys1 start*/
.yin{padding: 60px 0 60px;}
.yin_t{font-size: 40px;color: #fff;font-weight: normal;text-align: center;line-height: 45px;height: 90px;overflow: hidden;}
.yin_t a{color: #000;}
.yin_t b{color: #1778bf;}
.yin_t span{display: block;font-size: 18px;color: #fff;}
.yin_t i{color: #fff;padding:0 15px;}

/*product start*/
.product{padding:50px 0 30px 0; background: url(../images/productbg.jpg) no-repeat center;}
.leftNav{ width:280px; background: #8e8e8e;padding-bottom:20px;}
.pro_title{padding:20px 0 20px 50px; height:66px;font-size:30px;color:#Fff; background: url(../images/title_01.png) no-repeat left;}
.pro_title span{ display: block; font-size:15px; color:#fff}
.leftNav > ul{padding:3px 0; }
.leftNav > ul > li i{display:block;height: 55px;padding-top: 25px;background: url(../images/line_02.png) no-repeat bottom center;}
.leftNav > ul > li i a{margin-left:35px; font-size:16px;color:#fff; padding-left:20px; background: url(../images/arrow_01.png) no-repeat left;}
.leftNav .ul2{padding: 12px 0 0}
.leftNav .ul2 li{margin:0 55px;line-height: 28px;}
.leftNav .ul2 li a{color: #888}
.leftNav ul li:hover i a { color: #1778bf}
.pro_con{width:920px;}
.pro_con li{width:278px;margin:0 0 26px 26px; border:1px #dfdfdf solid;float: left;border-bottom-color:#00529C;}
.pro_con li img{ width:278px; height:210px;padding:0px;}
.down img{width:100%;height:305px;}
.pro_con li{ position: relative; display: inline-block; margin:0 0 30px 26px; background: #fff; overflow: hidden;border:1px #ddd solid; }
.pro_con i.one{color:#333; text-align: center;padding:10px 30px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%;  background:rgba(0,0,0,0.75)}
.pro_con li .box i.two{ color:#fff;font-size:14px;padding: 0 20px; margin:10px 0 0 0;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box img{ display: block; margin: auto; height:auto;width:auto;}
.pro_con li:hover .box{ opacity: 1;top:0}
.pro_con li:hover i.one{ opacity: 0;}

.pro_con li:hover .rightDown span{   border-bottom: 35px solid #1778bf;}
.pro_con .rightDown span{
	position:absolute; bottom:0;right:0;
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-bottom: 35px solid #1778bf;
    -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}
.pro_con .rightDown b{position:absolute; bottom:1px;right:3px;  color:#fff; font-size:20px;}
/*product end*/

/*company start*/
.about_bg{width:100%;background:url(../images/about_bg.jpg) no-repeat center top #F0F0F0;padding-bottom: 50px}
.about_box{padding:50px 0;}
.about_left{width:600px; float:left;}
.about_right{width:600px; height:392px; float:right;}
.a_phone{height:110px; width:480px; margin-left:120px;}
.a_phone p{height:40px; font-size:20px; color:#fff;letter-spacing: 2px;text-align: right;}
.a_phone p span{font-size:36px; font-weight:bold;letter-spacing: 0px;line-height: 40px;}
.a_phone a{display:block; width:112px; height:34px; background:#555; text-align:center; font-size:16px; color:#fff; line-height:34px; float:right;margin-top: 10px}
.about_t{height:177px;}
.about_t a{font-size:34px; font-weight:bold; color:#fff; line-height:54px;letter-spacing: 1px}
.about_t em{display: block;width: 70px;height: 2px;background: #fff;margin-top: 15px}
.about_t p{font-size:18px; color:#fff; padding-top:20px;letter-spacing: 2px}
.about_t i{color: #aeaeae;line-height: 250%}
.about_tu{width:600px; height:326px; overflow:hidden;}
.about_tu img{width:600px; height:326px;}
.about_wen{width:500px; height:306px; background:#fff ; padding:34px 50px 0;}
.about_wen dt{height:78px;}
.about_wen dt a{font-size:18px; color:#333;}
.about_wen dt span{display:block; font-size:12px; color:#656565; text-transform:uppercase; line-height:30px;}
.about_wen p{width:500px; height:162px;font-size:14px; color:#656565; line-height:28px; overflow:hidden;text-indent: 2em;}
.about_more{width:600px; height:53px;}
.about_more a{width:300px; height:53px; display:block; float:left; background:url(../images/about_more.jpg) center no-repeat; text-indent:30px; font-size:16px; color:#fff; line-height:53px;}
.about_more a:hover{background:url(../images/about_more2.jpg) center no-repeat;}
.about_more a:nth-child(2) {background:url(../images/about_more2.jpg) center no-repeat;}

.picScroll-left{ width:1228px;  overflow:hidden; position:relative; margin:0 auto;}
.picScroll-left .hd{ overflow:hidden;  height:40px; padding-top:20px; text-align: center}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:inline-block;  width:40px; height:40px;margin:0 5px; overflow:hidden;cursor:pointer; background:url(../images/jt_l.png) no-repeat center;}
.picScroll-left .hd .next{ background: url(../images/jt_r.png) no-repeat center;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 14px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:273px; height:204px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li:hover .pic a img{ border-color:#1778bf; background: #1778bf}
.picScroll-left .bd ul li .zi{ line-height:24px; font-size: 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.picScroll-left .bd ul li:hover .zi a{color:#1778bf;}
/*company end*/

/*ys start*/
.ys{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 1120px;overflow: hidden;padding: 60px 0 0;}
.ys_l{width: 566px;padding: 50px 0 0 26px;}
.ys dl{width: 566px;height: 421px;position: relative;margin-bottom: 55px;overflow: hidden;}
.ys dl dt{width: 311px;height: 397px;float: left;line-height: 0;overflow: hidden;border: #1778bf 12px solid;}
.ys dl dt img{width: 311px;height: 397px;}
.ys dl dd{width: 208px;height: 294px;background: #f1f1f1;position: absolute;top: 40px;left: 278px;padding: 50px 30px 0 50px;z-index: 10;}
.ys dl dd h5{font-size: 30px;color: #333;line-height: 80px;height: 80px;background:url(../images/ys_line.gif) no-repeat 0 78px;}
.ys dl dd p{font-size: 16px;color: #333;line-height: 30px;height: 60px;padding: 20px 0 0;overflow: hidden;}
.ys dl dd span{display: block;margin: 30px 0 0;width: 70px;height: 40px;}
.ys dl dd span img{width: 70px;height: 40px;}
.ys .ys_r{padding: 50px 26px 0 0;}
.ys .ys_r dl dt{float: right;}
.ys .ys_r dl dd{left: 0;}



/*new start*/
.indexNews{ padding:10px 0 60px 0;  background:#fff;}
.indexNews .nb01{ height:7px; background:url(../images/xgray_line06.png) repeat; margin:15px auto;}
.indexNews .nb02{ height:1px; border-top:1px solid #4eaf00; border-bottom:1px solid #4eaf00; display:none;}
.indexNews .newsBox{}
.indexNews .newsLeft{ width:680px;}
.indexNews .newsLeft .newsT{}
.indexNews .newsLeft .newsT .div1{ height:52px; width:528px; background:url(../images/newsT.png) left top no-repeat;color: #fff;line-height: 47px;}
.indexNews .newsLeft .newsT .div1 span{color: #fff}
.indexNews .newsLeft .newsT .div1 .span1{font-size: 20px;padding: 0 20px}
.indexNews .newsLeft .newsT .div1 i{font-style: normal;padding-left:80px;letter-spacing: 2px;}
.indexNews .newsLeft .newsT .m{ display:block; width:13px; height:47px; background-color:#555; margin-left:10px;}
.indexNews .newsLeft .newsT .m:hover{ width:20px;}
.indexNews .newsLeft .news01{ padding-top:40px;}
.indexNews .newsLeft .news01 .imga{ display: block; width:255px; height:150px; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-position:center center; }
.indexNews .newsLeft .news01 .nr{ width:395px;}
.indexNews .newsLeft .news01 .nr .a1{ display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px; color:#333;}
.indexNews .newsLeft .news01 .nr .a1:hover{ color:#1778bf;}
.indexNews .newsLeft .news01 .nr .desc{ height:66px; line-height:22px; font-size:13px; color:#999; overflow:hidden; margin-top:10px; }
.indexNews .newsLeft .news01 .nr .btm{ padding-top:20px;}
.indexNews .newsLeft .news01 .nr .btm .m{ display:block; padding:0 20px; background-color:#555; color:#fff; font-size:13px; height:30px; line-height:30px;}
.indexNews .newsLeft .news01 .nr .btm .m:hover{ background-color:#1778bf; color:#fff;}
.indexNews .newsLeft .news01 .nr .btm span{display:block; padding-left:28px; color:#b7b7b7; font-size:13px; line-height:30px; margin-left:35px; }
.indexNews .newsLeft .news01 .nr .btm .time{ background:url(../images/time.png) left center no-repeat;}
.indexNews .newsLeft .news01 .nr .btm .view{ background:url(../images/view.png) left center no-repeat;}
.indexNews .news_list{border-top:1px dashed #aaa; margin-top:30px; padding-top:20px;}
.indexNews .news_list li{ padding:3px 0; }
.indexNews .news_list li a{ display:block; line-height:30px;}
.indexNews .news_list li a .spanT{ display:block;font-size:14px; color:#666;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; width:500px;background:url(../images/newsList.png) left center no-repeat; padding-left:20px;}
.indexNews .news_list li .time{ display:block; font-size:13px; color:#999; }
.indexNews .news_list li:last-child,.indexNews .news_list li:nth-child(9){}
.indexNews .news_right{ background-color:#fff; width:460px;}
.indexNews .news_right .title{ padding:0 0 12px 0;height:40px; line-height:37px; border-bottom:1px solid #ddd;}
.indexNews .news_right .title .span1{ color:#333; font-size:22px; display:block;padding-left:20px; border-left:4px solid #000; font-weight:700;  }
.indexNews .news_right .title .span2{ padding-left:20px; color:#b7b7b7; font-size:14px;}
.indexNews .news_right .title .m{ display:block; float:right; font-size:13px; line-height:30px; padding:0 15px; background-color:#555; color:#fff; margin-top:3px;}
.indexNews .news_right .title .m:hover{ background-color:#1778bf;}
.indexNews .news_right .wtList{ padding-top:20px;}
.indexNews .news_right .wtList li{ padding:22px 0; border-bottom:1px dotted #bbb;}
.indexNews .news_right .wtList li a{ display:block; padding-left:45px; background:url(../images/wenDa.png) left top no-repeat;}
.indexNews .news_right .wtList li a .spanT{ display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px; color:#333; line-height:22px;}
.indexNews .news_right .wtList li a:hover .spanT{color:#1778bf; }
.indexNews .news_right .wtList li a .desc{ height:50px; line-height:25px; overflow:hidden; color:#888; font-size:13px; margin-top:15px; }
/*new end*/


/*footer start*/
.footer{padding: 50px 0;background: #555}
.footer .ewm{width: 260px;height: 210px;background: url(../images/f_line1.gif) no-repeat center right;}
.footer .ewm .ewm_box{width: 160px;height: 160px;padding:15px;background:url(../images/ewmbg.png) no-repeat center;}
.footer .ewm .ewm_box img{margin:10px;}
.footer .ewm p{font-size: 14px;color: #fff;width: 190px;text-align: center;}
.footer .kslj{width: 500px;height: 150px;background: url(../images/f_line1.gif) no-repeat center right;}
.footer .kslj ul{width:435px;padding-left: 65px;}
.footer .kslj ul li{float: left;width: 132px;line-height: 52px;font-size: 16px;}
.footer .kslj ul li a{color: #fff;}
.footer .lxwm{padding-left: 100px; padding-top: 25px;color:#fff;width: 600px;font-size: 16px}
.footer .lxwm p{line-height: 60px;font-size: 18px}
.footer .lxwm span{display: inline-block;height: 46px;line-height: 46px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.footer .lxwm .span1{width: 250px;padding-left: 30px;background: url(../images/lx.png) no-repeat center left;background-size: 20px}
.footer .lxwm .span2{width: 250px;padding-left: 30px;background: url(../images/sj.png) no-repeat center left;background-size: 20px}
.footer .lxwm .span3{width: 250px;padding-left: 30px;background: url(../images/wz.png) no-repeat center left;background-size: 20px}
.footer .lxwm .span4{width: 250px;padding-left: 30px;background: url(../images/dz.png) no-repeat center left;background-size: 20px}
.foot_bot{line-height:40px;background:#1778bf;font-size: 14px}
.foot_bot .bot_body{width:1200px;margin:0 auto;}
.foot_bot .bot_l{float:left;color:#fff;width:600px}
.foot_bot .bot_r{float:right;color:#fff;width:300px;text-align: right}
.foot_bot .bot_r a{color:#fff}
/*footer end*/