@charset "utf-8";

* {

    margin: 0;

    padding: 0;

}

body{ overflow-x: hidden;}

img {

    border: 0;

    margin: 0;

    padding: 0;

}



ul,li,ol,h1,h2,h3,h4,dl,dt,dd,form,p,span,b,u,s,i {

    list-style: none;

    margin: 0;

    padding: 0;

    font-weight: normal;

    font-style: normal;



}

.l{ float: left; }

.r{ float: right; }

.clearfix {

    display: inline-table;

}

.bian{

    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;

    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;

    -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;

    -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;

}



* html .clearfix {

    height: 1%;

    /*ie6*/

}



*+html .clearfix {

    min-height: 1px;

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    font-size: 0;

}



.clearfix {

    display: inline-block;

}



* html .clearfix {

    height: 1%;

}



.clearfix {

    display: block;

}



input,textarea {

    outline: none;

    border: 0px;

    resize:none;

    overflow:hidden;

}/*去掉输入框得到焦点时边框会出现阴影效果----例如360 火狐*/

button{

    border: 0;

    background-color: transparent;

    outline: none;

}

a {

    blr: expression(this.onFocus=this.blur());

    /* IE Opera */

    outline: none;

    /* FF Opera */

    color:#333;

}



a:focus {

    -moz-outline-style: none;

    /* FF */

} /*去掉a标签超链接的虚线框*/

.clearboth {

    clear: both

}



em {

    font-style: normal;

}



a:link {

    text-decoration: none;

}



a:visited {

    text-decoration: none;

}



a:hover {

    color:#0158b5;

    text-decoration: none;

    transition: all 0.3s ease-out 0s;

}



a:active {

    text-decoration: none;

}



.main {

    width: 1180px;

    margin: 0 auto;

    overflow: hidden;

}



body {

    margin: 0px;

    color: #333;

    background-color: #fff;

    font-size: 14px;

    font-family: "Microsoft YaHei",宋体,Arial, Helvetica, sans-serif;

}



.csbor {

    border: 1px solid #000;

}



/*<!--banner开始-->*/

.fullSlide {

    width: 100%;

    position: relative;

    height: 500px;

    background: #000;

    overflow:hidden;

}



.fullSlide .bd {

    margin: 0 auto;

    position: relative;

    z-index: 0;

    overflow: hidden;

}



.fullSlide .bd ul {

    width: 100% !important;

}



.fullSlide .bd li {

    width: 100% !important;

    height: 500px;

    overflow: hidden;

    text-align: center;

}



.fullSlide .bd li a {

    display: block;

    height: 500px;

}



.fullSlide .hd {

    width: 100%;

    position: absolute;

    z-index: 1;

    bottom: 0;

    left: 0;

    height: 30px;

    line-height: 30px;

}



.fullSlide .hd ul {

    text-align: center;

}



.fullSlide .hd ul li {

    cursor: pointer;

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 42px;

    height: 11px;

    margin: 1px;

    overflow: hidden;

    background: #000;

    filter: alpha(opacity=50);

    opacity: 0.5;

    line-height: 999px;

}



.fullSlide .hd ul .on {

    background: #0158b5;

}



.fullSlide .prev,.fullSlide .next {

    display: block;

    position: absolute;

    z-index: 1;

    top: 50%;

    margin-top: -30px;

    left: 15%;

    z-index: 1;

    width: 40px;

    height: 60px;

    background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

    cursor: pointer;

    filter: alpha(opacity=50);

    opacity: 0.5;

    display: none;

}



.fullSlide .next {

    left: auto;

    right: 15%;

    background-position: -6px -137px;

}



.flex-direction-nav li a.flex-next {

    right: 40px;

    background: url(../images/next.png) center center no-repeat;

}

/*<!--banner结束-->*/



/*<!--搜索开始-->*/

.jgss {

    width: 100%;

    height: 49px;

    position: relative;

    border-bottom: 1px solid #eee;

    background: #fff;

}



.gstt{float: left;}

