@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;}*/
table,th,td {
  border: 1px solid black;
  border-collapse: collapse;
}
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";}

.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: #333;line-height: 46px;font-weight: bold;letter-spacing: 1.5px;}
.tit i{display:block;font-size: 20px;line-height:20px;color: #666666;margin-top: 18px;}

 .cp_t{font-size: 40px;color: #333;text-align: center;background:url(../images/cp_line01.gif) no-repeat center 25px;height: 80px;line-height: 40px;overflow: hidden;}
 .cp_t a{color: #333;}
 .cp_t i{color: #e1a104;}
 .cp_t span{display: block;font-size: 20px;font-weight: normal;}


/*banner*/
.banner{height: 550px;position: relative;}
.bdu{width: 100% !important;height: 550px;}
.bdu li{width: 100% !important;height: 550px;position:relative;}
.bdu li a{display: block;height: 550px;}
.bdu li img{height:550px;margin-left: -960px;position:absolute;left:50%;}
.hdu{position: absolute;width: 100%;height: 10px;right: 0;bottom: 44px;text-align: center;}
.hdu li{display: inline-block;width: 12px;height: 12px;background: #fff;margin:0 10px;border-radius: 6px;}
.hdu li.on{background: #454545;}
.banner .b_prev{position:absolute;top:calc(45% - 40px);left: 0%;z-index: 10;cursor: pointer;opacity: 0;transition: all .35s linear;}
.banner .b_next{position:absolute;top:calc(45% - 40px);right: 0%;z-index: 10;cursor: pointer;opacity: 0;transition: all .25s linear;}
.banner:hover .b_prev{opacity: 1;left: 6%;}
.banner:hover .b_next{opacity: 1;right: 6%;}


.contactHome{ padding:50px 0 50px 0; background: url(../images/cnBg.jpg) no-repeat center;}
.container{ width:1000px;margin:0 auto;}
.contactHome .title{color:#fff;font-size:30px; text-align: center;}
.contactHome .top{text-align: center;margin: 50px 0;overflow: hidden;}
.contactHome .top span{float:left; display: inline-block;width:28%;padding:0 20px;color:#fff;font-size:20px; font-weight:bold;}
.contactHome .top span em{ display: block; width:50px;height:50px;margin:0 auto 10px; background-position:center; background-repeat:no-repeat ;}
.contactHome .top span.x1 em{ background-image:url(../images/ico001.png);}
.contactHome .top span.x2 em{ background-image:url(../images/ico002.png);}
.contactHome .top span.x3 em{ background-image:url(../images/ico003.png);}
.contactHome form{}
.contactHome form input{float:left;width: 28%;margin: 0 0 2% 1.5%;}
.contactHome form input.ione{ margin-left:0}
.contactHome form input,.contactHome form textarea{ line-height:30px;padding:10px 20px;border:none; border-radius: 5px; background: #fff;}
.contactHome form textarea{width:94%;height:100px;margin-bottom:2%;}
.contactHome form button{line-height:30px;padding:10px 50px;border:none;color:#fff;font-size:18px; font-weight:bold; border-radius: 5px; background:#ff6633;display:block;margin:0 auto;}
.contactHome form button:hover{ background: #f60;}
.contactHome form .yzm{float: none;margin-left:10px;}
.contactHome form .yzm input{width:150px;margin-left:0 ;}
.contactHome form .yzm img{height:50px;margin-left:15px;border-radius:10px;float: left;}



.search{height: 75px;border-bottom: 1px solid #e4e4e4;}
.search p{float: left;height: 75px;line-height: 75px;font-size: 14px;color: #666666;}
.search p b{ color: #666666;float: left;font-weight: normal;margin-right: 6px;}
.search p a{ font-size:14px ;display: block;float: left;color: #666666;line-height: 75px;margin-right: 25px;}
.search p a:hover{color: #454545;}
.s_box{float: right;margin-top:20px;width: 355px;height: 38px;background: 0;}
.s_box .input1{float:left;width:286px;height:38px;line-height: 38px;font-size:14px;color:#333;outline: 0;padding-left: 20px;background: 0;border:1px solid #dcdcdc;border-right: 0;box-sizing: border-box;}
.s_box .input2{float: left;width:49px;height: 38px;border: 0;background: url(../images/sea.png) no-repeat center;outline: 0;cursor: pointer;}

/**/
.yin{background: url(../images/yin_bg.gif) no-repeat center 0;height: 230px;overflow: hidden;}
.yin_l{font-size: 30px;color: #fff;width: 280px;text-align: right;padding: 74px 53px 0 0;line-height: 40px;}
.yin_l b{display: block;font-size: 24px;}
.yin_r{width: 867px;}
.ibrand-num li{float:left;width:248px;height:170px;color:#666;font-size:14px;border-left: #e1e1e1 1px solid;padding: 60px 0 0 40px;}
.ibrand-num li span{font-size:50px;color: #333;font-family: "Impact";display: block;float: left;line-height: 50px;}
.ibrand-num li i{display: block;font-size: 20px;color: #fff;float: left;width: 35px;height: 35px;text-align: center;line-height: 35px;overflow: hidden;background:#454545;border-radius: 50%;}
.ibrand-num li b{display:block;font-size: 20px;color: #333;height: 30px;line-height: 30px;overflow: hidden;width: 100%;clear: both;}
.ibrand-num li em{display:block;height: 50px;line-height: 25px;overflow: hidden;padding: 10px 0 0;width: 220px;}



/*产品分类*/
.fenl_bg{background:url(../images/cp_line02.gif) repeat-x 0 270px;overflow: hidden;padding: 90px 0 10px;}
.fenl .cp_t{font-size: 40px;color: #333;text-align: center;background:url(../images/cp_line01.gif) no-repeat center 25px;height: 80px;line-height: 40px;overflow: hidden;}
.fenl .cp_t a{color: #333;}
.fenl .cp_t i{color: #e1a104;}
.fenl .cp_t span{display: block;font-size: 20px;font-weight: normal;}
.fenl_btn{display: block;width: 150px;height: 50px;position: absolute;top: 115px;right: 0;text-align: center;line-height: 50px;}
.fenl_btn a{font-size: 18px;color: #333;display: block;}
.fenl_t{width: 1200px;height: 170px;margin: 20px 0 0;}
.fenl_t ul li{width: 150px;height: 80px;float: left;position: relative;}
.fenl_t ul li a{font-size: 18px;color: #333;font-weight: bold;display: block;width: 150px;height: 80px;float: left;line-height: 80px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;}
.fenl_t ul li a:hover,.fenl_t ul li.on a{color: #454545;}
.fenl_t ul li.on:before{content: "";width: 0;height: 0;position: absolute;top: 80px;left: 42%;z-index: 20;
border-top:10px solid #454545; 
border-left:10px solid transparent;
border-right:10px solid transparent;
}
.fenl_t ul li.on:after{content: "";width: 100%;height: 3px;position: absolute;bottom: -2px;left: 0;z-index: 20;background: #454545;}
.fenl_t ul li .cp_list{ display:none;width: 1200px;height: 30px;position: absolute;top: 80px;left: 0;padding: 10px 0 0;}
.fenl_t ul li .cp_list a{font-size: 14px;color: #666;height: 30px;line-height: 30px;width: 240px;font-weight: normal;text-align: left;}
.fenl_t ul li .cp_list a:hover{color: #000;}
.fenl_t ul li.on .cp_list{display: block;}
.fenl_t ul li.fenl_li02 .cp_list{left: -150px;}
.fenl_t ul li.fenl_li03 .cp_list{left: -300px;}
.fenl_t ul li.fenl_li04 .cp_list{left: -450px;}
.fenl_t ul li.fenl_li05 .cp_list{left: -600px;}
.fenl_t ul li.fenl_li06 .cp_list{left: -750px;}
.fenl_t ul li.fenl_li07 .cp_list{left: -900px;}

/**/
.chanp ul li{width: 15.8%;float: left;position: relative;margin-right: 0.8%;margin-bottom: 15px;overflow: hidden;line-height: 0;}
.chanp ul li img,.sheb ul li img,.jz dl dt img,.wd dl dt img,.photo_m ul li img{width: 100%;display: block;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.chanp ul li img:hover,.sheb ul li img:hover,.jz dl dt img:hover,.wd dl dt img:hover,.photo_m ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); }
.chanp ul li span{display: block;width: 100%;text-align: center;font-size: 16px;color: #fff;height: 40px;line-height: 40px;background: #f60;opacity:0.9;position: absolute;transition:all 0.5s;bottom: 10px;left: 0;overflow: hidden;}
.chanp ul li span:hover{background: #c60;color: #fff;}
.chanp ul li:nth-child(6n){margin-right: 0;}


.g_fw{background:url(../images/fwbg.jpg) no-repeat center top;height: 674px;padding-top: 55px;margin-top: 55px;}
.g_fw h2{background:url(../images/fwtit.png) no-repeat;padding-top: 0px;height: 80px;text-align: center;font-size: 30px;color: #fff;font-weight: bold;}
.g_fw h2 em{display: block;font-size: 20px;color: #fff;font-weight: normal;}
.g_fw h2 a{color: #fff;}
.g_fw dl{float: left;width: 225px;height: 520px;border: 1px solid #698e9f;padding: 24px 0 0 0;margin-right: 10px;}
.g_fw .lastdl{margin-right: 0;}
.g_fw dt{width: 120px;height: 120px; overflow: hidden; margin: 0 auto 20px;}
.g_fw dt img{width: 120px;height: 120px;display: block;transition: all 0.3s linear 0s;}
.g_fw dt:hover img{transform: rotateY(180deg);	}

.g_fw h3{height: 34px;line-height: 34px;overflow: hidden;text-align: center;font-size: 24px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.g_fw h3 a{color: #fff;}
.g_fw li{float: left;padding-left: 25px;height: 32px;line-height: 32px;font-size: 18px;color: #fff;background:url(../images/fwico.png) no-repeat 14px 10px; width: 200px;}
.g_fw li a{color: #fff;}
.g_fw .li1{width: 280px;}


.cx{ padding-top: 100px;}
.cx_con{ margin-top: 39px;height: 486px;}
.cx_l{ float: left;width:745px;position:relative;z-index:99;}
.cx_l ul{width:745px;height:373px;background:rgba(255,255,255,1);box-shadow:0 0 25px rgba(0,0,0,0.1);padding-top: 59px;box-sizing: border-box;z-index: 99;}

.cx_l li{float: left;width: 25%;height: 270px;position: relative;text-align: center;background: url(../images/cx_line.png) no-repeat right;}
.cx_l li:last-child{ background: 0;}
.cx_l li span{display: block;height:66px;margin: 30px auto 0;transition: all 0.5s;overflow: hidden;width: 66px;}
.cx_l li span img{transition: all 0.5s;width: 66px;height: 66px;display:block;}
.cx_l li h3{font-size: 22px;color: #333;line-height: 22px;transition: all 0.5s;margin: 30px 0 18px;}
.cx_l li h3 em{display: block;font-size: 14px;color: #666666;line-height: 14px;font-family: Arial;font-weight: normal;text-transform: uppercase;padding: 12px 0 0;}
.cx_l li p{font-size: 14px;color: #7f7f7f;line-height: 28px;transition: all 0.5s;width: 140px;margin: 0 auto;text-align: left;opacity: 0;visibility: hidden;text-align: center;}
.cx_l li:after{position: absolute;width: 40px;height: 12px;content: "";background: url(../images/cx_jt.png) no-repeat;left: 50%;margin-left: -20px;bottom: 40px;opacity: 1;transition: all 0.5s;}
.cx_l li.cur i{visibility: hidden;opacity: 0;}
.cx_l li.cur:after{visibility: hidden;opacity: 0;}
.cx_l li.cur span{transform: translateY(-30px);}
.cx_l li.cur h3{ transform: translateY(-50px);}
.cx_l li.cur em{ display: none;}
.cx_l li.cur p{opacity: 1;visibility: visible;transform: translateY(-60px);}
.cx_l li.cur span img:nth-child(1),.cx_l li:hover span img:nth-child(1){margin-top: -66px;}
.cx_l .zx{ margin-top: 27px;font-size: 24px;line-height: 30px;color: #333333;}
.cx_l .zx a{width:112px;height:30px;background:rgba(1,90,170,1);border-radius:15px;display: block;font-size: 14px;color: #fff; line-height: 30px;text-align: center;float: left;margin-right: 18px;transition:all 0.5s;}
.cx_l .zx a:hover{ -webkit-animation: shake 1.5s linear;animation: shake 1.5s linear;}
.cx_r{ width: 476px;float: left;margin-left: -21px;position:relative;}
.cx_r .cx_t{ margin-left:8%;}
.cx_r .cx_t li{height: 96px;line-height: 96px;position: relative;float: left;width: 25%;text-align: center;font-size: 16px;color: #333;}
.cx_r .cx_t li a{color:#333;}
.cx_r .cx_t li.on a{ color: #4cb848;}
.cx_r .cx_t li.on:after{ position: absolute;bottom: 24px;left: 50%;width:16px;height: 8px;margin-left: -8px;background: url(../images/cx_san.png) no-repeat center;content:"";}
.cx_r .cx_qie li{position: relative;width: 476px;}
.cx_r .cx_qie li img{ width: 476px;height: 356px;}
.cx_r .cx_qie li span{ display: block;width: 476px;padding: 0 22px;box-sizing: border-box;height:83px;color: #fff;font-size: 16px;background: #454545;margin-top:-4px;position:absolute;left:0;bottom:0;}
.cx_r .cx_qie li span a{ color:#fff;}
.cx_r .cx_qie li span em{display:block;font-size:16px;line-height:22px;color: #fff;width:360px;padding-top:20px;float:left;}
.cx_r .cx_qie li span img{  display: block;float: right;width: 24px;height: 24px;margin-top: 30px;}
.cx_r .cx_qie li:nth-child(2) span{line-height:83px;}
.cx_r .bo{position:absolute;top: 209px;left:50%;margin-left: -30px;z-index: 10;}


@-webkit-keyframes bounce-circle {
    0% {
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    20% {
        opacity:1;
        filter:alpha(opacity=100)
    }
    80%,100% {
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
}

.modal-backdrop{
    display:none;
    position: fixed !important;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color:rgba(0,0,0,0.5);
}
.modal-backdrop .vd{padding:50px;background: #fff;position:absolute;left:50%;top:0;margin-left:-450px;margin-top:-275px;border:1px solid #ccc;}
.modal-backdrop .vd .close{position:absolute;top:20px;right: 20px;}
.shipin{width:800px;height:450px;}
.shipin iframe{width:800px;height:450px;}



/*厂家自主研制*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;overflow: hidden;height: 735px;padding: 60px 0 0;}
.ys .cp_t{background:url(../images/ys_line.gif) no-repeat center 25px;}
.ys_l{width: 960px;height: 560px;position: absolute;top: 140px;right: 50%;}
.ys_l .ys_qie li{width: 960px;height: 560px;}
.ys_l .ys_qie li img {width: 960px;height: 560px;}
.ys_l .ys_bot{position: absolute;right: 120px;bottom: 30px;}
.ys_l .ys_bot ul li{ float:left; margin:0 20px 0 0; display:inline; cursor:pointer; width: 15px;height: 15px;background: #454545; text-indent: -9999px;border-radius: 50%;}
.ys_l .ys_bot ul .on{background: #e9e9e9;}
.ys_btn{ width:250px; right:-125px; top:466px; position:absolute; z-index:1;}
.ys_btn a{display: block;width: 125px;height: 94px;float: left;}
.ys_lico{background:url(../images/ys_lico01.gif) no-repeat;}
.ys_lico:hover{background:url(../images/ys_lico02.gif) no-repeat;}
.ys_rico{background:url(../images/ys_rico01.gif) no-repeat;}
.ys_rico:hover{background:url(../images/ys_rico02.gif) no-repeat;}
.ys_r{width: 580px;position: relative;z-index: 20;height: 338px;background: #fff;margin:138px 0 0 475px;padding: 50px 0 0;}
.ys_r p{width: 580px;height: 90px;}
.ys_r p em{width: 125px;height: 30px;display: block;float: left;text-align: right;padding: 25px 25px 0 0;}
.ys_r p em img{width: 66px;height: 30px;}
.ys_r p span{display: block;float: left;font-size: 16px;color: #333;line-height: 30px;border-bottom: #e6e6e6 1px solid;height: 60px;padding: 15px 0;width: 430px;}

/*一站式全程服务*/
.fuw{background:url(../images/fuw_bg.jpg) no-repeat center 0;overflow: hidden;height: 517px;padding: 60px 0 0;}
.fuw .cp_t{background:url(../images/fuw_line.gif) no-repeat center 25px;}
.fuw_m{width: 735px;float: right;padding: 90px 0 0;}
.fuw_m dl{width: 735px;height: 90px;overflow: hidden;margin-bottom: 10px;}
.fuw_m dl dt{width: 205px;float: left;font-size: 20px;color: #fff;height: 90px;line-height: 90px;overflow: hidden;background: #454545;}
.fuw_m dl dt em{width: 32px;height: 32px;display: block;float: left;line-height: 0;padding: 30px 10px 0 55px;}
.fuw_m dl dt em img{width: 32px;height: 32px;}
.fuw_m dl dd{width: 510px;float: left;background: #fff;height: 75px;padding: 15px 0 0 20px;}
.fuw_m dl dd p{font-size: 14px;color: #666;line-height: 30px;}
.fuw_m dl:hover dt{background: #ccc;}
.fuw_m .fuw_dl01{border-radius: 20px 0;}
.fuw_m .fuw_dl03{border-radius: 0 20px;}


.xad{ height: 350px;background: url(../images/xad_bg.jpg) no-repeat center;margin: 50px auto;}
.xad h2{ display: block;font-size:30px;line-height: 30px;color: #fff;padding-top: 32px;font-weight: normal;letter-spacing: 1px;padding-top: 72px;padding-bottom: 32px;transition:all 0.5s;}
.xad h3{ display: block;font-size:24px;line-height: 36px;color: #fff;font-weight: normal;width: 500px;height: 86px;text-align: center;border-top: 2px solid #ffffff;border-bottom: 2px solid #fff;padding-top: 4px;box-sizing: border-box;transition:all 0.5s;}
.xad p{ display: block;font-size:20px;line-height: 44px;color: #fff;padding-top: 42px;}
.xad p a{ display: block;width: 132px;height: 44px;line-height: 44px;color: #454545;text-align: center;font-size: 18px;background: #fff;border-radius: 22px;float: left;margin-right: 32px;transition:all 0.5s;}
.xad p span{ transition:all 0.5s;display:block;float:left;}
.xad h2:hover,.xad h3:hover,.xad p a:hover,.xad p span:hover{   -webkit-transform: translate(0,-8px);transform: translate(0,-8px);}
    
    
    
.case{padding: 40px 0 30px;width: 100%;overflow-x: hidden;position: relative;}
.case_con{ margin-top: 39px;height: 550px;position: relative;}
.case_con dl{float: left;width: 352px;margin-right: 72px;position: relative;}
.case_con dt{height: 198px;overflow: hidden;}
.case_con dt img{width: 352px;height: 198px;transition: all 0.5s;}
.case_con dl:hover img{transform: scale(1.05);}
.case_con dd{}
.case_con dd h3 a{font-size: 24px;color: #333;line-height: 24px;font-weight: normal;padding: 48px 0 28px;display: block;}
.case_con dd p{font-size: 14px;color: #666666;line-height: 24px;}
.case_con dd .more{display: block;width: 120px;height: 32px;line-height:28px;color: #666666;text-align: center;font-size: 16px;border-radius: 16px;border: 2px solid #959595;box-sizing: border-box;margin-top: 48px;}
.case_con dl:hover .more{border: 0;background: #454545;color: #fff;box-sizing: border-box;line-height: 32px;}
.case_con dl:hover h3 a{ color: #454545;}
.case_con .zprev{ position:absolute; left:-60px; top:78px; width:24px;height:38px; z-index: 100;cursor: pointer;background: url(../images/zprev.png) no-repeat center;}
.case_con .znext{ position:absolute; right:-60px; top:78px;  width:24px;height:38px; z-index: 100;cursor: pointer;background: url(../images/znext.png) no-repeat center;}
.case_con .zprev:hover{ background: url(../images/zprevh.png) no-repeat center;}
.case_con .znext:hover{ background: url(../images/znexth.png) no-repeat center;}

.coop_list{position: relative;margin-top: 39px}
.coop_list li{float: left;width: 182px;height: 120px;border: 1px solid #d1d1d1;box-sizing: border-box;margin-left: -1px;}
.coop_list li i{display: block;overflow: hidden;}
.coop_list li img{display: block;width: 100%;transition: all 0.5s;}
.coop_list li i:hover img{transform: scale(1.05);}

.rmcp4{background: url(../images/rmcp4.jpg) no-repeat center;background-size:cover;padding: 60px 0;}
.rmcp4-titl{text-align: center;}
.rmcp4-titl h1{font-size: 70px;font-weight: bold;color: rgba(255,255,255,0.2);}
.rmcp4-titl h2{font-size: 35px;font-weight: bold;margin-top: -60px;color: #fff;}
.rmcp4-titl h3{width: 40px;height: 4px;background-color: #fff;margin: 16px auto;}
.rmcp4-titl p{color: #fff;}
.rmcp4-list{width: 1200px;margin: 0 auto;margin-top: 20px;}
.rmcp4-lt{float: left;width: 24%;background: url(../images/rmcp01.jpg) no-repeat;color: #fff;margin:5px;text-align: center;padding: 82px 0;height: 120px;}
.rmcp4-lt h1{font-size: 20px;font-weight: bold;}
.rmcp4-lt p{padding: 20px 30px;box-sizing: border-box;line-height: 24px;}
.lt2{background: url(../images/rmcp02.jpg)no-repeat;}
.lt3{background: url(../images/rmcp03.jpg)no-repeat;}
.lt4{background: url(../images/rmcp04.jpg)no-repeat;}
.lt5{background: url(../images/rmcp05.jpg)no-repeat;}
.lt6{background: url(../images/rmcp06.jpg)no-repeat;}
.rmcp4-p{text-align: center;color: #fff;font-size: 30px;margin-top: 20px;}
.rmcp4-a{display: block;width: 300px;text-align: center;color: #fff;background: #ff6633;border-radius: 18px;padding: 10px 0;margin: 0 auto;font-size: 20px;margin-top: 20px;}
.rmcp4-a:hover{background: #f60;color: #fff;}

/*合作伙伴*/
.index-partner { width:100%;}
.partner-w{padding: 20px 20px;}
.index-partner-cont{width:100%;}
.index-partner ul li { float:left; width:10.9%; border:1px solid #d7d7d7; background: #fff;}
.index-partner ul li a{ display: table; margin: 0 auto;}
.index-partner ul li span { display: table-cell; vertical-align: middle; height: 120px;}
.index-partner ul li img { display: block; max-width: 100%; max-height: 100%; transition: 0.5s all;}
.index-partner ul li:hover img { transform: scale(1.1); transform:rotateY(180deg);}

.news{padding: 80px 0 70px;background: #f5f5f5;}
.news h3{margin-bottom: 20px;height: 54px;border-bottom: 1px solid #dcdcdc;}
.news h3 a{display: inline-block;font-size: 26px;color: #333;line-height: 28px;padding-left: 15px;border-left: 5px solid #454545;}
.new_l{float: left;width: 770px;}
.new_l dl{height: 182px;position: relative;}
.new_l dt{float: left;width: 300px;height: 182px;overflow: hidden;}
.new_l dt img{width: 300px;height: 182px;transition: all 0.5s;}
.new_l dt:hover img{transform: scale(1.05);}
.new_l dd{float: left;width: 324px;margin-left: 28px;}
.new_l dd h4{font-size: 17px;color: #333;line-height: 17px;padding: 18px 0 15px;}
.new_l dd h4 a{ color:#333;}
.new_l dd p{font-size: 14px;color: #888;line-height: 24px;}
.new_l dd .more{display: block;width: 132px;height: 32px;line-height: 32px;text-align: center;font-size: 14px;color: #fff;background: #454545;border-radius:6px 0px 6px 0px;margin-top: 26px;}
.new_l dd i{position: absolute;right: 0;top: 48px;width: 65px;padding-left: 20px;height: 62px;border-left: 1px solid #d2d2d2;font-size: 14px;color: #333;line-height: 14px;font-family: Arial;text-align: center;}
.new_l dd i em{display: block;font-size: 40px;line-height: 30px;padding-bottom: 18px;}
.new_l ul{margin-top: 50px;border-top: 1px dashed #d0d0d0;padding-top: 36px;}
.new_l li{width: 336px;margin-right: 56px;float: left;padding-left: 20px;position: relative;}
.new_l li:after{position: absolute;width: 10px;height: 10px;border: 2px solid #d2d2d2;border-radius: 100%;content: "";left: 0;top: 7px;box-sizing: border-box;}
.new_l li h4{font-size: 14px;color: #333;line-height: 24px;font-weight: normal;margin-bottom: 8px;}
.new_l li p{font-size: 14px;color: #888;line-height: 24px;}
.new_l li:last-child{margin-right: 0;}
.new_r{float: right;width: 355px;}
.new_r h3{margin-bottom: 34px;}
.new_r li{margin-bottom: 48px;padding-left: 20px;}
.new_r li h4{font-size: 14px;color: #333;line-height: 24px;font-weight: normal;margin-bottom: 8px;}
.new_r li p{font-size: 14px;color: #888;line-height: 24px;}
.new_r .tempWrap{height: 336px !important;}
.new_l li h4:hover a,.new_r li h4:hover a,.new_l dl:hover h4 a{color: #454545;}


.ProductShow .sTop {margin-top: 30px}
.ProductShow .sTop .left {margin-left: 20px;width: 36%;}
.ProductShow .sTop .left img{width:100%;}
.ProductShow .sTop .right {width: 58%;}
.ProductShow .sTop .right h1 {color: #333;font-size: 20px;}
.ProductShow .sTop .right h1 em {float: left;padding: 5px 15px;color: #fff;font-size: 14px;background: #E83126;margin-right: 10px;border-radius: 5px;}
.ProductShow .sTop .right .wxBox {padding: 20px;color: #666;font-size: 14px;background: #e9e9e9;margin: 20px 0;line-height: 22px;}
.ProductShow .sTop .right .contan {margin: 0 auto;width:35%;margin-top:20px;}
.ProductShow .sTop .right .contan a {position: relative;color: #fff;font-size: 16px;border-radius: 5px;padding: 10px 40px;background: #f63;}
.ProductShow .sTop .right .contan a:before {display: none;content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 10px;border-radius: 100px;border-bottom: 5px #0B7FB7 solid;}
.ProductShow .sTop .right .contan a:hover {background: #f60;}
.ProductShow .sTop .right .tel {margin: 6px 0;color: #666;font-size: 16px;border-bottom: 1px #ddd solid;}
.ProductShow .sTop .right .tel b {	font-weight: bold;color: #E83126;font-size: 20px;}

.box2-right1{width:1200px;margin:0 auto;}
.box2-right-title h4{font-size: 32px;color: #333;line-height: 40px;margin-bottom: 40px; text-align:center;}
.recruit-content{}
.recruit-item{font-size: 16px;color: #000;line-height: 25px;margin-bottom:80px;}
.recruit-item h4{font-weight: normal;border-bottom: 1px #ddd solid;}
.recruit-item h4 span{font-size: 20px;color: #f60;line-height: 25px;margin-bottom: 15px;margin-right:100px;}
.recruit-item p {font-size: 16px;color: #333;line-height: 25px;margin-bottom: 15px;}


.abt{ padding: 40px 0;}
.abt dl{height: 405px;margin: 30px 0;position: relative;}
.abt dl:after{position: absolute;left: 100px;width: 1100px;height: 405px;top: 0;background: #f5f5f5;content:"";z-index: -1;}
.abt dt{ float: left;width: 645px;height: 363px;margin-top: 20px;}
.abt dt img{ width: 645px;height: 363px;display: block;}
.abt dd{ float: right;width: 555px;padding: 0 33px;box-sizing: border-box;}
.abt dd h3{ padding-top: 52px;}
.abt dd h3 a{ display: block;font-size: 30px;line-height:30px ;color: #454545;margin-bottom: 20px;}
.abt dd p{ font-size: 14px;line-height: 27px;color: #666666;}
.abt dd p a{ color: #1d56af;}
.abt dd ul{ margin-top: 45px;}
.abt dd ul li{ float: left;margin-right: 88px;transition:all 0.5s;}
.abt dd ul li img{ width: auto;height: 30px;}
.abt dd ul li span{ display: block;font-size: 18px;color: #333333;line-height: 18px;margin-top: 14px;}
.abt dd ul li:hover{transform: translateY(-5px);}
.abt dd ul li:nth-child(3){ margin-right: 0;}
.abt_t li{ float: left;margin-right: 16px;width: 288px;}
.abt_t li i{ width: 288px;height: 162px;display: block;overflow: hidden;}
.abt_t li img{ width: 288px;height: 162px;display: block;transition:all 0.5s;}
.abt_t li:hover img{transform:scale(1.05);}
.abt_t li span{ display: block;font-size: 14px;color: #333333;line-height: 18px;margin-top: 14px;text-align: center;}

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 }
}