@import "https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap";body{font-size:15px;line-height:1.6;font-family:livvic,sans-serif;color:#444;font-weight:400}p{color:#444;font-weight:400}a{display:inline-block;-webkit-transition:all .5s;transition:all .5s; text-decoration: none;}a:hover,a:focus{text-decoration:none}button{margin:0;padding:0;outline:0}button:focus{outline:0;border:0}h1,h2,h3,h4,h5,h6{font-weight:600;color:#252525}h3{font-size:22px}

/*global*/
.fixed{ *zoom:1;}
.col-lg-auto{flex:0 0 auto;width:auto}
.col-lg-1{flex:0 0 auto;width:8.3333333333%}
.col-lg-2{flex:0 0 auto;width:16.6666666667%}
.col-lg-2-5{flex:0 0 auto;width:20.6666666667%}
.col-lg-3{flex:0 0 auto;width:25%}
.col-lg-4{flex:0 0 auto;width:33.3333333333%}
.col-lg-5{flex:0 0 auto;width:41.6666666667%}
.col-lg-6{flex:0 0 auto;width:50%}
.col-lg-7{flex:0 0 auto;width:58.3333333333%}
.col-lg-8{flex:0 0 auto;width:66.6666666667%}
.col-lg-9{flex:0 0 auto;width:75%}
.col-lg-10{flex:0 0 auto;width:83.3333333333%}
.col-lg-11{flex:0 0 auto;width:91.6666666667%}
.col-lg-12{flex:0 0 auto;width:100%}

.ptb-100{padding-top:100px;padding-bottom:100px}
.pt-100{padding-top:100px}
.pt-80{padding-top:80px}
.ptb-70{padding-top:70px;padding-bottom:70px}
.pb-100{padding-bottom:100px}
.pb-70{padding-bottom:70px}
.pt-50{padding-top:50px}
.pt-45{padding-top:45px; width:100%}
.pt-20{padding-top:20px}
.mt-30{margin-top:30px}
.ml-25{margin-left:15px}
.ml-20{margin-left:20px}
.mr-20{margin-right:20px}
.mr-40{margin-right:40px}
.mr-80{margin-right:80px}
.margin-auto{margin:0 auto}

/*index.fixed:after{
	content: ".";
	height:0;
	clear:both;
	overflow: hidden;
	display: block;}
.coco{width: 600px;margin: 20px auto;text-align: center;}
.coco span,.coco a{color: #555;}
*/
/*meun*/ 

.navbox{height:97px; width:100%; position:fixed; z-index:9; top:0; background:#232323;background:rgba(255,255,255,0.5); font-family:'Arial';}
.nav{width:96%; margin:0 auto; list-style:none; }
.nav li{float:left;height:97px;position:relative; list-style:none;}
.nav li.last{background:none;}
.nav li a{text-decoration:none;}
.nav li a span{float:left;display:block;line-height:97px;font-size:18px;color:#000000;cursor:pointer;width:110px;text-align:center; }
.mj_hover_menu{text-decoration:none; width:110px;background:url(../images/menu_hover.jpg); height:97px;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:95px;left:-9px;}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}


.footer-bg{background-color:#070b3b; }
.footer-widget{margin-bottom:30px}
.footer-widget .footer-logo{margin-bottom:20px;position:relative;top:-5px}
.footer-widget h3{margin-top:0;font-size:24px;margin-bottom:30px;color:#fff;line-height:1.2}
.footer-widget p{margin-bottom:20px;color:#fff;max-width:300px}
.footer-widget .footer-call-content{background-color:#fff;padding:20px 80px 20px 20px;border-radius:15px;position:relative;max-width:345px}
.footer-widget .footer-call-content:hover i{background-color:#0071dc;color:#fff}
.footer-widget .footer-call-content h3{font-size:24px;line-height:1;margin-bottom:5px;color:#252525}
.footer-widget .footer-call-content span a{color:#252525;font-weight:600}
.footer-widget .footer-call-content span a:hover{color:#0071dc}
.footer-widget .footer-call-content i{position:absolute;top:20px;right:20px;width:60px;font-size:20px;text-align:center;display:inline-block;background-color:#e5f3ff;color:#0071dc;border-radius:12px;-webkit-transition:.7s;transition:.7s}
.footer-widget .footer-call-content .li{ color:#ffffff; }
.footer-widget .footer-call-content .li a{list-style-type:none; text-decoration:none; }
.footer-widget .footer-list{list-style:none;margin:0;padding:0}
.footer-widget .footer-list li{display:block;margin-bottom:10px;font-weight:500}
.footer-widget .footer-list li:last-child{margin-bottom:0}
.footer-widget .footer-list li a{color:#fff;font-weight:400; text-decoration:none}
.footer-widget .footer-list li a i{font-size:18px;position:relative;top:3px;margin-right:5px; list-style-type:none;}
.footer-widget .footer-list li a:hover{color:#ffc221}
.footer-widget .footer-blog{list-style:none;margin:0;padding:0}
.footer-widget .footer-blog li{display:block;margin-bottom:20px;padding-left:90px;position:relative}
.footer-widget .footer-blog li:hover h3 a{color:#ffc221}
.footer-widget .footer-blog li:last-child{margin-bottom:0}
.footer-widget .footer-blog li a{display:block}
.footer-widget .footer-blog li a img{position:absolute;top:0;left:0;height:70px;width:70px}
.footer-widget .footer-blog li h3{font-size:16px;color:#fff;margin-bottom:5px;max-width:200px}
.footer-widget .footer-blog li h3 a{color:#fff;line-height:1.4}
.footer-widget .footer-blog li h3 a:hover{color:#ffc221}
.footer-widget .footer-blog li span{font-size:14px;color:#ffc221}
.footer-widget .newsletter-area .newsletter-form{position:relative;max-width:270px;border-radius:5px}
.footer-widget .newsletter-area .newsletter-form .form-control{background-color:#fff;height:50px;line-height:50px;margin:0;border-radius:5px;border:0;padding:0 45px 0 15px;max-width:100%;color:#252525;font-weight:400}
.footer-widget .newsletter-area .newsletter-form .form-control:focus{outline:0;-webkit-box-shadow:none;box-shadow:none;border:0}
.footer-widget .newsletter-area .newsletter-form .subscribe-btn{position:absolute;top:3px;right:3px;background-color:#0071dc;color:#fff;height:45px;line-height:50px;width:45px;border:0;border-radius:5px;font-size:20px;-webkit-transition:.5s;transition:.5s}
.footer-widget .newsletter-area .newsletter-form .subscribe-btn:hover{background:#252525;color:#fff}
.footer-widget .newsletter-area .newsletter-form .validation-danger{font-size:18px;margin-top:5px;color:red}





.container {  display: flex;  justify-content: center !important; width:92%;}
.about-content i{font-size:60px;color:#0071dc;line-height:1}
.about-content h2 {font-size: 28px; font-weight: 600; margin-top: 0; line-height: 1.8; color: #252525; margin-bottom: 10px;}
.about-content h3{font-size: 22px; color:#888888;  margin-top:15px; margin-bottom:12px}
.about-content p{ padding-top: 15px; margin-bottom: 0; font-size: 16px; line-height:200%; color: #444; text-indent:2em;}
.about-content img{ margin-top:50px;}
.about-img img{ margin-top:60px; position:relative; border-radius:15px; max-width:100%; box-shadow: 10px 10px 15px rgba(0, 139, 176, 1.0);}
.indexMore { width:100%; margin-top:10px; margin-bottom:28px; text-align:center; }
.indexMore i{  width:22px; height:33px;  background-repeat: no-repeat; /* 不重复显示背景图像 */}
.indexMore a{padding:20px auto; font-size: 16px; color:#515151; text-decoration:none;}
.indexMore a:hover{color: #1651a8;}

.about-content .about-list{list-style:none;margin:20px 0 0;padding:0}
.about-content .about-list li{display:block;color:#252525;margin-bottom:10px;font-weight:500;-webkit-transition:.7s;transition:.7s;padding-left:35px;position:relative;-webkit-transition:.5s;transition:.5s;font-size:15px}
.about-content .about-list li:hover{color:#0071dc}
.about-content .about-list li:hover i{color:#ffc221}
.about-content .about-list li:last-child{margin-bottom:0}
.about-content .about-list li i{font-size:26px;color:#0071dc;position:absolute;left:0;top:-2px;margin-right:5px;-webkit-transition:.5s;transition:.5s}
.about-content .about-content-text{margin-top:20px;margin-bottom:0}

.about-img::before{content:'';position:absolute;z-index:-1;width:30%;height:40%;background-color:transparent; bottom:-10px;border-radius:35px}

.about-img .sub-content{position:absolute;bottom:20px;left:0;right:0;background-color:#fff;border-radius:15px;padding:15px 10px 23px 160px;max-width:340px;margin-left:auto;margin-right:auto;-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05)}
.about-img .sub-content img{position:absolute;top:10px;left:10px;max-width:123px;border-radius:15px 0 0 15px}
.about-img .sub-content h3{font-size:45px;color:#ffc221;font-weight:700;margin-bottom:0}
.about-img .sub-content span{color:#252525;font-size:18px;font-weight:600}
.about-area{background-color: #f8f8f8;  position: relative;}


.team-card{margin-bottom:30px;position:relative; margin:20px;}
.team-card img{max-width: 100%;}
.team-card:hover .social-link{opacity:1}
.team-card:hover .social-link li a{-webkit-transform:scaleY(1);transform:scaleY(1)}
.team-card:hover .content{border-radius:0}
.team-card .social-link{position:absolute;top:17%;right:30px;padding:0;list-style:none;opacity:0}
.team-card .social-link li{display:block;margin-bottom:10px}
.team-card .social-link li a{width:30px;height:30px;line-height:32px;text-align:center;color:#fff;border-radius:50px;background-color:#0071dc;-webkit-transform:scaleY(0);transform:scaleY(0)}
.team-card .social-link li:hover a{background-color:#fff;color:#0071dc}
.team-card .content{position:absolute;z-index:1;bottom:0;left:0;right:0;background-color:#0071dc;padding:20px 25px;border-top-left-radius:100px;text-align:center;-webkit-transition:.9s;transition:.9s}
.team-card .content h3{margin-bottom:0;color:#fff; font-size:22px} 
.team-card .content span{color:#fff}


.side-bar-area{margin-left:15px}
.side-bar-widget{background-color:#fff}
.side-bar-widget .title{font-size:20px;color:#252525;padding:0;font-weight:600;position:relative;display:inline-block;margin-bottom:10px;background-color:transparent;width:100%}
.side-bar-widget .side-bar-categories{margin-bottom:15px}
.side-bar-widget .side-bar-categories ul{padding:0;margin:0;list-style-type:none}
.side-bar-widget .side-bar-categories ul li{position:relative;font-size:15px;font-weight:500}
.side-bar-widget .side-bar-categories ul li .line-circle{position:absolute;top:10px;left:0;width:13px;height:13px;background-color:transparent;border:1px solid #0071dc;border-radius:50px}
.side-bar-widget .side-bar-categories ul li .line-circle::before{content:'';position:absolute;top:1px;left:1px;right:1px;margin:0 auto;width:9px;height:9px;background-color:#0071dc;border-radius:50px}
.side-bar-widget .side-bar-categories ul li:last-child{border-bottom:0}
.side-bar-widget .side-bar-categories ul li a{display:inline-block;color:#444;font-weight:400;padding:5px 0 5px 25px;font-weight:600;position:relative;width:100%}
.side-bar-widget .side-bar-categories ul li a span{right:30px;position:absolute;top:10px;color:#444}
.side-bar-widget .side-bar-categories ul li a:hover{color:#0071dc}
.side-bar-widget .side-bar-categories ul li a:hover span{color:#0071dc}
.side-bar-widget .widget-popular-post{position:relative;overflow:hidden;padding:0;margin-top:10px;margin-bottom:20px}
.side-bar-widget .widget-popular-post .item{overflow:hidden;margin-bottom:13px;padding-bottom:8px;border-bottom:1px solid #e2e2e2}
.side-bar-widget .widget-popular-post .item:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.side-bar-widget .widget-popular-post .item .thumb{float:left;overflow:hidden;position:relative;margin-right:15px}
.side-bar-widget .widget-popular-post .item .thumb .full-image{width:80px;height:80px;display:inline-block;background-size:cover!important;background-repeat:no-repeat;background-position:center center!important;position:relative;background-color:#070b3b}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg1{background-image:url(../images/blog/blog-details.jpg)}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg2{background-image:url(../images/blog/blog-img2.jpg)}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg3{background-image:url(../images/blog/blog-img3.jpg)}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg4{background-image:url(../images/blog/blog-img1.jpg)}
.side-bar-widget .widget-popular-post .item .info{overflow:hidden;padding:0}
.side-bar-widget .widget-popular-post .item .info .title-text{margin-bottom:0;line-height:1.5;font-size:18px;font-weight:500;}
.side-bar-widget .widget-popular-post .item .info .title-text h4{ width:70%;}
.side-bar-widget .widget-popular-post .item .info .title-text a{display:inline-block;color:#252525;margin-bottom:5px;}
.side-bar-widget .widget-popular-post .item .info .title-text a:hover{color:#0071dc}
.side-bar-widget .widget-popular-post .item .info p{font-size:15px;margin-bottom:0;max-width:180px;color:#070b3b}
.side-bar-widget .widget-popular-post .item .info .span{ margin-right:50px; width:30%;}
.side-bar-widget .side-bar-widget-tag{list-style:none;padding:0;margin-top:10px;margin-bottom:20px}
.side-bar-widget .side-bar-widget-tag li{display:inline-block;margin:5px;color:#fff; width:100%; max-width:100%}
.side-bar-widget .side-bar-widget-tag li a{color:#fff;padding:7px 96px; background-color:#070b3b;font-size:14px;font-weight:400;border-radius:5px;-webkit-transition:.7s;transition:.7s; text-decoration:none;}
.side-bar-widget .titlek{font-size:20px;color:#888888;padding:0;font-weight:600;position:relative;display:inline-block;margin-bottom:10px;background-color:transparent;width:100%}
.side-bar-widget .side-bar-widgetk-tag{list-style:none; padding:0; margin-top:10px; margin-bottom:20px; float:left; }
.side-bar-widget .side-bar-widgetk-tag li{display:inline-block;margin:5px;color:#fff; }
.side-bar-widget .side-bar-widgetk-tag li a{color:#fff;padding:10px 30px; background-color:#070b3b;font-size:14px;font-weight:400;border-radius:5px;-webkit-transition:.7s;transition:.7s; text-decoration:none}
.side-bar-widget .side-bar-widgetk-tag li a:hover{background-color:#ff0000;}

.side-bar-widget .side-bar-widget-tag li:hover a{color:#fff;background-color:#ffc221}
.side-bar-widget .blog-gallery{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;list-style-type:none;margin-left:-5px;margin-right:-5px;margin-top:10px;margin-bottom:25px}
.side-bar-widget .blog-gallery li{-webkit-box-flex:0;-ms-flex:0 0 33.33%;flex:0 0 33.33%;max-width:33.33%;padding-left:5px;padding-right:5px;padding-top:10px}
.side-bar-widget .blog-gallery li a{display:block;position:relative} 

.syabout3 h3{ color:#000000; font-size:36px; line-height:48px;font-weight:600;}
.syabout3 h5{ color:#999999; font-size:18px; padding-bottom:30px;line-height:24px; font-family:Arial, Helvetica, sans-serif;font-weight:600}

.syabout4{font-size: 48px}

.service-article .service-article-img{margin-bottom:25px}
.service-article .service-article-img img{border-radius:15px}
.service-article .service-article-content h2{font-size:26px;margin-bottom:15px}
.service-article .service-article-content p{margin-bottom:20px; text-indent:2em;}
.service-article .service-article-content .service-article-list{list-style:none;margin:0 0 25px;padding:0}
.service-article .service-article-content .service-article-list li{display:block;color:#252525;margin-bottom:10px;font-weight:600;-webkit-transition:.7s;transition:.7s;padding-left:35px;position:relative;-webkit-transition:.5s;transition:.5s}
.service-article .service-article-content .service-article-list li:hover{color:#0071dc}
.service-article .service-article-content .service-article-list li:hover i{color:#ffc221}
.service-article .service-article-content .service-article-list li:last-child{margin-bottom:0}
.service-article .service-article-content .service-article-list li i{font-size:26px;color:#0071dc;position:absolute;left:0;top:-2px;margin-right:5px;-webkit-transition:.5s;transition:.5s}
.service-article .service-article-another h2{font-size:26px;margin-bottom:15px}
.service-article .service-article-another p{margin-bottom:20px}
.service-article .service-article-another .service-article-another-img{margin-bottom:25px;margin-top:10px}
.service-article .service-article-another .service-article-another-img img{border-radius:15px}

.section-title span{margin-bottom:8px;font-weight:600;display:block}
.section-title h2{font-size:35px;font-weight:600;margin-top:0;line-height:1.5;color:#252525;margin-bottom:0}
.section-title p{padding-top:10px;margin-bottom:0;max-width:530px;color:#444}

.faq-area .section-title p{max-width:560px}
.faq-content{margin-bottom:30px；}
.faq-content .section-title{margin-bottom:30px}
.faq-content .section-title h2{max-width:500px;margin-left:auto;margin-right:auto;line-height:1.2}
.faq-content .section-title p{max-width:540px;margin-left:auto;margin-right:auto}
.faq-content .faq-accordion .accordion{list-style-type:none;padding-left:0;margin-bottom:0}
.faq-content .faq-accordion .accordion .accordion-item{display:block;margin-bottom:15px;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.07);box-shadow:0 0 15px rgba(0,0,0,.07)}
.faq-content .faq-accordion .accordion .accordion-item:last-child{margin-bottom:0}
.faq-content .faq-accordion .accordion .accordion-title{padding:15px 60px 15px 20px;color:#252525;text-decoration:none;position:relative;display:block;font-size:18px;font-weight:600}
.faq-content .faq-accordion .accordion .accordion-title i{position:absolute;right:15px;top:14px;font-size:25px;-webkit-transition:.5s;transition:.5s;font-size:24px;width:30px;height:30px;color:#0071dc;text-align:center;line-height:30px;background-color:transparent;border-radius:50px;border:1px solid #0071dc}
.faq-content .faq-accordion .accordion .accordion-title.active i::before{content:"\eaed"}
.faq-content .faq-accordion .accordion .accordion-title.active i .accordion-content p{margin-top:-5px}
.faq-content .faq-accordion .accordion .accordion-content{display:none;position:relative;margin-top:0;padding-bottom:10px;padding-right:20px;padding-left:20px}
.faq-content .faq-accordion .accordion .accordion-content p{margin-top:-6px;line-height:1.8;font-size:15px;margin-bottom:3px}
.faq-content .faq-accordion .accordion .accordion-content.show{display:block}


.index-content { width: 100%; height: 696px; position: relative; }
.index-content .banner { width: 100%; height: 696px; }
.funBox { width: 100%; height: 696px; /*min-width:1300px;overflow:hidden;*/}
.funBox .funpic { position: absolute; left: 0; top: 0; width: 100%; height: 696px; }
.funBox .fun1 { /*background: url(imgs/b2c5b28864d65ec93c557521a62d3382.jpg) no-repeat center top;*/ height: 696px; }
.funBox .fun2 { /*background: url(imgs/eb0bda12b6298c788d76f43ca68797d8.jpg) no-repeat center top;*/ height: 696px; }
.funBox .fun3 { background: url(../images/bannerimg03.jpg) no-repeat center top; height: 696px; }
.funBox .fun4 { background: url(../images/bannerimg04.jpg) no-repeat center top; height: 696px; }
.funBox .fun4 .ljjr { display: inline-block; width: 170px; height: 44px; position: absolute; left: 154px; top: 309px; }
.funBox .fun1 .fun-btn01 { position: absolute; top: 320px; left: 170px; }
.funBox .fun1 .fun-btn02 { position: absolute; top: 375px; left: 155px; background: url(../images/downicon.png) no-repeat; padding-left: 23px; }
.funBox .fun1 .fun-btn02 a { color: #fff; text-decoration: underline; }
.funBox .fun2 .fun-btn01 { position: absolute; top: 285px; left: 60px; }
.funBox .fun2 .fun-btn02 { position: absolute; top: 350px; left: 60px; background: url(../images/downicon.png) no-repeat; padding-left: 23px; } ul { list-style: none; margin: 0 }
.funBox .fun2 .fun-btn02 a { color: #fff; text-decoration: underline; }
.w1000 { width: 1000px; margin: 0 auto; }
.funBox .fun3 .fun-btn02 { position: absolute; top: 310px; left: 100px; background: url(../images/downicon.png) no-repeat; padding-left: 23px; }
.funBox .fun3 .fun-btn02 a { color: #fff; text-decoration: underline; }
.funBox .fun4 .fun-btn01 { position: absolute; top: 270px; left: 50px; }
.funBox .fun4 .fun-btn02 { position: absolute; top: 330px; left: 50px; background: url(../images/downicon.png) no-repeat; padding-left: 23px; }
.funBox .fun4 .fun-btn02 a { color: #fff; text-decoration: underline; }
.banner .navBox { height: 66px; width: 100%; background-color: #FFF; opacity: 0; position: absolute; left: 0; bottom: 0; }
.navBox .navInner { height: 66px; }
.navBox .navInner li { float: left; height: 66px; }
.navBox .navInner li a { height: 66px; /* background:url(../images/bannernavbg.png) no-repeat; */ font-size: 0; line-height: 0; overflow: hidden; } /*.navBox .navInner li#n1 {width:380px;}
.navBox .navInner li#n2 {width:207px;}*/ 
.navBox .navInner li#n1 { width: 20px; border-radius: 10px; line-height: 10px; text-align: center; font-size: 12px; color: White; }
.navBox .navInner li#n2 { width: 20px; border-radius: 10px;line-height: 10px; text-align: center; font-size: 12px; color: White; }
.navBox .navInner li#n3 { width: 20px; border-radius: 10px; line-height: 10px; text-align: center; font-size: 12px; color: White; }S
.navBox .navInner li#n4 { width: 20px; border-radius: 10px; line-height: 10px; text-align: center; font-size: 12px; color: White; }
.navBox .navInner li#n1:hover { width: 20px; border-radius: 10px; background-color: ; line-height: 10px; text-align: center; font-size: 12px; color: White; }
.navBox .navInner li#n2:hover { width: 20px; border-radius: 10px; background-color: ; line-height: 10px; text-align: center; font-size: 12px; color: White; }
.navBox .navInner li#n3:hover { width: 20px; border-radius: 10px; background-color: ; line-height: 10px; text-align: center; font-size: 12px; color: White; }
.navBox .navInner li#n4:hover { width: 20px; border-radius: 10px; background-color: ; line-height: 10px; text-align: center; font-size: 12px; color: White; }
.cur { width: 240px; background-color: #5EE80D !important; line-height: 66px; text-align: center; font-size: 28px; color: White; } #navBox { width: 485px; margin-left: 350px; opacity: 0.9 }
.funpic_img { position: relative; top: 58px; left: 57%; }
.funBox .funpic .popupBox .left .kh-form { margin: 0 auto; width: 300px; }
.funBox .funpic .popupBox .left .kh-form ul li { margin-bottom: 15px; }
.funBox .funpic .popupBox .left .kh-form ul li span { display: inline-block; float: left; margin-left: 10px; } #getyyb li:hover { background: #359ee8; color: #fff; } #azjc { left: 50%; margin-left: -468px; margin-top: 20px; position: absolute; top: 50%; z-index: 9999; }



.banner{width: 100%; padding-top:97px; background-size: 100% auto;} 
.banner img{width: 100%; max-width:1920px; margin:0; display:block;}
.banner:before{content: ""; display: block; }

/*meun*/ 

.navbox{height:97px; width:100%;position:fixed;z-index:9; top:0;background:#232323;background:rgba(0,0,0,0.2); font-family:'Arial';}
.nav{width:1160px;margin:0 auto; list-style:none; }
.nav li{float:left;height:97px;position:relative; list-style:none;}
.nav li.last{background:none;}
.nav li a{text-decoration:none;}
.nav li a span{float:left;display:block;line-height:97px;font-size:16px;color:#ffffff;cursor:pointer;width:110px;text-align:center;}
.mj_hover_menu{text-decoration:none; width:110px;background:url(../images/menu_hover.jpg); height:97px;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:95px;left:-9px;}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}
.mj_menu_pro_bg{width:810px; height:235px; background:url(../images/menu_pro_bg.png) no-repeat;}
.mj_menu_pro_main{width:750px; margin:auto; padding-top:12px;}
.mj_menu_pro_li{ float:left;}
.mj_menu_li_txt{line-height:22px; font-size:12px; color:#696969;}
.mj_menu_li_txt font{font-size:14px; color:#bb1721;}
.mj_menu_li_txt a{color:#696969; text-decoration:none;}
.mj_menu_li_txt a:hover{color:#696969; text-decoration:underline;}

.mj_menu_news_bg{width:480px; height:185px; background:url(../images/menu_news_bg.png) no-repeat;}
.mj_menu_news_main{width:440px; margin:auto; padding-top:12px;}
.mj_menu_news_li{padding:0px 30px; margin-right:30px; height:150px; float:left; border-right:solid 1px #cccccc; }
.mj_menu_news_img{float:left; text-align:left; color:#bb1721; line-height:30px; font-size:14px;}
.mj_menu_news_li2{padding:0px 30px; height:150px; float:right; border-left:solid 1px #cccccc; }
.mj_menu_news_img2{float:left; margin-left:30px; text-align:left; color:#bb1721; line-height:30px; font-size:14px;}
.mj_menu_news_li3{padding:0px 25px; height:150px; float:right; border-left:solid 1px #cccccc; }
.mj_menu_news_img3{float:left; margin-left:10px; text-align:left; color:#bb1721; line-height:30px; font-size:14px;}

/*.meun1 {font-family: "Arial";font-size: 16px; none;line-height: 38px;color: #d5d5d5; text-align:right;text-decoration: none; }
.meun1 a:link {font-family: "Arial";font-size: 16px;none;line-height: 38px;color: #d5d5d5; text-align:right;text-decoration: none; }
.meun1 a:visited {font-family: "Arial";font-size: 16px;none;line-height: 38px;color: #d5d5d5; text-align:right;text-decoration: none;}
.meun1 a:hover {text-decoration:none; width:125px;background:url(../images/menu_hover.jpg); height:40px;}
.meun1 a:active {font-family: "Arial";font-size: 16px;none;line-height: 38px;color: #d5d5d5; text-align:right;text-decoration: none;}*/

header{width:100%;background-color: #ffffff; text-align:center;}
.header{width:1140px;margin:20px auto 0;}
.header .logo{float: left;margin: 13px 0;width: 320px;height: 71px;}
.header .logo img{width: 320px;height: 71px;}
.header .right{float: left;width: 780px;}
.header .right .top{}
.header .tel{float:right;}
.header .tel span{float:left;font-size: 14px;color:#b30306;line-height: 30px;}
.header .tel img{width:18px;height:18px;float: left;margin: 6px 0;}

.header .search{border: 1px solid #777;float: right;border-radius: 15px;padding: 0 10px;}
.header .search input{float: left;width: 120px;height: 30px;border: none;background: none;color: #e3e3e3;}
.header .search .searBtn{float: left;width: 30px;height: 30px;background: url(../images/searBtn.png) no-repeat;}

.header .select{float: right;margin: 0 20px; height: 30px;line-height: 30px;border: none;text-align: right;}

.header .menu{height: 50px;text-align: right;}
.header .menu a{margin: 0 0 0 30px;font-size: 15px;line-height: 60px;color: #555555;}
.header .menu a:hover{border-bottom: 5px solid #b30306;color: #b30306;}

.header .language{float: right;font-size: 20px;color: #fff;line-height: 60px;}

.slider{width: 100%;height: 696px;background: #c6b985;position:relative;}
.slider .img{width: 100%;height: 696px;background: url(../images/banner.jpg) no-repeat center;}

#sosuo{width:100%;height:66px;margin-top: -200px;background-color: rgba(0,129,177,0.7); z-index:1000;position:absolute;bottom:-153px;}
#sotext{z-index:1001;width:800px;margin: 0 auto; height: 50px;padding: 8px 0;}
#sotext .sub1{float: left;width: 118px;height: 50px;}
#sotext .sub2{float: left;line-height: 50px;color: #fff;font-size: 24px;margin: 0 20px;}
#sotext .sub3{float: right;width: 100px;height: 40px;line-height: 40px;color: #333;background: #cce6ef;border-radius: 5px;margin: 5px 10px;text-align: center;}
#sotext .red{background: #fff;color: #0081b1;}
#sotext .sub4{float: right;margin: 5px 5px 0 10px;}
#sotext .sub4 input{width: 200px;height: 40px;line-height: 40px;border: 0;border-bottom-left-radius: 5px;border-top-left-radius: 5px;float: left;padding: 0 10px;}
#sotext .sub4 a{float: left;width: 70px;height: 40px;line-height: 40px;color: #fff;font-size: 14px; text-align: center;background: #0081b1;border-bottom-right-radius: 5px;border-top-right-radius: 5px;}

.indexNavBox{width: 100%;border-bottom: 1px solid #fdd118;margin: 140px 0 0 0;}
.indexNav{width: 1160px;margin: 0 auto;}
.indexNav .navA{margin: 0 46px;float: left;}
.indexNav .navA .icon{width: 100px;height: 40px;background: url(../images/icon.png) no-repeat;display: block;}
.indexNav .navA .font{width: 100px;text-align: center;line-height: 25px;font-size: 12px;color: #333;display: block;}
.indexNav .navA1 .icon{background-position: 32px 9px;}
.indexNav .navA2 .icon{background-position: 32px -32px;}
.indexNav .navA3 .icon{background-position: 32px -76px;}
.indexNav .navA4 .icon{background-position: 32px -120px;}
.indexNav .navA5 .icon{background-position: 32px -165px;}
.indexNav .navA6 .icon{background-position: 32px -213px;}

.navpro{font-size:16px;	line-height:42px;	color:#033566;	font-weight: bold;}
.navproi {font-size:13px;line-height:24px;	color:#6e6e6e; padding-left:10px;}
.navproi a{color:#033566;font-weight: bold;}

.indexal{font-size:28px;	line-height:36px;	color:#033566;	font-weight: bold;}

.indexa2 {font-family: "Arial";font-size: 14px;none;line-height: 28px;color: #777;text-decoration: none;}
.indexa2 a:link{font-family: "Arial";font-size: 14px;none;line-height: 28px;color: #777;text-decoration: none;}
.indexa2 a:visited{font-family: "Arial";font-size: 14px;none;line-height: 28px;color: #777;text-decoration: none;}
.indexa2 a:hover{font-family: "Arial";font-size: 14px;none;line-height: 28px;color: #023669;text-decoration: none;}
.indexa2 a:active{font-family: "Arial";font-size: 14px;none;line-height: 28px;color: #023669;text-decoration: none;}

.indexa3{font-size:32px; line-height:80px;	color:#033566;	font-weight: bold;}
.indexa4{font-size:14px; line-height:24px;	color:#6e6e6e;	font-weight: bold;}


.infotxt{font-size:28px;line-height:80px;color:#333;font-weight: bold;}


.navhotpic{width: 100%;background: #b6b6b6;padding: 30px 0;text-align: center; }

.indexMore{font-size: 13px;color: #033566;margin-top: 30px;line-height: 32px;}
.indexMore a:hover{color: #35abd6;}

.mulu li a{width:200px; height:40px; color:#fff; background-color:#333333; border-bottom:1px solid #fff; text-decoration:none; font-size:15px; line-height:42px; display:block;text-align: center; }
.mulu li a:hover{ background-color:#033566;text-align: center;}

.banner_pro {width: 100%px;height: 240px;margin: 50px auto 30px;}
.banner_pro .img{width: 100%px;height: 240px;margin: 50px auto 30px;background: url(/images/banner_pro.jpg) no-repeat center;}


/* 产品系列 */
.indexMain{width: 1002px;margin: 20px auto;background: #f5f5f5;}

.navproMenu{width: 100%;margin: 40px 0;}
.navproMain ul{display:none;}
.navproMenu a{width: 140px;height: 40px;line-height: 40px;margin-right: 30px;font-size: 14px; border: 1px solid #ccc;float: left;border-radius: 5px;text-align: center;color: #555;}
.navproMenu a:hover{background: #b30306;color: #fff;}
.navproMenu .red{background: #b30306;color: #fff;}
.indexMain .left{float: left;width: 570px;}
.indexMain .left .text {float: left;line-height: 28px;color: #333;width: 570px;}
.indexMain .left .text h1 {font-size: 20px;line-height: 60px;color: #b30306;}
.indexMain .left p{line-height: 25px;width: 570px;}
.indexMain .right{float: left;width: 430px;margin-left: 2px;}
.indexMain .right a img{width: 430px;}

.pro{width: 900px;margin: 0 auto 50px;padding: 20px 10px;background: #fff;}
.proLi{float: left;width: 265px;margin: 10px;}
.proLi .proImg{width: 265px;height: 150px;display: block;}
.proLi .proImg img{width: 270px;height: 150px;}
.proLi .proA{width: 270px;height: 40px;line-height: 40px;text-align: center;overflow: hidden;color: #fff;background: rgba(0,0,0,0.7);display: block;}

.sypro1{ font-family:"Arial"; color:#999;}
.sypro2{ font-family:"Arial"; font-size:14px;color:#033566; }

/* 产品图文 */
.hotpro{width:100%; background-color:#b6b6b6;}
/* artist */
.artist{width:1002px;position:relative;height:369px;margin:0 auto;}
.artist li{left:254px;overflow:hidden;width:115px;position:absolute;top:0px;height:115px}
.artist li a{background:#ff0048;filter:alpha(opacity=80);left:0px;color:#fff;font-family:Arial, Helvetica, sans-serif;position:absolute;top:0px;opacity:.8}
.artist li a:hover{color:#fff}
.artist li a strong{line-height:2em}
.artist li .cover{display: none;}
.artist li:hover .cover{display: block;}
.artist .a1{left:0px;position:absolute;top:0px;width:242px;height:369px;}
.artist .a2{width:242px;height:242px}
.artist .a3{left:254px;top:254px}
.artist .a4{left:381px;top:254px}
.artist .a5{left:508px;top:0px}
.artist .a6{left:635px;top:0px}
.artist .a7{left:508px;top:127px}
.artist .a8{left:635px;top:127px}
.artist .a9{left:508px;width:242px;top:254px}
.artist .a10{left:762px;top:0px}
.artist .a11{left:889px;top:0px}
.artist .a12{left:762px;width:242px;top:127px;height:242px}
.artist .a2 a{padding-right:20px;padding-left:30px;font-size:18px;padding-bottom:15px;overflow:hidden;width:192px;padding-top:45px;height:182px}
.artist .a3 a{padding-right:10px;padding-left:10px;font-size:12px;padding-bottom:10px;overflow:hidden;width:95px;padding-top:10px;height:95px}
.artist .a4 a{padding-right:10px;padding-left:10px;font-size:12px;padding-bottom:10px;overflow:hidden;width:95px;padding-top:10px;height:95px}
.artist .a5 a{padding-right:10px;padding-left:10px;font-size:12px;padding-bottom:10px;overflow:hidden;width:95px;padding-top:10px;height:95px}
.artist .a6 a{padding-right:10px;padding-left:10px;font-size:12px;padding-bottom:10px;overflow:hidden;width:95px;padding-top:10px;height:95px}
.artist .a7 a{padding-right:10px;padding-left:10px;font-size:12px;padding-bottom:10px;overflow:hidden;width:95px;padding-top:10px;height:95px}
.artist .a8 a{padding-right:10px;padding-left:10px;font-size:12px;padding-bottom:10px;overflow:hidden;width:95px;padding-top:10px;height:95px}
.artist .a9 a{padding-right:20px;padding-left:20px;font-size:14px;padding-bottom:10px;overflow:hidden;width:204px;padding-top:10px;height:95px}
.artist .a10 a{padding-right:10px;padding-left:10px;font-size:12px;padding-bottom:10px;overflow:hidden;width:95px;padding-top:10px;height:95px}
.artist .a11 a{padding-right:10px;padding-left:10px;font-size:12px;padding-bottom:10px;overflow:hidden;width:95px;padding-top:10px;height:95px}
.artist .a12 a{padding-right:20px;padding-left:30px;font-size:18px;padding-bottom:15px;overflow:hidden;width:192px;padding-top:45px;height:182px}

/* 关于艾尔 */
.indexabout{width: 1002px;margin: 55px auto;}
.indexabout .left{float: left;width: 610px;}
.indexabout .left .text h1 {font-size: 28px;line-height: 60px;color: #444444;}
.indexabout .left .text {float: left;line-height: 28px;color: #333;width: 610px;}
.indexabout .left .text li a{float: left;line-height: 50px;color: #333;width: 520px;height: 50px;}
.indexabout .left .navABox{margin: 20px 0;}
.indexabout .left .navA{margin: 0 20px;float: left;}
.indexabout .left .icon{width: 93px;height: 93px;background: url(../images/icon.png) no-repeat;display: block;}
.indexabout .left .font{width: 93px;text-align: center;line-height: 25px;font-size: 12px;color: #333;display: block;}
.indexabout .left .navA1 .icon{background-position: 0px 0px;}
.indexabout .left .navA2 .icon{background-position: -108px 0;}
.indexabout .left .navA3 .icon{background-position: 0px -104px;}
.indexabout .left .navA4 .icon{background-position: -108px -104px;}
.indexabout .right{float: right;width: 333px;margin-left: 2px;}
.indexabout .right a img{width: 333px;}


/* 新闻 */
.indexnew1{font-family: "Arial";font-size: 13px; color:#6e6e6e; line-height:20px;}

.indexnew{width: 100%;background: #ffffff; color:0f3f6d; padding-left:20px; line-height:28px;}
.indexnew a{width: 100%;background: #ffffff;  color:0f3f6d;}

.indexnewUl{width: 1002px;margin: 0 auto 50px;border-top: 1px solid #ccc;padding-top: 40px;}
.indexnew .left{float: left;width: 570px;}
.indexnew .left li{width: 550px;padding: 20px;background: #e5f5ff;margin-bottom: 10px;padding: 20px;}
.indexnew .leftImg{float: left;width: 93px;height: 93px;margin-top: 10px;}
.indexnew .leftImg img{width: 100px;height: 100px;border-radius: 50px;}

.indexnew .left li div{width: 430px;margin-left: 20px;height: 120px;overflow: hidden;float: left;}
.indexnew .left li div .a1{font-size: 20px;color: #333;line-height: 20px;}
.indexnew .left li div .a2{font-size: 14px;color: #006a4d;line-height: 20px;}
.indexnew .left li div p{font-size: 12px;color: #666;line-height: 20px;margin: 10px 0 0;text-align: justify;width: 430px;}

.indexnew .left .text h1 {font-size: 20px;line-height: 60px;color: #b30306;}
.indexnew .left .text li a{float: left;line-height: 50px;color: #333;width: 520px;height: 50px;}
.indexnew .right{float: right;width: 370px;margin-left: 2px;}
.indexnew .rightUl{width: 370px;overflow: hidden;}
.indexnew .rightLi{width: 370px;margin-bottom: 10px;}
.indexnew .rightLi a{width: 280px;float: left;line-height: 25px;font-size: 13px;color: #444;}
.indexnew .rightLi a:hover{color: #005f45;}
.indexnew .rightLi span{width: 80px;float: right;line-height: 25px;font-size: 13px;text-align: right;color: #444;}
.indexNewsMore{width: 430px;line-height: 40px;color: #a4121d;font-size: 18px;}


.newsMain{width: 1002px;padding: 50px 60px;margin: 0 auto;background: #fff;}
.newsMain .left{float: left;width: 333px;}
.newsMain .left a{display: block;width: 333px;height: 162px;margin-bottom: 60px;}
.newsMain .left a img{width: 333px;height: 162px;}
.newsMain .right{float: left;width: 650px;margin-left: 57px;}
.newsMain .right li{width: 650px;}
.newsMain .right li a{float: left;line-height: 50px;color: #333;width: 550px;height: 50px;overflow: hidden;}
.newsMain .right li span{float: right;line-height: 50px;color: #333;width: 90px;height: 50px;text-align: right;}


.indexTit{font-size: 14px;color: #222;}
.indexDemo{display: block;}
.indexDemo img{width: 370px;height: 180px;}



.indexPro{width: 370px;float: left;margin: 0 25px;}
.indexSol{width: 370px;float: left;}
.indexProInfo,.indexSolInfo{width: 370px;height: 85px;overflow: hidden;margin: 10px 0;text-align: justify;
	font-size: 13px;color: #444;line-height: 25px;}


/*foot*/
.foottext { font-family:"Arial";font-size: 24px;line-height: 80px;	color: #ffffff; font-weight:bold;}
.foot { font-family:"Arial";font-size: 16px;line-height: 45px;	color: #ffffff; font-style: normal;	font-weight: normal; font-weight:600;}
.foot1 {font-family:"Arial";	font-size: 13px; line-height:20px; color: #ffffff; font-weight:400;}

.RepLink{width: 98%;margin: 20px auto 0;}
.RepLink .left{float: left;text-align:left;}
.RepLink .left a{color: #e2551d;line-height: 20px;font-size: 11px; margin-right:10px;}
.RepLink .left span{margin: 0 5px;color: #e2551d;line-height: 30px;}

.bottom{width: 98%;margin: 20px auto 0;}
.bottom .left{float: left;color: #fff;line-height: 30px;}
.bottom .right{float: right;text-align: right;}
.bottom .right a{color: #fff;line-height: 30px;}
.bottom .right span{margin: 0 5px;color: #fff;line-height: 30px;}



.pageTitBg{width: 100%;height: 80px;padding: 40px 0;background: #eee;}
.pageTit{width: 1002px;height: 80px;margin: 0 auto;}
.pageTit .left{float: left;height: 79px;border-bottom: 1px solid #888;}
.pageTit .left img{height: 59px;}
.pageTit .right{float: right;width: 500px;}
.coord{text-align: right;}
.coord a:hover{color: #033566;}
.coord .ts{color: #033566;}
.menuLink{width: 350px;margin-top: 20px;float: right;}
.menuLink a{float: right;margin-left: 10px;width: 100px;height: 30px;line-height: 30px;background: #666;color: #fff; text-align: center;}
.menuLink a:hover{background: #033566;}


.pageMain{width: 1002px;margin: 30px auto 50px;}
.pageMenu{float: left;width: 274px;}
.pageMenuUl{width: 274px;}
.pageMenuLi{width: 274px;margin-bottom: 2px;}
.pageMenuA{width: 274px;height: 40px;line-height: 40px;background: #033566;color: #fff; display: block; padding-left:25px;}
.pageMenuA:hover{background-color: #35abd6;}
.pageMenuDiv{width: 274px;display: none;background-color: #fff;}
.pageMenuDiv a{ font-size:13px;display: block;width: 270px;height: 40px;line-height: 40px;margin-top: 2px; padding: 0 5px 0 25px;background-color: #eee;background-image: url(../images/icon1.png);background-repeat: no-repeat;background-position: 10px center;}
.pageMenuDiv a:hover{color: #35abd6;}
.pageMenuDivB{width: 260px;height: 40px;line-height: 40px;background: #888888;color: #fff; display: block;text-align: center;}
.pageMenuDivB:hover{background-color: #333333;}
.pageMenuCase{width: 260px;margin-top: 40px;}
.pageMenuCase h3{line-height: 40px;border-bottom: 1px dotted #aaa;text-align: center;margin-bottom: 20px;}
.pageMenuCaseImg{width: 260px;}
.pageMenuCaseImg img{width: 260px;}

.pageRight{width: 848px;margin-left: 30px;float: left;}
.pagePro{width: 848px;margin-left:10px;}
.pageProUl{width: 848px;}
.pageProLi{width: 240px;margin: 0 0 20px 20px;float: left;}
.pageProImg{width: 228px;height: 228px;display: block;border: 1px solid #aaa;}
.pageProImg img{width: 228px;height: 228px;}
.pageProA{display: block;width: 240px;height: 40px;line-height: 40px;overflow: hidden;text-align: center;}
.pageProLi:hover .pageProA{color: #033566;}

.pageAbout{}

.pageConTit{width: 848px;border-bottom: 1px solid #ccc;height:80px;color: #0081b1; font-size:24px;line-height: 42px;}
.aboutInfo{padding: 20px 0;}
.aboutInfo p{width: 848px;font-size: 13px; text-align: justify;text-indent: 2em;line-height: 30px;color: #666;margin: 0 0 20px;}
.aboutInfo img{max-width: 848px;}


.pageNewsUl{width: 848px;}
.pageNewsUl li{width: 848px;}
.pageNewsUl li a{float: left;line-height: 50px;color: #333;width: 550px;height: 50px;overflow: hidden;}
.pageNewsUl li:hover a{color: #033566;}
.pageNewsUl li span{float: right;line-height: 50px;color: #333;width: 90px;height: 50px;text-align: right;}
.newsInfoTit{width: 848px;font-size: 20px;color: #333;margin-bottom: 20px;text-align: center;}
.newsInfo{width: 848px;}
.newsInfo p{width: 848px;text-align: justify;text-indent: 2em;line-height: 30px;color: #666;}
.newsInfo p a{color: #666;}
.newsInfo img{max-width: 848px;}



.proInfoTit{width: 848px;}
.proInfoTit .left{width: 300px;float: left;}
.proInfoTit .left h3{font-size: 20px;color: #000;margin-bottom: 10px;}
.proInfoTit .left p{}
.proInfoTit .right{width: 530px;float: right;}
.proInfoTit .right a{display: block;line-height: 30px;text-align: right;}
.proInfoImg{width: 350px;height: 350px;border: 1px solid #aaa;margin: 20px auto 40px;}
.proInfoImg img{width: 350px;height: 350px;}
.proInfoCon{width: 840px; margin:20px auto;}
.proInfoMenu{width: 840px;height: 28px;border-bottom: 2px solid #b30306;}
.proInfoMenu a{width: 96px;height: 28px;padding-right: 12px; float: left;text-align: center;line-height: 28px;}
.proInfoMenu .ts{background: url(../images/titBg.jpg);color: #fff;}
.proInfoDiv{width: 840px;padding: 30px 0;display: none;}
.proInfoDiv p{line-height: 30px;}
.proInfoDiv img{max-width: 850px;}
.proInfoDiv.ts{display: block;}
.proInfoSame{width: 840px;margin: 30px auto;}
.proInfoSameTit{width:840px;margin: 0 auto;}
.proInfoSameTit h3{float: left;font-size: 16px;}
.proInfoSameTit a{float: right;}
.proInfoSameTit a:hover{color: #033566;}
.proInfoSameUl{width: 820px;margin: 20px auto;}
.proInfoSameLi{width: 190px;margin: 0 10px;float: left;}
.proInfoSameImg{width: 188px;height:188px;border: 1px solid #aaa;display: block;}
.proInfoSameImg img{width: 188px;height:188px;}
.proInfoSameA{width: 190px;line-height: 30px;height: 30px;overflow: hidden;display: block;text-align: center;}
.proInfoSameLi:hover .proInfoSameA{color: #033566;}

.serInfoQue{width:450px;margin:0 auto;}
.queDiv{margin-bottom:10px;width:450px;}
.queDiv label{float:left;width:100px;line-height:35px;}
.queDiv input{float:left;width:300px;line-height:35px;}
.queDiv textarea{float:left;width:300px;height:150px;line-height:20px;}
.queDiv span{float:left;width:30px;line-height:35px;text-align:center;}
.orderBtn{width:290px;margin:0 auto;}
.orderBtn input{width:100px;height:40px;line-height:40px;background:#ccc;margin: 0 10px;border:0;}
