@charset "utf-8";
/*重置样式*/
body { width: 100%; min-width: 1240px; max-width: 1920px; margin: 0 auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,button,img,span,table{ color:#666; padding:0px; margin:0px; border:0px; table-layout:fixed;}
body{ background:#fff; font:14px/18px Verdana, Arial, Helvetica, sans-serif; color:#666; font-family:"Microsoft YaHei";}
fieldset,img{ border:0; vertical-align:middle;}
input,select,label,select,option,textarea,button,fieldset,legent{ font:14px/18px Verdana, Arial, Helvetica, sans-serif; font-family:"Microsoft YaHei";}
ul{ list-style:none;}
input,select,textarea{ margin:0px; padding:0px; outline:none; blr:expression(this.onFocus=this.blur());}
/*浮动样式*/
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.clearfix:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; line-height:0px;}
.clearfix{ zoom:1}
/*宽度样式*/
.w1100{ width:1100px; margin:0 auto;}
/*默认文字连接样式*/
a{ color:#666; text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); font-family:"Microsoft YaHei"; transition:all 0.5s;}
a:hover{ text-decoration:none; color:#1f50df;   }
.date{ float:right;}
/*---头部---*/
.top{ height:171px; background:url(../images/top_bg.jpg) no-repeat center top;}
.top .top_fl{ margin-top:25px;}
.top .top_fl h2{ font-size:30px; line-height:36px; color:#333; margin:26px 0 0 20px;}
.top .top_fl h2 p{ font-size:18px; line-height:30px; color:#666; letter-spacing:2.5px; font-weight:normal;}
.top .tel{ margin-top:48px;}
.top .tel span{ display:block; color:#333; font-size:15px; line-height:36px;}
.top .tel .p1{ float:left; color:#333; background:url(../images/tel_tu1.png) no-repeat center left; padding-left:20px; font-size:20px; line-height:22px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.top .tel .p2{ float:left; color:#333; background:url(../images/tel_tu2.png) no-repeat center left; padding-left:20px; margin-left:30px; font-size:20px; line-height:22px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
/*---导航---*/
.nav{ height:60px; line-height:60px; background:#222;}
.nav li{ float:left; margin-right:0px; }
.nav li a{ width:156px; color:#fff; font-size:16px; font-weight:bold;display:block;}
.nav li a:hover,.nav li a.current,.nav li a.hover{ color:#fff; background:#1f50df;}
.menu01, .menu01 ul {list-style: none;}
.menu01 { text-align:center;}
.menu01 li {min-width: 120px;}
.menu01 > li {display: block;float: left;position: relative;}
.menu01 a {color: #fff;display: block;font-size: 15px;line-height: 60px;text-decoration: none;text-transform: uppercase;}
.menu01 li a:hover {background-color: #1f50df;}
.menu01 li a.current {background-color: #1f50df;}
.submenu01 {left: 0;max-height: 0;position: absolute;top: 100%;z-index: 0;-webkit-perspective: 400px;-moz-perspective: 400px;-ms-perspective: 400px;-o-perspective: 400px;perspective: 400px;background: rgba(34, 34, 34, 0.8);}
.submenu01 li { opacity: 0;-webkit-transform: rotateY(90deg);-moz-transform: rotateY(90deg);-ms-transform: rotateY(90deg);-o-transform: rotateY(90deg);transform: rotateY(90deg);-webkit-transition: opacity .4s, -webkit-transform .5s;-moz-transition: opacity .4s, -moz-transform .5s;-ms-transition: opacity .4s, -ms-transform .5s;-o-transition: opacity .4s, -o-transform .5s;transition: opacity .4s, transform .5s;/*实现下拉菜单螺旋淡出*/}
.menu01 .submenu01 li a{ font-size:14px; height:44px; line-height:44px;}
.menu01 > li:hover .submenu01, .menu01 > li:focus .submenu01 {max-height: 2000px;z-index: 10;}
.menu01 > li:hover .submenu01 li, .menu01 > li:focus .submenu01 li {opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
/*动画递进的时间 实现一个个螺旋子菜单*/
.menu01 li:hover .submenu01 li:nth-child(1) {-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.menu01 li:hover .submenu01 li:nth-child(2) {-webkit-transition-delay: 50ms;-moz-transition-delay: 50ms;-ms-transition-delay: 50ms;-o-transition-delay: 50ms;transition-delay: 50ms;}
.menu01 li:hover .submenu01 li:nth-child(3) {-webkit-transition-delay: 100ms;-moz-transition-delay: 100ms;-ms-transition-delay: 100ms;-o-transition-delay: 100ms;transition-delay: 100ms;}
.menu01 li:hover .submenu01 li:nth-child(4) {-webkit-transition-delay: 150ms;-moz-transition-delay: 150ms;-ms-transition-delay: 150ms;-o-transition-delay: 150ms;transition-delay: 150ms;}
.menu01 li:hover .submenu01 li:nth-child(5) {-webkit-transition-delay: 200ms;-moz-transition-delay: 200ms;-ms-transition-delay: 200ms;-o-transition-delay: 200ms;transition-delay: 200ms;}
.menu01 li:hover .submenu01 li:nth-child(6) {-webkit-transition-delay: 250ms;-moz-transition-delay: 250ms;-ms-transition-delay: 250ms;-o-transition-delay: 250ms;transition-delay: 250ms;}
.menu01 li:hover .submenu01 li:nth-child(7) {-webkit-transition-delay: 300ms;-moz-transition-delay: 300ms;-ms-transition-delay: 300ms;-o-transition-delay: 300ms;transition-delay: 300ms;}
.menu01 li:hover .submenu01 li:nth-child(8) {-webkit-transition-delay: 350ms;-moz-transition-delay: 350ms;-ms-transition-delay: 350ms;-o-transition-delay: 350ms;transition-delay: 350ms;}
/*banner样式*/
/*------------背景-------------*/
.banner{ width:100%; height:600px; margin:0 auto;position:relative;}
.banner-two{ width:100%; height:400px;margin:0 auto;position:relative;}
/*banner样式*/
.banner{ position:relative;}
.xn_ba_js_14_main { width:100%; height:600px; visibility:hidden; overflow:hidden; position:relative; }
.xn_ba_js_14_bigImg img { width:1920px; height:600px; }
.xn_ba_js_14_element { position: absolute; }
.xn_ba_js_14_btn {top:560px; cursor:pointer; position:relative; padding:0; margin:0 auto; float:none;}
.xn_ba_js_14_btn li { float:left; list-style:none; padding:0; margin:0;margin-left:15px; cursor:pointer; }
.xn_ba_js_14_element_btn {background: #fff; width:30px; height:2px; display:block;}
.xn_ba_js_14_element_btn_on {width:30px;height:3px; display:block; background-color:#1f50df; transition:all 0.2s;}
.xn_ba_js_14_element_btn:hover{width:30px;height:3px; display:block; background-color:#fff;}
.xn_ba_js_14_arrow_btn {top :160px; cursor: pointer; position:absolute; width:40px; height:100px }
.xn_ba_js_14_arrow_left {display:none; background:url(../images/ydy_banner_btn.png) left top no-repeat; left:10%; top:50%;margin-top:-50px;}
.xn_ba_js_14_arrow_right {display:none;  background:url(../images/ydy_banner_btn.png) right top no-repeat; right:10%;top:50%;margin-top:-50px;}
.xn_ba_js_14_arrow_left:hover,.xn_ba_js_14_arrow_right:hover{opacity:0.8 !important;filter:alpha(opacity=80) !important;transition:0.5s;}
/*banner样式*/
.banner1{ position:relative;}
.banner1 .xn_ba_js_14_main { width:100%; height:400px; visibility:hidden; overflow:hidden; position:relative; }
.banner1 .xn_ba_js_14_bigImg img { width:1920px; height:400px; }
.banner1 .xn_ba_js_14_element { position: absolute; }
.banner1 .xn_ba_js_14_btn {top:360px; cursor:pointer; position:relative; padding:0; margin:0 auto; float:none;}
.banner1 .xn_ba_js_14_btn li { float:left; list-style:none; padding:0; margin:0;margin-left:15px; cursor:pointer; }
.banner1 .xn_ba_js_14_element_btn {background: #fff; width:30px; height:2px; display:block;}
.banner1 .xn_ba_js_14_element_btn_on {width:30px;height:3px; display:block; background-color:#1f50df; transition:all 0.2s;}
.banner1 .xn_ba_js_14_element_btn:hover{width:30px;height:3px; display:block; background-color:#fff;}
.banner1 .xn_ba_js_14_arrow_btn {top :160px; cursor: pointer; position:absolute; width:40px; height:100px }
.banner1 .xn_ba_js_14_arrow_left {display:none; background:url(../images/ydy_banner_btn.png) left top no-repeat; left:10%; top:50%;margin-top:-50px;}
.banner1 .xn_ba_js_14_arrow_right {display:none;  background:url(../images/ydy_banner_btn.png) right top no-repeat; right:10%;top:50%;margin-top:-50px;}
.banner1 .xn_ba_js_14_arrow_left:hover,.xn_ba_js_14_arrow_right:hover{opacity:0.8 !important;filter:alpha(opacity=80) !important;transition:0.5s;}
/*---搜索---*/
.search_bg{ height:88px; border-bottom:1px solid #eee;}
.search_bg .sea_fl{ width:520px; height:88px; line-height:88px; overflow:hidden; font-size:15px; font-weight:bold; color:#333;}
.search_bg .sea_fl a{ color:#999; margin-left:30px; font-weight:normal; font-size:14px;}
.search_bg .sea_fl a:hover{ color:#1f50df;}
.sea_right{width:480px;height:46px; background:#e7e7e7; margin-top:22px;}
.sea_right h5{ width:70px;}
.search_tow{ float:left; border: none; background: none; width:302px; color: #ccc;font-size: 13px; height:46px;}
.search_button{ border:none; cursor: pointer;width:90px;height:46px; background:url(../images/searchlist.jpg) no-repeat; float:right;}
#SearchType { padding-left:10px; width:64px; height: 46px; line-height: 46px; border:none; background:none;  color:#666; font-size:15px;}
#SearchType #option{ color:#666;}
/*---理念---*/
.sx{ height:189px; margin-top:40px;}
.sx ul{ width:1150px;}
.sx ul li{ float:left; margin-right:31px;}
/*---关于我们---*/
.about{ height:350px; margin-top:40px;}
.about .about_fr{ width:545px; margin-top:66px;}
.about .about_fr h4{ height:40px; background:url(../images/about_tu2.jpg) no-repeat left bottom;}
.about .about_fr h4 a{ font-size:20px; line-height:22px; color:#333;}
.about .about_fr h4 a:hover{ color:#1f51f4;}
.about .about_fr .about_c{ height:140px; overflow:hidden; line-height:36px; font-size:14px; text-align:justify; margin-top:20px;}
.about .about_fr .more1 a{ display:block; background:url(../images/about_tu2.jpg) no-repeat; width:55px; height:17px; margin-top:40px;}
.about .about_fr .more1 a:hover{ background:url(../images/about_tu3.jpg) no-repeat;}
/*---相册---*/
.pho{ height:288px; margin-top:30px;}
.pho .title{ border-bottom:1px solid #e1e1e1; font-size:18px; line-height:40px; font-weight:bold; color:#333;}
.pho .sub2_2{ position:relative; height:192px; margin-top:30px;}
.pho .box{ position:absolute; top:0px; width:1100px; height:192px; overflow:hidden}
.pho .box ul.list{ position:absolute; left:0px; top:0px; width:200000px; height:192px; overflow:hidden;}
.pho .box ul li{ float:left; width:280px; height:192px; text-align:center;}
.pho .box ul li a{ line-height:30px; display:block; font-size:15px;}
.pho .box ul li a span{ width:260px; display:block; text-align:center;}
.pho .box ul li img{ width:260px; height:161px; margin-right:20px;}
.pho .box ul li a:hover span{ color:#1f50df;}
/*---产品中心---*/
.product{ height:858px; background:#f1f1f1; margin-top:20px; padding-top:40px;}
.product .title{ text-align:center; height:74px; font-size:24px; line-height:44px; color:#333; font-weight:bold;}
.product .title p{ font-size:15px; color:#999; line-height:26px; letter-spacing:10px; margin-left:-10px; font-weight:normal;}
.product .sort{ height:36px; text-align:center; margin-top:20px;}
.product .sort a{ line-height:36px; padding:8px 50px; background:#333; color:#fff; margin:0 10px;}
.product .sort a:hover{ background:#1f50df;}
.product ul{ width:1131px; height:602px; margin-top:40px;}
.product ul li{ width:346px; height:260px; background:#fff; margin:0 31px 40px 0; float:left; text-align:center; -moz-box-shadow: 1px 5px 20px #e2e2e2; -webkit-box-shadow: 1px 5px 20px #e2e2e2; box-shadow: 1px 5px 20px #e2e2e2;}
.product ul li span{ width:346px; display:block; line-height:44px; font-size:15px; color:#666; border-top:1px solid #f1f1f1;}
.product ul li:hover{ background:#1f50df; transition:all 0.5s;}
.product ul li:hover span{ color:#fff;}
.product .more1{ text-align:center;}
.product .more1 a{ padding:6px 30px; background:#000; line-height:30px; color:#fff; margin:0 10px; border-radius:30px;}
.product .more1 a:hover,.product .more1 a.more_h{ background:#00b77d;}
/*---优势---*/
.ys{ height:750px; background:#202020;}
.ys .ys_c{ width:1120px;}
.ys .title{ background:url(../images/ys_bt.jpg) no-repeat top left; width:346px; height:301px; color:#fff; font-size:32px; line-height:36px; font-weight:bold; text-align:center; padding-top:75px;}
.ys .title p{ font-size:13px; text-transform:uppercase; color:#fff; letter-spacing:2.5px;}
.ys .ys1{ width:376px; height:376px; float:left; margin-right:1px; overflow:hidden;}
.ys .ys1 dl{transition:all 0.5s; color:#fff; font-size:15px; padding:30px;}
.ys .ys1 dl dt{ height:112px; border-bottom:1px solid #858585;}
.ys .ys1 dl dt h4{ font-size:50px; line-height:52px; font-family:Arial, Helvetica, sans-serif; color:#00b77d; font-weight:normal;}
.ys .ys1 dl dt h4 span{ font-size:30px; line-height:32px; color:#00b77d; text-transform:uppercase;}
.ys .ys1 dl dt p{ font-size:20px; color:#fff; font-weight:bold; line-height:22px; margin-top:15px;}
.ys .ys1 dl dd{ font-size:14px; color:#fff; text-align:justify; line-height:26px; margin-top:20px;}
.ys .ys1:hover dl,.ys .ys1 dl.d1{ background:url(../images/ys_bg.png); width:316px; height:316px; margin-top:-376px; position:relative;}
.ys .ys2{ width:376px; height:376px; float:left; margin-right:1px; overflow:hidden;}
.ys .ys2 dl{transition:all 0.5s; color:#fff; font-size:15px; padding:30px;}
.ys .ys2 dl dt{ height:112px; border-bottom:1px solid #858585;}
.ys .ys2 dl dt h4{ font-size:50px; line-height:52px; font-family:Arial, Helvetica, sans-serif; color:#00b77d; font-weight:normal;}
.ys .ys2 dl dt h4 span{ font-size:30px; line-height:32px; color:#00b77d; text-transform:uppercase; padding-left:10px;}
.ys .ys2 dl dt p{ font-size:20px; color:#fff; font-weight:bold; line-height:22px; margin-top:15px;}
.ys .ys2 dl dd{ font-size:14px; color:#fff; text-align:justify; line-height:26px; margin-top:20px;}
.ys .ys2:hover dl,.ys .ys2 dl.d1{ background:url(../images/ys_bg.png); width:316px; height:316px; margin-top:-376px; position:relative;}
.ys .ys3{ width:550px; height:373px; float:left; margin-right:1px; overflow:hidden; margin-top:1px;}
.ys .ys3 dl{transition:all 0.5s; color:#fff; font-size:15px; padding:30px;}
.ys .ys3 dl dt{ height:112px; border-bottom:1px solid #858585; margin-top:30px;}
.ys .ys3 dl dt h4{ font-size:50px; line-height:52px; font-family:Arial, Helvetica, sans-serif; color:#00b77d; font-weight:normal;}
.ys .ys3 dl dt h4 span{ font-size:30px; line-height:32px; color:#00b77d; text-transform:uppercase; padding-left:10px;}
.ys .ys3 dl dt p{ font-size:20px; color:#fff; font-weight:bold; line-height:22px; margin-top:15px;}
.ys .ys3 dl dd{ font-size:14px; color:#fff; text-align:justify; line-height:26px; margin-top:20px;}
.ys .ys3:hover dl,.ys .ys3 dl.d1{ background:url(../images/ys_bg.png); width:490px; height:313px; margin-top:-373px; position:relative;}
.ys .ys4{ width:550px; height:373px; float:left; margin-right:1px; overflow:hidden; margin-top:1px;}
.ys .ys4 dl{transition:all 0.5s; color:#fff; font-size:15px; padding:30px;}
.ys .ys4 dl dt{ height:112px; border-bottom:1px solid #858585; margin-top:30px;}
.ys .ys4 dl dt h4{ font-size:50px; line-height:52px; font-family:Arial, Helvetica, sans-serif; color:#00b77d; font-weight:normal;}
.ys .ys4 dl dt h4 span{ font-size:30px; line-height:32px; color:#00b77d; text-transform:uppercase; padding-left:10px;}
.ys .ys4 dl dt p{ font-size:20px; color:#fff; font-weight:bold; line-height:22px; margin-top:15px;}
.ys .ys4 dl dd{ font-size:14px; color:#fff; text-align:justify; line-height:26px; margin-top:20px;}
.ys .ys4:hover dl,.ys .ys4 dl.d1{ background:url(../images/ys_bg.png); width:490px; height:313px; margin-top:-373px; position:relative;}
/*---定制流程---*/
.dz{ height:175px; background:url(../images/dz_bg.jpg) no-repeat;}
.dz ul{ width:1130px;}
.dz ul li{ width:128px; text-align:center; font-size:15px; color:#fff; float:left; line-height:30px; margin:26px 0 0 11px;}
.dz ul li p{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:20px; font-size:16px; color:#7791ee;}
.dz ul li:nth-child(2){ margin:102px 0 0 10px;}
.dz ul li:nth-child(3){ margin:26px 0 0 10px;}
.dz ul li:nth-child(4){ margin:102px 0 0 8px;}
.dz ul li:nth-child(5){ margin:26px 0 0 9px;}
.dz ul li:nth-child(6){ width:138px; margin:102px 0 0 5px;}
.dz ul li:nth-child(7){ margin:26px 0 0 3px;}
.dz ul li:nth-child(8){ margin:102px 0 0 11px;}
/*---合作伙伴---*/
.par{ height:200px; background:url(../images/par_bg.jpg) no-repeat left top; margin-top:40px;}
.par .title{ font-size:24px; line-height:36px; text-align:center; font-weight:bold; color:#333;}
.par .title p{ color:#999; line-height:45px; font-size:14px; letter-spacing:16px; font-weight:normal;}
.par ul{ width:1140px;}
.par ul li{ float:left; width:195px; margin:20px 31px 0 0;}
.par ul li img{ border:1px solid #f0f0f0;}
.par ul li img:hover{ border:1px solid #1c47db;}
/*---新闻中心---*/
.news{ background:#e6e6e6; margin-top:50px; padding:40px 0;}
.news .new_t{ height:75px;}
.news .new_t .title{ padding-top:53px; background:url(../images/new_bt.jpg) no-repeat left top; font-size:20px; width:300px;}
.news .new_t .title a{ color:#000;}
.news .new_t .title a:hover{ color:#1f51f4;}
.news .new_t .sort{ margin-top:30px;}
.news .new_t .sort a{ font-size:16px;}
.news .new_t .sort span{ margin:0 20px; color:#9e9e9e;}
.news .new_fl{ width:696px; margin-top:35px;}
.news .new_fl dl{ height:182px; border-bottom:1px solid #d0d0d0;}
.news .new_fl dl dt{ float:left;}
.news .new_fl dl dd{ width:416px; float:right;}
.news .new_fl dl dd h4{ font-size:15px; font-weight:normal; margin-top:30px; margin-bottom:3px;}
.news .new_fl dl dd span{ font-size:12px; color:#999; line-height:30px;}
.news .new_fl dl dd .new_c{ font-size:13px; color:#888; line-height:24px; height:50px; overflow:hidden;}
.news .new_fl ul li{ line-height:70px; padding-left:20px; background:url(../images/new_tu2.jpg) no-repeat center left; border-bottom:1px solid #d0d0d0; font-size:15px;}
.news .new_fl ul li span{ font-size:12px; color:#999;}
.news .new_fl ul li:hover{ background:url(../images/new_tu3.jpg) no-repeat center left;}
.news .new_fr{ width:360px; margin-top:35px;}
.news .new_fr dl{ width:300px; height:111px; background:#fff; padding:30px 30px 0 30px; margin-bottom:22px;}
.news .new_fr dl dt span{ color:#000;}
.news .new_fr dl dt a{ font-size:15px; color:#333;}
.news .new_fr dl dt a:hover{ color:#1f50df;}
.news .new_fr dl dd{ margin-top:15px;}
.news .new_fr dl dd span{ color:#000; line-height:26px; float:left;}
.news .new_fr dl dd .new_frc{ font-size:13px; line-height:26px; color:#999; float:right; width:270px; height:50px; overflow:hidden;}
/*---友情链接---*/
.linkbg{ margin:30px 0 30px 0;}
.link span{ font-size:16px; color:#666; background:url(../images/link_tu1.jpg) no-repeat center left; padding-left:30px; margin-right:50px;}
.linkbg a{ color:#999; margin-right:50px; font-size:13px; line-height:40px; display:inline-block;}
.linkbg a:hover{color:#1f50df;}
/*---底部---*/
.bottom1{ background:#222;}
.bottom1 .fast{ width:310px; margin:40px auto; border-right:1px solid #333;}
.bottom1 .fast .bt{ font-size:18px; font-weight:bold; color:#fff; line-height:20px; background:url(../images/bot_nav.jpg) no-repeat bottom left; height:38px;}
.bottom1 .fast .bt span{ font-size:13px; font-weight:normal; color:#666; line-height:20px; margin-left:10px;}
.bottom1 .fast ul{ width:330px; margin-top:20px;}
.bottom1 .fast ul li{ float:left; width:144px;}
.bottom1 .fast ul li a{ color:#ccc; line-height:36px;}
.bottom1 .fast ul li a:hover{ color:#fff; text-decoration:underline;}
.bottom1 .cont{ width:268px; margin:40px auto; margin-left:120px; padding-right:130px; border-right:1px solid #333;}
.bottom1 .cont .bt{ font-size:18px; font-weight:bold; color:#fff; line-height:20px; background:url(../images/bot_nav.jpg) no-repeat bottom left; height:38px;}
.bottom1 .cont .bt span{ font-size:13px; font-weight:normal; color:#666; line-height:20px; margin-left:10px;}
.bottom1 .cont p{ color:#ccc; line-height:36px; margin-top:20px;}
.bottom1 .cont p a{ color:#ccc;}
.bottom1 .cont p a:hover{ color:#fff;}
.bottom1 .follow{ width:147px; margin:40px auto;}
.bottom1 .follow .bt{ font-size:18px; font-weight:bold; color:#fff; line-height:20px; background:url(../images/bot_nav.jpg) no-repeat bottom left; height:38px;}
.bottom1 .follow .bt span{ font-size:13px; font-weight:normal; color:#666; line-height:20px; margin-left:10px;}
.bottom1 .follow p{ margin-top:20px;}
.bottom1 .bott{ height:78px; background:url(../images/bot_x.jpg) repeat-x top; color:#9c9c9c; text-align:center; line-height:78px;}
.bottom1 .bott a{ color:#9c9c9c;}
.bottom1 a:hover{ color:#fff;}