@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, caption, tbody, tfoot, thead, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font:14px/30px "Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color:#000; _background-attachment:fixed; 
_background-image:url(about:blank); width: 100%; height: 100%; overflow: hidden;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select,button{ vertical-align: middle; outline: none; padding:0; }
ol, ul,li{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong,i,em,b{ font-style:normal; font-weight:normal; }
img { border:0;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #ebb112; color: #fff; text-shadow: none; }
::selection { background: #ebb112; color: #fff; text-shadow: none; }
a{ text-decoration:none; blr: expression(this.onFocus=this.blur()); cursor: pointer; color:#000; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; color:#004ea2; }
.clear { clear: both; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fl{ float:left;}
.fr{ float:right;}
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}
.bgffffff{background: #ffffff;}
.bgf7f7f7{background: #f7f7f7;}
.w1300{ max-width:1300px; margin:0px auto;}
.ft26{font-size: 26px;}
.ft20{font-size: 20px;}
/*nav*/

header{height: 85px;width: 100%;box-sizing: border-box;border-bottom: 1px solid #d8d8d8;}
header .w1300{position: relative;}
header .logo img{margin-top: 10px;display: block;height: 60px;}
.nav{width: 71%;margin-left: 7%;display: flex;justify-content: flex-end;}

.nav li{width: 13.5%;float: left;line-height: 85px;text-align: center;font-size: 16px;position:relative;}
.nav li a{color: #242424 ; }
.nav li a:hover{  color:#004ea2 ;  }
.nav li .show {position: absolute;display:none;top: 85px;left: -15%;width: 130%;text-align: center;overflow: hidden;padding:6px 0;background:#fff;z-index:999;}
.nav li:hover .show {display:block;}
.nav li .show a {line-height:36px;position: relative;font-size: 14px;color:#000;display: block;}
.nav li .show a:hover {color: #3279e6;}


.menubox.solid{ position: fixed; top: 0px; left: 0; right: 0; z-index: 9999; height: 85px; line-height: 85px; background:#ffffff;
border-bottom: none;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;}
.menubox.solid a:hover{color:#de5727 ; }   


.index-input{ position: absolute;     right: 0;
    top: 26px;}

.search-wrapper .input-holder {
    overflow: hidden;
    height: 40px;
    background: rgba(255,255,255,0);
    border-radius:6px;
    position: relative;
    width:70px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    border-radius: 50px;
    width:270px;
    margin-left: -300px;
    background: rgba(245,245,245,1);
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}

.search-wrapper .input-holder .search-input {
    width:100%;
   background: url(../images/sousuo.png) no-repeat;
    padding:0px 0 0 20px;
    opacity: 0;
    position: absolute;
    top:0px;
    left:0px;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
    outline:none;
  
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color:#666666;
   
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

.search-wrapper .input-holder .search-icon {
    width:40px;
    height:40px;
    border:none;
    border-radius:6px;
    background: none;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.search-wrapper .input-holder .search-icon span {
    width:22px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);

}
.search-wrapper.active .input-holder .search-icon span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content:'';
}
.search-wrapper .input-holder .search-icon span::before {
    width: 2px;
    height: 11px;
    left: 9px;
    top: 23px;
    border-radius: 2px;
    background: #7a7a7a;
}
.search-wrapper .input-holder .search-icon span::after {
    width: 18px;
    height: 18px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 2px solid #7a7a7a;
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top:8px;
    right:-25px;
    width:25px;
    height:25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
    right:-20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: #ffffff;
    border-radius: 2px;
}
.search-wrapper.active .close::before, .search-wrapper.active .close::after {
    position:absolute;
    content:'';
    background: #000000;
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 2px;
    height: 25px;
    left: 11px;
    top: 0px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 2px;
    left: 0px;
    top: 11px;
}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top:80px;
    left:0px;
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display:none;
    color:#B7B7B7;
}


@media screen and (max-width: 560px) {
    .search-wrapper.active .input-holder {width:200px;}
}
/*
.index-banner{width: 100%; position: relative;}
.index-banner-list li img{width: 100%; display: block;}
.index-banner .prev, .index-banner .next{position:absolute;  width: 67px;height: 67px; background: rgba(0,0,0,.3); padding: 10px; box-sizing: border-box; z-index: 10;cursor: pointer;transition: all .3s}
.index-banner .prev{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.index-banner .next{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.index-banner .prev img,.index-banner .next img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;}
.index-banner .prev:hover,.index-banner .next:hover{background: #004ea2 ;}
*/

.j_tab{ display:table; width:100%; height:100%;}

.j_tab_cel{ display:table-cell; vertical-align:middle; text-align:center; width:100%; height:100%;}

.banner{ height:650px; width:100%; position:relative; overflow:hidden;}

.banner  li{text-align:left; position:relative; }

.banner li .img{ position: absolute; left:0; top:0; width:100%; height:100vh; background-size:cover !important; z-index:8;  }

.banner .slick-arrow{ z-index:99; position:absolute; top:68%; left:50%; margin-left:-600px; transform:translate(0,0); 

	display:block;

    width: 46px;

    height: 46px;

    border: 1px solid #fff; border: 1px solid rgba(255,255,255,.4);

    border-radius: 100%;}

.banner .slick-prev{ }

.banner .slick-next{ margin-left:-530px; }

#banner li .con{ position:absolute;width:1200px; height:100vh; left:50%;margin-left:-600px; top:0; z-index:9;}

#banner li .con .j_tab_cel{ text-align:left;}

#banner li .con .box{  }

#banner li .con .box .dd1{  width:100%; font-size:15px;color:#fff; line-height:1.5; margin-bottom:30px; transition:1.5s .6s; opacity:0;/* transform:translateX(100px);*/}

#banner li .con .box .dd2{ white-space:nowrap; font-size:46px; line-height:70px; color:#fff; margin-bottom:13px; transition:1.5s .6s; opacity:0;/* transform:translateX(150px);*/}

#banner li.slick-current{ z-index:999;}

#banner li.slick-current .con .box .dd1{ transform:translateX(0px); opacity:1;}

#banner li.slick-current .con .box .dd2{ transform:translateX(0px); opacity:1;}



#banner li .letter span{ display: inline-block; opacity: 0; filter: blur(10px); -webkit-filter: blur(10px); transform: translateY(-16px); min-width: 16px;}

#banner li.slick-current .letter span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}





.banner .bot{ position: absolute; left: 0px; bottom: 0px; background-color: #014085; height: 3px; overflow: hidden;}

.banner .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }

@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}

@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}



/*

.banner .slick-arrow.slick-prev.toRight{ -webkit-animation: toRight 2s ease-in-out;}

.banner .slick-arrow.slick-next.toRight{ -webkit-animation: toRight 2s ease-in-out .2s;}

@-webkit-keyframes toRight{

	0%{ opacity:0; }

	70%{ opacity:0; transform:translateX(30px); -webkit-transform:translateX(30px); filter: blur(10px); -webkit-filter: blur(10px);}

	100%{ opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px); filter: blur(0px); -webkit-filter: blur(0px);}

	}

*/



.banner .slick-prev{

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

	transition:300ms;

	-webkit-transition:300ms;

	animation:moveL 2s linear infinite;

	}

.banner .slick-prev:hover{

	background-position:right center;

	}

	

.banner .slick-next{

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

	transition:300ms;

	-webkit-transition:300ms;

	animation:moveL 2s linear infinite;

	}

.banner .slick-next:hover{

	background-position:left center;

	}

.slick-prev:before, .slick-next:before{ display:none;}

@keyframes moveL{

	0%{ transform:translateX(0); -webkit-transform:translateX(0);}

	25%{ transform:translateX(-3px); -webkit-transform:translateX(-3px);}

	50%{ transform:translateX(0); -webkit-transform:translateX(0); }

	75%{ transform:translateX(3px); -webkit-transform:translateX(3px); }

	100%{ transform:translateX(0); -webkit-transform:translateX(0);}

	}

@-webkit-keyframes moveL{

	0%{ transform:translateX(0); -webkit-transform:translateX(0);}

	25%{ transform:translateX(-3px); -webkit-transform:translateX(-3px);}

	50%{ transform:translateX(0); -webkit-transform:translateX(0); }

	75%{ transform:translateX(3px); -webkit-transform:translateX(3px); }

	100%{ transform:translateX(0); -webkit-transform:translateX(0);}

	}



.banner li .img{ position:relative; left:0; top:0; width:100%; height:650px; background-size:cover !important; }

.banner li.slick-current .img{visibility: visible !important; -webkit-animation: bgscale2 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93); animation: bgscale2 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);}

@-webkit-keyframes bgscale {

from { -webkit-transform: scale(1.05); transform: scale(1.05); }

to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

}

@keyframes bgscale {

from { -webkit-transform: scale(1.05); transform: scale(1.05); }

to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

}

@-webkit-keyframes bgscale2 {

from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }

to { -webkit-transform: scale(1.05); transform: scale(1.05);}

}

@keyframes bgscale2 {

from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }

to { -webkit-transform: scale(1.05); transform: scale(1.05);}

}

@-webkit-keyframes jello {

    from, 11.1%, to { -webkit-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}



@-moz-keyframes jello {

    from, 11.1%, to { -moz-transform: none; transform: none }

    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}



@keyframes jello {

    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}


.index-about{background: #f7f7f7;}
.index-about-left{background: #004ea2 ;width: 40%; position: relative; z-index: 99;  margin-top: -80px;}
.index-about-left .top{background: #004ea2 url(../images/a-pic2.png) no-repeat right bottom; padding: 30px 0 0 0; box-sizing: border-box;}
.index-about-left .top .fr{width: 65%;}
.index-about-left .top img{ display: block;}
.index-about-left .top h2{font-family: "DIN"; color: #ffffff; font-size: 34px; margin: 15px 0; letter-spacing: 2px;}
a.more{display: block; height: 34px; line-height: 36px; width: 34px; margin: 25px 0 55px; background: #ffffff;border-radius: 50%; text-align: center; 
font-size: 20px; font-weight: bold; color: #004ea2; font-family: "宋体"; transition: 0.5s;}
a.more:hover{transform: translateX(10px); }
a.more2{border: 1px solid #9a9a9a; color: #333333; background: none;  margin: 25px 0 0; }
a.more:hover{background: #004ea2; color: #ffffff; border: none;}
.index-about-left .bottom{background: url(../images/a-pic3.jpg) no-repeat right bottom; background-size: cover; min-height: 420px;}
.index-about-left .bottom .fr{width: 65%;padding: 0 40px 0 0;box-sizing: border-box;color: #ffffff;height: 100%;/* position: relative; *//* top: 25%; *//* bottom: 0; */min-height: 420px;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-top: 14%;}
.index-about-left .bottom .fr h2{font-weight: bold;color: #ffffff;font-size: 30px;margin: 25px 0;letter-spacing: 2px;}
.index-about-left .bottom .fr h3{ color: #ffffff; font-size: 20px; margin: 20px 0 35px; letter-spacing: 2px;}
.index-about-left .bottom .fr p{color: #ffffff;font-size: 17px;line-height: 38px;letter-spacing: 0px;margin-top: 45px;}
.index-about-left .bottom .fr a.more{display: block; height: 34px; line-height: 34px; width: 34px; margin: 50px 0 0; background: none; border: 1px solid #ffffff ; border-radius: 50%; text-align: center; 
font-size: 20px; font-weight: bold; color: #ffffff; font-family: "宋体"; transition: 0.5s;}

.index-about-right{width: 60%; position: relative; z-index: 3;}
.index-about-right-son{ margin-left: 8%; width: 75%; padding-top: 4%;}


.container{margin-top: 40px ;}
.container h1{color: #464646; font-size: 64px;font-weight: bold; position: relative; letter-spacing: 5px;}
.container h1::before{position: absolute; width: 110%; height: 1px;  background: #959595; right: -350px; content: ""; top: 50%;}
.container i{color: #004ea2;font-weight: bold; }
.container .text{margin-left: 5%; position: relative;}
.container .text::before{position: absolute; width: 35px; height: 2px;  background: #333333; left: -50px; content: ""; top: 17px;}
.container .text h2{color: #242424; font-size: 22px; margin: 70px 0 40px;}
.container .text .text-p{color: #666666; font-size: 15px; line-height:45px; text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;}
.container .text p{color: #666666; font-size: 15px; line-height:45px; text-overflow: ellipsis;}
.Guarantee{background: #004ea2; padding: 8% 0 8% 8%; margin-top: 60px; box-sizing: border-box; position: relative;}


.Guarantee_time { width: 100%; padding-left: 3%; box-sizing: border-box; position: relative;}
.Guarantee_time li{ color: #ffffff; margin: 0 auto; float: left; width: calc(100%/4); position: relative;}
.Guarantee_time li h2{color: #ffffff; font-size: 46px; font-family: arial;font-weight: bold;  display: inline-block; }
.Guarantee_time li i{    font-size: 18px;
    margin-left: 10px;}
.Guarantee_time li p{font-size: 14px; color: #fff; } 



.index-scheme{background: #f7f7f7; padding-bottom: 50px;}
.scheme-title{padding: 60px 0 40px 0;}
.scheme-title h2{color: #333333; font-size: 30px; font-weight: bold; }
.scheme-title span{color: #333333; font-size: 18px; font-weight: normal; display: inline-block; border-left: 1px solid #000000; padding: 0 20px ; margin-left: 20px;}
.scheme-title p{color: #333333; font-family: arial; text-transform : uppercase; font-size: 18px; letter-spacing: 1px; margin-top: 15px;}

.main-news-list{margin-bottom: 20px; margin-top: 35px;}
.main-news-list li{/* float: left; */border: 1px solid #eeeeee;transition: all 0.6s;background: #ffffff;width: 23.3%;margin-right:2%;}
.main-news-list li:nth-child(4n){
	margin-right: 0;
}
.main-news-list li em{display: block; height: 220px; overflow: hidden;}
.main-news-list li em img{width:100%;}
.main-news-list li .text{padding: 5px 10px 15px;box-sizing: border-box;transition: all 0.6s;}
.main-news-list li .text h3{color: #333333;font-size: 15px;height: 30px;font-weight: bold;line-height: 30px;overflow: hidden;position: absolute;margin-top: 10px;bottom: 18px;left: 10px;right: 10px;}
.main-news-list li .text p{color: #707070; font-size: 13px; overflow: hidden; margin-top: 10px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.main-news-list li .text span{display: inline-block; color: #666666; font-size: 12px; margin-right: 10px; }
.main-news-list li .text .more{position: relative;}
.main-news-list li .text span::before{content: ''; width: 1px; height: 13px; left: 70px; top: 9px; background: #808080; position: absolute; }
.main-news-list li .text i{display: inline-block;float: right; font-family: "宋体"; font-size: 16px;}
.main-news-list li:first-of-type{margin-left: 0;}
.main-news-list li a{display: block; }
.main-news-list li:hover{transform: translateY(10px);  -webkit-box-shadow:0 0 20px 1px #d0d0d0;  
  -moz-box-shadow:0 0 20px 1px #d0d0d0;  
  box-shadow:0 0 20px 1px #d0d0d0;}
.main-news-list li:hover h3{color: #004ea2;}




.index-sec1-tab{height: 95px; line-height: 95px; background: #004ea2;}
.index-sec1-tab ul{text-align: center;}
.index-sec1-tab ul li { cursor: pointer; position:relative ;text-align: center; color: #ffffff; opacity: 0.5; display: block; width: calc(100%/6); float: left; width:-moz-calc(100%/6); width: -webkit-calc(100%/6); font-size: 30px; font-family: arial; font-weight: normal; position: relative;}
.index-sec1-tab ul li.on{background: #eaeaea; color: #004ea2; opacity: 1;}
.index-sec1-tab ul li::after{position: absolute; content: ""; width: 1px; height: 100%; background-color: rgba(255,255,255,0.2); left: 0; top: 0;}


.index-sec1-list .item{background: #ffffff; transition: all 0.6s;}
.index-sec1-list .item .text{padding: 60px 60px 0; box-sizing: border-box; width: 45%; max-width: 600px; float: left;}
.index-sec1-list .item .text .title {margin-bottom: 40px;}
.index-sec1-list .item .text .title h3{color: #333333; font-family: arial; font-size: 24px;font-weight: bold; margin-bottom: 20px;}
.index-sec1-list .item .text .title h4{color: #333333; font-family: arial; font-size: 26px; font-weight: bold;}
.index-sec1-list .item .info {min-height: 180px;}
.index-sec1-list .item .info p{color: #666666; line-height: 35px;text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4; overflow: hidden;}
.more-but{ transition: all .4s; display: block; width: 210px; height: 50px; line-height: 50px; text-align: center; border-radius: 35px; border: 2px solid #000000; margin-top: 20px;}
.more-but:hover{background: #004ea2; border: 2px solid #ffffff;}
.more-but:hover a{color: #ffffff;}
.index-sec1-list .item .img{width: 55%; float: right;}
.index-sec1-list .item .img img{display: block; width: 100%;}
.index-sec1-list .item:hover{background: #ffffff;}



/*店面*/
.index-case{padding-bottom: 60px;}
.main-storefront {padding-bottom: 30px; padding-top: 40px;}
.main-storefront-banner .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

.banner_zhezhao-left{ background-color:#ffffff; display: block;width: 22%; height: 100%; position: absolute; top: 0; opacity: 0.8; z-index: 9;} 
.banner_zhezhao-right { background-color:#ffffff; display: block;width: 22%; height: 100%; position: absolute; top: 0; opacity: 0.8; z-index: 9; right: 0;}

@media screen and (max-width: 668px) {	
	.main-storefront-banner .swiper-slide {		-webkit-transform: scale(0.97);		transform: scale(0.97);	}
}

.main-storefront-banner .swiper-slide-active,.main-storefront-banner .swiper-slide-duplicate-active {-webkit-transform: scale(1);	transform: scale(1);}

@media screen and (max-width: 668px) {
	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.main-storefront-banner .none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.main-storefront-banner .swiper-slide a {	display: block; 	}
.main-storefront-banner .swiper-slide{overflow: hidden;}
@media screen and (min-width: 668px) {
	.main-storefront-banner .swiper-slide a:after {		position: absolute;		top: 0;		left: 0;		display: block;		box-sizing: border-box;				content: "";		width: 100%;		height: 100%;	}
}

.main-storefront-banner .swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
	.main-storefront-banner.swiper-slide a {		padding: 5px;			}
}

.main-storefront-banner .swiper-slide img {	width: 100%;		display: block; overflow: hidden;}
.main-storefront-banner .swiper-pagination {	position: relative;	margin-bottom: 30px; margin-top: 25px; display: none;}
.main-storefront-banner .swiper-pagination-bullet {	background: #9d9d9d;	margin-left: 4px;	margin-right: 4px;	width: 8px;	height: 8px;	opacity: 1;	}
.main-storefront-banner .swiper-pagination-bullet-active {	width: 8px;	height: 8px;	background: #1f4f46;		margin-bottom: 0;}

@media screen and (max-width: 668px) {
	
	.main-storefront-banner .swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

	.main-storefront-banner .swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

	.main-storefront-banner .swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
}

.main-storefront-banner{position: relative; }
.main-storefront-banner .swiper-button-prev {width: 31px;	height: 65px;	background: url(../images/prev1.png) no-repeat; top: 50%;	position: absolute; left: 10%; margin-top: -40px;}
.main-storefront-banner .swiper-button-next {	width: 31px;	height: 65px;	background: url(../images/next1.png) no-repeat;  top: 50%;	position: absolute; right: 10%; margin-top: -40px}
.swiper-slide{position: relative;}
.swiper-slide .mask{position: absolute;width: 100%;height: 100%;}
.main-con-table { display: table; height: 100%; text-align: center; width: 100%; position: absolute; z-index: 2;  top: 0;} 
.table-text {  display: table-cell;  vertical-align: middle; background-color: rgba(0,0,0,.5); transition: 0.6s;  display: none;}
.table-text p{font-size: 22px; color: #ffffff;}
.table-text  span{background: url(../images/sousuo2.png) no-repeat top center; height: 80px; display: block;}
.main-storefront-banner .swiper-slide a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.main-storefront-banner .swiper-slide a img{
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    transition: all .6s ease;
    }
.main-storefront-banner .swiper-slide a{transition: 0.6s;}
.main-storefront-banner .swiper-slide a:hover .table-text{ display: block; width: 100%; height: 100%; display: table-cell;  vertical-align: middle; }


.News{ background:#f7f7f7; padding-bottom: 120px;}
.News .xinwen{ overflow:hidden; background:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,0.1);}
.News .xinwen.kuadu_a{ width:550px;}
.News .xinwen.kuadu_b{ width:710px;}
.News .xinwen .ming{ width:100%; position:relative; background:#000;}
.News .xinwen .ming img{ display:block; opacity:0.9;width:100%;}
.News .xinwen .ming figure{ width:120px; background:#2d2d2d; position:absolute; left:0; top:0; bottom:0; text-align:center;}
.News .xinwen .ming figure span{ font-size:24px; line-height:40px; font-weight:bold; color:#fff; letter-spacing:4px; display:block;
position:relative;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.News .xinwen .zixun{ padding:15px 25px; overflow:hidden;}
.News .xinwen .zixun ol,.News .xinwen .zixun ul{ overflow:hidden;}
.News .xinwen .zixun ol li{ padding:8px 0; overflow:hidden; width:100%; line-height:29px;box-sizing:border-box; }
.News .xinwen .zixun ol li h2{ width:80%; float:left; overflow:hidden; font-size:15px;white-space:nowrap; text-overflow: ellipsis; transition:all 300ms; color: #333333;}
.News .xinwen .zixun ol li span{ display:block; float:right; font-family:Arial, Helvetica, sans-serif; color:#666;}
.News .xinwen .zixun ol li:hover h2{ padding-left:5px; color:#004ea2;}
.News .xinwen .zixun ul li{ width:100%; overflow:hidden; padding:20px 0; position:relative;}
.News .xinwen .zixun ul li em{ display:block; width:120px; float:left; overflow:hidden;}
.News .xinwen .zixun ul li em img{ display:block; width:100%; height:80px;}
.News .xinwen .zixun ul li figure{ width:400px; float:left; overflow:hidden; padding:0 120px 0 20px;}
.News .xinwen .zixun ul li figure h2{transition:all 0.5s;  font-size:18px;white-space:nowrap; text-overflow: ellipsis; overflow:hidden; color: #333333;}
.News .xinwen .zixun ul li figure p{ font-size:12px; color:#666;white-space:nowrap; text-overflow: ellipsis; overflow:hidden; margin-top:20px;}
.News .xinwen .zixun ul li dl{ display:block; position:absolute; right:0; top:20px; background:#f5f5f5; text-align:center; width:80px;}
.News .xinwen .zixun ul li dl dt{ width:100%; display:block; line-height:50px; font-size:30px;}
.News .xinwen .zixun ul li dl dd{ width:100%; display:block; color:#fff; background:#aaa;}
.News .xinwen .zixun ul li:hover figure h2{
	color:#004ea2;
}

.I_footer{background: #222222;  padding-bottom: 30px; }
.I_footer_son .left{width: 325px;background: #313131;padding: 55px 15px;margin-top: 0;position: relative;z-index: 999;box-sizing: border-box;margin-top: -55px;}


#footer{width: 100%;}
.I_footer_son .left .div1 .tel h2 {
    font-family: arial;
    font-size: 24px;
    font-weight: normal;
    margin: 2px 0;
    color: #ffffff;
    letter-spacing: 1px;
}
.I_footer_son .left .div1 .img{width: 94px; height: 94px;}
.I_footer_son .left .div1 .tel{padding-left: 10px;}
.I_footer_son .left .div1 .tel p{color: #9c9c9c;font-size: 15px;margin-top: 0;margin-bottom: 0px;}
.I_footer_son .left .div2{margin-top: 35px; background: #004ea2; text-align: center; padding: 0 5px; width: 360px; height: 48px; line-height: 48px; color: #ffffff; font-size: 16px;}
.I_footer_son  h3{ color: #fff; font-weight: bold; font-size: 18px; padding-bottom: 20px;}
.I_footer_son .div3{width: 26%;}
.I_footer_son .div3 p{ color: #808080; font-size: 14px; line-height: 30px;}
.I_footer_son .div3 a{ display: inline-block; color: #808080; font-size: 14px; padding: 5px 0; transition: all 0.6s;}
.I_footer_son .div3 a:hover{ transform: translateX(5px);}
.I_footer_son .div3 {border-right: 1px solid #464646; padding: 0 77px 0 120px; margin-top: 40px;}
.I_footer_son .div4{width:30%; padding: 0 0 0 3%; margin-top: 40px; box-sizing: border-box;}
.I_footer_son .div4 ul a{ display:block; float: left;  width: calc(100%/3); margin: 5px 0 0 0; color: #fff; font-size: 14px;  transition: all 0.6s;}
.I_footer_son .div4 ul a{ color: #808080; font-size: 14px; }
.I_footer_son .div4 div{ margin-left: 30px;}

.youlian{ padding: 10px 0 10px 0; }
.youlian .div1{ height: 45px; line-height: 45px; overflow: hidden;}

.youlian span{ color: #000; font-size: 18px; display: inline-block}
.youlian a{ display: inline-block; margin: 0 15px 0; color: #333; font-size: 14px; transition: all 0.36s; text-align: center;}
.youlian a:hover{ color: #DE0024; transform: translateX(5px);}

.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }

.pbanner { position: relative; overflow: hidden; }
.pbanner.target .zh { transition: .6s; -webkit-transition: .6s; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.pbanner.target .en { transition: .6s .7s; -webkit-transition: .6s .7s; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.pbanner.target .line { transition: .6s .35s; -webkit-transition: .6s .35s; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.pbanner.target .ico { transition: .6s 1.05s; -webkit-transition: .6s 1.05s; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.pbanner.target.action .zh { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.pbanner.target.action .en { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.pbanner.target.action .line { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.pbanner.target.action .ico { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.pbanner.target.action .pimg { -webkit-animation: scaleUpDown 5s; animation: scaleUpDown 5s; }
.pbanner .figure { overflow: hidden; }
.pbanner .pimg { display: block; width: 100%; position: relative; transition: 0s; -webkit-transition: 0s; }
.pbanner .word { position: absolute; height: 100%; width: 100%; top: 0; left: 0; text-align: center; color: #fff; line-height: 1; }
.pbanner .word .zh { font-size: 36px; }
.pbanner .word .en { font-size:44px; text-transform: uppercase; }
.pbanner .word .line { display: block; height: 4px; width: 42px; margin: 20px auto 35px; background-color: #fff; }


.sub-menu { border-bottom: 1px solid #ececec; }
.sub-menu li { display: inline-block; padding: 25px 0; line-height:15px; }
.sub-menu .link { display: block; color: #414141; padding: 0 22px 0 12px; position: relative; border-left: 2px solid #ececec; }
.sub-menu .link:before { content: ""; display: block; position: absolute; top: 0; left: -2px; height: 100%; width: 2px; background-color: #004ea2; transform: scaleY(0); -webkit-transform: scaleY(0); transition: .42s; -webkit-transition: .42s; }
.sub-menu .link:hover { color: #004ea2; }
.sub-menu .link:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); }
.sub-menu .link.on { color: #004ea2; }
.sub-menu .link.on:before { transform: scaleY(1); -webkit-transform: scaleY(1); }


.works { padding: 40px 0 135px; background-color: #f1f1f1; }
.works ul {/* margin-top: -2%; *//* margin-left: -2%; */display: flex;flex-wrap: wrap;}
.works ul li {width: 49%;margin-right: 2%;/* float: left; */margin-top: 3%;}
.works ul li:hover .img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.works ul li:hover .bot { height: 100%; background-color: rgba(0, 78, 162, 0.8); white-space: normal; }
.works ul li:hover .title { border-bottom: 1px solid #fff; height: 112px; line-height: 112px; }
.works ul .img { display: block; width: 100%; transition: .56s; -webkit-transition: .56s; }
.works ul .figure { overflow: hidden; }
.works ul .link { display: block; position: relative; }
.works ul .bot { display: block; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); width: 100%; color: #fff; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .45s; -webkit-transition: .45s; line-height: 56px; height: 56px; }
.works ul .bot .title {position: relative;display: block;transition: .56s;width: 90%;-webkit-transition: .56s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.works ul .botImg{width: 20px;height: 20px;background: url(../images/aw.png) 0px center no-repeat;}
.works ul .bot .w { line-height: 1.8; padding: 0 62px 0 45px; font-size: 14px; max-height: 75px; overflow: hidden; margin: 35px 0 50px; }
.works ul .bot .more { display: block; padding: 0 62px 0 45px; line-height: 1.8; font-size: 14px; }
.botFlex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	 padding: 0 15px; 
	  line-height: 56px; height: 56px;
}
.worksWord {padding: 0 0 60px 0;}
.worksWord .tit {line-height: 1.5;font-size: 30px;color: #080808;font-weight: normal;padding: 40px 0;border-bottom: 1px solid #ececec;text-align:center;}
.worksWord .con { padding-top: 50px; text-align: justify; }
.worksWord .con img{max-width:100%;display:block;margin:0 auto;height:auto;}

.h100{height: 100px;}
.backToList { padding: 40px 0; background-color: #f1f1f1; }
.backToList .con { position: relative; }
.backToList .link { display: block; color: #333; padding-right: 190px; margin-bottom: 10px; text-align: justify; line-height: 1.4; }
.backToList .link:hover { color: #004ea2; }
.backToList .back { display: block; position: absolute; right: 0px; top: 0px; width: 170px; height: 50px; background-color: #004ea2; text-align: center; line-height: 50px; color: #fff; }
.backToList .back:before { content: ""; display: inline-block; width: 30px; height: 14px; vertical-align: middle; background: url(../images/aw2.png) no-repeat center center; margin-right: 15px; position: relative; transition: .56s; -webkit-transition: .56s; left: 0; }
.backToList .back:hover { background-color: #053d7a; }
.backToList .back:hover:before { left: 8px; }

.pages { text-align: center; margin-top: 45px; }
.pages .center { display: inline-block; position: relative; left: -11px; }
.pages a { display: block; float: left; font-size: 20px; font-family: arial; color: #676767; width: 38px; height: 38px; line-height: 38px; border: 1px solid #bdbdbd; margin-left: 11px; transition: .45s; -webkit-transition: .45s; }
.pages a.on { background: #004ea2; color: #fff; border-color: #004ea2; }
.pages a:hover { background: #004ea2; color: #fff; border-color: #004ea2; }
.pages a.prev{width:76px;}
 
.news { padding: 40px 0 135px; background-color: #f1f1f1; }
.news .main-news-list{margin-top: 0;display: flex;flex-wrap: wrap;}
.news .main-news-list li{margin-bottom: 3%;display: flex;flex-direction: column;justify-content: center;position: relative;padding-bottom: 30px;box-sizing:border-box;}
.news .main-news-list li.honor:nth-child(4n){margin-right: 0;}
.news .main-news-list li.honor em{height:auto; padding: 15px 15px 0 15px;}
.main-news-list li.honor .text h3{text-align:center;}

/*关于*/
.padbox{padding: 0 210PX;}
.page-wy-about{background: url(../images/hdzy-xiantiao.png) no-repeat center bottom;  position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; }
.page-wy-about .pic{margin-bottom: 50px;}
.page-wy-about .pic img{ display: block; width: 100%;}
.page-wy-about .Guarantee_time {padding-left: 0;}
.page-wy-about .Guarantee_time li { text-align: center; color: #666666; padding: 20px 0 60PX; float: left; width: calc(100%/4); box-sizing: border-box; }  
.page-wy-about .Guarantee_time li h2 { color: #c5261d; font-size: 60px;  margin-bottom: 20px; font-family: arial; display: inline-block; font-weight: bold; letter-spacing: 2PX; }  
.page-wy-about .Guarantee_time li p { font-size: 22px; color: #333333; }
.guar1 li i{
	color: #fff;
}

.page-kg-title{padding: 70px 0; border-bottom: 1px solid #e5e5e5; width: 100%;}
.page-kg-title h2{font-size: 44px; color: #333333; font-weight: normal;}
.page-kg-title h3{color: #000000; font-size: 40px; margin-bottom: 15px;}
.page-kg-title p{color: #888888; font-size: 20px; }
.page-kg-about-box{display: -webkit-box; display:.page-kg-title h2{font-size: 44px; color: #333333; font-weight: normal;}
.page-kg-title h3{color: #000000; font-size: 40px;} -webkit-flex; display: -ms-flexbox; display: flex;  justify-content: space-between;}
.page-kg-about-box .left{width: 50%; padding-right: 4%; box-sizing: border-box;}
.page-kg-about-box .left .text{padding: 60px 0;}
.page-kg-about-box .left .text p{ line-height: 35px; font-size: 18px; color: #666666;}
.page-kg-about-banner{position: relative; padding-bottom: 15px;}
.page-kg-about-banner::before{position: absolute; content: ""; background: #fce5e7; width: 96%; height: 100%; }
.page-kg-about-banner .swiper-slide img{width: 100%;}
.page-kg-about-banner .swiper-pagination-bullet{height: 15px;width: 15px; background: #f2f2f2;}
.page-kg-about-banner .swiper-pagination-bullet-active{border: 4px solid #c5261d; background: none;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 40px}

.page-kg-about-box .right{width: 50%; box-sizing: border-box; margin-top: 185px;}
.page-kg-about-box .right em{display: block; position: relative;}
.page-kg-about-box .right em img{text-align: right; margin: 0 auto;  max-width: 100%;}
.page-kg-about-box .right em .t1{background: #c5261d; color: #ffffff; font-size: 28px;   text-align: center; left:50%; bottom: -7% ; transform: translateX(-50%); width: 460px; padding: 50px 20px; box-sizing: border-box; margin: 0 auto; position: absolute;}
.page-kg-about-text{margin-top: 70px;}
.page-kg-about-text p{line-height: 42px; margin-bottom: 35px; font-size: 15px; color: #666666;}


.page-hdwy-team{display: -webkit-flex; /* Safari */display: flex;}
.page-hdwy-team .left{width: 50%;}
.page-hdwy-team .left img{width: 100%; overflow: hidden; height: 100%;}
.page-hdwy-team .right{width: 50%; background: #f5f5f5; color: #141418; padding:60px 100px 50px 80px; box-sizing: border-box;}
.page-hdwy-team .right h2{ color: #333333; font-size: 44px; font-weight: normal; margin-bottom: 20px;}
.page-hdwy-team .right span{display: block; width: 20px; height: 2px; background: #666666; margin:35px 0;}
.page-hdwy-team .right p{color: #666666; line-height: 28px; color: #666666; margin-bottom: 8px; font-size: 16px;}

.page-hdwy-jiazhi{background: url(../images/ab-bg3.jpg) no-repeat;  position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; }
.page-hdwy-jiazhi .padbox{ height: 100%;}
.page-hdwy-jiazhi .left{width: 50%; float: left; padding:10vw 0; box-sizing: border-box; }
.page-hdwy-jiazhi .left h3{color: #ffffff; font-size: 46px; font-weight: normal; letter-spacing: 3px; margin-bottom: 3vw;}
.page-hdwy-jiazhi .left h5{color: #ffffff; font-size: 22px; line-height: 35px; margin-bottom: 1vw;}
.page-hdwy-jiazhi .left h5 span{/* margin-right: 20px; */}
.page-hdwy-jiazhi .left p{color: #ffffff; font-size: 18px; line-height: 30px; margin-bottom: 10px;}
.page-hdwy-jiazhi .left h5 span:nth-child(1){
	width: 75px;
	text-align-last: justify;
	display: inline-block;
}
.s_title{ text-align: center; padding: 80px 0;}
.s_title .t1{font-size: 34px; color: #000000; margin-bottom: 20px;}
.s_title .t2{font-size: 36px; color: #000000; font-family: arial; text-transform: uppercase;}

.page-kuangjia img{display: block; margin: 0 auto; max-width: 100%; max-height: 100%;}


.s_news_list{ margin: 0 auto; max-width: 1200px;}
.s_news_list li{ transition: all 0.5s; background: #ffffff url(../images/dot.png) no-repeat 95% 25px; margin-left:1.5%; margin-bottom: 30px; background-size: 55px; float: left; width: 32.33%; padding: 40px 40px 0; box-sizing: border-box;}
.s_news_list li .title span{display: block; color: #888888; font-size: 17px; font-weight: normal; margin-bottom: 20px; font-family: arial;}
.s_news_list li .title h2{color: #141418; font-size: 20px; margin-bottom: 20px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;}
.s_news_list li .info{color: #666666; font-size: 14px; margin-bottom: 50px; line-height: 30px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.s_news_list li .more{display: flex; display: -webkit-flex; justify-content: flex-end; margin-top: 30px;}
.s_news_list li .more span{position: relative; z-index: 1; transition: all 0.5s ;display: inline-block; width: 95px; height: 65px; line-height: 65px; background: #f3f3f3;}
.s_news_list li .more span.span2{display: inline-block; background: #353f4c; color: #ffffff; text-align: center; font-family: "宋体"; font-size: 24px;}
.s_news_list li:nth-child(3n+1){margin-left: 0;}
.s_news_list::before{background: url(../images/bg2.jpg) no-repeat center top;position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 90%; z-index: -1;}
#s_news::after{background: #efefef; position: absolute; content: ""; top: 0; right: 0; height: 100%; width: 90%; z-index: -2;}
.s_news_list li:hover{webkit-box-shadow:0 5px 20px 1px #dcdada;  
  -moz-box-shadow:0 5px 20px 1px #dcdada;  
  box-shadow:0 5px 20px 1px #dcdada;}

.s_news_list li:hover .title h2{color: #004ea2;}
.s_news_list li .more span.span2::before{position: absolute; content: ""; left: 0; top: 0; width: 0%; height: 100%; background: #004ea2; z-index: -1;}
.s_news_list li:hover .more span.span2::before{width: 100%; transition: all 0.6s;}




/*联系我们*/
.lianxi{ width:100%; overflow:hidden;}
.lianxi .shang{ width:100%; overflow:hidden; text-align:center; padding:80px 0; border-bottom:1px #e0e0e0 solid;}
.lianxi .shang .ming{ width:100%; overflow:hidden; line-height:1.1; text-align:center;}
.lianxi .shang .ming h2{ font-size:40px;}
.lianxi .shang .ming p{ color:#ccc; font-size:30px; line-height:1.1; padding-top:10px; font-family:"siyuan"; text-transform:uppercase;}
.lianxi .shang .dimian{ width:100%; overflow:hidden; margin-top:60px;}
.lianxi .shang .dimian li{ width:50%; float:left; overflow:hidden;}
.lianxi .shang .dimian li em{ display:block; overflow:hidden;}
.lianxi .shang .dimian li em img{ display:block; width:120px; height:120px; margin:0 auto;}
.lianxi .shang .dimian li figure{ font-size:16px; padding-top:20px;}
.lianxi .shang .dimian li small{ display:block; overflow:hidden; width:120px; height:120px; margin:0 auto; background:url(../images/dimian.png) no-repeat;}
.lianxi .shang .dimian li small.sm_01{ background-position:-10px 0;}
.lianxi .shang .dimian li small.sm_02{ background-position:-126px 0;}
.lianxi .shang .dimian li strong{ display:block; overflow:hidden; font-size:16px; padding-top:20px;}
.lianxi .shang .dimian li strong span{ display:block;}
.lianxi .shang .dimian li strong sup{ display:block; font-family:Arial, Helvetica, sans-serif;}

.lianxi .divyou{ width:100%; overflow:hidden;}
.lianxi .divyou .fade{ width:100%; overflow:hidden; padding:50px 0; line-height:1.5; text-align:center;}
.lianxi .divyou .fade h3{ font-size:36px; font-family:"siyuan";}
.lianxi .divyou .fade h2{ font-size:30px; letter-spacing:2px; font-weight:bold;}
.lianxi .divyou .fade span{ display:block; margin:20px auto; width:60px; height:2px; background:rgba(0,0,0,0.1); overflow:hidden;}
.lianxi .divyou .fade figure{ font-size:18px; color:#666; line-height:2;}
.lianxi .divyou .mapditu{ width:100%; overflow:hidden;}
.lianxi .divyou .mapditu img{display: block;}

/*在线留言*/
.develop-tit .about-tit{font-size: 38px;  color: #333;}
.develop-tit{text-align: center;  padding:30px 0;  }
.develop-tit .desc{ font-size: 38px;  color: #666;  margin-top: 20px;  }
.develop-tit .line{ width: 40px;  height: 5px;  background-color: #e8e8e8;  margin:40px auto 0;  }
.message-box{ padding:40px 0 140px 0; }
.message-box .form-box{  margin-top: 20px;  }
.message-box .form-box .item{float: left; width: 48%;}
.message-box .form-box .item2{width: 100%;}
.message-box .form-box .item:last-child{  font-size: 0;  text-align: center;  float: none; margin: 0 auto; width: 100%;}
.message-box .form-box .check-box,
.message-box .form-box input[type=submit]{  float: none;  display: inline-block;  *display: inline;  zoom: 1;  margin: 0 20px;  }
.message-box .form-box .item:nth-child(2n){float: right;}
.form-box .row{  margin: 0 -20px;  }

.form-box .item{  box-sizing: border-box;   margin-bottom: 30px;  }

.form-box .item:last-child{  margin-bottom: 0;  }

.form-box .tit{  font-size: 16px;  margin-bottom: 15px;  }

.form-box .tit .red{  color: #f00;  }

.form-box input[type=text],
.form-box textarea{ width: 100%; padding:20px 20px 20px 60px; height:60px;  line-height: 60px;  font-size: 14px;  color: #999;  background-repeat: no-repeat;  background-position: 20px center;  background-size: 20px;  background-color: #f9f9f9;  border: 1px solid #e5e5e5; box-sizing: border-box; transition: all .3s;  }
.message-box .form-box .item textarea{}
.form-box .name{
   background-image: url("../images/form-icon1.png");
}
.form-box .tel{
    background-image: url("../images/form-icon2.png");
}
.form-box .mail{
    background-image: url("../images/form-icon3.png");
}
.form-box .address{
    background-image: url("../images/form-icon4.png");
}

.form-box .company{
    background-image: url("../images/form-icon5.png");
}

.form-box .country{
    background-image: url("../images/form-icon6.png");
}

.form-box .content{
    background-image: url("../images/form-icon7.png");
    background-position: 20px 46px;
    height: 200px;
}
.form-box input::-webkit-input-placeholder{
    color:#999;  
}  
.form-box input:-moz-placeholder{
    color:#999;
}  
.form-box input::-moz-placeholder{
    color:#999;
}  
.form-box input:-ms-input-placeholder {
    color:#999;
}  

.form-box textarea::-webkit-input-placeholder{
    color:#999;  
}  

.form-box textarea:-moz-placeholder{
    color:#999;
}  

.form-box input[type=text]:focus,
.form-box textarea:focus{
    background-color: #274fa1;
    color: #fff;
}

.form-box input[type=text]:focus::-webkit-input-placeholder {
    color: #fff;
}

.form-box input[type=text]:focus:-moz-placeholder {
    color: #fff;
}

.form-box input[type=text]:focus::-moz-placeholder {
    color: #fff;
}

.form-box input[type=text]:focus:-ms-input-placeholder {
    color: #fff;
}

.form-box textarea:focus::-webkit-input-placeholder{
  color:#fff;  

}  

.form-box textarea:focus:-moz-placeholder{
    color:#fff;
}

.form-box .name:focus{
    background-image: url("../images/h-form-icon1.png");
}

.form-box .tel:focus{
    background-image: url("../images/h-form-icon2.png");
}

.form-box .mail:focus{
    background-image: url("../images/h-form-icon3.png");
}

.form-box .address:focus{
    background-image: url("../images/h-form-icon4.png");
}
.form-box .company:focus{
    background-image: url("../images/h-form-icon5.png");
}
.form-box .country:focus{
    background-image: url("../images/h-form-icon6.png");
}

.form-box .content:focus{
    background-image: url("../images/h-form-icon7.png");

}
.form-box .check-box{  float: left;  width: 22.9%;  border: 1px solid #e5e5e5;  }

.form-box .check-box input{

    padding: 10px;

    height: 60px;

    line-height: 60px;

    width: 63%;

    border: none;

    border-right: 1px solid #e5e5e5;

    margin: 0;

}

.form-box .check-box img{

    float: right;

    width: 36.36%;

    height:60px;

}

.form-box input[type=submit]{

    float: left;

    width: 200px;

    height: 60px;

    background-color: #274fa1;

    text-align: center;

    margin-left: 20px;

    color: #fff;

    font-size: 14px;

    transition: all .3s;
    border: none;

}


/*人才招聘岗位*/
.recruit-box{padding-bottom: 80px;}
.recruit-box .list{  margin-top: 60px  }
.recruit-box .list .item{  display: block; cursor: pointer; margin-bottom: 20px;  padding: 30px 40px;  border: 1px solid #d8e5ec;  background-color: #fff;  transition: all .2s;  }
.recruit-box .list .item:nth-child(2n){  background-color: #f9f9f9;  }
.recruit-box .list .staff-box{  padding-bottom: 30px;  border-bottom: 1px solid #d8e5ec;  transition: all .3s;  }
.recruit-box .list .staff{  float: left;  font-size: 20px;  color: #333;  padding-left: 35px;  background-repeat: no-repeat;  background-position: left center;  background-size: 20px; 
 background-image: url(../images/staff.png);  transition: all .3s;  }
.recruit-box .list .detail{ float: right; font-size: 16px; color: #999; padding-right: 25px; background-repeat: no-repeat; background-position: right center;
 background-image:url(../images/recruit-arrow.png); transition: all .3s; }
.recruit-box .list .require{ margin-top: 20px; font-size: 0; }
.recruit-box .list .require span{  display: inline-block;  *display: inline;  zoom: 1;  vertical-align: top;  font-size: 14px;   width: 33.333%;  margin-bottom: 10px;  color: #666;  transition: all .3s;  }
.recruit-box .list .item:hover{ background-color: #274fa1; border-color: #274fa1; box-shadow: 0 10px 20px rgba(0,148,156,.2); }
.recruit-box .list .item:hover .staff{ color: #fff; }
.recruit-box .list .item:hover .detail{ color: #fff; background-image: url("../images/recruit-arrow2.png"); }
.recruit-box .list .item:hover .staff-box{ border-color: rgba(216,229,236,.3); }
.recruit-box .list .item:hover .require span{ color: #fff; }
.rectuitinfo-box .btns a:hover{ background-color: #274fa1; color: #fff; }
.rectuitinfo-box .btns a:hover span{ background-image: url("../images/rectuitinfo-share2.png"); }
.rectuitinfo-box .bshare-custom a:hover{ text-decoration: none; }
.rectuitinfo-box .bshare-custom .bshare-more.more-style-addthis:hover{ background-color: #274fa1; color: #fff; }
.rectuitinfo-box .bshare-custom .bshare-more.more-style-addthis:hover span{ color: #fff; }
/*弹窗*/
.g5liebiao{ width:100%; margin:0 -8px; margin-top:50px; }
.g5abt h2{ display:inline-block; color:#555555;  font-size:22px; width: 265px;  overflow: hidden; }
.g5listita a{ width:170px; height:45px; line-height: 45px; display:block; background:#fff; margin-top:20px; position:absolute; bottom:10px; left:15px; }
.g5listita a p{ color:#3c276e; padding-left: 35px; line-height: 45px; }
.g5listita a p::after{ position:absolute; content:""; width:7px; height:13px; background:url(../images/sanjiaoa.png) no-repeat center; right: 56px; top:50%; transform: translateY(-50%); background-size: cover; color:#3c276e; }
.g5tan{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index: 9999; display:none; }
.tancoiii{margin-top: 20px;}
.tancoiii h4{ color:#333333;  font-size:18px; margin-bottom:30px; font-weight: bold; }
.tancoiii p{ color:#666666; font-size:14px; font-weight:lighter; line-height: 35px; }
.tancon{ max-width:1200px; width: 65%; position:absolute; border-bottom:4px solid #3c276e; padding:0 73px 0; background:#fff; top:50%; left:50%; transform: translate(-50%,-50%); box-sizing: border-box; }
.g5lianjie{ width:100%; height:52px;  margin-top:20px; margin-bottom: 20px; }
.g5lianjie p{ display:block; width:100%; height:100%; line-height: 52px; color:#274fa1;  font-family: "微软雅黑"; font-weight: bold; font-size:16px; }

.tanright{ width:58px; height:58px; position:absolute; top:0; right:-88px; cursor: pointer; }
.tanright img{ width:100%; }

.tancoiiiab{padding: 30px 0 30px; border-bottom: 1px solid #eeeeee; }
.tancoiiiab .t1{display: inline-block; width: 24%; color: #666666; font-size: 14px;}
.tancoiiiab .t1 b{display: block; color: #333333; font-size: 18px; margin-top: 10px;}

.rc-popscroll{ max-height: 450px; overflow-y: scroll;  padding-right: 60px;}
.rc-popscroll::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 5px;}
.rc-popscroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #003f98; width: 5px; }
.rc-popscroll::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #f2f5f9; width: 5px; }


.job-description .swiper-container {
    width: 100%;
    height: 300PX;}

.job-description .swiper-container .swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}


/*解决方案*/
.case-box{background: #f4f4f5; padding: 60px 0 120px 0;}
.case-box .index-sec1-list .item{margin-bottom:40px;}
.case-box .index-sec1-list .item:nth-child(2n) .text{float: right;}
.case-box .index-sec1-list .item:nth-child(2n) .img{float: left;}
.case-box .index-sec1-list .item{background: #f8f8f8; transition: all 0.6s;}
.case-box .index-sec1-list .item .text{padding: 60px 60px 0; box-sizing: border-box; width: 45%; max-width: 600px; float: left;}
.case-box .index-sec1-list .item .text .title {margin-bottom: 40px;}
.case-box .index-sec1-list .item .text .title h3{color: #333333; font-family: arial; font-size: 24px;font-weight: bold; margin-bottom: 30px;}
.case-box .index-sec1-list .item .text .title h4{color: #333333; font-family: arial; font-size: 34px; font-weight: bold;}
.case-box .index-sec1-list .item .info {min-height: 240px;}
.case-box .index-sec1-list .item .info p{color: #666666; line-height: 35px;text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5; overflow: hidden;}
.case-box .more-but{ transition: all .4s; display: block; width: 200px; height: 55px; line-height: 55px; text-align: center; border-radius: 35px; border: 2px solid #000000; margin-top: 20px;}
.case-box .more-but a{ display:block; width:100%;height: 55px; line-height: 55px; }
.case-box .case-box .more-but:hover{background: #026dfe; border: 2px solid #ffffff;}
.case-box .more-but:hover a{color: #ffffff;}

.case-box .index-sec1-list .item .img{width: 55%; float: right;}
.case-box .index-sec1-list .item .img img{display: block; width: 100%;}
.case-box .index-sec1-list .item:hover{background: #ffffff;}


@media screen and (max-width: 1600px) {
	.index-about-left .top .fr{width:75% ;}
	.index-about-left .bottom .fr{width: 75%;}
	}
@media screen and (max-width: 1450px) {
	.index-about-left .top img{height: 200px;}	
	
	.page-hdwy-team .right h2{font-size: 40px;}
	.page-hdwy-team .right p{font-size: 14px;}
	.page-hdwy-team{min-height: auto;}
	.page-hdwy-team .right{padding: 60px;}
	.page-hdwy-jiazhi .left h3{font-size: 42px;}
	.page-hdwy-jiazhi .left h5{font-size: 18px;}	
	.page-kg-title h2{font-size: 42px;}
	}
	

@media screen and (max-width: 1350px) {
	.w1300{width: 100%; padding: 0 2%;  box-sizing: border-box; max-width: 1200px;}
	.about-nav li{margin-right: 8%;}
	.news-center .div1{width: 31.5%;}
	.news-center .div2{width: 33%;}	
	.News .xinwen.kuadu_a{ width:42%;}
	.News .xinwen.kuadu_b{ width:55%;}
	.News .xinwen .zixun ul li figure{width: 56%;}
	.News .xinwen .zixun ul li a{display: flex; display: -webkit-flex;}
	.index-sec1-list .item .info{min-height: auto;}
	.case-box .index-sec1-list .item .info{min-height: auto;}
	.I_footer_son .div3{width: 22%;}
	.I_footer_son .div4{width: 28%;}
	.page-wy-about .Guarantee_time li h2{font-size: 55px;}
	.page-wy-about .Guarantee_time li p{font-size: 20px;}
}

/* 手机端menu按钮 */

.menu-handler {
	width: 64px;
	float: right;
	height: 54px;
	display: none;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 0px;
}

.menu-handler span {
	position: relative;
	display: block;
	margin: 25.5px auto 0px;
	width: 28px;
	height: 3px;
	background-color: #004ea2;
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}

.menu-handler span::after,
.menu-handler span::before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 3px;
	left: 0px;
	background-color: #004ea2;
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}

.menu-handler span::before {
	top: -9px;
	transition-property: top, transform;
}

.menu-handler span::after {
	bottom: -9px;
	transition-property: bottom, transform;
}

.menu-handler.active span {
	background-color: transparent;
	transition-delay: 0s, 0s;
}

.menu-handler.active span::after,
.menu-handler.active span::before {
	transition-delay: 0s, 0.3s;
}

.menu-handler.active span::before {
	top: 0px;
	transform: rotate(45deg);
}

.menu-handler.active span::after {
	bottom: 0px;
	transform: rotate(-45deg);
}

.menuBox a:link,
.menuBox a:visited {
	color: rgb(255, 255, 255);
}

.menuBox a:active,
.menuBox a:hover {
	color: rgb(255, 255, 255);
}

.menuBox {
	background-color: rgba(0, 0, 0, 0.8);
	color: rgb(255, 255, 255);
	position: fixed;
	display: none;
	right: 0px;
	top: 0px;
	height: 100vh;
	overflow: hidden auto;
	transform: translateX(100%);
	width: 400px;
	z-index: 980;
	transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.menuMoblie {
	padding: 80px 0px 80px;
}

.menuMoblie .nav-link {
	display: block;
	font-size: 20px;
	padding: 10px 22px 10px 80px;
	position: relative;
}

.menuMoblie .cur {
	opacity: 0.9;
	border-top: 1px solid rgb(219, 219, 219);
	border-bottom: 1px solid rgb(219, 219, 219);
	background-color: rgb(232, 232, 232);
}

.menuMoblie .cur .nav-link {
	color: #004ea2;
}

.menuMoblie .subnav {
	padding-bottom: 12px;
	display: none;
}

.menuMoblie .subnav a {
	position: relative;
	display: block;
	padding: 10px 22px 10px 80px;
	line-height: 1.4;
	color: rgb(51, 51, 51);
	font-size: 15px;
}

.pusher-black {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 900;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s cubic-bezier(0.02, 0.01, 0.47, 1) 0s;
}

.menuOpen .pusher-black {
	visibility: visible;
	opacity: 1;
}

.menuOpen .menuBox {
	transform: translateX(0px);
}
.works ul li:nth-child(2n){
	margin-right: 0;
}

.partImg{
	transition: all 0.5s;
	box-sizing: border-box;
	overflow: hidden;
	    padding:15px;
	cursor: pointer;
	border: 1px solid rgb(230,238,238);
	}
.partImg img{
	float: left;
	width: 100%;
	transition: all 0.6s;
}

.partImg:hover{
	box-shadow: 1px 1px 10px 1px rgb(200,200,200);
}
.partPic .swiper-container{
	padding: 10px;
}
.work2{
	background: #fff;
	padding-top: 60px;
}
.downLoad{
	/* display: flex; */
	/* align-items: center; */
	/* flex-direction: column; */
	/* justify-content: center; */
	text-align: center;
}
.downLoad img{
	width: 130px;
	/* margin-right: 30px; */
}
.downLoad .div2{
    margin: auto;
    background: rgb(0,78,162);
    text-align: center;
    padding: 18px;
    margin-top: 15px;
    border-radius: 5px;
    width: 80%;
    display: inline-block;
}
.downLoad .div2 .divWord1{
	    font-size: 20px;
	    font-family: 宋体;
	    font-style: italic;
	    margin-bottom: 6px;
}
.downLoad .div2 .divWord2{
	font-family: BIN;
	font-size: 18px;
	line-height: 32px;
}
.downLoad .div2 .divWord3{
	font-family: BIN;
	font-size: 16px;
	line-height: 25px;
	margin-top: 6px;
	text-align: left;
}

.JiJinCase .JiJinCase_content{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list{ width: 32%; margin-bottom: 40px; position: relative;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_img{ text-align: center; position: relative;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_img img{ max-width: 100%;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt{font-weight:600; font-size: 18px;color: #333333;line-height: 68px;padding: 0px 20px;background: #fff;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt span{font-weight:normal; font-size: 15px;color: #999999;margin-left: 17px;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,.2);}



.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_hover dt{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;color:#fff;font-size:35px;opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_hover dd{background:rgba(0,0,0,.5);position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_hover .hr{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_hover .hr img{width:auto;height:auto;opacity:0;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list:hover .content_list_hover dd{opacity:1;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list:hover .content_list_hover .hr img{opacity:1;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list:hover .content_list_hover dt{opacity:1;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list:hover .content_list_hover .hr img{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}


.content_list_img{
	overflow: hidden;
}
.content_list_img img{
	float: left;
	width: 100%;
}
.I_footer .div1 {
	display: flex;
	align-items: center;
}
.partImg{
	overflow: hidden;
}
.partImg img{
	float: left;
	width: 100%;
}