@charset "utf-8";
/* CSS Document */
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Poppins-Medium", sans-serif;} 
body {font-family: "Poppins-Medium", sans-serif;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, dt, form,hr { margin: 0; padding: 0; }
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0; }
ul { padding-left: 0; list-style-type: none; }
header, footer, article, section, nav, menu, hgroup { display: block; }
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; }
.l { float: left; }
.r { float: right; }

@font-face { font-family: 'Poppins-Medium'; src:url(font/Poppins-Medium.otf); src:url(font/Poppins-Medium.ttf); src:url(font/Poppins-Medium.woff);} 
 

html { overflow-x: auto; }
.wrap01 { margin: 0 auto; *zoom:1;_zoom:1;zoom:1;position: relative;}
.jl50 { margin-top: 50px; }
body { font-size: 14px; line-height: 1.6; color: #333; background: #fff; }
a:hover { color: #FF3F3C; }
a { text-decoration: none; color: #00132b; }
.head{ width:100%; background:#00235a;}

.top { margin: 0 auto !important; }
.top .logo { width: 40%; float: left; }
.top .logo img { text-align: left; display: block; }
.top .tel { width: 40%; display: block; float: right; margin:5px 0; text-align: right; }
._header1{  z-index:102;position: relative;;margin:0 auto;background:url(/images/nav_x.jpg) repeat-x left bottom;}

.nav ul { margin: 0 auto; overflow: hidden; }
.nav ul li { float: left; width:9.4%; text-align: center; }
.nav ul li a { font-size: 18px; display: inline-block; font-weight:600;line-height:62px; width: 100%; }
.nav ul li a:link { color:#00235A; }
.nav ul li a:hover { color: #ff0000; }
.nav .li0 { color:#00235A; }
.nav .li1 {color: #ff0000; }
#header-wrapper{}
#header-wrapper .backtitle h1 {font-size: 38px;color: #fff;background: url(/images/prolist_x.png) no-repeat center top;width: 100%;text-align: center;overflow: hidden;margin: 0 auto;}
#header-wrapper .backtitle a {display:none;}
#solid{ width:100%;clear:both; position:relative; text-align:center;}
#solid .solid0,#solid .solid1,#solid .solid2{position:absolute;left:0px;top:0px;width:100%;display:none;}
#solid .solid0{background:#78c4db;}
#solid .solid1{background:#c5c9db;}
#solid .solid2{background:#e7dfd1;}
#solid ul{margin:0px;padding:0px;list-style:none;}
#solid ul li{position: relative;left:50%;top:0px;width:100%;margin-left:-50%;display:none;cursor:pointer;}
#solid #btt{width:100%;	height:55px; bottom:10px;z-index:1;left:50%;position: absolute;margin-left:-50%;}
#solid #btt span{position:absolute;top:15px;left:45%;display:block;	width:30px;	height:8px;	margin:0 15px;	text-align:center;	background:#3d3d3d;	z-index:1000;	cursor:pointer;	filter:alpha(opacity=70); /*IE滤镜，透明度50%*/	-moz-opacity:0.7; /*Firefox私有，透明度50%*/	opacity:0.7;/*其他，透明度50%*/}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

@media (min-width:1000px){
	#header-wrapper .backtitle h1{position:absolute;top:-215px;left: 50%;transform: translate(-50%);}
}
@media (max-width:999px){
	#header-wrapper .backtitle {color: #000;padding: 0 18px;font-weight: normal;color: #000;padding: 10px 10px;background: #fff;}
	#header-wrapper .backtitle h1{font-size: 16px; color: #000; background: none; display: inline-block;width: auto;}
	#header-wrapper.fixed{position: fixed; left:0%; top:0px; width:100%; z-index: 9999;box-shadow: 0px 1px 5px #ccc;}
	#header-wrapper.fixed .backtitle h1{font-weight:bold; color: #f00;}
	#header-wrapper .backtitle a{display:inline-block;position: relative; float:right; background: url(../images/qb.png) no-repeat 10px center #fecb34;background-size: 16px; font-size:14px; line-height:26px; border-radius:12px; padding:0px 10px 0px 30px; color:#3a3a3a;}
	#header-wrapper .backtitle a::after{content:'';cursor:pointer;position:absolute;left: 0px;top:0;width: 20px;height:100%;    -webkit-animation:masked-animation 4s infinite linear;-moz-animation:masked-animation 4s infinite linear;-ms-animation:masked-animation 4s infinite linear;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);}
@-webkit-keyframes masked-animation{
    0%{left:0%;}
    50%{left:90%;}
    100%{left:0%;}
}
@-moz-keyframes masked-animation{
    0%{left:0%;}
    50%{left:90%;}
    100%{left:0%;}
}
@-ms-keyframes masked-animation{
    0%{left:0%;}
    50%{left:90%;}
    100%{left:0%;}
}

}

/** 导航下拉20180429**/
.wrap { min-width:1200px; width:70%; margin:10px auto; overflow:hidden}
.widget-nav1 {z-index:10;width:100%;}  .widget-nav1 ul{ width:98%; float:left}
.widget-nav1 li{float:left; display:block; width:12%; margin:0 1%;text-align:center; height:84px; line-height:80px; font-size:17px;color:#232323;}
.widget-nav1 li a{ display:block; }
.navigation-down{position:absolute;top:65px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background-color: rgba(240, 78, 4, 1);position:absolute;top:0px; padding-bottom:20px;border-radius:10px }
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative; padding-top:30px; height:150px; }
.navigation-down .nav-down-menu dl{float:left;}
.navigation-down .nav-down-menu .nav_img,.navigation-down .nav-down-menu .nav_img1{ float:left; margin-right:40px; padding-right:40px; margin-left:30px; border-right:1px #9c9c9c solid; margin-top:10px; }
.navigation-down .nav-down-menu .nav_img1{ margin-left:180px;}
.navigation-down .menu-1 .dl1{width:100%;}
.navigation-down .menu-1 .dl2{width:260px}
.navigation-down .menu-1 dt{padding-bottom:10px; float:left; width:31%; margin-right:2%}
.navigation-down .menu-1 dt a{font:400 16px "microsoft yahei";color:#333; background:#fff; height:55px; overflow:hidden;line-height:52px; width:100%; float:left; border-radius:8px;}
.navigation-down .menu-1 dd a,.navigation-down .menu-4 dd a{color:#D9DFE8;font:normal 15px/30px "microsoft yahei" ;  height:30px; float:left; margin-right:20px;}
.navigation-down .menu-1 dt a:hover{color:#fff; background:#ff0000;}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}
.navigation-down .menu-4{ padding:20px 0}
.navigation-down .menu-4 dl{margin:8px 0;width:48%; float:left; text-align:left;}
.navigation-down .menu-4 dl:nth-child(2n){margin-left:3%;}
 

.top_capa { margin-top: 20px; }
.top_capa .tit { width: 100%; overflow: hidden; margin-bottom: 50px; }
.top_capa dl { float: left; width: 19%;*width:18.9%; margin: 0 3%; overflow: hidden; }
.top_capa dt { width: 100%; margin-bottom: 20px; float: left; }
.top_capa dt img { margin: 0 auto; text-align: center; display: block; }
.top_capa dd { width: 100%; }
.top_capa dd p { font-size: 15px; text-align: center; color: #000; width: 100%; overflow: hidden; }
.sy_about_bg { background: #f4f4f4; padding: 60px 0; margin-top: 50px; width: 100%; }

.sy_about_r1 { width: 49.8%; float: left; }
.sy_about_r1 dt { width: 100%; margin-bottom: 5px; height: auto; }
.sy_about_r1 dd { background: #ffba00; line-height: 26px; color: #fff; padding: 15px; }
.sy_about_l { float: left; width: 60%; }
.sy_about_img { width: 18%; float: left; }
.sy_about_img img { width: 130px; height: 318px; }
.sy_about_l dl { width: 79%; float: right; }
.sy_about_l dd { width: 94%; background: #fff; padding: 2% 3%; overflow: hidden; }
.sy_about_l dd strong { font-size: 36px; width: 100%; margin: 0 auto 8px; color: #666; }
.sy_about_l dd p { font-size: 14px; width: 100%; margin: 0 auto; color: #666; line-height: 30px; }
.sy_about_l dt { width: 100%; overflow: hidden; }

.sy_comshili { position: relative; overflow: hidden; float: right; width: 79.5%; }
.sy_comshili img { width: 100%; height: auto; }
.sy_comshili .tit { font-size: 24px; color: #fff; text-align: center; padding-top: 90px; height: 78px; }
.sy_comshili ._img { position: relative; left: 0; transition: all ease-in .3s; }
.sy_comshili ._img ._t { position: absolute; bottom: 0.2%; text-align: center; font-size: 14px; font-weight: 500; color: #fff; background: url(/images/h_bg.png); width: 96%; padding: 2%; line-height: 26px; }
.sy_comshili ._img ._t:after { content: ""; position: absolute; bottom: 0; left: 0; width: 50%; }
.sy_comshili ._txt { position: absolute; left: -100%; top: 0; bottom: 0; width: 93%; z-index: 2; transition: all ease-in .3s; color: #fff; }
/* .sy_prolei ._list li ._txt ._st{ font-size: 28px; font-weight: bold; margin-bottom: 20px;} */
.sy_comshili li:hover ._txt { left: 0; }
.sy_comshili li:hover ._img { left: 100%; }
.sy_comshili ._txt { left: 0; background: url(/images/bg2.png) right top; filter: alpha(opacity=0); opacity: 0; }
.sy_comshili:hover ._img { left: 0; }
.sy_comshili:hover ._img ._t { display: none; }
.sy_comshili:hover ._txt { filter: alpha(opacity=100); opacity: 1; }

.sy_comshili ._txt { padding: 22% 5% 16%; width: 91%; }
.sy_comshili ._txt ._st { position: absolute; top: 8%; padding-bottom: 10px; font-size: 20px; color: #fff; font-weight: bold; }
.sy_comshili ._txt ._st:after { content: ""; position: absolute; bottom: 0; left: 0; width: 50%; height: 1px; background-color: #fff; }

.sy_about_r { width: 38%; float: right; }
.sy_about_r2 { width: 49%; color: #fff; float: right; }
.sy_about_r2 img { width: 100%; height: auto; }
.sy_about_r2 dl { width: 100%; overflow: hidden; }
.sy_about_r2 dt { width: 100%; margin-top: 5px; overflow: hidden; }
.sy_about_r2 dt img { width: 100%; height: auto; }
.sy_about_r2 dd { width: 92%; background: #0162ae; overflow: hidden; padding: 4%; }
.sy_about_r1 dd strong, .sy_about_r2 dd strong, .sy_about_l dd strong { font-size: 24px; display: inline-block; font-weight: 500; margin-bottom: 10px; }
.sy_about_r1 dd p, .sy_about_r2 dd p { font-size: 14px; line-height: 24px; color: #fff; }

.sy_prolist_bg { width: 100%;overflow: hidden; margin: 20px auto; }
.sy_prolist { margin: 10px auto 0; }
.sy_prolist_tit { width: 100%; overflow: hidden; margin: 0 auto 10px; }
.wrap p { margin:5px auto; font-size: 14px; padding:0 10px; }
.wrap p span{font-size: 20px; color:#eb0001; font-weight:bold;}
.sy_prolist li { width:31.3%;float:left; margin-bottom: 40px;position:relative;text-align:center; border-radius:6px; overflow-x:hidden;  }
.sy_prolist li:nth-child(3n-1){margin-left:3%; margin-right:3%;}

.sy_prolist li a img{ width: 100%; transition: all 0.8s; height:280px; }
.sy_prolist li img:hover{transform: scale(1.05)}
.sy_prolist li p { width:100%; line-height:72px; background:#fff; font-size:22px; padding:0; margin:0; color: #333; overflow: hidden;height: 72px; }
 
.bg_dy{ background:url(../images/groovepaper.png) ;}
.bg_dy1{ background:url(../images/in_bpksj.jpg) no-repeat top center;}
.bg_dy2{ background:url(../images/bg4.jpg) no-repeat center top;}
.con2box{ width:100%;}
.con2{  width:100%; margin-top:30px;  padding-bottom:20px; margin-bottom:60px;}
.con2_1{float:left;width:29.333333333333%;padding:20px 1% 20px;margin:10px 1% 50px;position:relative;box-shadow:0 5px 10px #e5e5e5;position:relative; }
.con2_1 i{display:inline;border-radius:10px;background:#ff5e14;padding:19px 25px;font-size:17px; line-height:1;text-transform:capitalize;color:#fff;position:absolute;bottom:-30px; font-style:normal; left:30%;}
.con2_2 h3{ font-size:22px;font-weight:600; line-height:30px;color: #00235A; padding:20px 0;}
.con2_2 p{ color:#666; font-size:14px; line-height:26px;}
.con2_2 img{ width:100%;}

.clearfix:after, .clearfix:before {display:table;height: 0!important;content: "";font-size: 0!important; line-height: 0!important;}
.wbox1200 { max-width:1200px;*width:100%; margin: 0 auto; }
.ani { opacity:0; -webkit-transition:all 1s 0.2s; -moz-transition:all 1s 0.2s; -ms-transition:all 1s 0.2s; transition:all 1s 0.2s; }
.ani.ani-active {opacity:1; -webkit-transform:translate(0, 0) scale(1, 1) !important; -moz-transform:translate(0, 0) scale(1, 1) !important; -ms-transform:translate(0, 0) scale(1, 1) !important; transform:translate(0, 0) scale(1, 1) !important; }
.fenleiico {padding: 20px 0; }
.fenleiico ul { width: 100%; }
.fenleiico li { width:16%; margin:0 0.3%;float: left;-webkit-transform: scale(0.2, 0.2); -moz-transform: scale(0.2, 0.2); -ms-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); }
.fenleiico a { display: block;}
.fenleiico i { margin:0 auto; display:block; height: 96px; width: 96px; border-radius: 96px;  -webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out;}
.fenleiico span { display: block; text-align: center; font-size: 16px; margin-top: 5px; }
.fenleiico .ani i { background-size:95px; border: 1px solid #eee; }

.fenleiico .i1 { background: url(/images/cp1.png) no-repeat center; }
.fenleiico .i2 { background: url(/images/cp2.png) no-repeat center; }
.fenleiico .i3 { background: url(/images/cp3.png) no-repeat center; }
.fenleiico .i4 { background: url(/images/cp4.png) no-repeat center; }
.fenleiico .i5 { background: url(/images/cp5.png) no-repeat center; }
.fenleiico .i6 { background: url(/images/cp6.png) no-repeat center; }
.fenleiico a:hover i { background-color:#232323; transform:rotate(360deg); -ms-transform:rotate(360deg); 	/* IE 9 */ -moz-transform:rotate(360deg); 	/* Firefox */ -webkit-transform:rotate(360deg); /* Safari 和 Chrome */ -o-transform:rotate(360deg); 	/* Opera */ }



.news_solution { margin-top: 58px; padding:15px 0 40px;}
.newstab{ width: 100%; }
.newstab ul { width:690px;margin:0 auto; margin-bottom:15px; text-align:center}
.newstab ul li {padding:10px 30px;cursor:pointer; background:#f6f6f6;font-size:16px;text-align:center; float:left;color:#333;border-radius:40px; margin: 0 1% 10px; }
.newstab ul li a { color: #fff; }
.newstab .current { background: #EB0001; color: #fff; }
.line1 { margin: 0 auto 10px; height: 4px; width: 60px; background: #ffba00; }

.fangan_list { width: 100%; float: left; overflow: hidden;}
.fangan_list  ul li{ width:30%; float:left; padding:8px 0; margin:0 1%;}
.diqu p{ font-size:14px;}
.cenNew_list{width:100%;float:left;overflow:hidden;}
.newstab1 ul{clear:both;padding-top:30px;}
.newstab1 ul li , .fangan_list  ul li{position:relative;text-align:left;border-bottom:1px dashed #ddd;line-height: 24px;}
.newstab1 ul li {clear:both;padding: 8px 80px 8px 15px;}
.newstab1 ul li::after{content:'';position:absolute;left:0px;top: 17px;width:6px;height:6px;background:#f00;border-radius:50%;}
.newstab1 ul li span {position:absolute; right:0px; top:10px; }
.newstab1 ul li a , .fangan_list  ul li a{font-size: 16px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
 
.sy_solution { width: 45%; float: right; margin-top:30px; }
.sy_solution h3 { width: 100%; border-bottom:solid 1px #f3f3f3; background:url(../images/case.png) no-repeat left center; color:#333;font-size:28px;padding: 10px 0; margin-bottom:10px; }
.sy_solution h3:before{content:''; width:9px; height:9px; background:#ff0000; border-radius:50%; vertical-align:middle; margin-right:8px; display:inline-block;}
.cen_h { width:100%;}
.cen_h p{  line-height:26px;}
.tit_hh  , .cen_h h2, .cen_h h3 {margin:40px auto 20px;width:100%; font-size:32px; color:#000; font-weight:bold}
.cen_h span{ width:100%; text-align:center; color:#eb0001; text-transform: uppercase}
 
.cen_h h2 a span:after,.cen_h span:after{ float:right}
.cen_gs { width:100%;}
.cen_gs li{width:20.5%; margin:1%; padding:10px 1%; float:left; text-align:center; border:1px #e5e5e5 solid }
.cen_gs li h4{text-align:center; font-size:16px; padding-bottom:10px; color:#333; font-weight:400}
/*.cen_gs .gs1 {background-color: #eb0001; border-radius:0 15% 0 5% }
.cen_gs .gs2 {background-color: #FF9966;border-radius:0 15% 0 5%}
.cen_gs .gs3 {background-color: #33CCFF;border-radius:15% 0 5% 0}
.cen_gs .gs4 {background-color: #FFCCCC;border-radius:15% 0 5% 0}*/
.sy_solution dl { overflow: hidden; position: relative; margin-bottom: 20px; }
.sy_solution dl h4 { font-size: 22px; line-height: 40px; margin-bottom: 10px; font-weight: normal; color: #00132b;text-overflow:ellipsis; white-space: nowrap; }
.sy_solution dt { margin-right: 1.5em; width: 200px; height: 118px; text-align: center; overflow: hidden; float: left;  border-radius:10px;}
 
.sy_solution dd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; height:120px; line-height: 22px; font-size: 14px; color: #666; overflow: hidden; }

.slide_nav { text-align: center; width: 100%; height: 25px; background: url(/images/x.jpg) repeat-x left center; }
.slide_nav ul { background: #fff; display: inline-block; padding: 0 20px; overflow: hidden; margin: 0 auto; }
.slide_nav li { float: left; width: 16px; height: 16px; line-height: 99; overflow: hidden; border-radius: 50%; background-color: #424355; margin: 3px 5px 0; cursor: pointer; }
.slide_nav li.current { background-color: #EB0000; }

.sy_news .-news-tj { width: 45%; }
.pr { position: relative; }
.sy_news .-news-tj .word { background: url(/images/black.6.png) repeat; position: absolute; bottom: 0; left: 0; margin-top: -30px; right: 0; padding: 15px 0 15px 5%; color: #fff; }
.sy_news .-news-tj .word ._tit { font-size: 18px; font-weight: normal; width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sy_news .-news-tj .word .date { display: block; width: 66px; height: 100%; background-color: #ffba00; text-align: center; position: absolute; right: 0; bottom: 0;   }
.sy_news .-news-tj .word .date span { display: block; }
.sy_news .-news-tj .word .date .ri { font-size: 18px; line-height: 18px; padding: 4px 0; color: #fff; }
.sy_news .-news-tj .word .date .mon { font-size: 18px; line-height: 18px; display: inline-block; border-top: 1px #fff solid; padding-top: 4px; color: #fff; }
.rect-75 { padding-bottom: 69%; position: relative; display: block; width: 100%; height: 0; overflow: hidden; }

.sy_case { margin-top: 60px; background: url(/images/case_bg.jpg) no-repeat center top; padding: 20px 0 30px; }
.sy_case_tit { width: 100%; margin: 15px 0 40px; overflow: hidden; }
.sy_case_tit h2 { color: #fff; margin: 15px 0 0; text-align: center; font-size: 38px; font-weight: 500; }
.sy_case_tit p { color: #fff; }
.sy_case .bt1 { width: 24.5%; }
.sy_case .bt3 { width: 18%; }
.sy_case .bt4 { width: 19%;*width: 18%; }
.sy_case p { display: block; font-size: 16px; text-align: center; color: #fff; }
.sy_case .jt { width: 4%; margin: 110px 12px 0 12px; }
.sy_case span { display: block; float: left; }
.sy_case .bt2 { display: block; float: left; width: 20%; overflow: hidden; }
.sy_case .bt2 li { width: 47%; margin-left: 3%;*margin-left: 2.9%; margin-bottom: 3%; float: left; position: relative; }
.sy_case .bt2 li img { display: block; }


/*留言板*/
.liuyanqu { width:100%; height:510px; background:#232323; border-bottom:1px #666 solid ; margin-top:80px; }
.liuyanban { max-width: 100%; width: 1170px; height:420px;padding:15px 0; margin: 0 auto; text-align:center; }
.liuyanban span { font-size: 24px; margin:8px 0 5px; font-weight: 700;letter-spacing: 2px; }
.liuyanban hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 1px; margin: 10px 0; border: 0; box-sizing: content-box; }
.liuyanqu .lyceter { width:100%;display: block; padding:15px 0; position:relative; }
.liuyanqu .lyleft { width: 53%;padding-left:3%;float:left;text-align:left; height:400px; margin-top:10px; background:#fff ;}
.liuyanqu .lyright { width: 40%; float:right; }
.liuyanqu .lyceter p { font-size:18px; color:#666; line-height:28px;  padding-top:25px;}
.liuyanqu .lyleft span { font-size:18px; float:left; width:100%; }
.liuyanqu .lyleft img { margin:5px 0 0; max-width: 100%; }
.liuyanqu .lyright dl { display:block; margin:0;}
.liuyanqu .lyright dt { float: left; width: 20%; text-align: right; font-size:14px; font-weight: 700; line-height:44px; margin:0 0 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display:none; }
.liuyanqu .lyright dd { float: left; width:95%; margin:0 0 15px;}
.liuyanqu .lytext{ font-size: 15px; padding: 3px 10px; border: 1px solid #ddd; width: 95%; height: 34px; border-radius:5px; -webkit-appearance: none; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; margin-top:15px; background:#fff;}

.liuyanqu .lyxq .lytext{ height:auto; line-height:32px; }
.liuyanqu .lysub { float:left; width:80%;text-align:left ; margin-top:10px;}
.liuyanqu .lyright .lysubmit { background:#ff0000; border:none;color: #fff;font-size: 16px;padding:10px 45px; border-radius:5px; margin:0;display: inline-block;line-height: 28px; }
 
/*footer*/
.foot_btm { line-height: 25px; padding: 7px 0; background: #232323; color: #fff; font-size: 15px; }
.foot_btm a { color: #fff; }
.foot_btm ._left { float: left; width:85% }
.foot_btm ._left b { padding: 0 5px; }
.foot_btm ._right { float: right; }

.foot_link {background: #f4f4f4;width:100%; float:left;line-height:25px;font-size: 12px; color:#333}  .foot_link a{ color:#333}

/*footer*/
.home_foot_btm { height: 45px; line-height: 45px; padding: 7px 0; background: #eb0001; color: #fff; font-size: 15px; }
.home_foot_btm a { color: #fff; }
.home_foot_btm ._left { float: left; }
.home_foot_btm ._left b { padding: 0 5px;  }
.home_foot_btm ._right { float: right; }

.bread {  width: 100%; overflow: hidden; height:60px;border-bottom:1px #ccc solid; margin-bottom:30px; font-size:16px;}
.bread h2{ font-size:16px;line-height:60px; font-weight:normal; color:#333; float:left; padding-left:13px;}
.bread h2 img{ width:26px; margin-right:5px; margin-top:26px; float:left}
.crusher_bread  { height:80px; margin: 0 auto; line-height: 60px; text-align: left; color: #333; }
.crusher_bread a { color:#ff5e14; font-weight:700; margin:0 5px;}
.crusher_bread a:hover { text-decoration: underline; color: #C80000; }
.crusher_bread span{float:left;border-bottom:3px #ff0000 solid;padding-top:9px;padding-bottom:6px; text-indent:10px;width:120px;font-size:24px;}

.pro_top_jieshao h1 { font-size: 38px; color: #fff; background: url(/images/prolist_x.png) no-repeat center top; width: 100%; text-align: center; overflow: hidden; margin: 0 auto; }
.pro_top_jieshao h1 a { color: #eb0001; }
.pro_top_ban {height: 99px;background-size: cover;padd;padding-top: 110px;}
.pro_top_jieshao { max-width: 1200px; margin: 0 auto; z-index: 15; }
.pro_top_pro { margin-top: 50px; }
.pro_top_left { width: 48%; float: left;  } 
.pro_top_left img { display: block;  }
.pro_top_right { width:49%; float: right; padding-left:3%; height:450px; background:#f5f5f5; border-radius:0 100px 0 0 }
.pro_ad { color: #222; background: url(/images/youshi_bg.png) no-repeat center center; line-height: 80px; height: 80px; text-align: left; margin-top: 30px; font-size: 16px; }
.pro_ad ul { padding-left: 130px; }
.pro_ad li { display: block; color: #fff; background: url(/images/list_tick.png) no-repeat left center; padding-left: 30px; font-size: 17px; margin-right: 40px; float: left; }
.pro_top_right_miaoshu { width:94%; height: 220px;  overflow: hidden; }
.pro_top_right_miaoshu  h1{ margin-bottom:20px;margin-top:20px; font-size:38px; #00235A}
.pro_top_right_miaoshu p { margin-bottom: 22px; overflow: hidden; width:100%; font-size: 16px;  }
.pro_top_right_miaoshu strong { color: #eb0001; font-weight: 600; width: 80px;  font-size: 16px; display: inline-block; float: left; }
.pro_top_right_miaoshu p span { font-weight:400; margin-left:125px;display:block; font-size: 16px; color:#666 }
.pro_tel { margin-top: 25px;margin-bottom: 15px; overflow: hidden; text-align: center; width: 80%; background: url(/images/pro_tel.png) no-repeat 5px 8px; background-size:auto 60px; padding-left: 85px;}
.pro_tel span { font-size: 17px; width: 100%; text-align: left; float: left; overflow: hidden; }
.pro_tel p { font: bold 34px/38px Arial, Helvetica, sans-serif;*font-size:25px; color: #FF3D17; float: left; padding:0 0; }
.pro_tel p a { color: #FF3D17; }
.pro_tel p strong { font: bold 40px/38px Arial, Helvetica, sans-serif;*font-size:30px; text-align: left; }
.price { width: 100%; overflow: hidden; margin-top: 30px; clear: both; background: url(/images/zx.jpg) no-repeat left top; }
.price a { height: 70px; line-height:60px; text-indent:83px; letter-spacing:-1px; width: 97%; float: left; font-size: 24px; }
.price a.:hover { color: #666; }

.pd_guide { margin-top: 60px; margin-bottom: 40px; }
.pd_guide li { width: 24.5%;float: left; margin-right: 2px; text-align: center; background-color:#00235A; color:#fff; }
.pd_guide li:hover {background:#e60012;}
.pd_guide a { display: block; color: #fff; font-size: 20px; padding: 15px 0; position: relative; }

.fixed .pdico { display: none; }
.pd_guide li.active a { background: #38425a; color: #fff; }
.pd_guide li.active a:after { display: block; }
.pro_con { margin:2px auto; overflow: hidden; }

.pro_con_left { width: 67%; float: left;padding:40px; border:2px solid #ededed;box-sizing:border-box;  }
.pro_con_left .post-cat{ width:100%; float:left}
.pro_con_left .post-cat a{color: #fff;display: inline-block;background-color: #ff5e14;padding:12px 24px;line-height: 1;font-size: 16px;font-weight: 700;float:left}

.pro_con_left h3 {font-size:34px; letter-spacing:-2px;font-weight:600;color:#3e4355;float:left; line-height:44px; margin-top:15px;}
.pro_con_left p { text-align:left;margin-top:15px;float:left;font-size:16px;color:#888;line-height:26px; font-weight:500;letter-spacing:-.2px; padding:0 0 }
.pro_con_left p img{ width:48%; margin-right:1%; }
.pro_con_left .Par_1 {width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
.pro_con_left .Par_1 table tr {white-space:nowrap;}
.pro_con_left blockquote {background:#00235A;color:#fff;font-size:28px;line-height:1.4;font-weight:400;padding:40px;margin:40px 0px;position:relative;z-index: 1; width:100%; float:left;box-sizing:border-box}
.pro_con_left blockquote::before {right: 30px;font-size:120px;line-height: 1;position: absolute;content: "“";bottom:-20px;color: #fff; opacity: .1;font-weight: 900;}

.pro_con_left ul {margin-bottom: 20px;margin-top: 10px; width:100%;}
.pro_con_left ul li {font-size: 16px;margin-top:10px;padding-left: 30px;display: block; position:relative; float:left}
.pro_con_left ul li p{ margin-top:1px;color: #727475; font-weight: 700;}
.pro_con_left ul li::before {position: absolute;top: 5px;left:0;content: " ✔ "; font-size:18px;font-weight: 400;color: #666;}

.related-post-wrap {border-top: 1px solid #e2e2e2;padding-top:30px; margin-top:50px; width:100%;}
.col-mdx-6{width:45.5%; margin:10px 2%; }
.related-post-wrap .single-related-post{margin-top:33px;-webkit-box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06);box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06);}
.related-post-wrap h3{ width:100%; float:left;}
.related-post-wrap .single-related-post span,.related-post-wrap .single-related-post .post-contentx h4{ padding-top:10px; padding-bottom:10px; width:100%; float:left}
.related-post-wrap .single-related-post .post-contentx h4 { font-size:18px; }
.related-post-wrap .single-related-post .post-contentx{padding:20px 35px;}
.related-post-wrap .single-related-post .post-contentx p{ margin-top:0; margin-bottom:30px;}
.post-contentx .post-date{ padding-left:0; margin-left:0; border:none}

.s-50{ width:100%; float:left; height:60px}



.contact-page-wrap { width:100%; float:left; padding-top:50px;}
.col-cont-4{ width:32%; float:left;}
.col-cont-4:nth-child(2){ margin:0 2%;}
.single-contact-card {background-color: #f8f8f8;padding: 40px;margin-bottom: 30px;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.single-contact-card .top-part .title {overflow: hidden;}
.single-contact-card .top-part .icon {width: 40px;height:40px;font-size: 20px;line-height: 70px;border-radius: 50%;background-color: #fff;text-align: center;float: left;color: #ff5e14;overflow: hidden;margin-right: 20px; padding:5px;}
.single-contact-card .top-part h4 {font-size: 1.25rem;line-height: 1.875rem; color:#00235A}
.single-contact-card .bottom-part {margin-top: 25px;overflow: hidden;}
.single-contact-card .bottom-part .icon {
    width: 50px;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    float: right;
    overflow: hidden;
    margin-left: 20px;
}

.bottom-part .info{ float:left}



.pro_right { float: right; width:28%;padding:35px;border:2px solid #ededed;box-sizing:border-box;}
.pro_hot h4 { background: url(/images/hot_tj.png) no-repeat left top; color: #fff; padding: 31px 0 18px; text-indent:55px; margin-top: 10px; font-weight: 500; font-size: 22px; }
.pro_hot, .pro_more { overflow: hidden; margin: 0 auto; }
.pro_hot { padding: 0 3px; border: #d8d8d8 1px solid; width: 96%; }
.pro_hot ul { width: 85%; margin: 0 auto; padding: 7%; overflow: hidden; }
.pro_hot li { text-align: center; line-height: 30px; width: 100%; margin-bottom: 7px; float: left; }
.pro_hot li img { width: 100%; height: auto; }
.pro_more a{ margin:5px 0}
.pro_more a img{ border-radius:10px;}
.pro_more a p{ font-size:16px; font-weight:600; line-height:20px;padding:0 0; padding-top:8px;color: #00235A;}
 
.pro_more h4{font-size:28px;text-align:left; padding-bottom:20px;position:relative;padding-left:60px; line-height:30px;font-weight:500;margin-bottom:2px;color: #00235A; }
.pro_more h4::before {left: 0;top:18%;-webkit-transform:translateY(-50%);transform: translateY(-50%);content: "";height:8px;width:25px;border-radius: 5px;position: absolute;background-color: #ff5e14;}
.pro_more h4::after {left: 32px;top:18%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";height:8px;width:8px;border-radius: 50%;position: absolute;background-color: #ff5e14;}
.pro_more ul li { margin-bottom: 2px; }
.pro_more ul li img { width: 10%; height: auto; }
.pro_more ul li a { background: #f1f1f1; padding-left: 40px; font-size: 16px; color: #333; display: block; height: 50px; line-height: 50px; }
.pro_more ul li a:hover { background: #eb0001; color: #fff; }





.nh_bann { overflow: hidden; position: relative; width: 100%; }
.nh_bann img { margin: 0 auto; width: 100%; display: block; text-align: center; }
.nh_bann .wrap { height: 100%; }
.nn_bann_box { position: relative; }
.nn_bann_box .wrap { position: absolute; width: 1200px; top: 35px; left: 50%; margin-left: -600px; }

.nh_word { width: 15%; margin-top: -150px; position: absolute; z-index: 9; background: url(/images/yd.png) repeat; color: #fff; padding: 1.5% 0 1.5% 3%; }
.nh_word:before { content: ''; width: 31px; height: 31px; background: url(/images/nh_bn.png) no-repeat; position: absolute; left: 0; top: 0; }
.nh_word .nh_channel { font-size: 32px; }
.nh_word .posi h2{ font-weight: normal; font-size: 14px; }
.nh_word .posi a { color: #fff; }
.main_bar { padding: 30px 0; }
.newslist_top {  overflow: hidden; }
.newslist_top_l { width: 43%; float: left; }
.pr { position: relative; }
.newslist_top_l img { width: 100%; height: auto; }
.newslist_top_l .word { background: url(/images/black.6.png) repeat; position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 0 15px 5%; color: #fff; }
.newslist_top_l .word ._tit { font-size: 18px; font-weight: normal; width: 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.newslist_top_l .word .date { display: block; width: 66px; height: 100%; background-color: #ffba00; text-align: center; position: absolute; right: 0; bottom: 0; }
.newslist_top_l .word .date span { display: block; }
.newslist_top_l .word .date .ri { font-size: 18px; line-height: 18px; padding: 4px 0; color: #fff; }
.newslist_top_l .word .date .mon { font-size: 18px; line-height: 18px; display: inline-block; border-top: 1px #fff solid; padding-top: 4px; color: #fff; }
.newslist_top_r { width: 55%; float: right; }
.newslist_top_r li { overflow: hidden; border-bottom: 1px #d8d8d8 dashed; margin-bottom: 18px; padding-bottom: 23px; }
.newslist_top_r li a * { cursor: pointer; }
.newslist_top_r li ._time { float: left;  width: 15%; color: #3d3d3d; text-align: center; }
.newslist_top_r li ._time ._ri { display: block; font-size: 50px; font-weight: 100; color: #333; text-align: center; line-height: 50px; }
.newslist_top_r li ._time ._year { display: block; font-size: 14px; }
.newslist_top_r li ._intnew { float: left; width: 100%; }
.newslist_top_r li .riqi_r { float: left; width: 20%;font-size: 22px; }
.newslist_top_r li ._intnew ._title {float: left; width: 80%; padding-bottom: 7px; font-size: 22px; font-weight: 100; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.newslist_top_r li ._intnew ._text { width: 100%; margin-top: 5px; height: 54px; line-height: 27px; overflow: hidden; }
.newslist_top_r li a:hover ._time, .newslist_top_r li a:hover ._intro ._title { color: #fb9528; }
.newslist_top_r._title { position: absolute; left: 0; bottom: 0; width: 100%; height: 59px; line-height: 59px; font-size: 18px; color: #ffffff; text-align: center; background: rgba(0,0,0,.60); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); }

.hy_new { background: #f4f4f4; overflow: hidden; margin: 50px 0 10px; padding: 50px; }
.hy_new_tit { margin-bottom: 30px; }
.hy_new_tit h3 { font-size: 40px;  font-weight: 600; color: #000; text-align: center; }
.hy_new_tit span { font-size: 20px; font-weight: 500; color: #999; margin-left: 20px; }
._h4_tit { font-size: 16px; text-align: center; color: #666464; width: 70%; margin: 10px auto 40px; }
.hy_new li { width: 22%;*width: 21.8%; margin: 0 1.5%; float: left; }
.hy_new ._title { font-size: 16px; color: #000; font-weight: 400; line-height: 28px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 10px 0; }
.hy_new ._text { font-size: 14px; color: #747474; height: 44px; line-height: 22px; overflow: hidden; }
.inews_items .hd { margin-top: 50px; }
.inews_items .hd ul { font-size: 0; text-align: center; }
.inews_items .hd li { display: inline-block; border: 1px #707070 solid; width: 9px; height: 9px; line-height: 99; overflow: hidden; margin: 0 4px; border-radius: 50%; cursor: pointer; *display: inline; *zoom: 1; }
.inews_items .hd li.on { border-color: #88b82a; background-color: #88b82a; }
.hy_new ._full { left: 0; top: 0; width: 100%; *width: 264px; }
.hy_new .imgZoom { overflow: hidden; width: 100%; overflow: hidden; }

.news-title { overflow: hidden; margin-bottom: 30px; }
.news-title ul { width: 100%; margin: 0 auto; }
.news-title ul li { float: left; width: 24.8%;*width: 24.6%; height: 70px; cursor: pointer; line-height: 70px; font-size: 20px; margin-right: 0.2%; cursor: pointer; background: #f1f1f1; text-align: center; }
.news-title ul li.current { background:#eb0001; color: #fff; }
.news-title ul li.tab-on a { color: #fff; }
.new_tit { width: 100%; margin: 40px auto 30px; overflow: hidden; }
.new_tit h3 { font-size: 40px; text-align: center; font-weight: 600; color: #000; text-align: center; }
.new_tit span { font-size: 14px; font-weight: 500; color: #999; }
.new_tit a:hover { color: #ff4a00; }

.xg_zs { width: 100%; margin-bottom: 70px; overflow: hidden; }
.xg_zs ul { overflow: hidden; width: 100%; }
.xg_zs li { position: relative; padding-left: 75px; margin-top: 30px; width: 40%; *width: 39.6%; margin-right: 3%;*margin-right:2%; margin-bottom: 2%; float: left; }
.xg_zs li .date { position: absolute; left: 0; top: 6px; width: 55px; border: 1px #ccc solid; text-align: center; }
.xg_zs li .date span { display: block; }
.xg_zs li .date .day { font-size: 30px; font-weight: bold; background-color: #ccc; line-height: 45px; color: #fff; }
.xg_zs li .date .year { font-size: 0.77em; color: #565656; }
.xg_zs li h4 { font-size: 19px; font-weight: 500; color: #00132b; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.xg_zs li .p { line-height: 1.8; height: 38px; color: #666; }
.xg_zs li:hover .date { border-color: #424355; }
.xg_zs li:hover .date .day { background-color: #424355; }
.xg_zs li:hover .title { color: #FF3F3C; }
.xg_zs .more_bg { background: url(/images/newtitbg.jpg) repeat-x left center; display: block; width: 100%; text-align:center; margin: 0 auto; margin:50px 0; overflow: hidden; }
.xg_zs .more { padding: 12px 20px;   display: block; width: 200px; overflow: hidden; text-indent: 80px; margin-left: 38%; text-align: left; border: #272c4c 2px solid; background: #fff url(/images/more.png) no-repeat 40px center; font-size: 18px; color: #000; border-radius:50px; }
.xg_zs .more:hover { background:#eb0001 url(/images/more.png) no-repeat 40px center; color: #fff; border: #fff 2px solid;}
.pro_cate { margin: 30px auto 30px; text-align: center;  position: relative; height: 100px; line-height: 100px;background:url(../images/pro_bg.jpg);}
.pro_cate ul { margin-left: 25px; }
.pro_cate li { *float: left; margin: 0 1%; float: left; width: 14.5%; border-right: #fff 1px solid; }
.pro_cate li a { display: block; font-size: 16px; color: #333; margin-left: -27px; z-index: 9; zoom: 1; }
.pro_cate li ._ico { display: inline-block; width: 63px; height: 63px; margin-top: 8px; background: url(/images/news_tab_ico.png) no-repeat center top; }
.pro_cate li ._ico1 { background-position: 0 0; }
.pro_cate li ._ico2 { background-position: -63px 0; }
.pro_cate li ._ico3 { background-position: -126px 0; }
.pro_cate li ._ico4 { background-position: -189px 0; }
.pro_cate li ._ico5 { background-position: -252px 0; }
.pro_cate li ._ico5 { background-position: -252px 0; }
.pro_cate li ._ico6 { background-position: -315px 0; }
.pro_cate li ._t { font-size: 16px; margin: 0; padding: 0; line-height: 28px; color: #272c4c; font-weight: 500; }
.pro_cate ul li a.act { background: #eb0001; color: #fff; margin-top: -10px; padding-top: 10px; }

.product-list { overflow: hidden; width:100%;   margin: 10px auto 20px; }
.product-list h1{ font-size:50px; color:#00235A;margin: 0 auto 20px;text-align: center;}
.product-list ul { margin-bottom: 30px; overflow: hidden; }

.product-list li {width:27.5%;float:left;text-align:center;margin: 8px 1.6% 40px;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;-o-text-overflow: ellipsis; vertical-align: top;box-shadow: 0 3px 10px rgba(0,0,0,.1); border:15px #fff solid; }
.product-list li img { width: 100%; height: 200px; margin-bottom: 4px;}
.product-list li a { font-size: 16px; color:#222; font-weight:700; line-height: 27px; }
.product-list li a p{ padding:10px 0 15px; color:#00235A; font-size:18px;}
.product-list li h4 { font-size: 15px; font-weight: 500; }

.contact_ban { height: 100%; left: 0%; overflow: visible; }
.contact_ban img { display: block; width: 100%; margin: 0 auto; position: relative; }
.contact_ban_zi { text-align: center; position: absolute; color: #fff; width: 100%; float: left; top: 32%; padding: 2% 0; }
.contact_ban_zi h3 { font-size: 50px; color: #fff; margin-bottom: 30px; font-weight: 500; }
.contact_ban_zi p { font-size: 17px; line-height: 36px; width: 1000px; margin: 0 auto; text-align: center; }
.contact-wz { width: 100%; }
.contact ul li img { display: block; text-align: center; margin: 10px auto 0; }

.con_tit { width: 100%; }
.con_tit p { width: 75%; float: left; padding-left: 60px; font-size: 26px; font-weight: 500; color: #000; line-height: 70px; height: 70px; }
.con_tit .online { float: right; margin: 13px 0; height: 44px; line-height: 44px; border-radius: 30px; width: 15%; font-size: 16px; color: #fff; text-indent: 40px; text-align: center; }
.con_tit .online a { color: #fff; }
.con_tit .online a:hover { color: #fc0; }
.lianxi_bg { background: url(/images/contact_ban.jpg) repeat-x center top; height: 600px; width: 100%; overflow: hidden; }
.lianxi { margin-top: 30px; margin-bottom: 40px; }
.lianxi_con { width: 100%; margin: 0 auto; overflow: hidden; }
.lianxi h1 { font-size: 24px; color: #000; text-align: left; line-height: 59px; width: 100%; float: left; margin-bottom: 15px; overflow: hidden; }
.fl { width: 50%; float: right; padding: 30px 0 50px 50px;  background: url(/images/wd.png) repeat;margin-top: 50px; }
.fl p { line-height: 32px; }
.fl p strong { font-size: 16px; color: #000; }
.fr { width: 43%; float: right; margin-top: 10px; margin-bottom: 30px; }
.arrow { padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #E3E3E3; color: #454545; font: 18px 'Microsoft Yahei'; }
.p1 span { color: #0755c9; }
.h { color: #222; font: bold 24px 'Microsoft Yahei'; line-height: 200%; }
.p2 { font: 16px 'Microsoft Yahei'; color: #000; line-height: 26px; margin: 10px 0; }
.fl .t1 , .fl .t1 a { font-size: 20px; font-weight: bold; color: #eb0001; line-height: 150%; }
.lx_list {width:100%; overflow: hidden; margin: 40px 0 60px; float:left }
.lx_list h2 { font-size: 26px; margin: 8px 0; text-align: center; color: #eb0001; }
.lx_list h3 { font-size: 16px; text-align: center; color: #666; margin-bottom: 30px; }
.lx_list li { float: left; width: 20%;*width:19.9%; border: #d8d8d8 1px solid; padding: 1%; margin: 0 1.3% 30px; }
.lx_list li img { display: block; margin: 0 auto; text-align: center; width:40%; margin-bottom:10px; }
.lx_list li h4 { text-align: center; width: 100%; font-size: 18px;* font-size: 16px; }
.zixun1 { display: block; margin-top: 15px; width: 250px; height: 50px; text-align: center; line-height: 50px; background: #eb0001; font-size: 18px; }
.zixun1 a { color: #fff; }
.news { margin-top: 70px; }
.news_tab { width: 18%; float: right; }
.news_tab li { text-align: center; padding: 30px 0; margin-bottom: 1%; float: left; width: 100%; border-right: #fff 1px solid; background-color: #f1f1f1; }
.news_tab li ._ico { display: inline-block; width: 64px; height: 61px; background-repeat: no-repeat; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.news_tab li ._ico1 { background-position: 0 0; }
.news_tab li ._ico2 { background-position: -64px 0; }
.news_tab li ._ico3 { background-position: -128px 0; }
.news_tab li ._t { font-size: 18px; color: #000; }
.news_tab li.cur, .news_tab li:hover { background-color: #424355; }
.news_tab li.cur ._t, .news_tab li:hover ._t { color: #fff; }
.news_tab li.cur ._ico, .news_tab li:hover ._ico { background-image: url(/images/news_ico.png); transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.news-list { width: 70%; float: left; margin-bottom: 60px; }
.news-list li { padding-bottom: 25px; margin-bottom: 25px; width: 100%; overflow: hidden; border-bottom: 1px solid #eaeaea; }
.news-list li img { float: right; margin-top: 40px; }
.news-list li ._date { float: left; width: 9%; background: #e9e9e9; text-align: center; height: 110px; color: #182133; }
.news-list li ._date span { display: block; }
.news-list li ._date ._d1 { font-size: 44px; line-height: 46px; padding-top: 20px; }
.news-list li ._nr { float: left; width: 77%; margin-left: 3%; }
.news-list li ._title { font-size: 17px; font-weight: normal; color: #000; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
._time1 { color: #666; margin: 3px 0; background: url(/images/b.jpg) no-repeat left center; padding-left: 20px; }
.news-list li ._sum { line-height: 24px; height: 48px; overflow: hidden; color: #565656; margin-top: 8px; }
.news-list li :hover ._title { color: #182133; }
.news-list li :hover ._date { background: #182133; color: #fff; }
.news_tit_more { margin-bottom: 40px; }
.news_detail { width: 74%; float: left; }
.news_detail ._head { width: 100%; overflow: hidden; }
.news_detail ._head h1 { font-size: 31px; text-align: left; color: #000; line-height: 1.4; font-weight: bold; text-align: center; }
.news_detail ._tools { padding: 10px 0; color: #999999; }
.news_detail .ion { font-size: 16px; font-weight: normal; vertical-align: top; }
.news_detail ._tools ._tool { height: 50px; line-height: 50px; margin: 0 4px; display: inline-block; vertical-align: middle; }
.news_detail ._tools ._tool:hover { color:; }

.nd_menus span { display: block; float: left; margin-left: 5px; }
.jl5 { margin-top: 5px; }
.tit_left { width: 60%; margin-top: 15px; }
.news_detail .fx { width: 40%; float: left; }
.news_detail .fx span { display: block; float: left; }
.news_detail_con { width: 100%; margin-top: 20px; }
.news_detail_con video { padding-left:12%;}
.news_detail_con a { color: #eb0001; }
.news_detail_con p { margin: 15px 0; text-indent: 25px; line-height: 30px; font-size: 15px; }
.news_detail .myart { padding: 20px 0; line-height: 2; }
.news_detail .myart img { display: block; margin: 0 auto; }
.news_detail ._detailPage_bottom { border-top: 1px solid #cccccc; }
.news_detail ._detailPage_bottom li { height: 60px; line-height: 60px; overflow: hidden; border-bottom: 1px solid #cccccc; }
.news_detail ._detailPage_bottom ._mark { width: 104px; font-size: 16px; float: left; margin-right: 10px; text-align: center; }
.news_detail ._detailPage_bottom ._title { font-size: 18px; float: left; width: 68%; color: #000; }
.news_detail ._detailPage_bottom ._time { float: right; color: #999; }

.daodu { width: 84%; padding: 2% 1% 2% 15%; margin-bottom: 35px; background: #f4f4f4 url(/images/wxts.png) no-repeat 20px 15px; overflow: hidden; }
.daodu p { display: inline-block; margin: 5px 0 10px; text-indent: 0; }
.daodu_lx { width: 100%; }
.daodu_lx .tel { background: url(/images/new_tel.png) no-repeat left bottom; padding: 18px 0 0 50px;line-height: 40px; color: #666; margin: 20px 0 0 10%; font-size: 20px; }
.daodu_lx .tel strong a { color: #FE4042; }
.daodu_lx .chat { background:#eb0001; margin-left: 10%; color: #fff; font-size: 18px; padding: 10px 50px; border-radius:25px;}
.daodu_lx .chat a { color: #fff; }

.news_right { width: 16%; float: right; border: 1px solid #dbdbdb; padding: 20px; }
.news_right_pro { width: 99.2%; overflow: hidden; }
.news_right_pro h4 { font-size: 26px; margin-bottom: 15px; text-align: left; }
.news_right_pro ul { width: 100%; margin: 0 auto; }
.news_right_pro ul li { text-align: center; line-height: 40px; }
.news_right_pro ul li img { width: 95%; height: auto;padding:2%; bordeR:1px #e1e1e1 solid }

.xg_news_tit { width: 100%; overflow: hidden; z-index: 10; height: 40px; }
.xg_news_tit h4 { background: none; border-bottom: 0; color: #333; overflow: hidden; padding: 0; text-align: center; line-height: 42px; height: 41px; background: #fff; border-top: 3px solid #e96a59; border-right: 1px solid #d8d8d8; font-size: 26px; float: left; position: absolute; width: auto; padding: 0 15px; }
.xg_news_tit span { text-align: right; margin-right: 20px; line-height: 41px; display: block; float: right; }
.xg_news a { color: #555; }
.xg_news a:hover { color: #db0000; }
.xg_news ul { width: 100%; overflow: hidden; margin: 2% 0 1% 1%; }
.xg_news li { width: 47%; margin: 0 2% 0 0; float: left; height: 40px; font-size: 15px; line-height: 40px; background: url(/images/new_ico.jpg) no-repeat 20px center; text-indent:6%; }
.xg_news { border: 1px solid #d8d8d8; border-top: none; background: url(/images/news_lm.png) repeat-x; margin: 3% auto; overflow: hidden; }
.position { display: flex; justify-content: space-between; height: 52px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; }
.position a{ padding-top:15px;}
.position_tit { font: 22px/52px "微软雅黑"; color: #010101; border-bottom: 2px solid #ff0303; }
.position_box, .position_box a { font: 14px/52px "微软雅黑"; color: #767676; }
.position_box a:hover { color: #fb0505; }
.product_box { width: 100%; }
.position_two { background: #0c4a9d; height: 52px; }
.position_two .position_box, .position_two .position_box a { color: #fff; }

/*产品中心列表*/
.add_caselist{display: flex;justify-content: space-between;flex-wrap: wrap;  width:100%;}
.add_caselist li{width: 585px;margin-bottom: 30px;}
.add_caselist li a{display: block;position: relative; overflow:hidden}
.add_caselist li a img{width: 100%;height: 292.5px;}
.add_caselist li a p{position:absolute;left:0;bottom:0;width:100%;height:36px;margin:0 0;font:16px/36px "微软雅黑";color:#fff;background:rgba(16,16,17,0.6);text-align:center;display:none;}
.add_caselist li a:hover p{display: block;transition-duration: .35s;}
.prolist { margin: 0 auto 40px; width:100%; display:block; }
.prolistbg { background:#f4f4f4;}
.prolist2_l {width: 44%; margin:auto 1.5%;float: left; }
.prolist2_l img{ width:700px ; height: 380px;  }
.prolist1_l , .prolist_r { width: 100%; position: relative; min-height: 1px; }
.prolist1_l {width: 23%; margin:auto 1%;float: left; margin-bottom:40px; }
.prolist_r { width: 73%; padding-left:2%; float:right;}
.prolist1_l .prolist1_img { position: relative;padding-bottom:50px;width: 100%;display: block;height: auto; }
.prolist1_l .proxiangqing, .prolist1_l .proxunjia { text-align: center; position: absolute; color: #ffffff; width: 35%; line-height: 36px; bottom: 110px; display:block; font-size:14px;}
.prolist1_l .proxiangqing { background-color: rgba(0, 0, 0, 0.5); left: 25px; }
.prolist1_l .proxiangqing:hover { background: #ff1c36; opacity: 1; border-style: none; outline: 0; }
.prolist1_l .proxunjia { background-color: #ff0000; right: 25px; }
.prolist1_l h3 { font-size:16px; line-height:50px; position: absolute;bottom: 0; text-align: center; width: 100%; background: #eee; color: #333; font-weight:normal }
.prolist1_l h3:hover{ color:#fff; background:#ff0000}
.prolist_r p { padding-top: 15px; line-height: 30px; }
.prolist_r .protjbt {margin-top: 12px;border-top: 1px solid #cccccc;}
.prolist_r .protjbt ul {overflow: hidden;}
.prolist_r .protjbt ul li { float: left;overflow: hidden;margin:5px 15px;}
.prolist_r .protjbt ul li a{ color:#666; bordeR:1px #ccc dashed; border-radius:50px; padding:10px 20px; float:left;}
.prolist_r .product-list , .prolist_r .product-list ul , .prolist_r .product-list ul li{ margin-bottom:0px;}
 

.solution { margin: 0 auto; margin-top: 87px; margin-bottom: 10px; overflow: hidden; }
.solution li { width: 29.3333%;  height: 520px; margin: 0 2% 10px; float: left; position:relative}
.solution li img { width:98%; height: auto;padding:1%; background:#f5f5f5; border-radius:5px 5px 0 0}
.solution .jianjie { width: 100%; }
.solution .jianjie p { font-size: 14px;display: -webkit-box;-webkit-line-clamp: 3; line-height:28px;-webkit-box-orient: vertical;overflow: hidden; padding-left:5px; width:96%;}
.solution .more { width: 120px; border-bottom: 2px solid #ccc; line-height: 42px; margin-top: 16px; }
.solution .more a { color: #F29C06; font-size: 14px; }
.solution h3 { font-size: 20px; font-weight: bold; line-height: 26px;}
.solution_text { border-bottom: 4px solid #f2f2f2; padding: 0 23px 15px 0; }
.case_text .details a { color: #ff9900; text-decoration: none; }
.hover-more .more-show h3 { margin: 0; padding: 0; }
.hover-more .more-show h3 a { display: inline-block; color: #333; margin-top: 20px; margin-bottom: 15px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:95%; }
.hover-more:hover .more-show { border-bottom-color:#eb0001; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.solution li:hover img{ background:#eb0001}

.hover-more:hover .more-show h3 a { margin-top: 15px; }
.hover-more .more-show h3 a { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.solution_text .details { display: inline-block; margin-top: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }

.hover-more:hover .details { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); margin-bottom:10px;opacity: 1;-moz-opacity:1;filter: alpha(opacity=100); margin-top:0; }
.solution img:hover { filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

.index_case_text { border-bottom: 4px solid #f2f2f2; padding: 0 13px 0 13px; position:absolute; margin-top:-70px; background:url(../images/groovepaper.png) #fff; border-radius:5px; width:90%; margin-left:2.5%;box-shadow: 0 3px 10px rgba(0,0,0,.1);}
.details { margin-top: 17px; margin-bottom: 15px; text-decoration: underline; }
.index_case_text .details { display: inline-block; margin-top: 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; background:#eb0001; padding:3px 15px; border-radius:0 15px 0 15px;}
.index_case_text .details a{ color:#fff;}

.case_banner { height: 300px; background: url("/images/ser_ban.jpg") no-repeat 85% 0; margin-bottom: 28px; }
.case_banner .text {background: url("/images/yd.png") repeat;padding: 35px 35px 30px; }
.case_banner .text h2 { font-size:14px; font-weight:inherit; color: #fff; }
.case_banner_zi { width: 58.33333333%; margin-top: 10%; }
.case_banner h1 { font-size: 36px; margin-bottom: 15px; color: #fff; }

.ser_banner { height: 300px; background: url("/images/com_ban.jpg") no-repeat 85% 0; margin-bottom: 28px; }
.ser_banner .text { background-color: rgba(253,204,5,0.7); padding: 35px 35px 30px; }
.ser_banner .text p { color: #fff; }
.ser_banner_zi { width: 58.33333333%; float: right; margin-top: 15%; }
.ser_banner h3 { font-size: 36px; margin-bottom: 15px; color: #fff; }

.case_detail { margin-top: 50px; margin-bottom: 40px; }
.case_detail h1 { font-size: 36px; color: #202020; text-align: center; }
.case_detail img { display: block; margin: 30px auto; text-align: center; }
.case_detail_zi { width: 96%; padding: 2%; overflow: hidden; }
.case_detail_h3 { font-size: 28px; margin: 70px 0 0; background: url(/images/case_xq.png) left top no-repeat; border-bottom: #EA0001 4px solid; line-height: 51px; color: #fff; text-indent: 70px; height: 50px; }
.case_detail_zi p { line-height: 32px; text-indent: 25px; margin: 8px 0; }
.case_detail_zi p strong { font-size: 20px; color: #eb0001; font-weight: 500; margin: 8px 0; }
.case_tit { text-align: center; background: url(/images/case_bg2.png) center bottom no-repeat; margin: 0 auto 30px; width: 140px; padding-bottom: 10px; overflow: hidden; }
.case_tit h2 { font-size: 34px; text-align: center; font-weight: 500; color: #333; margin: 0 auto; }
.case_detail_zi h3 { font-size: 24px; color: #000; }
.case_detail ul { width: 90%; overflow: hidden; margin: 30px auto 10px; }
.case_detail li { width: 46%; margin: 0 2%; float: left; }
.case_detail li p { margin: 10px 0; text-indent: 0; text-align: center; }
.case_detail li img { margin: 0; }
.case_detail li .pro_tit { text-align: center; }
.xg_casedetail { margin-bottom: 50px; }
.xg_casedetail li { width: 22%; float: left; margin: 0 1.5%; overflow: hidden; }
.xg_casedetail li img { width: 100%; height: auto; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; -ms-transition: all 0.35s ease; transition: all 0.35s ease; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); width: 100%; height: auto; }
.xg_casedetail li:hover img { filter: alpha(Opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.xg_casedetail li h4 { display: inline-block; width: 100%; margin: 15px 0; text-align: center; color: #333; font-weight: 400; font-size: 15px; position: relative; }
.xg_casedetail li h4:after { transition: all .5s cubic-bezier(.68,-.55,.27,1.55); animation: lineout .5s infinite; -webkit-animation: lineout .5s infinite; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; position: absolute; bottom: -15px; left: 0; display: inline-block; content: ""; height: 3px; width: 0; background: #FF3F3C; }
.xg_casedetail li:hover h4:after { transition: all .5s cubic-bezier(.68,-.55,.27,1.55); animation: linemove .5s infinite; -webkit-animation: linemove .5s infinite; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; position: absolute; bottom: -15px; left: 0; display: inline-block; content: ""; height: 3px; width: 100%; background: #FF3F3C; }
.xg_casedetail li:hover h4 { color: #FF3F3C; }


.pro-fixed { position: fixed; bottom: 0; left: 0; z-index: 999; margin: 0; padding: 0; width: 100%; box-shadow: 0 0 10px 0 rgba(155,143,143,0.6); -webkit-box-shadow: 0 0 10px 0 rgba(155,143,143,0.6); -moz-box-shadow: 0 0 10px 0 rgba(155,143,143,0.6); }
.pro-fixed a { float: left; display: block; }
.pro-fixed a img { display: block; text-align: center; margin: 5px auto 0; }
.pro-fixed p { text-align: center; height: 40px; line-height: 40px; margin: 0; text-indent: 0; }
.pro-fixed a:hover p { color: #fff; }
.pro-fixed a.clear-bor { border-right: none; }
.mb_home, .mb_pro { background: rgba(255,255,255,.8); width: 18%; border-right: #d8d8d8 1px solid; }
.mb_home p, .mb_pro p { color: #000; }
.mb_zx { width: 25.6%; }
.mb_tel { width: 37.6%; }
.mb_name { font-size: 24px; text-align: center; font-weight: 600; }

.mb_zx { background: rgba(39,44,76,.8); }
.mb_tel { background: rgba(235,0,1,.8); }
.mb_zx p { color: #fff; }
.mb_tel p { color: #fff;  }
#backtitle { font-size: 26px; font-weight: 600; color: #000; margin: 10px 0 10px 0; }
.pro-img_m, .m_pro_lei, ._title1, .m_banner, .m_sub_banner, .m_zhishi, .m_contact_ban, .pro-fixed, .top_nav, .sy_lei, .xunjia, .pro_ad_bottom { display: none; }
#pro_ad_bottom { display: none; }

.com_ban { width: 100%; overflow: hidden; }
.com_ban img { display: block; text-align: center; margin: 0 auto; }


.about_box3 { height: 533px; }
.about_box3 .ab3_img { width: 60%;*width: 50%; background: url(/images/a3_bg.jpg) right top no-repeat; height: 100%; }
.ab3_img > ul { margin-left: 29%;*margin-left: 19%; padding-top: 40px; }
.ab3_img li { width: 45%;*width: 48%; margin: 2% 5% 1.5% 0; float: left; }
.ab3_img li img { display: block; text-align: center; width:20%; margin: 0 auto 20px; }
.ab3_img li .img:after { content: ''; width: 50px; height: 3px; background-color: #ffd900; position: absolute; bottom: 0; left: 50%; margin-left: -25px; }
.ab3_img li h3 { font-size: 20px; margin-bottom:10px; text-align: center; color: #fff; }
.ab3_img p { font-size: 13px; text-align: center; color: #fff; }
.about_box3 .ab3_con { width: 40%;  height: 100%; background-color: #ff0000; }
.about_box3 .ab3_con .box { width: 68%; padding: 10% 10% 10%;*padding: 10% 4% 10%; color: #624031; }
.ab3_con .box .a3_t { text-align:center; font-size:28px; color: #fff; padding-bottom:5px }
.ab3_con .box .a3_p { font-weight:500; font-size: 15px; text-align:center; color:#fff }
.ab3_con .box .a3_con {  margin-top: 30px;*margin-top: 20px; line-height: 30px;color:#fff ; font:14px;*line-height:25px; }

.digital { width: 100%; overflow: hidden;  margin-bottom:20px;}
.digital ul { width: 90%; margin: 0 auto; }
.digital li { width: 22%;*width: 21.8%; float: left; margin: 25px 1.5% 30px; }
.digital li img { display: block; max-width:100px; width: 60%; text-align: center; margin: 0 auto; }
.digital li p { font-size: 14px; text-align: center; color: #000; margin-top: 15px; text-indent: 0; }

.com_ca { background: #b6d4f7; padding: 30px 0; }
.com_ca dt { float: left; width: 42%; }
.com_ca dd { width: 53%; margin-top: 10px; float: right; }
.com_ca dd h3 , .com_huanjing dd h3 { text-align:center; font-size: 26px; margin-bottom: 15px; color: #000; }
.com_ca p{ line-height:30px; display:block; margin-left:60px; font-size: 14px;}
.com_huanjing dd p{ line-height: 28px; font-size: 14px; }

.com_huanjing { margin-top: 60px; margin-bottom: 60px; }
.com_huanjing dt { float: right; width: 50%; }
.com_huanjing dd { width: 45%; margin-top: 10px; float: left; }

.ser_lc { margin-top: 10px; width: 100%; padding:10px 0 30px; overflow: hidden; }
.ser_lc h2 { font-size:24px; margin: 10px auto; color: #080808; font-weight:400; text-align: center; }
.ser_lc p { text-align: center; font-size: 15px; margin-bottom: 40px; margin-top:10px; }
.ser_lc h4 { color: #333;font-size: 15px; padding: 4px 10px; width: 63%; margin: 15px auto 0; text-align: center; }
.ser_lc li { float: left; width: 16.6%; background: url(/images/lc_line.png) no-repeat right 35px; }
.ser_lc li:nth-child(6){ background:none}
.ser_lc li img { display: block; width:40%; max-width:100px; margin: 0 auto; text-align: center; }
.com_adv { width: 100%; height: 545px; background: #f5f5f5; padding:100px 0 }
.com_adv-bx-z { float: left; width:65%; background: #f4f4f4; height:540px; padding:70px 75px 0 60px; box-sizing: border-box; }
.com_adv-bx-z h3 { font-size: 38px; color:#00235A; }
.com_adv-bx-z h3 span { font-size: 23px; font-weight: normal; width: 115px; display: block; border-bottom: 5px solid #2b2b2b; height: 35px; margin-top: 30px; }
.com_adv-bx-z p { font-size: 16px; color: #666; line-height:26px; margin:15px 0 5px 0; background: url(/images/ser_ico.png) no-repeat 0px 5px;padding-left:25px; }
.com_adv-bx-z h4 { font-size:20px; color: #2b2b2b; margin-bottom:30px;margin-top:20px;font-weight:500;padding: 5px 20px;border-left: 4px solid #ff5e14;}
.com_adv-bx-y { float: right; background: url(/images/subscribe_left_bg.jpg) no-repeat center; height: 545px; width: 33%; }
.com_adv-bx-y .wz { width: 465px; height: 220px;background: url(/images/hd.png) repeat; margin-top: 100px; padding: 18px 35px 0 40px; box-sizing: border-box; *width: 390px; *height: 147px; }
.com_adv-bx-y .wz h4 { color: #fff; font-size: 26px; margin-bottom: 8px; }
.com_adv-bx-y .wz p { font-size: 15px; color: #fff; line-height: 24px; }

.ser_pj { margin: 80px 0; width:100%; float:left }
.ser_pj li { float: left; width:30.33333%;margin:20px 1.5%; box-shadow: 0 0 10px 0 rgba(155,143,143,0.6); box-sizing: border-box; padding:35px; height:220px;} 
.ser_pj h3 { font-size: 36px; margin-bottom: 15px; color: #000; letter-spacing:-1px; width:100%; text-align: center; color:#00235A } 
.ser_pj li p { line-height: 32px; }

.ser_jishu { margin:20px auto 50px; }
.ser_jishu dt { float: right; width: 50%; }
.ser_jishu dd { width: 44%; padding: 60px 30px 0 0; height: 325px; float: left; }
.ser_jishu dd h3 { font-size: 36px; margin-bottom: 15px; color: #000; }
.ser_jishu dd p { line-height: 34px; font-size: 16px; }
.ser_shili { margin-top: -80px; }
.ser_shili ul { width: 90%; padding-left:10%; }
.ser_shili li { width: 15%; margin: 0 3%; float: left; }




.ser_con { margin-top:60px; margin-bottom: 10px; font-size: 16px; line-height: 36px; width:100%; float:left }
.ser_con h1 { font-size: 28px; margin-bottom: 25px; text-align: center; color:#00235A; font-weight:600; letter-spacing:-2px}
.mao1 { margin: 0 16px 0 0; background: url(/images/yihao_left.png) 0 no-repeat; }
.mao2 { margin: 0 0 0 16px; background: url(/images/yihao_right.png) 0 no-repeat; }
.mao1,.mao2{ display: inline-block;width: 26px;height: 32px; background-size:18px; }

.ser_con p { text-indent: 2em; margin: 8px 0; line-height:28px;}
.releate {box-shadow:0 5px 8px #ccc;margin: 10px 0;width: 99%;margin-left:0.5%;border-radius:20px;padding-top:30px;overflow: hidden;background:url(../images/prothreeicon04.png) no-repeat center bottom }
.releate ul { width:96%; overflow: hidden; margin: 15px 0 10px 0; float: left; padding:0 2%; }
.releate h4 { text-align:center; font-size: 26px; color: #333; line-height: 42px; height: 42px; margin-bottom:10px;}
.releate h4:before,.releate h4:after{ content: ''; display: inline-block;width:5px; height:5px; border:5px #ff0000 solid; margin:0 10px;  margin-top:-5px;border-image: -webkit-linear-gradient(#ff0000,#fbaf0b) 30 30;border-image: -moz-linear-gradient(#ff0000,#fbaf0b) 30 30;border-image: linear-gradient(#ff0000,#fbaf0b) 30 30; border-radius:50%; vertical-align:middle}
	 
.releate li { width: 47%; margin: 0 2% 0 0; float: left; height: 42px; line-height: 42px; background: url(/images/new_ico.jpg) no-repeat 17px center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-indent: 45px; }
.zg_more{ text-align:center; width:100%; float:left; margin-top:10px;margin-bottom:20px; }
.zg_more p{text-align:center}
.zg_more a{ border-radius:30px;border:1px dashed #969696; padding:15px 40px; font-size:14px;}
.zg_more a:hover{ color:#eb0001; border:1px dashed #eb0001;}
.foot_yd { width: 94%; margin-top: 30px;  padding: 3%; overflow: hidden; }
.foot_yd_top { border: #666 1px dashed; padding: 2% 2% 1%; width: 96%; margin: 0 auto; overflow: hidden; }
.foot_yd_top .w1 { width: 33%; margin-right: 4%; }
.foot_yd_top .w2 { width: 28%; }
.foot_yd_top .w3 { width: 33%; }
.foot_yd_top dl { float: left; width: 100%; overflow: hidden; }
.foot_yd_top dt { width: 80px; margin-right: 8px; display: inline-block; height: 80px; float: left; }
.foot_yd_top dd { float: left; text-align: left; }
.foot_yd_top dd span { font-size: 20px; margin-top: 8px; text-align: left; color: #fff; }
.foot_yd_top dd p { font-size: 16px; text-indent: 0; margin: 0; color: #ccc; text-align: left; width: 100%; overflow: hidden; }
.foot_yd_con { font-size: 22px; margin: 30px 0; color: #fff; font-weight: 600; text-align: center; }
.foot_yd_tel { width: 60%; margin: 0 auto; text-align:center; padding: 2px 0; color: #fff; background:#EF2416}
.foot_yd_tel:before{ width:26px; height:20px;content: ''; margin-top:15px; margin-right:5px; background:  url(/images/yd_tel.png) no-repeat; background-size:100% 100%; display: inline-block;}
.foot_yd_tel .zi { font-size: 20px; font-weight: 300; }
.foot_yd_tel .tel { font-size: 30px;*font-size:26px; font-weight: 800; }
.foot_yd_tel .tel a { color: #fff; }
.cases_con_shuxing { width: 100%; margin-top: 50px; margin-bottom: 20px; overflow: hidden; }
.cases_con_shuxing dl { width: 30.3333%; margin: 0 1.5%; float: left; }
.cases_con_shuxing dt { width: 100%; }
.cases_con_shuxing dt img { margin: 0 auto; display: block; text-align: center; }
.cases_con_shuxing dd { width: 100%; }
.cases_con_shuxing dd h4 { font-size: 16px; color: #222; font-weight: 400; text-align: center; }

.nav-right { height: 95px; overflow: hidden; overflow: hidden; }
.m_li1 { Z-INDEX: 10; float: left; width: 95px; text-align: center; font-weight: bold; height: 95px; overflow: hidden; }
.m_li1 a:hover { color: #f8c4c6; }
.m_li1 a:hover span { color: #f8c4c6; }
.m_li1 a span { color: #f8c4c6; }
.m_li1:after { position: absolute; bottom: -8px; left: -3px; display: inline-block; width: 100%; height: 8px; }
.m_li0:after { Z-INDEX: 10; position: absolute; bottom: -8px; left: -3px; display: inline-block; width: 0px; height: 7px; }
.m_li0 { float: left; width: 95px; position: relative; float: left; height: auto; }
.list01 { Z-INDEX: 10; DISPLAY: none; }
.kefu { display: none; margin-top: 30px; height: 40px; cursor: pointer; }
.kefu a { color: #dfbb00; }
.kefu a.nabor { margin-left: 1px; border-left: none; }
ul, ol, dl, li, dt, dd { margin: 0; padding: 0; list-style: none; }
.clearfix:after, .clearfix:before { content: ""; display: table; }
.clearfix:after { clear: both; }
.drawer-toggle, #mzx, #mtop { display: none; }

.news_q_list {  margin: 20px auto; overflow: hidden; }
.news_q_list h1 { font-size: 30px; margin-bottom:30px; color:#00132b; text-align:center;}
.news_q_list li { padding-bottom: 35px; width: 47%; float: left; margin: 0 3% 35px 0; overflow: hidden; border-bottom: 1px solid #eaeaea; }
.news_q_list li img { float: right; margin-top: 40px; }
.news_q_list li ._date { float: left; width: 15%; background: #e9e9e9; text-align: center; height: 72px; font-size:15px; color: #182133; }
.news_q_list li ._date span { display: block; }
.news_q_list li ._date ._d1 { font-size: 38px; line-height: 40px; padding-top: 6px; }
.news_q_list li ._nr { float: left; width: 82%; margin-left: 3%; }
.news_q_list li ._title { font-size: 17px; font-weight: normal; color: #000; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
._time1 { color: #666; margin: 3px 0; background: url(/images/b.jpg) no-repeat left center; padding-left: 20px; }
.news_q_list ._sum { line-height: 24px; height: 48px; overflow: hidden; color: #565656; margin-top: 8px; }
.news_q_list li :hover ._title { color: #182133; }
.news_q_list li :hover ._date { background: #182133; color: #fff; }

/** page**/
#ctl00_ContentConn_PageInfo { text-align: center; margin-top: 20px; font-size: 14px; float: left; /*height: 45px;*/ line-height: 40px; width: 100%; }
#ctl00_ContentConn_PageInfo a { background: #fff none repeat scroll 0 0; border: 1px solid #bcbcbc; color: #999; margin: 5px 5px 0 0; padding: 6px 10px; }
#ctl00_ContentConn_PageInfo a:hover { background: #ff3a3b none repeat scroll 0 0; border: 1px solid #c00; color: #fff; text-decoration: none; }
#ctl00_ContentConn_PageInfo .current { background: #ff3a3b none repeat scroll 0 0; border: 1px solid #c00; color: #fff; text-decoration: none; }

.xg_wenti { float: left; width: 100%; overflow: hidden; margin-bottom: 50px; }
.xg_wenti h1 { float: left; display: block; background: #ffe717; height: 55px; line-height: 55px; font-size: 26px; padding: 0 25px; color: #000; font-weight: bold; text-align: left; }
.xg_wenti img { float: left; }


.about_con { line-height: 25px; margin: 60px auto; font-size: 13px; }
.about_con p { text-indent: 2em; margin-bottom: 15px; line-height: 32px; }
.about_con p a { color: #0088cc; }
.about_con h1 { font-size: 16px; text-align: center; margin-top: 20px; }
.about_con h3 { font-size: 30px; width: 100%; color: #FF3333; margin: 3% 0 2% 0; }
.about-pic { width: 96%; margin: 0 auto; overflow: hidden; }
.about-pic ul li { margin: 0 5px -1px 0; overflow: hidden; }
.about-pic ul.l-pic { float: left; width: 51%; _height: 450px; _width: 48%; }
.about-pic ul.r-pic { float: right; width: 49%; _height: 450px; _width: 48%; }
.zhengshu, .huanjing, .box-nl { width: 100%; overflow: hidden; }
.zhengshu ul, .huanjing ul, .box-nl ul { overflow: hidden; }
.zhengshu ul li { float: left; margin-right: 10px; _margin-right: 8px; width: 22%; margin-right: 3%; }
.zhengshu ul li img, .huanjing ul li img { width: 100%; height: auto; }
.zhengshu ul li p, .box-nl ul li p { text-align: center; text-indent: 0; margin: 2px 0; }
.zhengshu p, .huanjing p, .box-nl p { text-indent: 0; }
.huanjing ul li { float: left; width: 30%; margin: 0 1.5%; }
.huanjing ul li p, .box-nl ul li p { text-align: center; line-height: 20px; margin-top: 5px; }
.box-nl ul li { float: left; width: 22%; margin: 0 1.5%; }
.kuan2s { width: 100%; margin: 0 auto; overflow: hidden; }
.kuan2s li { width: 22%; float: left; margin: 0 1.5%; }
.kuan2s li p { font-size: 14px; text-align: center; color: #242424; text-indent: 0; }
.kuan2s li img { display: block; margin: 0 auto; text-align: center; }
.index_bottom { height: 150px; margin:30px 0; width: 100%; background: url('/images/ser_bg.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; padding: 50px 0 0; }
.index_bottom .link { background: url('/images/index_bottom_item.png') no-repeat center; background-size:100%;width: 69.66%; }
.index_bottom .link li { float: left; color: #fff; width: 29.33%;*width: 28%; padding-left: 4%; cursor: pointer; }
.index_bottom .link li a { color: #fff; }
.index_bottom .link li a h4 { opacity: 0.8; }
.index_bottom .link li a .desc { opacity: 0.8; }
.index_bottom .link li a:hover h4 { opacity: 1; }
.index_bottom .link li a:hover .desc { opacity: 1; }
.index_bottom .link li div { display: inline-block; float: left; margin-right: 15px; width: 40px; height: 40px; background: url('/images/index_bottom_ico.png') no-repeat 0 0; vertical-align: middle; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.index_bottom .link li:hover div { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.index_bottom .link li .ic2 { background-position: -40px 0; }
.index_bottom .link li .ic3 { background-position: -80px 0; }
.index_bottom .link ul { padding: 3% 0%; overflow: hidden; }
.index_bottom .t { font-size: 40px; color: #000;}
.index_bottom .p { font-size: 32px; color: #000; }
.index_bottom .link li h4 { font-size: 16px; font-weight: normal; }
.NybAdvantage{ overflow: hidden; margin:0 auto; padding-top:60px;}
.NybAdvantage ul{width:100%;}
.NybAdvantage ul li{float: left; position: relative; margin-right:1%; margin-bottom: 50px; margin-top:30px; width: 19%; background: #efefef; padding:140px 20px 30px 20px; font-size: 14px; color:#3f3f3f; line-height: 26px;height: 160px;}
.NybAdvantage ul li .NybAdvantageTop{ position: absolute; width: 160px; height: 160px; left: 50%; transform: translateX(-50%); top: -80px; border:5px solid #fff; background: #ffd200; border-radius:50%;}
.NybAdvantage ul li .NybAdvantageTop span{display: block;width: 118px; height: 140px;padding:0px 10px; text-align:center;margin:8px auto 0px;border-radius:50%;border:2px dotted #fff;font-size: 21px;font-weight: bold;line-height: 30px;}
.NybAdvantage ul li .NybAdvantageTop span em{display:block; font-size:34px; color:#ff1a1a; font-weight:normal;     padding: 25px 0px 10px 0px;text-indent: 0;}
 
.display_none { display: none; }

.table_parameter { border-collapse: collapse; width: 99.5%; margin: 0 auto; background: #fff; max-width: 100% !important; }
.table_parameter tr th { padding: 10px 10px; border: 1px solid #acadb1; font-size: 16px; color: #000; text-align: center; font-weight: normal; }
.table_parameter tr td { padding: 10px 10px; border: 1px solid #acadb1; font-size: 16px; color: #000; text-align: center; }
.pro_top_left  img{width : 700px;height:450px}



 


/**网站新增代码**/ 
.xwrap{ min-width:1200px;width:70%; margin:0 auto;}
.xheader{ width:100%; background:#00235a; color:#fff; font-size:16px;padding:15px 0}
.xheader span{color: #FFF;line-height: 1;position: relative;padding-left: 46px;margin-right: 40px;}
.xheader span i{ font-style:normal; font-weight:800; }
.xheader span:before {width: 40px;height: 2px;background-color: #FFF;opacity: 0.2;position: absolute;left: 0;content: "";top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.xtop{ padding:15px 0;}
.xtop .logo{ float:left; margin-bottom:20px}
.xtop .single-element {display: inline-block;text-align: left;position: relative;padding-left:36px;margin-left:40px;padding-top:18px;  }
.xtop .single-element::before {width: 20px;height: 2px;background-color: #ff5e14;position: absolute;left: 0;content: "";top:32px;}
.xtop .single-element a {display: block;font-size: 20px;color: #00235A;font-weight: 700;line-height: 24px;position: relative;}
.xtop .single-element span{font-weight:500; color:#999;padding-left:5px;}
.xtop .header-btn {margin-left: 30px;}
.xtop .header-btn a {padding: 20px 17px;line-height: 1;}
.d-inline {display: inline!important;}
.xtop .theme-btn {color: #fff;padding: 20px 16px;border-radius: 10px;font-size: 16px;background-color:#ff5e14;border:2px solid #ff5e14;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out; float:right; margin-top:8px;}
.xtop .theme-btn:hover {background-color:#f04e04;border: 2px solid #f04e04;-webkit-box-shadow: inherit;box-shadow: inherit;color: #FFF;}
.nav{z-index:102;position:relative;height:65px;line-height:62px; margin:0 auto;font-size: 16px;text-align:center;margin-top:9px;background-color: #fff;border-radius: 10px;position: relative;z-index: 99;margin-bottom: -36px;-webkit-box-shadow: 0px -16px 32px 0px rgba(0, 0, 0, 0.04);box-shadow: 0px -16px 32px 0px rgba(0, 0, 0, 0.04);}

.section-padding {padding:80px 0px; background:#f5f5f5; width:100%}
.section-padding .xabout{ width:47%;  float:left}
.xabout h5{ display:block; text-align:center; font-size:18px; color:#00235A}
.block-contents { float:right;width:49%;}
.block-contents span,.block-contents1 span {margin-bottom: 5px;}
.block-contents h4,.block-contents1 h4{margin-top:30px;font-weight:600;padding:5px 28px;margin-bottom:20px;border-left:4px solid #ff5e14;font-size:20px;color:#00235A;line-height:30px;}
.block-contents h1,.block-contents1 h1{font-size:50px;line-height:60px;letter-spacing: -3px;margin: 0px;font-weight: 600;color: #00235A;}
.block-contents p,.block-contents1 p{color:#999; font-size:17px;}
.theme-btn {color: #fff;padding: 20px 36px;border-radius: 10px;font-size: 16px;background-color: #ff5e14;border: 2px solid #ff5e14;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out; margin-top:30px;float:left;}
.theme-btn:hover{ color:#fff}

.section-title {  width:100%; background:#f5f5f5; text-align:center; padding-bottom:10px; position:relative}
.p_tit{position: relative;padding-top:50px; margin-bottom:50px;}
.section-title .p_tit p {color: #ff5e14;margin-bottom: 5px;text-transform: capitalize; padding-top:10px; z-index:5; position:relative}
.section-title .p_tit h1 {color: #00235A; font-size:60px;line-height:60px; padding-top:15px;letter-spacing: -3px;  z-index:5; position:relative}
.section-title .p_tit span {position: absolute;content: "";font-weight: 700;font-size: 130px;letter-spacing: -3px;color: #fff;text-transform: capitalize;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%); bottom: -5px;line-height: 1;}
.cta-content {position: relative;overflow: hidden;border-radius: 10px;padding: 60px 30px;color: #FFF; background-color:#ff5e14}
.cta-content h1 {font-size: 34px;line-height: 130%;color: #fff;}
.bg-cover {background-repeat: no-repeat;background-size: cover;position: relative;background-position: center;}
.cta-content::before {position: absolute;width: 100%;height: 100%;opacity: .9;left: 0;top: 0;content: "";background-color: #ff5e14;}
.align-items-center{ position:absolute; color:#fff; top:30px;}
.cta-wrapper {position: relative;z-index: 1;}
.cta-wrapper::before {position: absolute;width: 100%;height: 50%;left: 0;top: 0;content: "";z-index: -1;background-color: #f6f6f6;}
.col-xl-7{ width:59%; float:left}
.col-xl-3{ width:38%; float:right}
.fa-phone:before {content: ""; background:url(../images/tel_tb.png) no-repeat; width: 60px;height: 60px; display:block}
.cta-content .icon {width: 60px;height: 60px;margin: 0px auto;border-radius: 50%;font-size: 28px;text-align: center;background-color: #FFF;line-height: 60px;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;overflow: hidden;clear: both;margin-right: 20px;float: left;color: #ff5e14;}
.fa, .fab, .fal, .far, .fas {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}
.cta-content .contact-number a {font-size: 24px;color: #FFF;}
.cta-content .contact-number span {display: block;}
.section-padding {padding: 120px 0px;}
.subscribe-box-wrapper .subscribe_left_bg {position: absolute;left: 0;top: 0;width: 40%;height: 100%;content: "";background-color: #f6f6f6;}
.bg-overlay::before {position: absolute;left: 0;content: "";top: 0;width: 100%;height: 100%;opacity: .8;background-color: #000;z-index: -1;}
.bg-overlay {position: relative;z-index: 1;}
.offset-xl-5 {margin-left: 41.666667%;}
.col-xl-6{ width:50%;}
.text-white h1 { color:#fff;font-size: 60px;line-height: 70px;letter-spacing: -3px;}
.subscribe-box-wrapper .cta-contents p {margin-top: 25px;color: #cfcdcc;font-size: 20px;}
.subscribe-box-wrapper .subscribe-form form input {border: 0px;width: 70%;position: relative;border-style: solid;border-width: 2px;border-right-width: 0px;border-color: #353839;border-radius: 10px 0px 0px 10px;background-color: rgba(255, 255, 255, 0.059);padding-left: 35px;padding-right: 15px;line-height: 1;color: #fff;}
.subscribe-box-wrapper .subscribe-form form button {width: 30%;height: 100%;background: #ff5e14;color: #fff;display: inline-block;border-radius: 0px 10px 10px 0px;font-size: 16px;line-height: 1;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;font-weight: 700;}
.subscribe-box-wrapper .subscribe-form form {height: 74px;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 55px;}

.analytis-wrapper{ background:#f5f5f5}
.block-contents1{ width:90%;}
 .tit_hh{ margin-top:10PX;}

.col-lg-6 {width:48%; margin:10px 1%; float:left;flex: 0 0 50%;background-repeat: no-repeat; overflow:hidden;position: relative;background-position: center;}
.single-blog-vcard {margin-top:30px;position:relative;overflow:hidden;padding:315px 60px 60px;padding-right: 115px;background-size:cover;background-repeat:no-repeat;width:100%;z-index:1; float:left;box-sizing: border-box;}
.text-white {color: #fff!important;}
.single-blog-vcard .post-content .post-meta a, .single-blog-vcard .post-content .post-meta span, .single-blog-vcard .post-content .post-meta i {font-size: 14px;line-height: 24px;}
.mr-2, .ml-2 {margin-right: .5rem!important; font-weight:700;}
.post-date{ border-left:1px #fff solid; padding-left:15px; margin-left:15px;}
.fa-user,.fa-calendar-alt,.fa-user1,.fa-calendar-alt1{ width:15px; height:15px; content:""; background:url(../images/fb.png) no-repeat; background-size:100%; margin-right:5px;}
.fa-calendar-alt{background:url(../images/time-t.png) no-repeat;background-size:100%;}
.single-blog-vcard .post-content h3 {margin-top: 15px;font-size: 26px; width:100%; float:left; color:#fff;}
.blog-list-view .single-blog-item {-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;margin-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #eee;}
.blog-list-view .single-blog-item .featured-thumb {width: 180px;height: 120px;float: left;overflow: hidden;text-align: center;background-color: #e6e6e6;color: #fff; }
.blog-list-view .single-blog-item .post-content h3 {font-size:24px; font-weight:400;width:100%; float:left;margin-top: 5px;line-height:32px;color: #00235A;}
.post-meta{ display:block}
.blog-list-view  .post-content{ display:block; margin-left:200px;}
.blog-list-view .single-blog-item:last-child {padding-bottom: 0px;border: none;}
.fa-user1{background:url(../images/fb-h.png) no-repeat;background-size:100%;}
.fa-calendar-alt1{background:url(../images/time-h.png) no-repeat;background-size:100%;}


.footer-2 {background: #00235A; width:100%; margin-top:30px; }
.footer-2 h3, .footer-2 h5, .footer-2 h4 {color: #fff;font-size:22px;line-height: 1.875rem; font-weight:400}
.footer-2 .footer-widgets {padding-bottom: 70px; padding-top:80px; position:relative}
.footer-2 .footer-widgets ul li a {color: #b7bccb !important;}
.footer-2 .footer-widgets ul li a:hover {color: #ff5e14 !important;} 
.footer-2 .footer-widgets .newsletter_widget p {color: #cacaca;}
.footer-2 .footer-widgets .newsletter_widget .newsletter_box button{width:60px;height:60px;background:#ff5e14;color:#fff;display:inline-block;border-radius:50px;position:absolute;right:0;}
.footer-2 .footer-widgets .newsletter_widget .newsletter_box input {border-right-width: 0px;border-color: #011d49;border-radius: 50px;background: #011d49;width: 100%;height: 60px;}
.footer-2 .footer-bottom {background-color: #011d49; width:100%; height:70px; line-height:70px; text-align:center}
.footer-2 .footer-bottom .copyright-info a {color: #ff5e14 !important;text-transform: capitalize;}
.footer-wrap .single-footer-wid.site_info_box {text-align:center;-webkit-box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.2);background-color: #fff;position:relative;margin-right:40px;padding:40px;margin-top:-110px;z-index: 9; float:left; width:100%}
.footer-wrap .single-footer-wid.site_info_box::before {position: absolute;width: 100%;height: 6px;background-color: #ff5e14;content: "";top: 0;left: 0;}
.footer-wrap .single-footer-wid.site_info_box .f_logo {margin-bottom: 30px;display: block;}
.footer-wrap .single-footer-wid.site_info_box p {color: #666;font-size: 15px;}
.col-xl-4{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.theme-btn{color:#fff;padding:24px 36px;border-radius:10px;font-size:16px;background-color:#ff5e14;border:2px solid #ff5e14;-webkit-transition:all .3s ease-in-out;transition: all .3s ease-in-out;}
.theme-btn.theme-2 {background-color: #ff5e14;border: 2px solid #ff5e14;color:#fff; float:none !important;border-radius: 50px;padding: 22px 40px;}
.btnd, .theme-btn, .video-btn {line-height: 1;display: inline-block;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.footer-wrap .single-footer-wid.site_info_box .social_link {margin-top:20px; width:100%; float:left}
.footer-wrap .single-footer-wid .social_link {margin-top: 40px;}
.footer-wrap .single-footer-wid.site_info_box .social_link a {background-color: #f6f6f6;width: 40px;height: 40px;line-height: 41px;border-radius: 50px;font-size: 14px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-align: center;display: inline-block;color: #00235A;margin-right: 5px;}
.footer-wrap .single-footer-wid .wid-title {margin-bottom:30px;}
.footer-wrap .single-footer-wid ul li > a {color: #fff;margin-bottom: 15px;display: block;font-weight:700;text-transform: capitalize;}
.footer-wrap .single-footer-wid.site_info_widget .single-contact-info {overflow: auto;margin-bottom: 20px;padding-bottom: 25px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;}
.footer-wrap .single-footer-wid.site_info_widget .single-contact-info span {display: block;color: #cacaca;font-size: 14px;}
.footer-wrap .single-footer-wid.site_info_widget .single-contact-info .icon {width:40px;height:40px;line-height:60px;color: #fff;float: left;text-align: center;overflow: hidden;font-size: 16px;margin-right: 20px;border-radius: 10px;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.fa-phone2:before {content: "";background: url(../images/tel_tb.png) no-repeat #fff;width:40px;height:40px;display: block; background-size:100%} 
.fa-envelope:before {content: "";background: url(../images/mail.png) no-repeat #fff;width:40px;height:40px;display: block; background-size:100%}
.fa-map-marker-alt:before {content: "";background: url(../images/addr.png) no-repeat #fff;width:40px;height:40px;display: block; background-size:100%}
.footer-wrap .single-footer-wid.site_info_widget .single-contact-info p {font-size: 18px;font-weight: 700;color: #fff;}
.padd{ padding-left:7%;}

.contact-us{ margin-bottom:60px;}

.com_con {padding-top: 50px; background:#f5f5f5; border-bottom:1px #f5f5f5 solid}
.com_con span{display: block;color: #ff5e14;}
.com_con h1 { margin-bottom:30px;color: #000;color: #00235A;font-size:36px; letter-spacing:-1px; margin-top:10px;}
.com_con p { text-indent: 25px; line-height:28px; font-size: 16px; margin:10px 0; color:#999}
.funfact-wrapper {position: relative;z-index: 1; width:100%; padding-bottom:50px; background-color: #fff;}
.funfact-wrapper::before {position: absolute;height:40%;top: 0;left: 0;width: 100%;background-color: #f5f5f5;content: ""; }
.funfact-wrapper .funfact-content-grid {background-color: #f04e04;-ms-flex-pack: distribute;justify-content: space-around;}
.funfact-content-grid {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr 1fr;-ms-grid-rows: auto;grid-template-rows: auto;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;text-align: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 7px;padding: 80px 0px 70px; margin-top:40px;}
.funfact-content-grid .single-funfact-item h3 {font-weight: 500;font-size: 55px;line-height: 1;position: relative;display: inline-block;}
.funfact-content-grid .single-funfact-item p {margin-top: 5px; font-size:15px; font-weight:700}
.section-bg{ background:#fff}
.our-approch-wrapper .section-title{ background:#fff}
.our-approch-wrapper{ width:100%;}
.our-approch-wrapper h1 {font-size: 50px;line-height: 70px;letter-spacing: -3px;color:#00235A}
.col-12{ width:23%;float:left; margin:0 1% 40px;}
.single-approch-card, .single-service-card {padding: 15px;background-color: #f5f5f5;position: relative;-webkit-box-shadow: 0px 30px 60px 0px rgba(52, 52, 52, 0.04);box-shadow: 0px 30px 60px 0px rgba(52, 52, 52, 0.04);margin-top: 30px;}
.single-approch-card .content, .single-service-card .content {padding:20px;background-color:#fff;position: relative;}
.single-approch-card .content .read-btn, .single-service-card .content .read-btn {font-size: 16px;line-height: 1;text-transform: capitalize;margin-top: 20px;display: block;}
.pl-xl-4{ width:33.33333%; float:left; padding-left:15%;}
.fa-phone-cont:before {content: "";background: url(../images/tel-cont.png) no-repeat #fff;width: 40px;height: 40px;display: block;background-size: 100%;}

.promo-service-box-wrap {text-align: center;z-index: 1;position: relative; margin-top:-70px; float:left;background-color: #fff;-webkit-box-shadow: 0px 20px 70px 0px rgba(38, 42, 76, 0.15);box-shadow: 0px 20px 70px 0px rgba(38, 42, 76, 0.15);}
.col-lg-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width:33.333333%; float:left;}
.process-setps .single-process-item {overflow: hidden;padding-right: 80px;margin-top: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.promo-service-box-wrap .single-service-box{padding:35px 50px;border-right:1px solid #e7e7e7;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#fff;}
.promo-service-box-wrap .col-lg-4:last-child .single-service-box {border: 0;}
.promo-service-box-wrap .single-service-box h3 {margin-bottom: 10px;font-size: 24px;line-height: 36px; letter-spacing:-1px;}
.promo-service-box-wrap .single-service-box p{ color:#999; font-size:16px;}

.about-shape {position: relative;overflow: hidden;}