/* CSS Document */
*{margin:0; padding:0; font-family:Arial, Helvetica, 微软雅黑, sans-serif; }
a{ color:#333; text-decoration:none;}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;  vertical-align: middle;}
.container{width:1200px; margin:0 auto; position:relative;}
.clear{clear:both;}
body{ overflow-x:hidden; position:relative; }
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select, button{outline:medium; blr:expression(this.onFocus=this.blur());}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}

.header{ border-top:5px solid #c30d23; padding:30px 0;}
.header .logo{ float:left;}
.header .nav{ margin: 36px 12px 0 0;     position: absolute;    right: 0; top:0;}
.header .nav li{ float:left; margin: 0 12px;}
.header .nav li a{ color:#000; font-size:18px;   padding-bottom: 32px;    display: inline-block;}
.header .nav li:hover a{ color:#c30d23;}
.header .nav li:hover dd a{ color:#000;}

.header .nav li dl{ position:absolute; top:100%; z-index:999; background:#f8f8f8; width:340px; padding:20px; border-bottom:4px solid #bbb; opacity:0; visibility: hidden;}
.header .nav li:hover dl{ opacity:1;  visibility: visible;}
.header .nav li dl .nav-dl{ border-right: 1px solid #bbb; float:left; width: 118px; min-height:160px;}
.header .nav li dl dd{}
.header .nav li dl dd a{ font-size:14px; display:inline-block; line-height:32px; padding:0;}
.header .nav li dl dd:hover a{ color:#c30d23;}
.header .nav li dl .img{ float:right; width:200px; height:160px; overflow:hidden;   padding-left: 20px;  }

.header .nav li:nth-child(3) dl{ width: 422px;}
.header .nav li:nth-child(3) dl .nav-dl{ width:200px;}

.header .nav li:nth-child(n+5) dl{ right:0;}

.banner{ height:517px; position:relative; z-index:0;}
.banner .bd li{ height:517px;}
.banner .bd li a{ display:inline-block; width: 100%; height: 100%;  }
.banner .hd{}
.banner .hd a{ position:absolute; display:inline-block; width:45px; height:60px; top:50%; margin-top:-30px; cursor:pointer; transition: all 0.3s linear 0s;}
.banner .hd a.prev{ background:url(../images/banner-btn-prev.png) no-repeat center; left:30px;}
.banner .hd a.next{ background:url(../images/banner-btn-next.png) no-repeat center; right:30px;}

.banner:hover .hd a.prev{ background:url(../images/banner-btn-prev.png) no-repeat center rgba(0,0,0,.2);}
.banner:hover .hd a.next{ background:url(../images/banner-btn-next.png) no-repeat center rgba(0,0,0,.2);}
.banner .hd a.prev:hover{ background:url(../images/banner-btn-prev.png) no-repeat center rgba(0,0,0,.6);}
.banner .hd a.next:hover{ background:url(../images/banner-btn-next.png) no-repeat center rgba(0,0,0,.6);}

.index-title{}
.index-title .cn{ background:url(../images/title-bg.png) no-repeat center; height:39px; line-height:39px; font-size:24px; color:#c30d23; text-align:center;}
.index-title .cn span{ color:#000;}
.index-title .en{ font-size:12px; color:#cecfd0; text-align:center; line-height:26px; text-transform: uppercase;}

.ipro{ padding-top:40px; padding-bottom:40px; overflow:hidden;}
.ipro-list{ margin-top:46px;}
.ipro-list li{ float:left; width:220px; margin-right: 25px;}
.ipro-list li:nth-child(5){ margin-right:0;}
.ipro-list li .img{ width:220px; height:179px; overflow:hidden;}
.ipro-list li .img img{ transition: all 0.3s linear 0s;}
.ipro-list li:hover .img img{ transform: scale(1.1,1.1);}
.ipro-list li .text{ border:1px solid #ddd; border-top:none; padding:12px 10px 8px; transition: all 0.3s linear 0s;}
.ipro-list li .text .title{ text-align:center; font-size:14px; color:#000; padding: 8px 0;}
.ipro-list li .text .p{ text-align:center; font-size:12px; color:#5a5a5a;    line-height: 20px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}

.ipro-list li:hover .text{ background:#c30d23; border:1px solid #c30d23; border-top:none;}
.ipro-list li:hover .text .title{ color:#fff;}
.ipro-list li:hover .text .p{ color:#fff;}

.iabout{ background:url(../images/iabout-bg.jpg) no-repeat center top; padding-top:80px; overflow:hidden; padding-bottom:45px;}
.iabout-title{ font-size:38px; color:#c30d23;  text-align:center;}
.iabout-title span{ color:#fff; text-transform: uppercase;}

.iabout-box{ margin-top:50px; width:1166px; border:3px solid #c30d23; height:496px;    margin-left: 28px;}
.iabout-video{ margin-left:-31px; margin-top:40px; float:left;}
.iabout-text{ float:right; background:#c30d23; width:480px; height:496px;}
.iabout-text .text{ width:408px; height:420px; background:#fff; margin-left:-84px; margin-top:40px; padding:0 54px;}
.iabout-text .text .title{ text-align:center; font-size:24px; color:#4f4f4f; padding:30px 0 10px;}
.iabout-text .text .p{ font-size:14px; color:#4f4f4f; line-height:28px; text-indent:2em; text-align:justify;}
.iabout-text .text .btn{ text-align:center; margin-top:24px;}
.iabout-text .text .btn a{ display:inline-block; width:134px; height:32px; border:3px solid #eee;     line-height: 32px; font-size:14px; color:#4f4f4f; transition: all 0.3s linear 0s;}
.iabout-text .text .btn a:hover{ background:#c30d23; color:#fff;}

.icase{ position:relative; padding-top:50px;}
.icase:before{ position:absolute; content:""; width:100%; height:298px; background:#f5f5f5; top:0; left:0;}
.icase-list{ margin-top:35px; position:relative; overflow:hidden;}
.icase-list .bd{ width: 1116px;    margin: 0 auto;}
.icase-list .bd li{ float:left; width:282px;  margin:0 45px 10px;}
.icase-list .bd li .img{ width:282px; height:208px; overflow:hidden;}
.icase-list .bd li .img img{transition: all 0.3s linear 0s;}
.icase-list .bd li:hover .img img{transform: scale(1.1,1.1);}
.icase-list .bd li .text{ padding:10px 20px; position:relative; text-align:center; border-bottom: 1px solid #ccc;}
.icase-list .bd li .text .title{ font-size:14px; color:#010101;}
.icase-list .bd li:hover .text .title{ color:#c30d23;}
.icase-list .bd li .text .p{ font-size:12px; color:#8a8989; padding:6px 0 2px; }
.icase-list .bd li:hover .text .p{ color:#c30d23;}
.icase-list .bd li .text .p p{text-align:center; overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.icase-list .bd li .text .p span{ float:right;}
.icase-list .bd li .text i{ position:absolute; right:22px; top:-14px;}
.icase-list .hd{}
.icase-list .hd a{ position:absolute; width:29px; height:29px; top:50%; margin-top:-15px;}
.icase-list .hd .prev{ background:url(../images/case-prev.jpg) no-repeat center; left:0;}
.icase-list .hd .next{ background:url(../images/case-next.jpg) no-repeat center; right:0;}

.inews{ margin-top:60px; overflow:hidden; margin-bottom:48px;}
.inews-text{ width:600px; height:320px; border-right:1px solid #dfdfdf; float:left;}
.inews-left{ width:172px; height:450px; background:#706d6e; float:left; padding:30px 15px 0;}
.inews-left .title{}
.inews-left .title-en{ font-size:18px; color:#fefeff; margin:10px 0 40px;}
.inews-left .text{ font-size:14px; color:#fefeff; line-height:24px;     text-align: justify;    padding-right: 20px;}
.inews-left .img{ padding:24px 0 24px 18px; position:relative;}
.inews-left .img span{ position:absolute; font-size:22px; color:#fefeff;    top: 74px;    right: 4px;}
.inews-left .tel{ font-size:24px; font-family:"Georgia"; text-align:center; color:#fefeff;}
.inews-left .btn{ margin-top: 32px;}
.inews-left .btn a{ display:inline-block; background:#393838; line-height:48px;     width: 202px;    margin: 0 -15px; color:#fefeff; font-size:16px; text-align:center;}
.inews-left .btn a:hover{ text-decoration:underline;}

.inews-right{ float:right; width:570px; margin-right:30px;}
.inews-right .top{ overflow:hidden;}
.inews-right .top .title{ float:left;}
.inews-right .top .title p{ font-size:24px; color:#c30d23;     margin-bottom: 6px;}
.inews-right .top .title p span{ color:#000;}
.inews-right .top .title em{ color:#d8d9da; font-size:12px; font-style:normal; text-transform: uppercase;}
.inews-right .top .more{ float:right; line-height:48px;}
.inews-right .top .more a{ font-size:16px; color:#004195;}
.inews-right .top .more a:hover{ text-decoration:underline;}

.inews-right .hot{ overflow:hidden; margin-top:10px;}
.inews-right .hot .img{ float:left; width:150px; height:115px;}
.inews-right .hot .text{ float:right; width:400px; height:115px;}
.inews-right .hot .text .title{ margin-bottom:6px;}
.inews-right .hot .text .title a{ font-size:14px; color:#030303; overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.inews-right .hot .text .title a:hover{ color:#c30d23;}
.inews-right .hot .text .p{ font-size:12px; color:#989393; line-height:24px; overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.inews-right .hot .text .date{ font-size:12px; color:#989393; margin-top:6px;}
.inews-right .hot .text .more{ margin-top:4px;}
.inews-right .hot .text .more a{ font-size:12px; color:#989393;}
.inews-right .hot .text .more a:hover{ color:#c30d23; text-decoration:underline;}
.inews-right .list{  margin-top: 2px;}
.inews-right .list li{ position:relative; text-indent:20px;     padding: 18px 0 8px;    border-bottom: 1px dashed #bcbdc0;}
.inews-right .list li a{ font-size:14px; color:#040404;}
.inews-right .list li:hover a{ color:#c30d23;}
.inews-right .list li i{ position:absolute; display:inline-block; width:5px; height:5px; background:#c30d23; border-radius:5px; left:0;  top: 25px;}
.inews-right .list li span{ float:right;}

.imessage{ float:right; margin-right:10px; width:332px;}
.imessage .title{ font-size:20px; color:#000; font-weight:bold;}
.imessage .title span{ font-size:16px; color:#d2d2d2; margin-left:10px; font-weight:normal;}
.imessage .ts{ font-weight:bold; font-size:14px; margin-top:20px;}
.imessage .ts span{ color:#000; display:block;}
.imessage .ts p{ color:#ff1f1f; margin-top:4px;}
.imessage .form{ margin-top: 30px;}
.imessage .form li{ margin-top:18px;}
.imessage .form li input[type="text"]{ width:290px; height:45px; border:1px solid #dcdcdc; border-radius:4px; font-size:16px; padding:0 20px;}
.imessage .form li textarea{ width:290px; height:78px; padding:10px 20px; border:1px solid #dcdcdc; border-radius:4px; font-size:16px;}
.imessage .form li input[type="submit"]{ background:#c30d23; width:332px; height:45px; border-radius:4px; font-size:18px; color:#fff; border:none;}

.footer{ background:#2397d3; padding:25px 0; border-top:1px solid #5eb3df;}
.footer p{color:#fff;  text-align:center; font-size:14px; padding:5px 0;}
.footer p span{ color:#fff; display:inline-block; margin:0 5px;}
.footer p a{ color:#fff; display:inline-block; margin-left:5px;}

.page-banner{ height:290px;}

.mbx{ margin:24px 0 30px; line-height:68px; font-size:12px; color:#999; border-bottom:1px dashed #ddd;}
.mbx span{ position:relative;  padding-left: 20px;}
.mbx span:before{ content:""; position:absolute; display:inline-block; width:10px; height:20px; background:#4691d3; top:-4px; left:0; }
.mbx a{ font-size:12px; color:#999; margin:0 4px;}

.page-about{}
.about-nav{ text-align:center; height:55px; overflow:hidden;}
.about-nav ul{ display:inline-block; }
.about-nav li{ float:left; margin:0 15px;}
.about-nav li a{ display:inline-block; width:190px; height:55px; line-height:55px; text-align:center; font-size:16px; color:#777; background:#f4f4f4; transition: all 0.3s linear 0s;}
.about-nav li.on a, .about-nav li:hover a{ background:#4691d3; color:#fff;}

.about-title{}
.about-title .cn{ font-size:24px; color:#4691d3; background:url(../images/about-icon.png) no-repeat center; text-align:center;}
.about-title .en{ font-size:14px; color:#ccc; text-align:center; text-transform: uppercase; margin-top:4px;}

.about-box1{ margin-top:60px;}
.about-text{ margin-top:36px;}
.about-text .img{ width:592px; height:680px; background:#4691d3; float:left;}
.about-text .img img{ margin:20px; width:677px;     max-width: none;}
.about-text .text{ float:right; width:509px; height:678px; border:1px solid #999; border-left:none; padding-left:138px; padding-right:20px;}
.about-text .text .title{ margin-top:38px; font-size:24px; color:#4691d3; position:relative;}
.about-text .text .title:after{ position:absolute; content:""; left:0; top:50px; width:192px; height:1px; background:#4691d3;}
.about-text .text .p{ margin-top: 20px;}
.about-text .text .p p{ font-size:14px; color:#555; text-indent:2em; margin-bottom: 14px;}

.about-box2{ margin-top:170px; overflow:hidden; margin-bottom:120px;}
.about-top{ font-size:14px; color:#666; text-align:center; margin:26px 0 46px;}
.about-bottom{ width:1090px; margin:0 auto;}
.about-bottom .img{ float:left;}
.about-bottom .text{ float:right; position:relative;}
.about-bottom .text .title{ font-size:18px; color:#4691d3; margin-top:50px; margin-bottom:10px;}
.about-bottom .text .p{ font-size:14px; color:#666; line-height:36px;}
.about-bottom .text i{ position:absolute; display:inline-block; width:52px; height:2px; background:#000; left:0;  top: 112%;}

.product-nav{ text-align:center; overflow:hidden;}
.product-nav ul{ display:inline-block; width: 1100px;}
.product-nav li{ float:left; margin:18px 15px 0;}
.product-nav li a{ display:inline-block; padding: 0 15px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#777; background:#f4f4f4; transition: all 0.3s linear 0s;}
.product-nav li.on a, .product-nav li:hover a{ background:#4691d3; color:#fff;}

.product-list{ margin-top:54px; }
.product-list li{ width:270px; float:left;  margin:0 15px 30px; overflow:hidden;}
.product-list li .img{ position:relative; width:270px; height:218px; overflow:hidden;}
.product-list li .img img{ position:relative; z-index:0;}
.product-list li .img i{ position:absolute; z-index:1; top:0; left:0; opacity:0; background:rgba(0,0,0,.24); transition: all 0.3s linear 0s;}
.product-list li:hover .img i{ opacity:1;}
.product-list li .text{ }
.product-list li .text .title{ height:52px;  padding:20px 15px;  line-height: 24px; border-bottom:2px solid #edf0f2;  transition: all 0.3s linear 0s;} 
.product-list li:hover .text .title{ border-bottom:2px solid #111e24;}
.product-list li .text .title a{ font-size:14px; color:#4e5d66;}
.product-list li:hover .text .title{ background:#243138; line-height:52px; text-align:center;}
.product-list li:hover .text .title a{ color:#fff;}
.product-list li .text .other{ height:68px; border-bottom:5px solid #edf0f2; position:relative;}
.product-list li .text .other dl{ width:100%; height:68px; text-align:center; position:absolute;}
.product-list li .text .other dl.box1{ top:0; left:0; z-index:0;}
.product-list li .text .other dl.box2{ top:100%; left:0; opacity:0; z-index:1; background:#111e24;  transition: all 0.3s linear 0s;}
.product-list li:hover .text .other dl.box2{ opacity:1; top:0;}
.product-list li .text .other dd{ line-height:68px; height:68px; width:76px; font-size:16px; font-weight:bold; color:#c3d1d9; text-align:center; text-indent:30px; display: inline-block; margin:0 5px;}
.product-list li .text .other dd.icon1{ background:url(../images/product-icon2.png) no-repeat 20px center;}
.product-list li .text .other dd.icon2{ background:url(../images/product-icon3.png) no-repeat 20px center;}
.product-list li .text .other dd.icon3{ background:url(../images/product-icon4.png) no-repeat 20px center;}
.product-list li .text .other dd.icon4{ background:url(../images/product-icon5.png) no-repeat  center;}
.product-list li .text .other dd.icon5{ background:url(../images/product-icon6.png) no-repeat  center;}

.pager-list{ text-align:center; margin-top:40px; margin-bottom:80px;}
.pager-list ul{ display:inline-block;}
.pager-list li{ float:left;}
.pager-list li a{ display:inline-block; width:60px; height:60px; background:url(../images/pager-bg1.jpg) no-repeat center; font-size:16px; color:#98a9b2; text-align:center; line-height:60px; font-weight:bold;}
.pager-list li:hover a, .pager-list li.on a{ background:url(../images/pager-bg2.jpg) no-repeat center; color:#fff;}
.pager-list li.prev{ margin-right:15px;}
.pager-list li.next{ margin-left:15px;}

.bz-list{ margin-top:100px; overflow:hidden; min-height:430px;}
.bz-list ul{ padding: 0 32px;}
.bz-list li{ position:relative; width:468px; height:308px; float:left; margin:0 50px; overflow:hidden;}
.bz-list li img{ position:relative; z-index:0; transition: all 0.3s linear 0s;}
.bz-list li:hover img{transform: scale(1.1,1.1);}
.bz-list li .title{ position:absolute; z-index:1; bottom:0; left:0; width:100%; height:50px; background:rgba(0,0,0,.5); color:#fff; text-align:center; line-height:50px;}


.case-list{}
.case-list li{ background:#f7f7f7; overflow:hidden; margin-bottom:80px;}
.case-list li .img{ width:370px; height:254px; overflow:hidden; float:left;}
.case-list li .img img{ transition: all 0.3s linear 0s;}
.case-list li:hover .img img{transform: scale(1.1,1.1);}

.case-list li .text{ float:right; padding:30px; width: 770px;}
.case-list li .text .title{ margin-bottom:30px;}
.case-list li .text .title a{ font-size:24px; color:#4691d3;}
.case-list li .text .title a:hover{ text-decoration:underline;}
.case-list li .text .p{ font-size:14px; color:#666; line-height:28px;     width: 390px; overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.case-list li .text .btn{ margin-top:40px;}
.case-list li .text .btn a{ display:inline-block; width:134px; height:32px; font-size:14px; color:#4f4f4f; text-align:center; line-height:32px; border:3px solid #eee; border-radius:4px; transition: all 0.3s linear 0s;}
.case-list li .text .btn a:hover{ background:#4691d3; color:#fff;}

.message{ width:870px; height:928px; margin:38px auto 74px; box-shadow:1px 1px 1px rgba(0,0,0,.24);}
.message .title{ height:98px; line-height:98px; background:#e0e0e0; box-shadow:1px 1px 1px rgba(0,0,0,.24); width:800px; border-radius:2px; padding-left:70px;}
.message .title img{display: inline-block; vertical-align: middle;}

.ly{ padding:50px 70px 0;}
.ly li{ margin-bottom:24px;}
.ly li label{ width:60px; display:inline-block; position:relative; font-size:14px; color:#666; float:left; line-height:45px;}
.ly li label i{ display:inline-block; position:absolute; font-style:normal; color:#ff002c;}
.ly li input[type="text"]{ width:530px; height:45px; background:#fafafa; box-shadow:1px 1px 1px rgba(0,0,0,.24); border:none; margin-left:94px; padding:0 20px; font-size:16px;}
.ly li textarea{  width:530px; height:176px; background:#fafafa; box-shadow:1px 1px 1px rgba(0,0,0,.24); border:none; margin-left:94px; padding:10px 20px; font-size:16px;}
.ly li.yzm{ margin-bottom: 60px;}
.ly li.yzm p{ font-size:14px; color:#333;}
.ly li.yzm .img{ padding: 10px 0 16px 100px;}
.ly li.yzm input{ margin-left: 30px;    width: 160px;    background: #fff;    box-shadow: -2px -2px 0px #848484;}
.ly li input[type="submit"]{ width:144px; height:40px; border-radius:2px; background:#4691d3; font-size:14px; color:#fff; border:none; box-shadow:1px 1px 1px rgba(0,0,0,.24); cursor:pointer;}
.ly li input[type="submit"]:hover{ background:#074072}

.page-contact{ overflow:hidden; margin-bottom:130px;     margin-top: 40px;}
.page-contact .contact{ width:402px; padding:0 25px; float:left;}
.page-contact .contact .title{ font-size:24px; color:#23282a;}
.page-contact .contact dl{}
.page-contact .contact dd{ height:70px; padding-left:90px; margin-top:38px; line-height: 22px;}
.page-contact .contact dd span{ font-size:14px; color:#000; font-weight:bold;}
.page-contact .contact dd p{ font-size:14px; color:#9c9c9c;}
.page-contact .contact dd.dz{ background:url(../images/contact_icon1.png) no-repeat center left;}
.page-contact .contact dd.dz span{ padding-top: 14px;    display: block;}
.page-contact .contact dd.tel{ background:url(../images/contact_icon2.png) no-repeat center left;}
.page-contact .contact dd.mail{ background:url(../images/contact_icon3.png) no-repeat center left;}
.page-contact .contact dd.mail span{ padding-top: 14px;    display: block;}
.page-contact .map{ float:right; width:807px; height:400px;}

.bz-content{}
.bz-content .title{ text-align:center; font-size:30px; color:#4691d3;}
.bz-content .bq{ text-align:center; margin-top:16px;}
.bz-content .bq span{ font-size:16px; color:#858585; margin:0 16px;}
.bz-content .text{ margin-top:40px; margin-bottom:60px;}

.pro-content{}
.pro-content .title{ font-size:40px; color:#4691d3; text-align:center;}
.pro-content .pro-img{ margin-top:30px; margin-bottom:120px; overflow:hidden;}
.pro-content .pro-img .bd li{ text-align:center;}
.pro-content .pro-img .hd{ margin-top:20px;}
.pro-content .pro-img .hd li{ float:left; position:relative;     margin-right: 18px;}
.pro-content .pro-img .hd li img{ position:relative; z-index:0;}
.pro-content .pro-img .hd li i{ position:absolute; top:0; left:0; z-index:1; display:inline-block; width:100%; height:100%; opacity:0; background:url(../images/pro-content_img3.png) no-repeat center;}
.pro-content .pro-img .hd li.on i{ opacity:1;}

.pro-text{ overflow:hidden; margin-bottom:80px;}
.pro-about{ float:left; width:50%;}
.pro-about dl{}
.pro-about dt{ margin-bottom:40px;}
.pro-about dd{ margin-bottom:20px; font-size:16px; color:#4691d3;}
.pro-about dd span{ color:#222;}

.pro-js{ float:right; width:50%;}
.pro-js dl{}
.pro-js dt{ margin-bottom:40px; }
.pro-js dd{ line-height:30px; font-size:16px; color:#222;}

.news-list{}
.news-list li{text-indent:20px; border-bottom:1px dashed #aaa; line-height:60px; position:relative;}
.news-list li a{ color:#333; display:block;}
.news-list li i{ position:absolute; display:inline-block; width:8px; height:8px; border-radius:8px; background:#4691d3; left:0; top:50%; margin-top:-4px;}
.news-list li span{ float:right; color:#999; font-size:14px; margin-right:10px;}
.news-list li:hover a{ color:#c30d23;}
.news-list li:hover i{ background:#c30d23;}

/*******************新增********************/
.iNabout{ float:right; width:540px; margin-right:30px;}
.iNabout .top{ overflow:hidden;}
.iNabout .top .title{ float:left;}
.iNabout .top .title p{ font-size:24px; color:#c30d23;     margin-bottom: 6px;}
.iNabout .top .title p span{ color:#000;}
.iNabout .top .title em{ color:#d8d9da; font-size:12px; font-style:normal; text-transform: uppercase;}
.iNabout .top .more{ float:right; line-height:48px;}
.iNabout .top .more a{ font-size:16px; color:#004195;}
.iNabout .top .more a:hover{ text-decoration:underline;}

.iNabout-video{  width: 540px; height: 260px; margin-top: 6px; cursor: pointer; }
.iNabout-video .video {	width:100%;	height: 260px; position:relative;}
.iNabout-video .video video {	width: 100%;	height: 100%;	object-fit: fill;}
.iNabout-video .video .VideoBtn {	position: absolute;	left: 50%;	top: 50%;	display: block;	width: 70px;	height: 70px;	margin-left: -35px;	margin-top: -35px;	cursor: pointer;	z-index: 10;}

.footer-contact{ background:#7fc5e9; overflow:hidden; padding:30px 0;}
.footer-contact dl{ float:left; border-right:1px solid #fff; padding: 0 30px; min-height:284px;}
.footer-contact dt{ color:#fff; font-weight:bold; margin-bottom:6px; font-size:18px;}
.footer-contact dd{ font-size:14px; color:#fff; line-height:32px;}
.footer-contact dd a{ font-size:14px; color:#fff;}
.footer-contact dd a:hover{ color:#c30d23;}
.footer-contact .foot-c{ width:220px;}
.footer-contact .wx{ float:left; margin:60px 20px 0 80px;}
.footer-contact .wx p{ font-size:14px; color:#fff; text-align:center; margin-top:8px;}
.footer-contact .dp{ float:left; margin:60px 0 0 20px; text-align:center;}
.footer-contact .dp p{ font-size:14px; color:#fff; text-align:center; margin-top:8px;}