@charset "utf-8";
/*基础样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;}
article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;}
input,select,textarea,button{vertical-align:middle;}
body{font-size:14px; font-family:Microsoft Yahei,Verdana, Geneva, sans-serif;}
ul,li,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
table,td{ empty-cells:show; border-collapse:collapse;}
.clear{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; clear:both;}
img{border:none;}
html,body{ width:100%; position:relative;}

a { text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
a{outline:none; blr:expression(this.onFocus = this.onblur()); text-decoration:none; color:#333;}
a:hover{text-decoration:none;}

.zj{ width:1200px; margin:0px auto; clear:both;}
@media screen and (max-width: 1200px) { 
.zj{ width:100%; margin:0px auto; clear:both;}
} 
.top{ width:100%; height:90px; position:relative; z-index:99999;}
.logo{ margin-top:15px; float:left;}
.logo img{ width:270px;}
.menu{ float:right;}
.menu li{ width:100px; margin:0px 10px; float:left; text-align:center; line-height:90px; font-size:16px;}
.menu li a{ display:block;}
.menu li a:hover{ color:#fff; background:#6d3010;}

.menu li .xlcd{ display:none; width:150px; background:#fff; position:absolute; margin-left:-25px;}
.menu li .xlcd dd{ width:100%; height:50px; font-size:14px; line-height:50px;}
.menu li:hover .xlcd{ display:block; transition: transform 0.3s linear;}

.slider{width: 100% !important; height:816px; margin:0 auto; overflow: hidden; position:relative; background:#093e96}
.slider .slider-main li{ width:100% !important; }
.slider .slider-main li img{width:2000px !important;height:1263px !important;position: absolute;left:50%;margin-left:-1000px;}

.container01{ padding:90px 0; background:#edf4f7}
.container01 .title{ text-align:center; margin-bottom:70px;}
.container01 .title h3{ margin-bottom:12px;}
.container01 .title p{ font-size:16px; line-height:32px; color:#707578}

.container01 ul{font-size:0;margin:0 -5px;margin-bottom: 88px;}
.container01 ul li{display:inline-block;width: 240px;padding:0 5px;overflow:hidden;height: 585px;transition:1.2s ease;vertical-align: top;}
.container01 ul li a:before{content:"";background: rgba(0,0,0,0.5);position:absolute;left:0;top:0;width: 100%;height:100%;-transition:1.2s ease;z-index: 10;}
.container01 ul li a{display:block;width:100%;height:100%;padding: 202px 28px 0;overflow: hidden;position: relative;}
.container01 ul li .bg{position:absolute;left:0;top:0;width:100%;height:100%;transition:1.2s ease;z-index: 1;}
.container01 ul li .con{position:relative;z-index: 101;}
.container01 ul li .con h3{height: 46px;line-height: 46px;margin-bottom: 12px;overflow:hidden;transition: 0.9s;}
.container01 ul li .con h3 img{ opacity:1; transition:1.2s ease}
.container01 ul li .con h4{font-size: 24px;color:#fff;text-transform:uppercase; position:relative}
.container01 ul li .con h4:before{content:"";position:absolute;left:0;top: -40px;width: 0;height:5px;background:#1d1a0f;z-index: 10;transition: 0.36s ease;}
.container01 ul li .con h5{font-size: 12px;color: rgba(255,255,255,0.7);margin-bottom:72px;margin-top:8px;position:relative;text-transform: uppercase;}
.container01 ul li .con h5:before{ content:""; position:absolute; top:48px; left:0; width:0; height:2px; background:#fff; transition:1.2s ease}
.container01 ul li .con p{font-size: 14px;color: #fff;line-height:30px;height:0;overflow:hidden;margin-bottom: 60px; opacity:0; transition:1.2s ease}
.container01 ul li .con .more b{display:inline-block;width: 108px;height: 35px;line-height: 35px;text-align:center;font-size: 14px;font-weight: normal;-moz-border-radius: 17.5px;-webkit-border-radius: 17.5px;border-radius: 17.5px;transition:1.2s ease;color:#333;background: #fff;}
.container01 ul li .con .more b span{display:inline-block;width: 100%;height: 35px;line-height: 35px;color: #333;font-size: 14px;overflow:hidden;transition:1.2s ease;}

.container01 ul li.on{width: 450px;}
.container01 ul li.on a{ padding:138px 54px 0;box-sizing: border-box;}
.container01 ul li.on a h3{height:0;transform:rotateX(90deg);opacity:0;}
.container01 ul li.on a h4{ color: #fff;}
.container01 ul li.on a h5{ color: #fff;}
.container01 ul li.on a:before{background: rgba(109,48,16, 0.85);}
.container01 ul li.on .con p{ height:120px; opacity:1}
.container01 ul li.on .con h4:before{ width:40px;}

.container01 dl{text-align:center;position:relative;font-size:0;padding: 0 8%;}
.container01 dd{ display:inline-block; width:33.333333%; position:relative}
.container01 dd:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background: rgba(40, 63, 79, 0.1);bottom: -101px;left: 23%; transition:0.6s; transform:scale(0)}
.container01 dd:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#166a79;bottom: -95px;left: 24.8%; transition:0.6s; transform:scale(0)}
.container01 dl dd h3{height: 38px;line-height: 38px;float:left;width: 88px;border-right: #54656d 1px solid; position:relative}
.container01 dl dd h3:after{ content:""; position:absolute; right:-4px; top:0; height:0; width:4px; background:#166a79; transition:0.6s;}
.container01 dl dd h3 img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
.container01 dl dd .right{padding: 0 0 0 28px;text-align: left;}
.container01 dl dd h4{font-size:12px;color: #86949e;text-transform:uppercase;position:relative;}
.container01 dl dd h5{font-size: 18px;color: #212223;margin-bottom: 6px;position:relative;}

.container01 dl dd:hover h3 img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}

.container01 dd:hover:before,.container01 dd:hover:after{ transform:scale(1)}
.container01 dl dd:hover h3:after{ height:100%}
@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)}
}

.container02{padding:98px 0 0;text-align: center; background:url(../images/container02_bg.png) center bottom no-repeat; overflow:hidden}
.container02 .title{padding:42px 0;border-top:#7f929a 1px solid;border-bottom:#7f929a 1px solid;text-align:center;max-width: 790px;display: inline-block;}
.container02 .title h2{ font-size:54px; color:#666; font-weight:bold; margin-bottom:15px;}
.container02 .title h2 font{ color:#6d3010}
.container02 .title h5{ font-size:16px; color:#2e2e2e}
.container02 h6{font-size:12px;color:#838789;text-transform:uppercase;text-align:center;letter-spacing: 5px;margin: 18px 0 32px;}
.container02 p{ font-size:15px; line-height:30px; color:#707578; text-align:center; margin-bottom:48px;}
.container02 .more{ text-align:center}
.container02 .more a{display:inline-block;width:50px;height:105px;background:#999;border-radius: 0;border-top-left-radius:25px;border-top-right-radius:25px;transition:0.6s;}
.container02 .more a .icon{ display:inline-block; width:40px; height:40px; line-height:40px; background:#6d3010; border-radius:50%; margin-top:5px; margin-bottom:10px; transition:0.6s}
.container02 .more a .icon img{ margin:9px 0 0}
.container02 .more a span{ display:inline-block; width:16px; line-height:16px; color:#fff}
.container02 .more a:hover{
    background: #6d3010;
}
.container02 .more a:hover .icon{
    background: #999;
}
.container0211{padding:98px 0 50px;text-align: center; overflow:hidden}
.container0211 .title{padding:42px 0;border-top:#7f929a 1px solid;border-bottom:#7f929a 1px solid;text-align:center;max-width: 790px;display: inline-block;}
.container0211 .title h2{ font-size:54px; color:#666; font-weight:bold; margin-bottom:15px;}
.container0211 .title h2 font{ color:#6d3010}
.container0211 .title h5{ font-size:16px; color:#2e2e2e}
.container0211 h6{font-size:12px;color:#838789;text-transform:uppercase;text-align:center;letter-spacing: 5px;margin: 18px 0 32px;}
.container0211 p{ font-size:15px; line-height:30px; color:#707578; text-align:center; margin-bottom:48px;}


.container03{ height:370px; background:#999; background-attachment:fixed; padding-top:55px}
.container03 ul{font-size:0;background:url(../images/ul.png) center no-repeat;height:250px;padding: 0 15px;margin: 0 -15px;}
.container03 ul li{display:inline-block;width:24.7%;text-align:center;padding: 20px 0 0; border-right:rgba(255,255,255,0.4) 1px solid; position:relative}
.container03 ul li:after{ content:""; position:absolute; right:-3px; top:0; width:3px; height:0; background:#fff; transition:0.6s}
.container03 ul li:nth-child(1){ transition-delay:0.3s}
.container03 ul li:nth-child(2){ transition-delay:0.6s}
.container03 ul li:nth-child(3){ transition-delay:0.9s}
.container03 ul li:nth-child(4){ transition-delay:1.2s}
.container03 ul li:last-child{ border:none}
.container03 ul li:last-child:after{ display:none}
.container03 ul li .icon{ display:inline-block; text-align:left}
.container03 ul li h4{ margin-bottom: 50px;}
.container03 ul li h4 span{font-size: 14px;color: #fff;display:  inline-block;margin-right: 24px;vertical-align: top;position: relative;}
.container03 ul li h4 span font{display:inline-block;width:24px;height:24px;background:#281f0e;border-radius:50%;line-height: 24px;text-align: center;}
.container03 ul li h4 span font:before{content:"";position:absolute;top:50%;left:50%;margin-left: -18px;margin-top: -18px;width:34px;height:34px;border:#fff 1px dashed;border-radius: 50%; transition:1.2s}
.container03 ul li h4 span.counter{font-size: 64px;color: #fff;margin-top: 0;font-family: DINOT;letter-spacing: -4px;}
.container03 ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.container03 ul li h5{font-size: 15px;color: #e1e1e1;margin-bottom: 8px;padding-left: 5px;}
.container03 ul li h6{font-size: 14px;color: rgba(255,255,255,0.8);line-height: 24px;height: 48px;margin-bottom: 15px;}

.container03 ul li:hover h4 span font:before{ transform:rotate(360deg)}
.container03 ul li:hover:after{ height:100%}
.container03 ul li:hover h3 img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}

.container04{ padding:70px 0 120px;}
.container04 .title{ margin-bottom:55px;}
.container04 .title .fl h3{font-size: 26px;color: #383939;margin-bottom: 6px; position:relative}
.container04 .title .fl h3:before{content:"";position:absolute;right: -12px;top: -16px;background:url(../images/container04_yuan.png) center no-repeat;width:35px;height:35px;z-index: -1;}
.container04 .title .fl h5{font-size:14px;color: #006cb7;text-transform: uppercase;}
.container04 .title .fr{ padding:5px 0 0}
.container04 .title .fr a{display:inline-block;width:125px;height:40px;line-height: 38px;font-size:14px;color:#383939;border:#eeeeee 1px solid;border-radius:20px;text-align:center;position:relative;overflow: hidden;}
.container04 .title .fr a:before{content:"";position:absolute;width:126px;height:126px;top:50%;margin-top:-63px;left:50%;margin-left:-63px;background:#283f4f; border:#283f4f 1px solid;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.container04 .title .fr a span{ position:relative}

.container04 .title .fr a:hover:before{ transform:scale(1); opacity:1; color:#fff}
.container04 .title .fr a:hover span{color:#fff}

.container04 .fl01{margin-bottom: 20px;}
.container04 .fl01 ul{ font-size:0; margin:0 -7.5px;}
.container04 .fl01 ul li{padding:0 7.5px;margin-bottom:15px;width:33.333333%;display:inline-block;margin-bottom: 30px;}
.container04 .fl01 ul div li:nth-child(1),.container04 .fl01 ul div li:nth-child(2){width: 602px;padding: 0 4px;margin: 0 1px 0 3px;margin-bottom: 30px;}
.container04 .fl01 ul div li:nth-child(1) .img>img,.container04 .fl01 ul div li:nth-child(2) .img>img{ width:595px; height:395px; object-fit:cover}
.container04 .fl01 ul a{display:block;position:relative;width:100%;height:100%;overflow: hidden;}
.container04 .fl01 ul .img{overflow:hidden;position: relative;}
.container04 .fl01 ul .img>img{width:100%;height: 260px;object-fit: cover;}
.container04 .fl01 ul .top{top:-100%;left:0;position:absolute;width:100%;height:100%;background: rgba(0,0,0,0.4);text-align:center;transition:0.9s ease;padding:0 3.5rem;z-index: 100;overflow: hidden;}
.container04 .fl01 ul .top h5{font-size: 18px;color: #2d2e2e;margin-bottom: 16px;}
.container04 .fl01 ul .top p{font-size: 14px;color: #2d2e2e;line-height: 24px;overflow:hidden;margin-bottom: 20px;}
.container04 .fl01 ul .top img{ display:inline-block;}
.container04 .fl01 ul .con{ background:#edf4f7; height:85px; padding:0 30px; overflow:hidden}
.container04 .fl01 ul .con .table{ text-align:left}
.container04 .fl01 ul .con h5{ font-size:18px; color:#2d2e2e; margin:12px 0; overflow:hidden; white-space:nowrap; text-transform:uppercase}
.container04 .fl01 ul .con h6{ font-size:14px; color:#8e9294; margin:12px 0}
.container04 .fl01 ul div li:nth-child(1) .con h5,.container04 .fl01 ul div li:nth-child(2) .con h5{ float:left; font-size:18px; color:#2d2e2e; margin:12px 0; max-width:50%}
.container04 .fl01 ul div li:nth-child(1) .con h6,.container04 .fl01 ul div li:nth-child(2) .con h6{ float:right; font-size:14px; color:#8e9294; margin:12px 0; max-width:50%}

.container04 .fl02 ul{font-size:0;text-align: center;}
.container04 .fl02 ul li{width:40px !important;text-align:center;display:inline-block;float: none;margin: 0 6px;}
.container04 .fl02 ul li span{display:inline-block;width: 36px;height: 36px;line-height: 34px;border-radius:50%;font-size: 14px;color: #294957;cursor:pointer;border: #e5e5e5 1px solid;}
.container04 .fl02 ul li.miso-current span{background: #166a79;color:#fff;border: #166a79 1px solid;}

.container04 .fl01 ul li:hover .icon:after{ transform:scale(1); transition-delay:0.36s}
.container01 .fl01 ul li .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; transition:0.9s ease}
.container04 .fl01 ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; transition:0.9s ease}
.container04 .fl01 ul li:hover .icon{ background:#da251d}
.container04 .fl01 ul li:hover .icon .con01{ left:100%;}
.container04 .fl01 ul li:hover .icon .con02{ left:0;}
.container04 .fl01 ul li:hover .img .top{ top:0;}
.container04 .fl01 ul li:hover a>h5{ transform:scale(0);}
.container04 .fl01 ul li:hover .img>img{ transform:scale(1.06);}

.container08{ padding:75px 0; background:#f7f7f7; overflow:hidden; position:relative}

.container08 .w1200{ position:relative; z-index:2}

.container08:before{ content:""; position:absolute; left:0; top:320px; width:100%; height:1px; border-bottom:#d0d0d1 1px dashed;}

.container08:after{ content:""; position:absolute; right:0; top:320px; width:0; height:1px; border-bottom:#333 1px dashed; z-index:0; -moz-transition: all 4s ease-in-out;-webkit-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out;}

.container08:hover:after{ left:0; width:100%;}

.container08 ul{ font-size:0; overflow:hidden; text-align:center; width:1304px; margin-left:-52px;}

.container08 ul li{ width:326px; display:inline-block; *display:inline; *zoom:1;text-align:center; position:relative}

.container08 ul li .img{width: 145px;height: 145px;line-height: 143px;display: inline-block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:  relative;z-index: 10;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;transform:rotate(90deg) translateZ(0);-webkit-transform:rotate(90deg) translateZ(0);-moz-transform:rotate(90deg) translateZ(0); background:#f7f7f7; margin-bottom:20px;} 

.container08 ul li .img a{ display:block; transform:rotate(-90deg) translateZ(0); -webkit-transform:rotate(-90deg) translateZ(0);  -moz-transform:rotate(-90deg) translateZ(0);}

.container08 ul li .img a img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;filter:alpha(opacity=65); opacity:0.65; -moz-opacity:0.65; -khtml-opacity:0.65}

.container08 ul li:hover .img a img{-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}

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

}



.circleProgress_wrapper{ position:relative;}

.wrapper{width: 72.5px;height: 145px;position: absolute;top:0;overflow: hidden;}

.circleProgress_wrapper .left{width: 72.5px;height: 146px;position:absolute;left:0;top:0;}

.circleProgress_wrapper .right{width: 72.5px;height: 146px;position:absolute;right:0;top:0;}

.container08 ul li .img .circleProgress{width: 146px;height: 145px;border: 2px solid #6d3010;border-radius: 50%;position: absolute;top:0;-webkit-transform: rotate(45deg);box-sizing:border-box;}

.container08 ul li .img .rightcircle{border-top: 2px solid #d0d0d1;border-right: 2px solid #d0d0d1;right:0;}

.container08 ul li .img:hover .rightcircle{ -webkit-animation: circleProgressLoad_right 2s linear; } 

.container08 ul li .img .leftcircle{border-bottom: 2px solid #d0d0d1;border-left: 2px solid #d0d0d1;left:0;}

.container08 ul li .img:hover .leftcircle{ -webkit-animation: circleProgressLoad_left 2s linear;}

.container08 ul li .img:after{content:"";position:absolute;left: 0;top: 0;width: 141px;height: 141px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}

.container08 ul li .img:hover:after{transition-delay:2s; border:2px solid #6d3010;} 





@-webkit-keyframes circleProgressLoad_right{

	0%{

		-webkit-transform: rotate(45deg);

	}

	50%{

		-webkit-transform: rotate(225deg);

	}

	100%{

		-webkit-transform: rotate(225deg);

	}

}

@-webkit-keyframes circleProgressLoad_left{

	0%{

		-webkit-transform: rotate(45deg);

	}

	50%{

		-webkit-transform: rotate(45deg);

	}

	100%{

		-webkit-transform: rotate(225deg);

	}

}



.container08 ul li span{position:absolute;left: 206px;top: 55px;display:inline-block;width:70px;height: 35px;line-height: 35px;font-size:14px;color:#a1a1a2;background: #f7f7f7;z-index: 100;text-align: left;text-transform:uppercase; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container08 ul li:hover span{ color:#6d3010}

.container08 ul li:before{content:"";position:absolute;width:5px;height:5px;left: 229px;top: 52px;background:#d0d0d1;-moz-border-radius:2.5px;-webkit-border-radius:2.5px;border-radius:2.5px;z-index: 1000; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container08 ul li:after{content:"";position:absolute;width:5px;height:5px;left: 229px;top: 87px;background:#d0d0d1;-moz-border-radius:2.5px;-webkit-border-radius:2.5px;border-radius:2.5px;z-index: 1000; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container08 ul li:hover:after{ background:#6d3010}

.container08 ul li:hover:before{ background:#6d3010; transition-delay:2s}

.container08 ul li h4{font-size:16px;color:#3b3b3b;margin-bottom: 12px;}

.container08 ul li h5{ font-size:14px; color:#6e6e6e}
.container00 .title {
    text-align: center;
    margin-bottom: 60px;
}
.container00 .title h2 {
    font-size: 34px;
    color: #4f4f4f;
    text-transform: capitalize;
}
.container00 .title h5 {
    font-size: 16px;
    color: #474747;
    margin: 5px 0 24px;
}
.container00 .title h6 {
    font-size: 15px;
    color: #787878;
    margin-bottom: 44px;
    font-weight: bold;
}
.slow img {
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.slow img:hover {
    transform: scale(1.05);
}
.container07{ padding:75px 0; background:#fff; overflow:hidden; position:relative}

.container07 .title{ margin-bottom:36px}

.container07 ul{ margin:0 -18.5px; margin-bottom:75px}

.container07 ul li{margin:0 18.5px; display:block; float:left; }

.container07 ul li a{ display:block;}

.container07 ul li a .img,.container07 a img{display:block;width:375px;height:225px;overflow:hidden;position:  relative;}

.container07 ul li a h5{padding: 19px 0px 12px 0px;padding-bottom:0px;display:block;position:relative;}

.container07 ul li a h5 {font-size: 16px;margin-bottom:10px;color: #3c3c3c;display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.container07 ul li a:hover h5{ color:#6d3010; }

.container07 p{margin:15px 0px;font-size:12px;color: #969696;line-height:18px;}

.container07 .fot_box{position:relative;height: 14px;line-height:14px;}

.container07 .fot_box span{color: #828282;font-size:12px;}

.container07 .fot_box a{display:block;color: #828282;font-size:12px;position:absolute;right: 40px;top:0;}

.container07 .fot_box a:hover{ color: #093e96;}

.container07 .more a{-moz-border-radius: 20px !important;-webkit-border-radius: 20px !important;border-radius: 20px !important;}

.container09{ padding:0 0 75px; overflow:hidden;}

.more00.more{ text-align:center}

.more00.more a{display:inline-block;border: #cdcdcd 1px solid;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;width: 150px;height: 40px;line-height: 38px;font-size: 14px;color: #848484;text-transform:uppercase;position:relative;overflow:hidden;margin: 0 auto;}

.more00.more a span{ position:relative; z-index:10}

.more00.more a:hover{color:#fff;border:#333 1px solid;background: #333;}
.container05{position:relative;overflow:hidden;height: 820px;}
.container05 .left{position:absolute;top:0;bottom:0;left:0;right:50%; background-size:100%; background: url(../images/container05_bg.jpg) left top no-repeat;background-attachment:fixed;}
.container05 .left .box{width:600px;text-align: left;}
.container05 .left .box h2{ margin-bottom:38px;}
.container05 .left .box .title{ margin-bottom:55px; width:382px}
.container05 .left .box .title .fl h3{font-size: 26px;color: #fff;margin-bottom: 6px; position:relative}
.container05 .left .box .title .fl h5{font-size:14px;color:rgba(255,255,255,0.6);text-transform: uppercase;}
.container05 .left .box .title .fr{padding: 30px 0 0;}
.container05 .left .box .title .fr a{font-size:14px;color:rgba(255,255,255,0.7); position:relative}
.container05 .left .box .title .fr a span{ position:relative; transition:0.36s}
.container05 .left .box .title .fr a:before{content:"";position:absolute;right: -12px;top: -16px;background:url(../images/container05_yuan.png) center no-repeat;width:35px;height:35px;z-index: 0;}
.container05 .left .box ul li{ padding:26px 0}
.container05 .left .box ul li a .time{display:inline-block;width:75px;border-right: #335c71 1px solid;vertical-align: top; position:relative}
.container05 .left .box ul li a .time:after{content:"";position: absolute;width:3px;height:0;background:#fff;right: -2px;top: 0;transition: 0.9s;}
.container05 .left .box ul li a .time h3{font-size:48px;color:#fff;font-weight:bold;margin-bottom: 10px;transition:0.9s ease;}
.container05 .left .box ul li a .time h6{font-size:14px;color:#fff;display: inline-block;transition:0.9s ease;}
.container05 .left .box ul li a .con{width:400px;display:inline-block;padding-left: 30px;}
.container05 .left .box ul li a .con h5{font-size:16px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;margin-bottom:18px; transition:0.9s ease}
.container05 .left .box ul li a .con p{ font-size:12px; line-height:20px; color:#b8bec4; height:40px; overflow:hidden; transition:0.9s ease}


.container05 .right{ width:50%}
.container05 .right ul li a{display: table;font-size:0;overflow:hidden;width: 100%;}
.container05 .right ul li a .img{width:50%;display: table-cell; overflow:hidden}
.container05 .right ul li a .img img{ width:100%}
.container05 .right ul li a .con{width:50%;display: table-cell;background: #edf4f7;position:relative;z-index: 100;}
.container05 .right ul li a .con:before{ content:""; position:absolute; top:0; width:0; right:0; height:100%; background:#6d3010; transition:0.9s ease}
.container05 .right ul li a .con:after{content:"";position:absolute;right: -20px;border-left:#edf4f7 20px solid;border-top:transparent 17px solid;border-bottom:transparent 17px solid;top: 50%;margin-top: -17px;transition:0.6s;}
.container05 .right ul li:last-child a .con:after{content:"";position:absolute;right: 100%;border-right: #edf4f7 20px solid;border-top:transparent 17px solid;border-bottom:transparent 17px solid;top: 50%;margin-top: -17px;transition:0.6s;border-left: none;}

.container05 .right ul li a .con .table{position:absolute;top:0;bottom:0;left:0;right:0;height: 410px;}
.container05 .right ul li a .con .time{display:inline-block;margin-bottom: 4.5rem;}
.container05 .right ul li a .con .time h3{font-size:60px;color:#333;font-weight:bold;margin-bottom: 4px; transition:0.9s ease}
.container05 .right ul li a .con .time h6{font-size:14px;color:#00334e;padding-bottom: 10px;border-bottom:#00334e 1px solid;display: inline-block; transition:0.9s ease}
.container05 .right ul li a .con_li{ padding:0 5rem}
.container05 .right ul li a .con_li h5{font-size:16px;color:#242424;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;margin-bottom:18px; transition:0.9s ease}
.container05 .right ul li a .con_li p{ font-size:12px; line-height:20px; color:#8b8f91; height:40px; overflow:hidden; margin-bottom:3.375rem; transition:0.9s ease}
.container05 .right ul li a .con_li h3 img{ transition:0.9s ease; overflow:hidden; width:auto}
.container05 .right ul li a .con_li h3 .img02{ transform:scaleX(0); width:0}

.container05 .right ul li a:hover .img>img{ transform:scale(1.06);}
.container05 .right ul li a:hover .con:before{ left:0; width:100% }
.container05 .right ul li a:hover .con .time h3{color:#fff;}
.container05 .right ul li a:hover .con .time h6{color:#fff; border-bottom:#fff 1px solid;}
.container05 .right ul li a:hover .con_li h5{ color:#fff;}
.container05 .right ul li a:hover .con_li p{color:#fff;}
.container05 .right ul li a:hover .con_li h3 .img02{ transform:scaleX(1); width:auto}
.container05 .right ul li a:hover .con_li h3 .img01{ transform:scaleX(0); width:0}
.container05 .right ul li a:hover .con:after{border-left:#283f4f 20px solid;}
.container05 .right ul li:last-child a:hover .con:after{border-right:#283f4f 20px solid; border-left:none;}
.container05 .left .box ul li a:hover .time:after{ height:100%}
.container05 .left .box .title .fr a:hover span{ color:#004ea2}
.container05 .left .box ul li a:hover .con h5{ color:#fff}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
.fl{ float:left}
.fr{ float:right;}

.foot{background: #292b2f;padding-top: 67px;position:relative;z-index:1;height: 263px;border-bottom: #3a3c3f 1px solid;}
.foot .fl{min-height:188px;}
.foot p,.foot a{font-size: 13px;color: #9c9ca2;line-height:30px;}
.foot_nav{margin-bottom:20px;}
.foot_nav ul li{float:left;margin-right: 36px;}
.foot_nav ul li a{color: #f0f0f1;font-size: 16px; -webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.foot_nav ul li a:hover{color: #fff;text-decoration: underline;}
.foot a:hover{color: #fff;}
.s_map_ico{margin-left: 13px;}
.s_map_ico a{ text-decoration:underline;}
.s_map_ico img{margin-right: 6px;vertical-align: middle;margin-top: -2px;}
.foot .fr .txt{float:left;padding: 10px 0 0;}
.foot .fr .ewm{float:right;width: 121px;height: 121px;margin-left: 25px;}
.foot .ewm img{width: 121px;height: 121px;}
.foot .fr{ text-align:right;}
.foot .fr .btn{display:block;width: 115px;height: 35px;background: #6d3010;text-align:center;line-height: 35px;color:#fff;margin-bottom: 29px;position:relative;float:right;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.foot .fr .btn:hover{background: #129775;}
.foot .fr .btn img{margin-right:10px;position: relative;top: -2px;}
.foot .fr p{ font-size:14px; color:#fff; line-height:1; clear:both; margin-bottom:15px;}
.foot .fr p span{font-size:22px;color: #fff;font-family:arial;margin-top: 8px;margin-left:10px;display: block;}
.foot_bot{height: 80px;line-height:78px;text-align:left;color:#6b6b6b;border-top: 1px solid #1b365a;margin-top: 48px;}
.foot_bot p{ display:inline-block; color:#6b6b6b;}
.foot_bot,.foot_bot a{color: #5c687c;font-size: 12px;}
footer{height: 80px;line-height: 70px;text-align:center;background: #292b2f;}
footer p,footer p a{font-size:12px;color:#747475;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
footer p a:hover{ color:#fff}
#w1440{ width:1440px; margin:0px auto; clear:both;}
#lxwm{ width:100%; float:left; position:relative;}
#contact_content { position: relative; width: 100%; float:left; background: url(../images/bg_contact.jpg) center top no-repeat;}
#lxwm_k{ width:100%; position:absolute; float:left;}
#lxwm_kn{ width:86%; float:left; margin-top:10px; background:rgba(255, 255, 255, 0.9); padding:80px 7%;}
#lxwm_t{ width:100%; float:left;}
#lxwm_tz{ width:100%; float:left; text-align:center; font-size:24px; color:#444444;}
#lxwm_ty{ width:100%; float:left; text-align:center;font-size: 14px; color: #999999; line-height: 20px; font-family: 'Arial'; background:url(../images/hang.png) no-repeat center; text-transform: uppercase;}
#lxwm_n{ width:100%; float:left; margin-top:50px;}
#lxwm_l{ width:40%; float:left;}
#lxwm_j{ width:100%; float:left; border-bottom:1px #ccc solid; padding-bottom:30px;}
#lxwm_jt{ width:100%; float:left; font-size:24px; color:#333;}
#lxwm_jz{ width:100%; float:left; font-size:16px; color:#999; margin-top:5px; text-transform:uppercase;}
#lxwm_jn{ width:100%; float:left; margin-top:10px; font-size:14px; color:#666; line-height:1.9;}
#lxwm_dz{ width:100%; float:left; margin-top:30px;}
.citme { color: #666; line-height: 25px; display: block; position: relative; padding-left: 40px; margin-bottom: 11px; padding-right: 20px;}
.c1{ background:url(../images/rr_cta_ico_1.png) no-repeat left center;}
.c2{ background:url(../images/rr_cta_ico_2.png) no-repeat left center;}
.c3{ background:url(../images/rr_cta_ico_3.png) no-repeat left center;}
.c4{ background:url(../images/rr_cta_ico_4.png) no-repeat left center;}
#lxwm_r{ width:50%; float:right; line-height:1;}
dl { margin-top: 0; margin-bottom: 0;}
.fl, .left { float: left !important;}
#lxwm_r input { padding: 0 20px; line-height: 40px; height: 40px; width: 250px; border: 1px solid #d7d4d4; color: #a8a8a9; margin-bottom: 20px;  font-size: 14px;}
.fr, .right { float: right !important;}
#lxwm_r textarea { line-height: 30px; height: 100px; width: 96%; padding: 15px 2%; border: 1px solid #d7d4d4; font-size: 14px; color: #a8a8a9;}
.yan { margin-top: 10px; height: 35px; line-height: 35px;}
#lxwm_r .submit:hover { cursor: pointer; border-radius: 5px;}
#lxwm_r .submit { background: #fd8800; text-align: center; color: #fff !important; margin: 20px 0; width: 200px; font-family: "Microsoft Yahei"; font-size: 14px; border: 0 !important; line-height: 40px !important; height: 40px !important;}

.banner_n{ width:100%; height:450px; padding-top:160px;box-sizing: border-box;}
.lmbt{ width:100%; text-align:center; font-size:34px; color:#333; font-weight:bold; margin-bottom:30px;}
.lmdh{ margin:0px auto; clear:both; background:#fff; padding:0 25px; border-radius:35px;}
.lmdh li{ width:100px; height:55px; line-height:55px; text-align:center; float:left;}
.lmdh li a{ color:#333;}
.lmdh li a:hover{ color:#fff; padding:8px 20px; border-radius:25px; background:#6d3010;}
.lmdh li.on a{ color:#fff; padding:8px 20px; border-radius:25px; background:#6d3010;}
.lm1{ width:600px;}
.lm2{ width:500px;}
.lm3{ width:400px;}
.lm4{ width:200px;}
.box{ width:100%; padding:60px 0;}

.producter{ padding:75px 0; background:#fff; overflow:hidden; position:relative}
.producter .title{ margin-bottom:36px}
.producter ul{ margin:0 -18.5px; margin-bottom:75px}
.producter ul li{margin:0 18.5px; display:block; float:left; }
.producter ul li a{ display:block;}
.producter ul li a .img,.container07 a img{display:block;width:375px;height:225px;overflow:hidden;position:  relative;}
.producter ul li a h5{padding: 19px 0px 12px 0px;padding-bottom:0px;display:block;position:relative;}
.producter ul li a h5 {font-size: 16px;margin-bottom:10px;color: #3c3c3c;display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.producter ul li a:hover h5{ color:#6d3010; }
.producter p{margin:15px 0px;font-size:12px;color: #969696;line-height:18px;}
.producter .fot_box{position:relative;height: 14px;line-height:14px;}
.producter .fot_box span{color: #828282;font-size:12px;}
.producter .fot_box a{display:block;color: #828282;font-size:12px;position:absolute;right: 40px;top:0;}
.producter .fot_box a:hover{ color: #6d3010;}
.producter .more a{-moz-border-radius: 20px !important;-webkit-border-radius: 20px !important;border-radius: 20px !important;}

.newser{ width:100%;}
.newser li{ width:378px; border:1px #ccc solid; margin:10px; float:left;}
.xwt{ width:100%;}
.xwt img{ width:100%; height:225px;}
.xwk{ width:100%; padding:10px;box-sizing: border-box;}
.xwk_t{ width:100%; text-align:center; font-size:16px; font-weight:bold; border-bottom:1px #ccc dashed; height:35px;}
.xwk_t a{ color:#333;}
.xwk_t a:hover{ color:#6d3010;}
.xwk_n{ width:100%; margin-top:10px; color:#666;}

.fenye{ width:100%; margin-top:50px; text-align:center;}
.fenye a{ padding:5px 8px; margin:5px; border:1px #ccc solid; color:#333;}
.fenye a:hover{ background:#6d3010; color:#fff;}
.biaoti{ width:100%; text-align:center; font-size:24px; font-weight:bold; color:#333;}
.fabiao{ width:100%; margin-top:5px; padding-bottom:5px; color:#999; border-bottom:1px #ccc dashed; text-align:center; font-weight:none; font-size:12px;}

.abouter_n{ width:100%; margin-top:10px; line-height:1.9;}
.abouter_nz{ width:100%; margin-top:10px; line-height:1.9;}

.jiejue{ width:100%; padding:90px 0; background:#f1f1f1;}
.jiejue_t{ width:100%; text-align:center; font-size:50px; color:#6d3010; font-weight:bold;}
.jiejue_n{ width:100%; margin-top:50px;}
.jiejue_nl{ width:580px; float:left; line-height:1.9; font-size:18px;}
.jiejue_nr{ width:580px; float:right;}
.guanli{ width:100%; padding:90px 0;}
.guanli_t{ width:100%; text-align:center; margin-top:40px; font-size:34px;}
.guanli_n{ width:100%; text-align:center; margin-top:20px; font-size:18px; line-height:1.9; color:#666;}
.guanli_p{ margin-top:30px;}