@charset "utf-8";

/*banner*/
.banner{position: relative; height:auto;clear: both;min-height: 533px;}
.ban_p li{ display:block; height:auto;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width: 100%!important;height: auto;display: block;margin: 0 auto;}
.ban_t{width:600px;height:50px;bottom: 0;left:50%;margin-left:-300px;position: absolute;text-align: center;}
.ban_t em{width:16px;height:16px;margin-right:16px;border-radius: 16px; display: inline-block;background:#01346b;}
.ban_t em.on{background:#2169e1; }

.til01{display: block;font-size:54px;line-height:75px;color: #313131;height: 136px;position: relative;font-weight: normal;text-align: center;}
.til01 b{color: #2169e1;}
.til01 p{display: block;line-height:44px;font-size:26px;opacity: 0.7;}
.webox .til01 p{line-height:40px;font-size:16px;}
.til01 a{display: block;color: #313131;}

.ti201{display: block;font-size:54px;line-height:75px;color: #fff;height: 136px;position: relative;font-weight: normal;text-align: center;}
.ti201 b{color: #fff;}
.ti201 p{display: block;line-height:44px;font-size:26px;opacity: 0.7;}
.ti201 a{color:#fff;}
/*引子*/
.webox{font-family: "Microsoft Yahei";line-height:26px;position: relative;padding:82px 0 0;height:594px;overflow: hidden;background:url(../images/webg.jpg) no-repeat center 0;font-size: 16px;color: #666; background-size:cover;}
.webox_c li{height:328px;width: 22%;float: left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;background:url(../images/welbg1.gif) no-repeat 0 0;padding:55px 48px 0; margin-right:4%; box-shadow: 0 0 8px 8px rgba(0 , 0 , 0 , 0.1);}
.webox_c li:last-child{margin-right:0; float:right;}
.webox_c li b{display: block;font-size: 40px;line-height: 82px;color: #333;}
.webox_c li:hover{background:url(../images/welbg2.gif) no-repeat 0 0;color: #fff;margin-top: -10px!important;}
.webox_c li:hover b{color: #fff;}

/*产品中心*/
.probox{font-family: "Microsoft Yahei";padding:30px 0;line-height:26px; width:100%; max-width: 1920px;margin: 0 auto; position:relative; z-index:1; background:url(../images/probj.jpg) top center repeat-x;}
.pro_t{height:165px;}
.pro_t ul{width: 830px;padding: 8px 0 0;overflow: hidden;float: right; margin-top:-45px;}

/*首页产品分类*/
.menupro{
        font-family:arial,sans-serif;
        /*width:750px;这里的宽度设置并不是必须的*/
        padding:0;
        margin:50px;
    }
    .menupro ul{
        padding:0;
        margin:0;
        /*ul和ol、li都有list-style-type属性，*/
        list-style-type:none;
    }
    .menupro ul li{
    /*float属性定义元素在哪个方向浮动，浮动元素会生成一个块级框。如果浮动非替换元素，则要
    指明一个明确的宽度，否则会被尽可能的压缩。*/
        float:left;
        position:relative;
        list-style-type:none;
    }
    .menupro ul li a, .menupro ul li a:visited{
        /*display的值，none表示不被显示；block表示显示为块级元素，元素前后
        有换行符；inline为默认值，内联元素，前后没有换行符……*/
        display:block;
        text-align:center;
        text-decoration:none;
        width:104px;
        height:30px;
        color:#000;
        border-width:1px solid #fff;
        background:#c9c9a7;
        line-height:30px;
        font-size:11px;
    }
    /*鼠标无动作时不显示*/
    .menupro ul li ul{
        display:none;
    }
    /*当鼠标指向第一级li时，第二级ul的动作*/
    .menupro ul li:hover ul{
        display:block;
        position:absolute;
        top:30px;
        left:0;
        width:105px;
    }
    .menupro ul li:hover ul li a{
        display:block;
        background:#faeec7;
        color:#000;
    }
    .menupro ul li:hover ul li a:hover{
        background:#dfc184;
        color:#000;
    }
    /*clear属性定义了元素的哪边上不允许出现浮动元素。*/
    .clear{
        clear:both;
    }



.prod_l{width: 49.688%;position: relative;overflow: hidden;}
.prod_c p{position: relative;float: left;}
.prod_c p,.prod_c p img,.prod_r li img{width:100%;display: block;}
.prod_r{width: 50.312%;overflow: hidden;}
.prod_r li{width: 48.34%;overflow: hidden;float: left;margin: 0 0 17px 1.66%;position: relative;}
.prod_c p em,.prod_r li em{position: absolute;width:67px;height:130px;background:url(../images/pro_ico1.png) no-repeat center 0;left: 7.28%;top:0;display: block;}
.prod_c p em{background:url(../images/pro_ico2.png) no-repeat center 0;}
.prod_c p em img,.prod_r li em img{display: block;width: 47px;height: 47px;border-radius: 47px;margin: 34px auto 0;border: solid 3px #e1e1e1;}
.prod_c p span,.prod_r li span{position: absolute;width: 100%;height:80px;line-height:38px;left:7.28%;bottom:0;color: #333;font-size:24px;display: block;}
.prod_c p span{bottom:20px;}

.prod_l p span i,.prod_l li span i{display: block;font-size:40px;line-height: 30px; color:#2169e1}
.prod_l p span a,.prod_l li span a{color: #333;}

.prod_r p span i,.prod_r li span i{display: block;font-size:30px;line-height: 25px; color:#2169e1}
.prod_r p span a,.prod_r li span a{color: #333;}

/*优势*/
.edge{font-family: "Microsoft Yahei";line-height:25px;font-size: 16px;position: relative;z-index: 1;padding: 60px 0 0;height: 880px;}
/*.edge .til01{height:121px;}*/
.edge_t{height: 280px;font-size: 24px;line-height: 50px;}
.edge_t li{width: 300px;float: left;text-align: center;}
.edge_t li span,.webox_c li span{width:96px;height:96px;display: block;position: relative;overflow: hidden;margin:0 auto;}
.edge_t li span i,.webox_c li span i{width:96px;height:96px;position: absolute;display: block;top: 0;left: 0;}
.webox_c li span,.webox_c li span i{width: 76px;height: 69px;display: block;margin: 0;}
.edge_t li span i.default,.webox_c li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.edge_t li span i.hover,.webox_c li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.edge_t li.cur{color: #197cd8;font-weight: bold;}
.edge_t li.cur span .default,.webox_c li:hover span i.default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.edge_t li.cur span .hover,.webox_c li:hover span i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.edge .yshd{position: absolute;top:846px;left:50%;margin-left: -100px;width: 1200px;z-index: 1;}
.edge .yshd li{width: 18px;height: 18px;background: #313131;float: left;margin: 0 0 0 20px; border-radius:50%; }
.edge .yshd li.cur{background: #197cd9;}

.edge:before{content: "";position: absolute;width: 100%;height:930px;left: 0;top: 0;z-index: -1;background:url(../images/ubj.jpg) top center no-repeat;}
.edge_c{width: 100%;min-width: 1200px;height:583px;overflow: hidden;position: relative;}
.edge_con{width: 1200px;position: absolute;left: 50%;margin-left: -600px;}

.edge_c .tempWrap{overflow: visible !important;}
.edge_c .tempWrap .edge_cl{margin-left: -1325px !important;}
.edge_cl dl{float: left;width: 1200px;margin: 0 40px !important;position: relative;height: 550px;}
.edge_cl dt,.edge_cl dt img{width: 1200px;height: 462px;display: block;overflow: hidden;}
.edge_cl dd{opacity: 0;}
.edge_cl dl:hover dd{ 
opacity: 1;
transition: 1s;
display:block; width:270px;position: absolute;height:412px;background:#fff;left: 104px;top:84px;color: #666;line-height: 23px;padding: 46px 38px 0 70px;border: solid 1px #e1e1e1;}
.edge_cl dd h3{height:116px;font-size:34px;line-height:42px;color: #197cd8;}
.edge_cl dd:before{content: "";position: absolute;width:86px;height:2px;left: -32px;top: 64px;background: #fe0736;}
.edge_cl dd li{padding: 0 0 24px;}
.edge_cl dd li b{color: #197cd8;}
.edge_cl dd span{color: #666;font-family: Arial;font-size: 24px;height: 75px;line-height: 75px;}
.edge_cl dd span b{color: #197cd8;font-size:34px;}

/*案例*/
.case{font-family: "Microsoft Yahei";line-height:30px;height: 950px;clear: both;font-size: 16px;color: #333;}
.case_c{height: 546px;overflow: hidden;margin-bottom: 60px;}
.case_ico{width:502px;height: 40px;right: 0;top:395px;z-index: 9;}
.case_ico em{width:10px;height:10px;border-radius: 10px;background: #666;display: block;float: left;margin:0 0 0 6px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.case_ico em.cur{width:22px;background: #197cd9;}
.case_c dl{position: relative;height: 546px;}
.case_c dd{position: absolute;width:485px;height:366px;line-height: 40px;background:#f3f3f3;right: 0;top:62px;padding: 44px 20px 0 95px;}
.case_c dt,.case_c dt img{width:728px;height:546px;display: block;overflow: hidden;}
.case_c dd h3{font-size: 26px;height: 48px;line-height: 48px;overflow: hidden;}
.case_c dd h3 a{color: #333;}
.case_c dd p{display: block;height: 116px;line-height: 26px;}
.case_c dd p em{border: solid 3px #197cd9;background: #197cd9;float: left;}
.case_c dd p span{float: left;width: 350px;padding: 16px 0 0 15px;}
.case_c dd p span b{display: block;font-size: 16px;height: 30px;line-height: 30px;}
.case_c dd p em,.case_c dd p em img{display: block;height: 91px;width: 91px;border-radius: 91px;}

/*合作*/
.part{height:189px;}
.prev1,.next1{width:51px;height:33px;display: block;overflow: hidden;position:absolute;top:30px;right: -73px;cursor: pointer;}
.prev1{left: -73px;}
.part_c li{float: left;position: relative;border: solid 1px #d2d2d2;margin: 0 48px 0 0;}
.part_c li:hover{border-color: #197cd9;}
.part_c li,.part_c li img{width: 199px;height: 98px;display: block;overflow: hidden;}

/*流程*/
.tec_p{line-height:60px;height:444px;font-family: "Microsoft Yahei";clear: both;padding:80px 0 0;position: relative;z-index: 1;background:url(../images/tecbg.jpg) no-repeat center 0;font-size: 16px;color: #fff;}
.tec_p .til01{color: #fff;height: 172px;}
.tec_pic{left: 518px;top: 0;}
.tec_pc li{width:64px;float: left;padding:26px 74px 0 0;position: relative;white-space: nowrap;}
.tec_pc li span{width:64px;height: 64px;display: block;}
.tec_pc li:before{content: "";position: absolute;width:4px;height:26px;right:37px;top:46px;background:url(../images/tec_icol.png) no-repeat 0 0;}
.tec_pc li:nth-child(4){padding-right:244px}
.tec_pc li:nth-child(4):before,.tec_pc li:last-child:before{width: 0;height: 0;background: none;}
.tec_pc li:last-child{padding-right:0;}
.tec_pc li:hover{padding-top: 10px;}


/*资讯*/
.newbox{line-height:25px;height:716px;font-family: "Microsoft Yahei";clear: both;padding:80px 0 0;position: relative;z-index: 1;}
.news_l{float: left;width: 300px;}
.news_l h2{ margin-bottom:55px; text-align: left;}
.news_l .newstit{width: 200px; }
.news_l .newstit h3{color:#333;height: 60px; display: inline-block; font-weight: normal;text-decoration: none;}
.news_l .newstit h3 a{width: 200px; text-align: left; float: left;  position: relative; text-decoration: none; font-size: 20px; display: inline-block;height:60px; color:#333;  line-height:60px; font-weight: normal; display: block;box-sizing: border-box;border-bottom: 2px solid #d6d6d6;}
.news_l .newstit h3.cur a{color: #197cd9;background:url(../images/ico03.gif) no-repeat right center; font-weight: bold;}
.news_r{width: 832px; float: right;}
.new_p{width:800px;height:398px;z-index: 1; margin-top:180px;}

.new_p span{height: 70px;line-height: 70px; text-align: center; background: #197cd9; color: #fff;font-size: 20px;display: block;}

.news_rc dl{height: 463px; overflow: hidden;border-bottom: solid 2px #d9d9d9;}
.news_rc dt{height: 232px;}
.news_rc dt span{ height:82px; line-height:66px; margin-bottom: 44px;border-bottom: 2px solid #333; display: block; font-size:46px; color: #333;  font-weight: bold;font-family: Arial;}
.news_rc dt h4{font-size: 22px; font-weight: normal; line-height: 38px;width: 420px;color:#666;overflow: hidden;text-overflow: ellipsis;}
.news_rc dt h4 a{ color:#666;}
.news_rc dd p{overflow: hidden;height:92px; width: 420px;}
.news_rc dd span{ height:38px; width: 70px;display: block; line-height:38px; border-bottom: 2px solid #333;}
.news_rc dd span a{color: #555;}

.news_rc li{margin-top: 20px;width: 48%; float: left; overflow: hidden;font-size: 14px; line-height: 33px; color:#101010; background-color:#efefef}
.news_rc li:nth-child(2n){float: right;}
.news_rc li a{color:#666; text-decoration: none;}
.news_rc li em{ display: block; font-size: 20px;line-height: 28px;}
.news_rc li em i{font-size: 12px;color: #666;padding-left: 12px;margin-left: 12px; display: inline-block;}
.news_rc li a:hover{color:#2169e1;}

.wel-news-box .item {
  margin-bottom: 10px;
  float: left;
  width:49%;
  padding: 30px 0;
  padding-right: 75px;
  box-sizing: border-box;
  background-color:#efefef;
}
.wel-news-box .item:nth-child(2n)
{
float: right;
}
.wel-news-box .item:hover {
  background: #2169e1;
  transition: .5s ease-in-out;
  color: #ffffff;
}
.wel-news-box .item:hover .left {
  transition: .5s ease-in-out;
  color: #ffffff;
}
.wel-news-box .item:hover .right .h0 {
  transition: .5s ease-in-out;
  color: #ffffff;
}
.wel-news-box .item:hover .right .p {
  transition: .5s ease-in-out;
  color: #def1ff;
}
.wel-news-box .item .left {
  width: 145px;
  text-align: center;
  line-height: 1;
  color: #222222;
  transition: .5s ease-in-out;
  font-family: "beba";
}
.wel-news-box .item .left .num {
  font-size: 50px;
  line-height: 1;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
}
.wel-news-box .item .left .num:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 45px;
  background: #dddddd;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.wel-news-box .item .left .time {
  font-size: 16px;
}
.wel-news-box .item .right {
  width: calc(100% - 145px);
}
.wel-news-box .item .right .h0 {
  font-size: 20px;
  color: #222222;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  transition: .5s ease-in-out;
  margin-bottom: 15px;
}
.wel-news-box .item .right .p {
  transition: .5s ease-in-out;
  font-size: 14px;
  color: #666666;
  line-height: 26px;
}




/*关于*/
.about{font-family: "Microsoft Yahei";line-height:27px;position: relative;z-index: 1;overflow: hidden;padding:600px 0 0;font-size: 16px;text-align: center;background: url(../images/about_pic.jpg) no-repeat center 0;height: 610px; width:100%; background-size:contain;}
.about h2{height:135px;text-align: center;}
.about_p{display: block;height: 639px;}
.about_w{padding:50px 65px 0;height: 225px;background: #fff;}

/*风采展示*/
.show{height:430px;position: relative;}
.prev2,.next2{width:54px;height:25px;display: block;overflow: hidden;position: absolute;top:86px;right: -87px;background: url(../images/next2.gif) no-repeat 0 0;}
.prev2{left: -87px;background: url(../images/prev2.gif) no-repeat 0 0;}
.prev2:hover,.next2:hover{background-position: 0 bottom;}
.show_t{height:87px;line-height:38px;position: relative;z-index:1;font-size: 18px;overflow: hidden; width:100%; text-align:center;}
.show_t li{height:38px;color: #fff;width:146px; display:inline-block;border-radius:19px;background: #a7a7a7;margin: 0 14px 0 0;}
.show_t li a{color: #fff;display: block;}
.show_t li.cur{background: #197cd9;}

.show_c1{position: relative;}
.show_cl{overflow: hidden;}
.show_c li{float: left;margin:0 38px 0 0;position: relative;}
.show_c li,.show_c li p,.show_c li p img{width: 270px;height:203px;display: block;overflow: hidden;}
.show_c li span{width: 270px;height:0;position: absolute;left: 0;bottom: 0;background: rgba(25, 124, 217 , 0.7);}
.show_c li span a{display: none;color: #fff;background: url(../images/ico01.png) no-repeat center 66px;padding: 98px 0 0;line-height: 42px;}
.show_c li:hover span{height:203px;}
.show_c li:hover span a{display: block;}

/*友情链接*/
.link{height:0;line-height:62px;color: #666;position: relative;width: 1200px;margin: 0 auto;}
.link_c{border-top: solid 2px #666;position: absolute;left: 0;top:-64px;z-index: 9;width: 1200px;}
.link_c b{width: 100px;display: inline-block;}
.link a{display: inline-block;color: #666;padding:0 40px 0 0;}

.edge_cl dt img, .prod_c p img, .prod_r li img, .pro_rc li p img, .case_c dt img,.part_c li img, .new_p p img, .show_c li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.edge_cl dl:hover dt img, .prod_c p img:hover, .prod_r li:hover img, .pro_rc li:hover p img, .case_c dl:hover dt img,.part_c li:hover img, .new_p p:hover img, .show_c li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

@media screen and (max-width: 1440px) {
	.prod_r li{margin-bottom: 10px;}
	.prod_c p span,.prod_r li span{height:50px;font-size: 20px;line-height: 30px;}
	.prod_c p span i,.prod_r li span i{font-size: 16px;line-height: 22px;}
}
@media screen and (max-width: 1679px) {
	.prod_r li{margin-bottom: 10px;}
	.prod_c p span,.prod_r li span{height: 60px;font-size: 22px;line-height: 34px;}
	.prod_c p span i,.prod_r li span i{font-size: 18px;line-height: 26px;}

}
.contactmb{display:none}
.contactpc{ padding-bottom:15px;}
.jobs{border-collapse:collapse; 
border:1px solid #ddd; }
.jobs p{padding:2%}
.jobs .jobs-td{font-size:16px; background-color:#efefef; font-weight:700}