.gstt p{background:url(../images/gstt.png) no-repeat 0px 18px;padding-left: 22px;float: left;height: 49px;line-height: 49px;font-weight: bold;color: #014fa1;}

.gstt b{display: block;float: left;height: 49px;line-height: 49px;width: 425px;overflow: hidden; margin-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;}

.gstt b a{color:#666;}

.gstt b:hover a{color:#0158b5;}

.gstt i{font-size: 12px;color: #666;height: 49px;line-height: 49px;}



.ssk {

    height: 40px;

    float: right;

    margin-top: 9px;

}



.ss-text {

    width: 310px;

    height: 29px;

    background: none;

    border: 1px solid #c3c1cf;

    color: #858585;

    font-size: 12px;

    padding-left: 10px;

    float: left;

}



.ss-submit {

    width: 50px;

    height: 33px;

    float: left;

    background: url(../images/ss.png) no-repeat;

    cursor: pointer;

    margin-top: -1px;

    margin-left: -1px;

}

/*<!--搜索结束-->*/



/*------- 产品开始 -------*/

.product{  width: 1180px;  overflow: hidden; margin: 70px auto 0; height: 700px;}

.product .title { margin-bottom: 50px;}

.product .title h3{  background:url(../images/product-icon.png) no-repeat -10px 0; padding-left: 40px;  font-weight: bold;  font-size: 24px;  color: #555; }

.product .title h3 span{  font-size: 16px; color: #666; font-weight: normal; text-transform: uppercase; }

.product .list ul { overflow: hidden; }

.product .list ul li{ overflow: hidden; height: 40px; float: left;}

.product .list ul li a{transition: all .5s;  display: inline-block; width: 130px;  height: 40px; line-height: 40px;  text-align: center; font-weight: bold; color: #555; font-size: 16px;}

.product .list ul li:hover a{ transition: all .5s; background: #0158b5; color: #FFFFFF;}

.product .list ul li .xz{ background: #0158b5; color: #fff;}

.product .products ul{ overflow: hidden;}

.product .products ul li{ float: left; overflow: hidden; width: 280px; margin-bottom: 20px; position: relative; height: 285px; margin-right: 20px;box-sizing: border-box; border: 1px solid #ccc; }

.product .products ul li img{  width: 280px; margin-bottom: 20px; overflow: hidden; height:100%; }

.product .products ul li:nth-child(4n){ margin-right: 0; }

.product .products ul li span{ display: block; width: 280px; height: 40px; background: rgba(0,0,0,.7);

    position: absolute; bottom: 0; left: 0; color: #FFFFFF; font-size: 16px; text-align: center; line-height: 40px; font-weight: bold;}

.product .products ul li:hover span{ bottom: -100px; background: none; height: 285px;}

.product .products ul li .bg{ width:280px; height: 40px;  position: absolute; bottom: 0; left: 0;}

.product .products ul li .bg a{ transition: all .8s; cursor: pointer; font-size: 14px; color: #f9c117; font-weight: bold; text-decoration: underline; display: block; z-index: 999; text-align: center; position: absolute; bottom: -20px; left: 104px; }

.product .products ul li:hover .bg{ width:280px; height: 285px; background: rgba(0,0,0,.7);}

.product .products ul li:hover .bg a{ transition: all .8s; bottom: 100px; }







/*------- 小banner广告位 -------*/

.adv{ width: 1920px; position: relative; margin-top: 40px; left: 50%; margin-left: -960px; height: 293px; background: url("../images/banner-m.png") no-repeat center;}

.adv_con{ width: 1180px; margin: 0 auto;}

.adv_con .zi{ margin-top: 110px; margin-left:200px;}

.adv_con .zi .one{ width: 340px; height: 42px; background: #FFFFFF; border-bottom-right-radius: 20px; border-top-left-radius: 20px;

        font-size: 24px; text-align: center; line-height: 42px; color: #0158b5; margin-bottom: 20px;}

.adv_con .zi p{ font-size: 28px; font-weight: bold; color: #FFFFFF; line-height: 40px;}

.adv_con .tell{ width: 320px; height: 84px; border: 2px solid #FFFFFF; margin-top: 160px; overflow: hidden;}

.adv_con .tell img{ width: 48px; height: 47px; float: left; border-right: 1px solid #FFFFFF; padding-right: 15px; margin-left: 24px; margin-top: 20px;}

.adv_con .tell p{ float: left; color: #FFFFFF; font-family: "Impact"; font-size: 32px;margin-left: 15px;}

.adv_con .tell p span{ color: #fe9f05;font-size: 14px; font-weight: bold; font-family: "Microsoft YaHei";}







/*------- 企业优势 -------*/

.advantage{ width: 1185px; margin: 70px auto 0;}

.advantage .title{ width: 844px; height: 104px; margin: 0 auto 15px;}

.advantage .advan_con{ background: url("../images/adv_bg.png") no-repeat center; width: 1185px; height: auto;}

.advan_con ul li{ width: 360px; height: 165px; overflow: hidden;}

.advan_con ul li:first-child{ position: relative; left: 33px; top: 80px;}

.advan_con ul li:nth-child(2){ position: relative; top: -86px; left: 800px;}

.advan_con ul li:nth-child(3){ position: relative;  left: 33px; top: 75px;}

.advan_con ul li:last-child{ position: relative; top: -90px; left: 820px;}

.advan_con ul li .tit{ overflow: hidden; margin-bottom: 20px;}

.advan_con ul li .tit .one{ height: 54px; width: 55px; background: #fe9f05; border-bottom-right-radius: 20px; border-top-left-radius: 20px; padding-left:0; margin-right:10px;

 font-family: "Cambria"; font-size: 32px; text-align: center; line-height: 54px; color: #FFFFFF; letter-spacing: -1px; float: left;}

.advan_con ul li .tit p{ font-size: 16px; font-weight: bold; color: #444;  margin-left: 10px;line-height:25px; background:none;}

.advan_con ul li .tit p span{ font-size: 26px; color: #0158b5; font-weight: bold;}

.advan_con ul li p{ margin-left: 35px; width: 280px; font-size: 14px; color: #666; line-height: 32px; text-align: justify; padding-left: 20px; background: url("../images/adv_list.png") no-repeat left;}







/*------- 成功案例 -------*/

.case{ width: 1220px; margin: 50px auto 0;}

.case .title h3{ font-size: 24px; color: #555555; font-weight: bold; text-align: center;}

.case .title .line{ width: 360px; height: 1px; background: #cccccc; position: relative; margin: 10px auto;}

.case .title .line::after{ content: ""; position: absolute; width: 65px; height: 3px; background: #0158b5;  left: 150px; top: -1px; }

.case .title p{ font-size: 14px; color: #666; text-align: center;}

.cgal-gd { height: 255px;  overflow: hidden;  width: 1220px;  margin: 40px auto 0;  }

.cgal-gd .bd { overflow: hidden; margin: 0 auto; width: 1120px; height: 255px; }

.cgal-gd li { float: left; width: 260px; height: 255px; overflow: hidden; margin: 0px 10px; }

.cgal-gd li p { width: 260px; height: 200px; overflow: hidden; }

.cgal-gd li p a img { width: 260px; height: 200px; -webkit-transition: all .5s; -moz-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }

.cgal-gd li p a:hover img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); }

.cgal-gd li span { display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden; width: 260px; height: 50px; padding-top: 5px; display: block; z-index: 9;color: #333; font-weight: bold; font-size: 14px; background: #f5f5f5;  }

.cgal-gd li span a{ display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden; height:40px; margin-left: 10px; position: relative; width: 230px; text-align: justify; line-height: 20px; padding-left: 10px; display: block;}

.cgal-gd li span a::after{ content: ""; width:5px; height: 15px; background: #0158b5; position: absolute; left: 0; top: 4px;}

.cgal-gd .wzgd-l { width: 42px; height: 42px; float: left; display: block; position: relative; top: -170px;  z-index: 1;  }

.cgal-gd .wzgd-r { width: 42px; height: 42px; float: right; display: block; position: relative; top: -170px;  z-index: 1; }





/*------- 企业简介 -------*/

.about{ width: 1180px; margin: 70px auto 0;}

.about .about-l{ width: 655px; height: 525px; background: #f1f1f1; padding-left: 45px; padding-top: 70px; margin-top: 50px;}

.about .about-l h3{ font-size: 22px; color: #333; font-weight: bold;}

.about .about-l h3 span{ font-size: 14px; color: #999;  text-transform: uppercase; margin-left: 10px;}

.about .about-l .line{ width: 35px; height: 2px; background: #0158b5; margin: 12px 0 15px;}

.about .about-l p{ width: 595px; font-size: 16px; line-height: 28px; border-bottom: 1px solid #aaa; margin-bottom: 50px; padding-bottom: 20px;  color: #555;  min-height:85px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.about .about-l ul li{ float: left; width: 148px; height: 195px; overflow: hidden; box-sizing: border-box; border: 1px solid #ccc; margin-right: 40px;}

.about .about-l ul li img{ display: block; width: 148px; height: 195px; -webkit-transition: all .5s; -moz-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }

.about .about-l ul li:hover img{ transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);}

.about .about-l ul li span{width: 148px; height: 28px; background: rgba(0,0,0,.7); display: block; position: relative; top: -28px; color: #FFFFFF; font-weight: bold; text-align: center; line-height: 28px; }

.about .about-r{ width: 480px; height: 700px;}

.about .about-r p{ writing-mode: vertical-rl; position: relative; left: 30px; top: -580px;  font-size: 52px; color: #FFFFFF; text-shadow: 0 2px 2px 1px #666; letter-spacing: 2px;}

.about .about-r p span{ font-size: 16px; display: inline-block; line-height: 20px!important; letter-spacing:2px;}



/*------- 新闻资讯 -------*/

.news{ width: 1220px; margin: 60px auto 0; height: 475px;}

.news .title h3{ font-size: 24px; color: #555555; font-weight: bold; text-align: center;}

.news .title .line{ width: 360px; height: 1px; background: #cccccc; position: relative; margin: 10px auto;}

.news .title .line::after{ content: ""; position: absolute; width: 65px; height: 3px; background: #0158b5;  left: 150px; top: -1px; }

.news .title p{ font-size: 14px; color: #666; text-align: center;}

.block{ display:block;}

.none{ display:none;}

/*大盒子*/

#wrap1{ overflow:hidden; width: 1180px; margin-top: 52px;}

#diya{ list-style:none; overflow:hidden; width:160px; margin-bottom: 15px; float: left;}

#diya li{ transition: all .5s;width: 140px; height: 77px; padding-top: 18px; padding-left: 20px; background: #eee; font-size: 16px; color: #333333; font-weight: bold; margin-bottom: 15px; transition: all .5s;}

#diya li p{ transition: all .5s; color: #666; font-size: 12px; text-transform: uppercase; }

#diya li span{ transition: all .5s;font-size: 18px; width: 19px; height: 19px; margin-top: 6px; background: #0158b5; display:block; color: #FFFFFF; text-align: center; line-height: 15px; border-radius: 10px;}

#diya li.on{ background: #0158b5; transition: all .5s; color: #FFFFFF; cursor: pointer; }

#diya li.on p{  transition: all .5s; color: #FFFFFF; }

#diya li.on span{ background: #ffffff; transition: all .5s; color: #0158b5; }

#wrap1 div{ width: 950px; float: left; }

#wrap1 div .con{ width: 430px; border-bottom: 1px solid #cccccc; margin: 16px 0 9px 30px; padding-bottom: 6px; float: left;}

#wrap1 div .time { width: 82px; height: 60px; border-right: 1px solid #cccccc; text-align: center; color: #666666;}

#wrap1 div .time .one{ font-size: 28px; transition: all .5s;}

#wrap1 div .time p{ font-size: 16px; font-weight: normal; letter-spacing: -1px;color: #666666; padding-left: 0;transition: all .5s;}

#wrap1 div .zi { width: 325px; }

#wrap1 div .zi .one{ font-size: 16px; font-weight: bold; color: #333;transition: all .5s;overflow: hidden;  text-overflow: ellipsis;  white-space:nowrap;}

#wrap1 div .zi p{transition: all .5s; font-size: 14px; line-height: 28px; font-weight: normal; color: #666;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

#wrap1 div .con:hover .time .one{ color: #0158b5; transition: all .5s;}

#wrap1 div .con:hover .time p{ color: #222; transition: all .5s;}

#wrap1 div .con:hover .zi .one{ color: #0158b5; transition: all .5s;}

#wrap1 div .con:hover .zi p{ color: #333; transition: all .5s;}





/*------- 友情 链接 -------*/

.link{ width: 1180px;margin:auto;}

.link h3{ font-size: 20px; font-weight: bold; color: #333; margin-left: 10px; margin-bottom: 20px;}

.link p{ width: 100%; font-size: 16px; color: #333;}

.link p a{ margin-left: 20px;}

.link p a:hover{ color: #0158b5; }