@charset "utf-8";
/* CSS Document */

/*全局样式*/
*{ margin:0; padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
input,button,select,textarea{outline:none}
li{list-style:none}
textarea{resize:none}
body,div,span,ul,li,p,h1,h2,h3,h4,h5,h6,img,input, textare{ margin:0; padding:0; }
body{ font-size:12px;font-family:微软雅黑; color: #666;}
body{ word-wrap : break-word ;word-break:break-all; min-height: 100%; _height:100%;}
a{ text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
a{ outline:none;}/*去除超链接虚线框*/
a:active{star:expression(this.onFocus=this.blur());}/*去除ie下超链接虚线框*/
a:focus{ outline:0;}/*去除火狐下超链接的虚线*/
a{ text-decoration:none; color:#000}
.clearfloat{clear:both; height:0px; font-size:1px; line-height:0px;}/*清除浮动*/
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.fl{ float:left}
.fr{ float:right}
.main{ width:100%; min-width:1200px; max-width:1920px; margin:0 auto; overflow:hidden}
.middle{ width:1200px; margin:0 auto; overflow:hidden}
/*------------------------------------------公共头部样式开始------------------------------------------*/

 
/*一级导航浮动*/  
ul.menu{ position:absolute}  
ul.menu::after {  content: '';display: block; clear: both; }  
ul.menu > li{float: left; width: 130px; text-align: center;cursor:pointer;}
ul.menu > li >a{line-height: 80px;  height: 80px; font-size:16px; color:#333; border-left:1px solid #eaeaea; display:block}
ul.menu > li >a:hover{ color:#005497}     
/*二级导航项分割线*/    
ul.submenu { /*默认隐藏*/ display: none;  z-index: 999; position:relative; left:-0px;  width:130px;}     
ul.submenu > li {background:#fff;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} 
ul.submenu > li > a{ font-size:14px; color:#393939; display:block; height:60px; line-height:60px; border-top:1px solid #f8f8f8;} 
ul.submenu > li > a:hover{color:#fff; background:#005497}         
/*内容区*/   
 .content {} 
/*选中特效*/

ul.menu > li > a:hover{ background:none;}
ul.menu > li:hover > ul.submenu {display: block;}
ul.menu > li:hover > a{color:#fff; background:#005497}
 /*动画帧*/
 @keyframes fade {  from {opacity: 0; }to {opacity: 1; } } 
 /*基础动画样式*/
 .animated {animation-duration: 1s; animation-fill-mode: both; } 
 .fadeIn { animation-name: fade; animation-direction: normal; } 
 
.part01{width:100%; min-width:1200px; max-width:1920px; margin:0 auto; overflow:hidden; margin-bottom:60px;}
.part01_text{ width:1452px; margin:0 auto; overflow:hidden}
.part_nav01{ background:url(../images/bg-01.png) top center no-repeat; overflow:hidden}
.part_nav01 h2{ font-size:20px; color:#333333; width:100px; text-align:center; background:#fff; margin:0 auto; margin-top:10px;}
.part_nav01 h3{ font-size:36px; color:#333333; font-family:Aparajita; text-align:center; text-transform:uppercase; line-height:30px; margin-top:5px;} 
.part_nav01 h4{ font-size:12px; color:#666666; font-family:"宋体"; text-align:center} 
.part_nav01 span{ display:block; width:30px; height:1px; background:#333; margin:0 auto; margin-top:10px;} 
.mr_frbox01{ margin-top: 40px;}
.mr_frUl01{float:left; position: relative;width:1200px;margin-left: 72px;}
.mr_frUl01 ul li{ float:left; width:280px;  border:1px solid #e6e6e6; background:#f4f4f4;margin-right:22px;}
.mr_frUl01 ul li img{ width:276px; }
.mr_frbox01 .mr_frBtnL{float:left;position: relative;top: 80px;left: 0px;cursor:pointer;display:inline;}
.mr_frbox01 .mr_frBtnR{float:right; position: relative;top: 80px;left: 0px;cursor:pointer;}
.mr_frUl01 ul li h2{ height:50px; font-size:14px; color:#666; line-height:50px; text-align:center}
.mr_frUl01 ul li:hover{ background:#005497; border:1px solid #005497}
.mr_frUl01 ul li:hover h2{ color:#fff}

.part02{ background:#f4f4f4;width:100%; min-width:1200px; max-width:1920px; margin:0 auto; overflow:hidden; padding-top:60px; padding-bottom:72px;}
.part02_left{ float:left;width:550px; margin-top:40px;}
.part02_left img{ width:550px; height:420px;}
.part02_right{ float:right; width:620px; margin-top:40px;}
.part02_right h2{ font-size:20px; color:#333333; line-height:58px;}
.part02_right p{ font-size:14px; color:#666666; line-height:24px; text-align:justify}
.part02_right a.ts01{ display:block; width:120px; height:30px; background:#999999; font-size:14px; color:#fff; line-height:30px; text-align:center; margin:40px 0}
.part02_right a.ts01:hover{ font-weight:bold}
.part02_right ul{ overflow:hidden}
.part02_right ul li{ float:left; width:250px; height:180px; background:#dddddd; margin-right:20px;}
.part02_right ul li h3{ text-align:center; margin-top:28px;}
.part02_right ul li h3 img{ width:90px; height:90px;transition: 0.8s;-moz-transition: 0.8s;-webkit-transition: 0.8s;-o-transition: 0.8s; }
.part02_right ul li h4{ font-size:16px; color:#333333; text-align:center; line-height:50px;}
.part02_right ul li.on{ background:#005497}
.part02_right ul li.on h4{ color:#fff}
.part02_right ul li:hover img{-webkit-transform: rotateY(360deg);}

.part03{width:100%; min-width:1200px; max-width:1920px; margin:0 auto; overflow:hidden; margin-top:60px; margin-bottom:60px;}
.part03_text{ width:1452px; margin:0 auto; overflow:hidden}
.mr_frbox02{ margin-top: 40px;}
.mr_frUl02{float:left; position: relative;width:1200px;margin-left: 72px;}
.mr_frUl02 ul li{ float:left; width:280px;  border:1px solid #e6e6e6; background:#f4f4f4;margin-right:22px;}
.mr_frUl02 ul li img{ width:280px; height:320px;}
.mr_frbox02 .mr_frBtnL{float:left;position: relative;top: 80px;left: 0px;cursor:pointer;display:inline;}
.mr_frbox02 .mr_frBtnR{float:right; position: relative;top: 80px;left: 0px;cursor:pointer;}
.mr_frUl02 ul li h2{ height:50px; font-size:14px; color:#666; line-height:50px; text-align:center}
.mr_frUl02 ul li:hover{ background:#005497; border:1px solid #005497}
.mr_frUl02 ul li:hover h2{ color:#fff}
#tabsb{ margin:0 auto; overflow:hidden; width:440px; margin-top:30px;}
#tabsb ul li{ float:left; margin:0 5px;}
#tabsb ul li a{ display:block; width:100px; height:35px; background:#eeeeee; font-size:14px; color:#666; line-height:35px; text-align:center}
#tabsb ul li a#currentb{ background:#005497; color:#fff}

.foot{ background:#2b2b2b;width:100%; min-width:1200px; max-width:1920px; margin:0 auto; overflow:hidden; padding:45px 0}
.foot_left{ float:left; width:680px;}
.foot_left ul{ float:left; overflow:hidden; width:170px}
.foot_left ul li h2{ font-size:16px; color:#eeeeee; line-height:40px;}
.foot_left ul li a { font-size:12px; color:#999999; line-height:30px;}
.foot_left ul li a:hover{ font-weight:bold; color:#005497}
.foot_right{ float:right}
.foot_right img{ width:100px; height:100px; float:right; margin-left:20px;}
.foot_right .ts02{ float:left; margin:6px 0}
.ts02 h4{ font-size:12px; color:#999999; text-align:right}
.ts02 h2{ font-size:36px; color:#eeeeee; font-family:Arial; text-align:right; line-height:45px;}
.ts02 a{ display:block; width:100px; height:26px; background:#666666;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; line-height:25px; text-align:center; color:#fff; font-size:12px; float:right}
.ts02 a:hover{ font-weight:bold; color:#005497}
.bottom{ background:#212121; height:50px;width:100%; min-width:1200px; max-width:1920px; margin:0 auto; overflow:hidden;}
.bottom h2{ font-size:12px; color:#999999; line-height:50px; float:left}
.bottom a{font-size:12px; color:#999999; line-height:50px; float:right}

.ny_banner{width:100%; min-width:1200px; max-width:1920px; margin:0 auto; overflow:hidden;}
.ny_banner h2{ width:1920px; height:300px;}


.inside{width:100%; min-width:1200px; max-width:1920px; margin:0 auto; overflow:hidden;}
.inside_text{ width:1200px; margin:0 auto; overflow:hidden; margin-top:20px; margin-bottom:50px;}
.inside_left{ width:220px; float:left}
.inside_nav{ padding:42px 0;background:#005497; padding-left:30px;}
.inside_nav h2{ font-family:Arial; font-size:14px; color:#fff;text-transform:uppercase;}
.inside_nav h3{ font-size:20px; color:#fff; line-height:30px; margin-bottom:10px;}
.inside_nav span{ display:block; width:38px; height:1px; background:#fff}
.navMenu{ overflow:hidden; margin-top:1px;}
.navMenu li{background:#eeeeee; margin-bottom:1px;}
.navMenu li a.afinve{ background:url(../images/bg05.png) 190px center no-repeat; font-size:16px; line-height:60px; color:#666666; display:block; width:180px; padding:0 20px;}
.navMenu li a.active{ background:url(../images/bg-he01.png) 190px center no-repeat #005497;color:#fff;}
.sub-menu{ background:#f8f8f8}
.sub-menu  li{ background:#f8f8f8;margin:0px; border-bottom:1px dashed #bbb}
.sub-menu  li a{ display:block; margin:0 auto; height:50px; background:url(../images/jiah.png) left center no-repeat; line-height:50px; font-size:14px; color:#666; margin-left:20px; padding-left:15px;}
.sub-menu  li a:hover{ color:#005497; background:url(../images/bg-jiah.png) left center no-repeat;}
.sub-menu  li a.on{color:#005497; background:url(../images/bg-jiah.png) left center no-repeat;}

.inside_right{ float:right; width:950px;}
.inside_mun{ height:40px;}
.inside_mun h2{ background:url(../images/bg-02.png) left center no-repeat; padding-left:20px; font-size:12px; color:#666666; line-height:40px;}
.inside_icon{ padding:0  20px; border:1px solid #dddddd; padding-bottom:50px;}
.icon_nav{ height:50px; border-bottom:1px solid #ddd}
.icon_nav h2{ background:url(../images/bg-03.png) left center no-repeat; padding-left:8px; font-size:18px; color:#005497; line-height:50px;}
.inside_icon ul.slt01{ overflow:hidden; margin-top:10px;}
.inside_icon ul.slt01 li{ float:left; margin:10px 8px}
.inside_icon ul.slt01 li img{ border:1px solid #dddddd; width:209px; height:201px;}
.inside_icon ul.slt01 li h3{ height:50px; background:#f4f4f4; font-size:14px;  line-height:50px; text-align:center; position:relative}
.inside_icon ul.slt01 li h3 span{z-index: 2;	display: block;position: absolute;width: 100%;height: 100%;color:#666666;	}
.inside_icon ul.slt01 li h3::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;
background-color: rgba(0,84,151,1);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}
.inside_icon ul.slt01 li:hover h3::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.inside_icon ul.slt01 li:hover span{ color:#fff}


.inside_icon ul.slt02{ overflow:hidden; margin-top:10px;}
.inside_icon ul.slt02 li{ float:left; margin:10px 9px}
.inside_icon ul.slt02 li img{ width:209px; height:238px;}
.inside_icon ul.slt02 li h3{ height:50px; background:#f4f4f4; font-size:14px;  line-height:50px; text-align:center; position:relative}
.inside_icon ul.slt02 li h3 span{z-index: 2;	display: block;position: absolute;width: 100%;height: 100%;color:#666666;	}
.inside_icon ul.slt02 li h3::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;
background-color: rgba(0,84,151,1);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}
.inside_icon ul.slt02 li:hover h3::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.inside_icon ul.slt02 li:hover span{ color:#fff}
.text_nav{ border-bottom:1px dotted #ddd; height:100px;margin-bottom:20px;}
.text_nav h2{ font-size:24px; color:#333; line-height:30px; text-align:center; padding-top:36px; }
.text_nav h3{ text-align:center;}
.text_nav h3 em{ font-style:normal; font-size:12px; color:#888888; padding:0 10px; line-height:32px;}
.icon_text01 p{ font-size:14px; color:#666666; line-height:30px; text-align:justify;}
.fany{ overflow:hidden}
.fany ul{ overflow:hidden; margin:30px 0}
.fany ul li a{ font-size:14px; color:#333333; line-height:40px;}
.fany ul li span{ color:#666666}
.fany ul li a.ts04{ display:block; float:right; width:120px; height:40px; background:#999999; color:#fff; font-size:14px; text-align:center; line-height:40px; margin-top:30px;}

.icon_text02 h3{ font-size:18px; color:#005497; margin-top:15px; line-height:40px;}
.icon_text02 p{font-size:14px; color:#666666; line-height:30px; text-align:justify;}

.product{ margin-top:20px; overflow:hidden}
.product_left{ width:352px; float:left}
.product_right{ float:right; width:530px;}
.product_right h2{ font-size:18px; color:#333333; font-weight:bold; line-height:40px; margin-bottom:5px;}
.product_right p{ float:left; width:265px; font-size:14px; color:#333333; line-height:30px;}
.product_right ul{ overflow:hidden; margin-top:40px;}
.product_right ul li{ float:left; font-size:18px; color:#005497}
.product_right ul li a{ display:block; width:130px; height:40px; background:#005497; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-size:14px; color:#fff; line-height:40px; text-align:center; margin-right:36px;}
.product_right ul li span{ font-size:30px;}
.product_nav{ height:40px; border-bottom:1px solid #005497; margin:25px 0}
.product_nav h2{ width:120px; height:40px; background:#005497; line-height:40px; text-align:center; color:#fff; font-size:14px; font-weight:bold;}
.product_text p{font-size:14px; color:#666666; line-height:30px; text-align:justify; text-indent:2rem}



.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #999999 solid;
background:#FFFFCD;
font-weight:bold;
}
.page  a:hover{
border:1px #333333 solid;
background:#FFFFCD;
text-decoration:none;
}

.detail{padding:15px 10px; padding-top:50px;}
.detail h3{ color:#333; text-align:center; font-size:20px;}
.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}
.write span{ color:#666;}
.detail p{ padding:0 14px;line-height:30px;font-size:14px;}
.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }
.dow b{ color:#0271cb;}
.dow p{ text-indent:0;font-size:12px;}
.info p {line-height:25px;font-size:12px; margin-top:5px; }




* {
 box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box
}
.cont_sent {
 width:1230px;
 margin:0 auto
}
.navwhite {
 transition:.5s;
 -webkit-transition:.5s;
 -moz-transition:.5s;
 opacity:0
}
.navbalck {
 background:#000;
 background:-webkit-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));
 background:-moz-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
 background:-o-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
 background:-ms-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));
 transition:.5s;
 -webkit-transition:.5s;
 -moz-transition:.5s;
 opacity:1
}
.navbalck .navleft .choosebtn {
 color:#fff
}
.navbalck .layui-nav .layui-nav-item a {
 color:#fff!important
}
.navbalck .navrig {
 background:url(../images/tel_icon_bg.png) no-repeat left 18px
}
.navbalck .navrig p,
.navbalck .navrig span {
 color:#fff
}
.layui-carousel {
 margin-top:80px
}
#slideBox {
 margin-top:0;
 height:800px
}
.slidebtns {
 width:1230px;
 height:100px;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-615px;
 margin-top:-50px
}
#slideBox .swiper-button-next {
 width:60px;
 height:100px;
 background:url(../images/slider_rig.png) no-repeat left top;
 z-index:9999;
 right:-60px;
 top:0;
 margin:0
}
#slideBox .swiper-button-prev {
 width:60px;
 height:100px;
 background:url(../images/slider_left.png) no-repeat left top;
 z-index:9999;
 left:-60px;
 top:0;
 margin:0
}
#slideBox .swiper_btns:hover {
 opacity:.8;
 filter:alpha(opacity=80)
}
.pagination {
 position:absolute;
 text-align:center;
 -webkit-transition:.3s;
 -moz-transition:.3s;
 -o-transition:.3s;
 transition:.3s;
 -webkit-transform:translate3d(0,0,0);
 -ms-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 z-index:10
}
#slideBox .swiper-pagination-bullet-active {
 opacity:1;
 background:#e70012
}
#slideBox a {
 display:block;
 width:100%;
 height:800px;
 margin:0 auto;
 display:block
}
.bannerform {
 position:absolute;
 width:870px;
 height:140px;
 background:rgba(0,0,0,.6);
 left:50%;
 bottom:30px;
 margin-left:-435px;
 z-index:99999;
 padding:30px
}
.bannerform .txt {
 font-size:20px;
 color:#fff;
 position:relative
}
.bannerform .txt span {
 font-size:14px;
 margin-left:20px
}
.bannerform .txt i {
 display:block;
 width:16px;
 height:16px;
 background:url(../images/close.png) no-repeat left top;
 position:absolute;
 right:0;
 top:0;
 cursor:pointer
}
.bannerform .formsub {
 margin-top:16px
}
.bannerform .formsub input {
 float:left;
 margin-right:20px;
 font-size:14px
}
.bannerform .formsub input.name {
 width:180px
}
.bannerform .formsub input.phone {
 width:440px
}
.bannerform .formsub .layui-btn {
 width:150px;
 background:#e60012
}
.group_adv {
 width:100%;
 height:180px;
 padding-top:30px
}
.group_adv .cont_sent ul {
 width:100%;
 display:-webkit-flex;
 display:-moz-flex;
 display:-o-flex
}
.group_adv .cont_sent ul li {
 flex:1;
 -webkit-box-flex:1;
 -moz-box-flex:1;
 -o-box-flex:1;
 margin-right:20px;
 background:#fff;
 padding:34px;
 position:relative;
 cursor:pointer;
 transition:.3s;
 -webkit-transition:.3s;
 -moz-transition:.3s;
 top:0
}
.group_adv .cont_sent ul li:last-child {
 margin:0
}
.group_adv .cont_sent ul li .pic {
 width:52px;
 height:52px;
 float:left;
 background:url(../images/icon_adv.png) no-repeat left top;
 margin-right:14px
}
.group_adv .cont_sent ul li:nth-child(2) .pic {
 background-position:-52px 0
}
.group_adv .cont_sent ul li:nth-child(3) .pic {
 background-position:-104px 0
}
.group_adv .cont_sent ul li:nth-child(4) .pic {
 background-position:-156px 0
}
.group_adv .cont_sent ul li .txt {
 font-size:16px;
 font-weight:700;
 padding:4px 0
}
.group_adv .cont_sent ul li .txt span {
 display:block;
 font-size:12px;
 font-weight:400;
 margin-top:5px;
 color:#666
}
.group_adv .cont_sent ul li:hover {
 top:-10px;
 box-shadow:0 0 20px rgba(0,0,0,.1);
 -webkit-box-shadow:0 0 20px rgba(0,0,0,.1);
 -moz-box-shadow:0 0 20px rgba(0,0,0,.1)
}
.pro60 {
 background:url(../images/pro60bg.jpg) no-repeat center top
}
.proform {
 width:1230px;
 margin:0 auto;
 overflow:hidden
}
.propic {
 background:url(../images/pro60.jpg) no-repeat center top;
 display:block;
 width:890px;
 height:480px;
 float:left
}
.prorig {
 width:340px;
 padding:100px 20px 20px;
 background:url(../images/proformbg.jpg) no-repeat center top #fff;
 height:480px;
 float:left
}
.prorig .layui-form-item {
 margin-bottom:0
}
.prorig .layui-input-block {
 margin-left:0;
 margin-bottom:10px;
 font-size:14px;
 position:relative
}
.prorig .layui-input-block .areadw {
 position:absolute;
 right:1rem;
 top:0;
 color:#000;
 line-height:40px;
 z-index:99
}
.prorig .freeprice {
 background:#e60012;
 width:100%
}
.prorig .layui-form-item .ws,
.prorig .layui-form-item .kt {
 width:145px;
 margin-right:10px;
 float:left
}
.prorig .layui-form-item .cf,
.prorig .layui-form-item .wsj,
.prorig .layui-form-item .yt {
 width:93px;
 float:left;
 margin-right:10px
}
.prorig .layui-form-item .kt,
.prorig .layui-form-item .yt {
 margin-right:0
}
.prorig .layui-form-select dl dd.layui-this {
 background:#e60012
}
.prorig .layui-form-item .msg {
 font-size:12px;
 color:#e60012;
 text-align:center;
 line-height:40px;
 margin-bottom:0
}
.prorig .layui-form-item .pricenum {
 text-align:center;
 font-size:14px
}
.prorig .layui-form-item .pricenum span {
 color:#e60012;
 padding:0 5px;
 font-weight:700
}
.pro_adv {
 width:1230px;
 height:190px;
 margin:20px auto 0;
 background:#fff
}
.pro_adv ul {
 width:100%;
 display:-webkit-flex;
 display:-moz-flex;
 display:-o-flex
}
.pro_adv ul li {
 flex:1;
 -webkit-box-flex:1;
 -moz-box-flex:1;
 -o-box-flex:1;
 padding:32px 40px
}
.pro_adv ul li i {
 display:block;
 width:43px;
 height:51px;
 background:url(../images/icon_proadv.jpg) no-repeat left top;
 margin:0 auto
}
.pro_adv ul li:nth-child(2) i {
 background-position:-43px 0
}
.pro_adv ul li:nth-child(3) i {
 background-position:-86px 0
}
.pro_adv ul li:nth-child(4) i {
 background-position:-129px 0
}
.pro_adv ul li:nth-child(5) i {
 background-position:-172px 0
}
.pro_adv ul li .txt {
 text-align:center;
 font-size:16px;
 font-weight:700;
 margin-top:15px
}
.pro_adv ul li .txt span {
 font-size:12px;
 font-weight:400;
 color:#666;
 margin-top:10px;
 display:block
}
.case {
 width:100%;
 display:block;
 overflow:hidden
}
.case li {
 display:block;
 width:25%;
 float:left;
 position:relative;
 overflow:hidden
}
.case li .pic {
 width:100%;
 height:17.3vw;
 overflow:hidden
}
.case li .pic img {
 max-width:100%;
 transition:.3s;
 -webkit-transition:.3s;
 -moz-transition:.3s
}
.case li .txt {
 background:#000;
 background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
 background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
 background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
 background:-ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
 height:40px;
 line-height:40px;
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 text-align:center;
 color:#fff;
 transition:.3s;
 -webkit-transition:.3s;
 -moz-transition:.3s
}
.case li .txt span {
 margin:0 10px;
 font-size:14px
}
.case .case_des {
 background:rgba(0,0,0,.5);
 position:absolute;
 left:0;
 top:100%;
 z-index:99;
 width:100%;
 height:100%;
 padding:40px;
 transition:.3s;
 -webkit-transition:.3s;
 -moz-transition:.3s
}
.case li:hover .pic img {
 transform:scale(.85);
 -webkit-transform:scale(.85);
 -moz-transform:scale(.85)
}
.case li:hover .txt {
 bottom:100%
}
.case li:hover .case_des {
 top:0
}
.case .case_des:before {
 position:absolute;
 content:"";
 display:block;
 width:1px;
 height:15px;
 background:rgba(255,255,255,.3);
 right:32px;
 top:32px
}
.case .case_des:after {
 position:absolute;
 content:"";
 display:block;
 width:15px;
 height:1px;

 background:rgba(255,255,255,.3);
 right:25px;
 top:39px
}
.case .case_des .des_pic {
 overflow:hidden;
 width:100%
}
.case .case_des .des_pic a {
 width:80px;
 height:80px;
 border-radius:40px;
 -webkit-border-radius:40px;
 -moz-border-radius:40px;
 overflow:hidden;
 border:2px solid #fff;
 display:block;
 float:left
}
.case .case_des .des_pic a img {
 max-width:100%
}
.case .case_des .des_pic .case_title {
 color:#fff;
 font-size:20px;
 padding:10px 0 0 20px;
 float:left
}
.case .case_des .des_pic .des_name {
 font-size:14px;
 display:block;
 margin-top:6px
}
.case .case_des .des_case_msg p {
 color:#999;
 font-size:14px;
 clear:left;
 padding-top:10px
}
.case .case_des .des_case_msg span {
 display:inline-block;
 font-size:16px;
 color:#fde125;
 padding-top:6px;
 margin-right:10px
}
.case .case_des .des_case_btn {
 margin-top:40px;
 display:table;
 text-align:center;
 width:100%
}
.case .case_des .des_case_btn a {
 font-size:14px;
 color:#fff;
 width:120px;
 margin:0 10px
}
.case .case_des .des_case_btn .more {
 background:0 0;
 border:1px solid #fff
}
.case .case_des .des_case_btn .online {
 background:#e60012
}
.desinger {
 background:url(../images/designerbg.jpg) no-repeat center top;
 position:relative;
 height:840px
}
#desBox {
 width:1230px;
 margin:0 auto
}
.desbox_pic {
 float:left;
 width:320px;
 height:500px;
 overflow:hidden;
 position:relative
}
.desbox_pic img {
 max-height:500px;
 position:absolute;
 left:50%;
 top:0;
 transform:translateX(-50%)
}
.desbox_pic span {
 color:#fff;
 background:#000;
 height:60px;
 width:100%;
 position:absolute;
 left:0;
 bottom:0;
 line-height:60px;
 font-size:14px;
 padding:0 10px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:1;
 -webkit-box-orient:vertical
}
.desbox_info {
 width:295px;
 float:left;
 height:500px;
 background:url(../images/des_info.jpg) no-repeat left top #fff;
 padding-top:160px;
 position:relative
}
.desbox_name {
 display:table;
 width:100%;
 text-align:center;
 padding:30px 0 0;
 font-size:28px
}
.desbox_name span {
 font-size:12px;
 margin-left:10px
}
.desbox_style {
 font-size:12px;
 color:#666;
 margin-top:20px;
 padding:0 20px
}
.desbox_nd {
 width:440px;
 height:80px;
 background:#e60012;
 position:absolute;
 left:0;
 bottom:100px;
 z-index:9;
 padding:16px 0 0 30px
}
.desbox_btn {
 margin-top:150px;
 width:100%;
 display:table;
 text-align:center
}
.desbox_btn a {
 background:0 0;
 color:#000!important;
 border:1px solid #d2d2d2
}
.desbox_btn a:last-child {
 color:#e60012!important
}
.desbox_nd span {
 color:#fff;
 font-size:16px;
 float:left
}
.desbox_nd span b {
 font-weight:400;
 font-size:36px;
 font-family:arial;
 margin:0 5px
}
.desbox_nd font {
 display:block;
 float:left;
 color:#fff;
 font-size:14px;
 margin:0 40px;
 padding-top:18px
}
.des_case {
 width:615px;
 float:left;
 background:#fff;
 height:500px;
 position:relative;
 overflow:hidden
}
.des_case img {
 max-height:100%;
 position:absolute;
 left:0;
 top:0;
 transition:2s;
 -webkit-transition:2s;
 -moz-transition:2s
}
#desBox .swiper-slide:hover .des_case img {
 left:-100px
}
.desinger .desprev {
 left:-80px;
 top:80px;
 width:60px;
 height:100px;
 background:url(../images/slider_left.png) no-repeat left top
}
.desinger .desnext {
 right:-80px;
 top:80px;
 width:60px;
 height:100px;
 background:url(../images/slider_rig.png) no-repeat left top
}
.desinger .pagination {
 left:50%;
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 margin-top:20px
}
.desinger .pagination span {
 width:40px;
 height:2px;
 background:#fff;
 border-radius:0;
 margin:0 5px
}
.desinger .moredes {
 width:140px;
 height:38px;
 border:1px solid #fff;
 border-radius:2px;
 text-align:center;
 line-height:38px;
 display:block;
 color:#fff;
 font-size:14px;
 position:absolute;
 left:50%;
 bottom:40px;
 transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%)
}
.desinger .moredes:hover {
 background:#e60012;
 border-color:#e60012;
 color:#fff
}
.news {
 background:url(../images/newsbg.jpg) no-repeat center top #f5f5f5
}
.h_new_cont {
 background:#fff;
 width:1230px;
 margin:0 auto;
 padding:30px;
 overflow:hidden;
 clear:left;
 box-sizing:border-box
}
.new_cont_l {
 width:350px;
 float:left
}
.new_cont_l .pic {
 display:block;
 width:350px;
 height:242px;
 overflow:hidden;
 background:#eee
}
.new_cont_l .pic img {
 max-width:100%;
 display:block;
 transition:all .2s ease-in
}
.new_cont_l:hover .pic img,
.new_cont_m ul li:hover img {
 transform:scale(1.05)
}
.new_cont_l a.txt {
 font-size:16px;
 color:#e60012;
 height:48px;
 margin-top:12px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.new_cont_l p {
 font-size:14px;
 color:#666;
 margin:6px 0 12px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical
}
.new_cont_l a.more {
 font-size:14px;
 width:38px;
 line-height:24px
}
.new_cont_m {
 margin-left:20px;
 float:left;
 width:490px
}
.new_cont_m ul li {
 overflow:hidden;
 margin-bottom:20px;
 width:100%;
 display:block
}
.new_cont_m ul li:last-child {
 margin-bottom:0
}
.new_cont_m ul li .pic {
 display:block;
 overflow:hidden;
 float:left;
 width:164px;
 height:113px;
 background:#eee
}
.new_cont_m ul li .pic img {
 max-width:100%;
 display:block;
 transition:all .2s ease-in
}
.new_cont_m ul li p {
 padding:0 0 0 15px;
 display:block;
 float:left;
 width:326px
}
.new_cont_m ul li p .txt {
 font-size:16px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:1;
 -webkit-box-orient:vertical
}
.new_cont_m ul li:hover p .txt {
 color:#e60012
}
.new_cont_m ul li p span {
 font-size:14px;
 color:#666;
 line-height:18px;
 display:block;
 width:310px;
 margin:15px 0;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.new_cont_m ul li p a.more {
 font-size:12px;
 line-height:16px;
 display:block;
 width:32px
}
.new_cont_r {
 width:290px;
 float:right
}
.new_cont_r li {
 display:block;
 font-size:14px;
 border-top:1px solid #ddd;
 height:64px;
 line-height:64px;
 width:100%;
 position:relative
}
.new_cont_r li:last-child {
 border-bottom:1px solid #ddd
}
.new_cont_r li a {
 display:block;
 padding-left:15px;
 overflow:hidden;
 height:100%;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:1;
 -webkit-box-orient:vertical
}
.new_cont_r li:before {
 content:"■";
 font-size:10px;
 color:#37405f;
 position:absolute;
 left:0;
 top:0
}
.new_actv {
 width:1230px;
 margin:20px auto 0;
 background:url(../images/newsactbg.jpg) no-repeat left top;
 padding-left:200px;
 height:186px
}
.new_actv a {
 display:block;
 width:330px;
 height:186px;
 float:left;
 margin-right:20px;
 position:relative;
 transition:.5s;
 -webkit-transition:.5s;
 -moz-transition:.5s;
 top:0
}
.new_actv a:last-child {
 margin:0
}
.new_actv a:hover {
 top:-10px;
 box-shadow:0 0 20px rgba(0,0,0,.2);
 -webkit-box-shadow:0 0 20px rgba(0,0,0,.2);
 -moz-box-shadow:0 0 20px rgba(0,0,0,.2)
}
.groupnews {
 background:url(../images/news_desbg.jpg) no-repeat left top;
 width:1230px;
 margin:0 auto;
 padding-left:625px;
 height:400px
}
.groupnews a {
 display:block;
 width:100%;
 height:85px;
 background:#fff;
 padding:13px 20px;
 overflow:hidden;
 position:relative;
 margin-bottom:20px
}
.groupnews a:last-child {
 margin:0
}
.groupnews a p {
 font-size:14px;
 color:#666;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:1;
 -webkit-box-orient:vertical;
 padding-top:10px
}
.groupnews a span {
 font-size:14px;

}
.groupnews a img {
 position:absolute;
 right:-50px;
 top:0;
 display:block;
 transition:.3s;
 -webkit-transition:.3s;
 -moz-transition:.3s
}
.groupnews a:hover {
 box-shadow:0 0 20px rgba(0,0,0,.1);
 -webkit-box-shadow:0 0 20px rgba(0,0,0,.1);
 -moz-box-shadow:0 0 20px rgba(0,0,0,.1)
}
.groupnews a {
 box-shadow:0 0 20px rgba(0,0,0,.1);
 -webkit-box-shadow:0 0 20px rgba(0,0,0,.1);
 -moz-box-shadow:0 0 20px rgba(0,0,0,.1)
}
.groupnews a:hover img {
 right:0
}
.groupnew_more {
 width:140px;
 height:38px;
 border:1px solid #d2d2d2;
 display:block;
 margin:20px auto;
 text-align:center;
 line-height:38px;
 font-size:14px
}
.groupadvbg {
 width:100%;
 background:url(../images/groupadvbg.jpg) repeat left top;
 padding:100px 0
}
.groupadvbg img {
 display:block;
 margin:0 auto
}
/*footer*/
.footer{width:100%; background:#1a1a1a; overflow:hidden; min-width:1200px; color:#7f7f7f; font-size:14px;}
.footer a{color:#7f7f7f; font-size:17px;}

.footerW{width:1200px; margin:0 auto; overflow:hidden; padding:40px 0;}
.footer_m{overflow:hidden; font-size:18px; color:#0452b4; line-height:36px;}
.footer_lx{width:1200xp; margin:0 auto; padding-top:20px; overflow:hidden; padding-bottom:20px;}
.footer_lx_i{line-height:30px; float:left; padding-right:62px;}

.footer_ly{overflow:hidden; width:1200xp; margin:0 auto; padding:20px 0;}
.footer_dr_dl_ti{float:left; width:406px;}
#footer_dr_d_ti{width:380px; overflow:hidden; margin:7px 0px; float:left; overflow:hidden; background:#222121;}
#footer_dr_d_ti_wo, #footer_dr_d_tf_wo{float:left; width:50px; padding-left:15px; line-height:44px; height:44px; font-size:14px;}
#footer_dr_d_ti_hree{float:left; width:315px; height:44px; line-height:44px;}
#footer_dr_d_ti_hree input{width:315px; border:none; background:none; height:44px; line-height:44px; padding:0 10px; font-size:13px; font-family:Microsoft YaHei; color:#666;}
#footer_dr_d_tf_ur{overflow:hidden; width:762px; float:right; background:#222121; margin-top:7px;}
#footer_dr_d_tf_wo{ line-height:60px; height:160px;}
#footer_dr_d_tf_ve{float:left; width:697px; height:160px;}
#footer_dr_d_tf_ve textarea{width:697px; border:none; height:160px; line-height:20px; padding:10px; font-size:13px; font-family:Microsoft YaHei; color:#666; background:none;}
#footer_dr_d_to{width:1200px; overflow:hidden; margin-bottom:7px; padding:10px 0;}
#footer_dr_d_to_wo{overflow:hidden; float:left; width:60px; padding-left:15px; line-height:44px; height:44px; font-size:14px; background:#222121; padding-right:20px;}
#footer_dr_d_to_hree{float:left; width:284px; height:44px; line-height:44px;}
#footer_dr_d_to_hree input{height:44px; line-height:44px; border:none; width:120px; float:left; text-align:center; font-size:16px; letter-spacing:2px; background:#999; color:#fff;}
#footer_dr_d_to_hree_img{margin-left:20px; float:left; line-height:44px; padding:12px; background:#c8c8c8;}
#footer_dr_d_ly_ao{overflow:hidden; text-align:center; float:right;}
#footer_dr_d_ly_ao input{height:50px; width:165px; background:none; border:none; font-family:Microsoft YaHei; font-size:16px; color:#fff;}
.footer_dr_d_ly_ao_l{background:#0452b4; overflow:hidden; width:165px; float:left; transition: all 0.8s linear;}

.footer_dr_d_ly_ao_l:hover, .footer_dr_d_ly_ao_r:hover{transition: all 0.8s linear; background:#ff7200;}

#footer_dr_d_tf_ve textarea, #footer_dr_d_ti_hree input, #footer_dr_d_to_hree input{outline:none;}

.footer_dh{width:100%; background:#292929; padding:15px 0; overflow:hidden; min-width:1200px;}
.footer_dhW{width:1200px; margin:0 auto;}
.footer_dh a{display:block; float:left; width:171px; height:55px; line-height:55px; text-align:center; margin-left:-1px; color:#ddd;}
.footer_dh a:hover{ color:#0452b4; }

/*top*/
    .logo{ margin-top: 42px; }
    .name{ font-size: 46px; font-weight: bold; line-height: 48px; margin-top: 85px;margin-left: 101px; margin-right:25px;}
    .name span{text-transform:uppercase; font-size: 12px;letter-spacing:0.2px; font-family: Arial; font-weight: normal; line-height: 30px;}
    .xt{ height:50px;width: 1px; background: #ddd; margin-top: 55px;}
    .ad{ font-size: 24px; line-height: 32px; margin-left: 25px; margin-top: 47px;}
    .ad span{ font-weight: bold; color: #ff7200; font-weight: bold;}
    .contact{ width: 261px; height: 56px; font-size: 16px; line-height: 28px; background: url(../Images/20180430151252_702320178.jpg) left no-repeat; box-sizing: border-box; padding-left: 64px; margin-top: 48px; }
    .contact span{ color: #ff7200; font-family: Arial; font-size: 27px; font-weight: bold;}
    
    
/*copy*/
.copy{width:1200px; margin:0 auto; overflow:hidden; padding:40px 0;}
.copy_l{float:left; width:492px; margin-top:46px;}
.copy_l_l{float:left; width:221px; margin-right:25px;}
.copy_l_limg{float:left; width:121px;}
.copy_l_limg img{width:121px;}
.copy_l_lr{float:right; width:82px; overflow:hidden; margin-top:8px;}
.copy_l_lr_line{width:24px; height:42px; border-radius:4px; margin-bottom:12px; background:#979797; overflow:hidden;}
.copy_l_lr_line_t{width:18px; height:26px; background:#1a1a1a; margin:3px;}
.copy_l_lr_line_d{width:6px; height:6px; border-radius:50%; background:#1a1a1a; margin:0 auto;}
.copy_l_lr_m{width:82px; border-top:solid 1px #4c4c4c; line-height:22px; padding-top:10px;}
.copy_r{float:right; overflow:hidden; width:620px; margin-top:20px; padding:20px 0; padding-left:58px; border-left:dashed 1px #4c4c4c; overflow:hidden; line-height:30px;}
/*
*/
.copy{width:1200px; margin:0 auto; overflow:hidden; padding:40px 0;}
.copy_l{float:left; width:492px; margin-top:46px;}
.copy_l_l{float:left; width:221px; margin-right:25px;}
.copy_l_limg{float:left; width:121px;}
.copy_l_limg img{width:121px;}
.copy_l_lr{float:right; width:82px; overflow:hidden; margin-top:8px;}
.copy_l_lr_line{width:24px; height:42px; border-radius:4px; margin-bottom:12px; background:#979797; overflow:hidden;}
.copy_l_lr_line_t{width:18px; height:26px; background:#1a1a1a; margin:3px;}
.copy_l_lr_line_d{width:6px; height:6px; border-radius:50%; background:#1a1a1a; margin:0 auto;}
.copy_l_lr_m{width:82px; border-top:solid 1px #4c4c4c; line-height:22px; padding-top:10px;}
.copy_r{float:right; overflow:hidden; width:620px; margin-top:20px; padding:20px 0; padding-left:58px; border-left:dashed 1px #4c4c4c; overflow:hidden; line-height:30px;}