@charset "utf-8";
*{margin:0; padding:0;}
ul, ol, li{list-style:none}
img{vertical-align:top; border:none}
a { text-decoration: none; color: #232323;}
a:hover { text-decoration: none;}
body{font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;font-size: 14px;color: #657180;background: #f5f5f5;}
.fl{ float: left;}.fr{ float: right;}.clear{ clear: both;}

/*PC头部*/
.header_fixed{background-color: #252b3a !important;}
.computer_header{  position: fixed;left: 0;right: 0;top: 0; width: 100%;z-index: 99999; transition: all .5s; -webkit-transition: all .5s; }
.computer_header:hover{background-color: #252b3a;}
.computer_header .top{border-bottom: solid 1px rgba(255, 255, 255, 0.2);transition: 0.3s; height: 40px;}
.computer_header .top .logo{ float: left;padding-left: 12px;}
.computer_header .top .logo a{ display: block;padding: 7px 0;margin-left: 20px;}
.computer_header .top .logo a img{height: 26px;}
.computer_header .top .tools{ float: right;}
.computer_header .top .tools .search{ float: left; height: 40px; position: relative;transition: all .2s; -webkit-transition: all .2s;}
.computer_header .top .tools .search .input{padding-left: 15px;border: none;outline: none;background: rgba(160, 162, 168, 0.2);font-size: 14px;line-height: 40px;color: #fff;width: 135px;padding-right: 40px;height: 40px;transition: all .2s; -webkit-transition: all .2s;}
.computer_header .top .tools .search:hover .input{ width: 240px;}
.computer_header .top .tools .search .input:focus{ width: 240px;}
.computer_header .top .tools .search .submit{border: none; position: absolute;width: 40px !important;height: 40px;background: url(img/ico/search.png) no-repeat center center / 20px auto;right: 0;top: 0;cursor: pointer;z-index: 99;}
.computer_header .top .tools .link{float: left;}
.computer_header .top .tools .link a{color: #fff;display: block;padding: 0 10px;font-size: 14px;line-height: 40px;}
.computer_header .top .tools .link a:hover{color: #f66f6a;}
.computer_header .top .tools .product{float: left; position: relative;}
.computer_header .top .tools .product .text{color: #fff;display: block;padding: 0 10px;font-size: 14px;line-height: 40px;}
.computer_header .top .tools .product .text:hover{color: #f66f6a;}
.computer_header .top .tools .product .hide{position: absolute;z-index: 9999;right: 0;top: 40px;padding-top: 15px;display: none;}
.computer_header .top .tools .product .hide .arrow{width: 0;height: 0;border-width: 15px;border-style: solid;border-color: transparent transparent #fff transparent;position: absolute;right: 20px;top: -10px;}
.computer_header .top .tools .product .hide .content{background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);padding: 0px 25px;width: 616px;padding-bottom: 50px;}
.computer_header .top .tools .product .hide .content .title{ font-size: 16px; padding-top: 38px; font-weight: bold; color: #000000; position: relative; padding-left: 10px;}
.computer_header .top .tools .product .hide .content .title .line{ position: absolute; width: 4px; height: 16px; left: 0; bottom: 8px; background: #000000;}
.computer_header .top .tools .product .hide .content ul{ overflow: hidden;}
.computer_header .top .tools .product .hide .content ul li{ float: left; line-height: 22px; margin-right: 20px; margin-top: 15px;}
.computer_header .top .tools .product .hide .content ul li a{color: #212b38;}
.computer_header .top .tools .product .hide .content ul li:hover a{color: #f66f6a;}
.computer_header .top .tools .product:hover .hide{ display: block;}
.computer_header .top .tools .branch{float: left;padding: 0 15px 0 30px;position: relative;margin: 0 15px;background: url(img/ico/earth.png) no-repeat center left / 20px auto;}
.computer_header .top .tools .branch .active{line-height: 40px; color: #fff;}
.computer_header .top .tools .branch .active i{border-style: solid;border-width: 6px 4px 0 4px;border-color: white transparent transparent transparent;position: absolute;top: 18px;right: -4px;}
.computer_header .top .tools .branch ul{z-index: 999;display: none;position: absolute;top: 100%;left: -10px;min-width: 120px;padding-top: 10px;padding-bottom: 10px;background: #212634;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);padding-left: 20px;}
.computer_header .top .tools .branch ul li a{ display: block;line-height: 40px;height: 40px;padding: 0px 20px;font-size: 14px;color: #fff; transition: .2s;}
.computer_header .top .tools .branch ul li a:hover{color: #f66f6a;}
.computer_header .top .tools .branch:hover ul{display: block !important;}
.computer_header .top .tools .branch:hover .active{ color: #f66f6a;}
.computer_header .top .tools .branch:hover .active i{border-color: #f66f6a transparent transparent transparent;} 
.computer_header .top .tools .login{float: left;}
.computer_header .top .tools .login a{display: block;border-left: solid 1px rgba(255, 255, 255, 0.1);line-height: 40px;padding: 0 20px;background-color: #f66f6a;color: white;transition: .2s;}
.computer_header .top .tools .login a:hover{ background: #e76a65;}

.computer_header .top .tools .user{border-left: solid 1px rgba(255, 255, 255, 0.1);margin-left: 10px;float: left;padding: 0 10px;line-height: 40px;cursor: pointer; position: relative;}
.computer_header .top .tools .user .portrait{float: left;width: 24px;height: 24px;padding-top: 8px;}
.computer_header .top .tools .user .portrait img{width: 24px;height: 24px;border-radius: 50%;}
.computer_header .top .tools .user .name{float: left;position: relative;color: #fff;line-height: 40px;margin-left: 5px;padding-right: 15px;min-width: 20px; max-width: 85px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.computer_header .top .tools .user .name i{border-style: solid;border-width: 6px 4px 0 4px;border-color: white transparent transparent transparent;position: absolute;top: 18px;right: -4px;right: 0px;}
.computer_header .top .tools .user:hover .name{ color:#f66f6a;}
.computer_header .top .tools .user:hover .name i{border-color: #f66f6a transparent transparent transparent;}
.computer_header .top .tools .user:hover .user_menu{ display: block;}
.computer_header .top .tools .user .user_menu{position: absolute; top:40px; right: 0; width: 240px; padding-top: 10px; padding-bottom: 10px; background: #212634; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); cursor: default; display: none;z-index: 9999;}
.computer_header .top .tools .user .user_menu li a{padding: 0 20px; line-height: 32px; color: #fff;display: block; position: relative;}
.computer_header .top .tools .user .user_menu li a span{width: auto;background-color: #f66f6a;padding: 0px 4px;border-radius: 10px;font-size: 12px;line-height: 16px;color: #ffffff;position: absolute;right: 20px;top: 8px;}
.computer_header .top .tools .user .user_menu li:hover a{color:#f66f6a;}

.computer_header .bottom{padding-left: 5px; height: 60px;}
.computer_header .bottom ul{padding-left: 12px;}
.computer_header .bottom ul li{float: left; line-height: 60px; position: relative;transition: .2s;overflow: hidden;}
.computer_header .bottom ul li .line{ position: absolute;background: #f66f6a;width: 60px;height: 2px;left: -50%;bottom: 0;margin-left: -30px;transition: .2s;}
.computer_header .bottom ul li:hover .line{left: 50%;}
.computer_header .bottom ul li:hover a{color: #f66f6a;}
.computer_header .bottom ul li a{color: #fff;padding: 0 15px; display: block;line-height: 58px;position: relative;}
.computer_header .bottom ul li a img{position: absolute; top: 5px; right: 8px;}
.computer_header .bottom ul .active a{border-bottom: 2px solid #f66f6a;}

/*手机头部*/
.mobile_header{height: 44px;background: #0E1117;position: fixed;top: 0;width: 100%;z-index: 999;left: 0;right: 0; display: none;}
.mobile_header .logo{float: left; padding-left: 10px;}
.mobile_header .logo a{ display: block;padding: 9px 0;}
.mobile_header .logo a img{height: 26px;}
.mobile_header .right { float: right;padding-right: 10px;}
.mobile_header .right .user{float: left;padding: 0 10px;line-height: 44px;cursor: pointer;}
.mobile_header .right .user .portrait{ width: 24px;height: 24px;padding: 10px 0;}
.mobile_header .right .user .portrait img{width: 24px;height: 24px;border-radius: 50%;}
.mobile_header .right .user .user_menu{position: absolute; top:44px; right: 0; width: 240px; padding-top: 10px; padding-bottom: 10px; background: #212634; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); cursor: default; display: none;z-index: 9999;}
.mobile_header .right .user .user_menu li a{padding: 0 20px; line-height: 32px; color: #fff;display: block; position: relative;}
.mobile_header .right .user .user_menu li a span{width: auto;background-color: #f66f6a;padding: 0px 4px;border-radius: 10px;font-size: 12px;line-height: 16px;color: #ffffff;position: absolute;right: 20px;top: 8px;}
.mobile_header .right .user .user_menu li:hover a{color:#f66f6a;}
.mobile_header .right .login{ float: left; height: 44px;}
.mobile_header .right .login a{ height: 44px; width: 44px; background: url(img/user.png) no-repeat center center; background-size: 24px auto; display: block;}
.mobile_header .right .switch{ float: left;padding: 15px 10px; transition: all .3s; -webkit-transition: all .3s;}
.mobile_header .right .switch span{display: block;background: none;width: 18px;height: 10px;border-top: solid 2px #fff;border-bottom: solid 2px #fff;}
.mobile_header .right .switch span::before {content: "";display: block;margin-top: 4px;border-top: solid 2px #fff;}
.mobile_header .right .switch_change{-ms-transform: rotate(90deg); transform: rotate(90deg); transition: all .3s; -webkit-transition: all .3s;}

/*手机侧边栏*/
.mobile_sidebar{ background: #0E1117; position: fixed; left: -100%; top: 44px; bottom: 0px; width: 100%;z-index: 999; transition:  0.3s;-moz-transition:  0.3s; -webkit-transition: 0.3s; -o-transition:  0.3s; display: none;}
.mobile_sidebar .search{ position: relative; padding: 20px 3% 0;}
.mobile_sidebar .search .input{height: 40px;width: 100%;border: 1px solid #A0A2A8;border-radius: 2px;padding-left: 10px;padding-right: 50px;background-color: #0E1117;font-size: 14px;line-height: 22px;color: #a0a2a8;box-sizing: border-box;}
.mobile_sidebar .search .submit{position: absolute; right: 3%; top: 20px; background: none; background: url(img/search.png) no-repeat center; width: 40px;height: 40px;background-size: 20px auto;border: none;}
.mobile_sidebar ul{margin: 20px 0px;overflow: auto;height: 80%;}
.mobile_sidebar ul li{border-bottom: 1px solid #444; line-height:44px;}
.mobile_sidebar ul li a{display: block;color: #fff;padding: 0 15px;}
.mobile_sidebar ul li .second{padding: 0px 30px 0px;}
.mobile_sidebar ul li .second a{line-height: 30px;color: #fff;}
.sidebar_change{ left:0;}

/*banner*/
.computer_banner{ height: 100%;}
.computer_banner img{object-fit: cover;object-position: top;width: 100%;}
/*底部*/
.computer_footer{display: block; margin: 0 auto;background: #535353; width: 94%; padding: 50px 3%;overflow: hidden;}
.computer_footer .left{ float:left; width: 40%;}
.computer_footer .right{ float:left ; width: 60%;}
.computer_footer .title{margin-bottom: 36px;position: relative;font-size: 16px;color: #fff;line-height: 16px;line-height: 26px;height: 22px;}
.computer_footer .title::after { content: ""; position: absolute; left: 0; bottom: -10px; width: 32px; height: 1px; background: #878787;}
.computer_footer .logo{ float: left; margin-right: 8%;}
.computer_footer .logo a{ display: block;}
.computer_footer .logo span{margin-top: 15px;display: block;height: 30px;line-height: 30px;color: #fff;font-size: 20px;}
.computer_footer .hotline{ float: left;}
.computer_footer .hotline h3{margin-bottom: 15px;font-size: 26px;line-height: 26px;color: #63a7e4;font-weight: 500;}
.computer_footer .hotline span{font-size: 12px;color: #fff;line-height: 30px;}
.computer_footer .hotline p{ color: #fff;line-height: 30px;}
.computer_footer .contact{ float: left; margin-right: 3%;}
.computer_footer .contact p{ color: #fff;line-height: 30px;}
.computer_footer .follow{ float: right;}
.computer_footer .follow ul li{ float:left; margin-right:20px; width:100px;margin-top:10px; text-align:center;}
.computer_footer .follow ul li:nth-child(4){ margin-right:0px;}
.computer_footer .follow ul li img{width:100px; height:100px;}
.computer_footer .follow ul li p{ color:#fff;}

/*版权*/
.computer_copyright{background: #454545;width: 94%;line-height: 26px;padding: 8px 3%;}
.computer_copyright p{ text-align: left;color: #a4a4a4; }
.computer_copyright a{ color: #a4a4a4;}

.mobile_copyright{background: #454545;width: 94%;line-height: 26px;padding: 8px 3%; display: none;}
.mobile_copyright p{ text-align: center;color: #a4a4a4; font-size:12px;}
.mobile_copyright a{ text-align: center;color: #a4a4a4; font-size:12px;}

.footer_link{ margin: 0 auto;background: #454545;width: 94%;padding: 20px 3% 0px;overflow: hidden; line-height: 26px;}
.footer_link div{ overflow: hidden;}
.footer_link p{ float: left;color: #a4a4a4; width: 70px;}
.footer_link ul{ float: left;width: calc(100% - 70px);}
.footer_link ul li{ float: left;margin: 0 10px;}
.footer_link ul li a{ display: block; color: #a4a4a4;}
.footer_link ul li a:hover{ color: #fff;}


/*首页产品*/
.computer_product{ width: 90%; margin: 0 auto 50px;}
.computer_product .module .top{height: 50px;  margin-top: 20px;}
.computer_product .module .top .left{font-size: 24px; line-height: 50px; float: left; color: #333; height: 50px;}
.computer_product .module .top .right{ float: right;padding-top: 15px;}
.computer_product .module .top .right a{float: left;font-size: 16px;color: #585858;margin-left: 20px;height: 35px;line-height: 35px;padding: 0px 20px;}
.computer_product .module .top .right .active{ color: #fff; border-radius: 5px 5px 0px 0px;}
.computer_product .module .bottom{ position: relative;box-shadow: 2px 2px 4px #ccc;}
.computer_product .module .bottom .left{ position: absolute; width: 295px; height: 475px; top: 0; left: 0;background-size: 100% 100%;}
.computer_product .module .bottom .left .text{position: absolute; top: 90px; left: 18px;}
.computer_product .module .bottom .left .text p{font-size: 18px;color: #fff;font-weight: bold;}
.computer_product .module .bottom .right{ margin-left: 295px;height: 475px;}
.computer_product .module .bottom .right ul{padding: 0 0.5%;overflow: hidden;height: 100%;}
.computer_product .module .bottom .right ul li{ float: left;width: 19%; padding: 28px 0.5% 0;}
.computer_product .module .bottom .right ul li a{display: block;padding: 0 10px;border: 1px solid #e7e7e7;height: 415px;}
.computer_product .module .bottom .right ul li .ico{ height: 120px;text-align: center;}
.computer_product .module .bottom .right ul li .ico .box{height: 70px; padding-top: 50px;}
.computer_product .module .bottom .right ul li:hover .ico .box{animation:myfirst 0.6s;-moz-animation:myfirst 0.6s;-webkit-animation:myfirst 0.6s;-o-animation:myfirst 0.6s;}
@keyframes myfirst{	0% {padding-top:50px;}25% {padding-top:10px;}50% {padding-top:50px;}75%{padding-top:25px}100% {padding-top:50px;}}
@-moz-keyframes myfirst {0%{padding-top:50px;}25%{padding-top:10px;}50%{padding-top:50px;}75%{padding-top:25px}100% {padding-top:50px;}}
@-webkit-keyframes myfirst {0%{padding-top:50px;}25%{padding-top:10px;}50%{padding-top:50px;}75%{padding-top:25px}100% {padding-top:50px;}}
@-o-keyframes myfirst{0%{padding-top:50px;}25%{padding-top:10px;}50%{padding-top:50px;}75%{padding-top:25px}100% {padding-top:50px;}}
.computer_product .module .bottom .right ul li .title{height: 74px;line-height: 74px;text-align: center;font-size: 26px;color: #222;border-bottom: 1px solid #ebebeb;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.computer_product .module .bottom .right ul li .content{padding-top: 28px;line-height: 34px;padding-left: 30px;color: #595959;}
.computer_product .module .bottom .right ul li .more{width: 90px;height: 28px;line-height: 28px;margin-top: 30px;margin-left: 30px;border: 1px solid #e7e7e7;border-radius: 2px;font-size: 12px;color: #949494;text-align: center;}
.computer_product .module .bottom .right ul li:hover a{box-shadow: 0 0px 16px #eee;}
.computer_product .module .bottom .right ul li:hover .more{ color: #fff;}

/*紫色*/
.computer_product .purple .top{border-bottom: 3px solid #898de7;}
.computer_product .purple .top .right .active{background: #898de7;}
.computer_product .purple .bottom .left{background: url(img/index/background01.jpg) no-repeat center center;}
.computer_product .purple .bottom .right ul li:hover a{ border: 1px solid #898de7;}
.computer_product .purple .bottom .right ul li:hover .more{background: #898de7; border-color: #898de7;}
/*橙色*/
.computer_product .orange .top{border-bottom: 3px solid #fd9b82;}
.computer_product .orange .top .right .active{background: #fd9b82;}
.computer_product .orange .bottom .left{background: url(img/index/background02.jpg) no-repeat center center;}
.computer_product .orange .bottom .right ul li:hover a{ border: 1px solid #fd9b82;}
.computer_product .orange .bottom .right ul li:hover .more{background: #fd9b82; border-color: #fd9b82;}
/*蓝色*/
.computer_product .blue .top{border-bottom: 3px solid #3da7f2;}
.computer_product .blue .top .right .active{background: #3da7f2;}
.computer_product .blue .bottom .left{background: url(img/index/background03.jpg) no-repeat center center;}
.computer_product .blue .bottom .right ul li:hover a{ border: 1px solid #3da7f2;}
.computer_product .blue .bottom .right ul li:hover .more{background: #3da7f2; border-color: #3da7f2;}

/*浅蓝*/
.computer_product .light .top{border-bottom: 3px solid #5A65DD;}
.computer_product .light .top .right .active{background: #5A65DD;}
.computer_product .light .bottom .left{background: url(img/index/background04.jpg) no-repeat center center;}
.computer_product .light .bottom .right ul li:hover a{ border: 1px solid #5A65DD;}
.computer_product .light .bottom .right ul li:hover .more{background: #5A65DD; border-color: #5A65DD;}

 
.mobile_product{display: none;}
.mobile_product ul li{padding: 20px 3%;float: none;width: 88%;margin: 15px auto;border: 1px solid #eee;}
.mobile_product ul li .picture{ width:80px; height:80px; float: left;}
.mobile_product ul li .content{ margin-left: 100px; overflow: hidden;}
.mobile_product ul li .content .title{font-size: 18px;line-height: 28px;color: #666;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mobile_product ul li .content .describe{font-size: 12px;line-height: 18px;color: #666;height: 54px;overflow: hidden;}

/*首页新闻*/ 
.index_new{ width: 90%; margin: 0 auto 50px;}
.index_new .index_title{ text-align: center;margin-bottom: 30px;padding-top: 30px;}
.index_new .index_title a{ font-size: 30px;display: block; width: 300px; margin: 0 auto;}
.index_new ul:after{display: block; content: ""; clear: both; zoom: 1;}
.index_new ul li{ float: left; width: 23.5%; margin-left: 2%;box-shadow: 0px 4px 10px #ccc; transition: all .3s; -webkit-transition: all .3s;}
.index_new ul li:first-child{margin-left: 0;}
.index_new ul li:hover{box-shadow: 0px 4px 10px #459fff;}
.index_new ul li .picture img{ width: 100%;}
.index_new ul li .title{font-size: 24px;line-height: 70px;padding: 0 30px;}
.index_new ul li .new_list{ padding: 0 30px;}
.index_new ul li .new_list a{ display: block;line-height: 32px;color: #555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_new ul li .introduce{padding: 0 30px;line-height: 26px; color: #555; height: 160px; overflow: hidden;}
.index_new ul li .more{padding: 20px 30px;overflow: hidden;}
.index_new ul li .more a{display: block;float: right;border: 1px solid #999;color: #666;line-height: 30px;border-radius: 20px;padding: 0 15px;font-size: 12px;}
.index_new ul li .more a:hover{background: #2093f9;border: 1px solid #2093f9;color: #fff;}

/*首页案例*/ 
.index_case{ width: 90%; margin: 0 auto 50px;}
.index_case .index_title{ text-align: center;margin-bottom: 30px;padding-top: 30px;}
.index_case .index_title a{ font-size: 30px;display: block; width: 300px; margin: 0 auto;}
.index_case ul{ overflow: hidden;}
.index_case ul:after{display: block; content: ""; clear: both; zoom: 1;}
.index_case ul li{ float: left;width:12.5%;padding: 15px 0;}
.index_case ul li a{ display: block; text-align: center;}
.index_case ul li a img{ height: 90px;  max-width: 100%;}

/*列表页banner*/
.list_banner{ height: 160px; padding-top: 100px;position: relative;}
.list_banner img{position: absolute;top: 0;width: 100%;height: 100%; object-fit: cover;object-position: top;z-index: -1;}
.list_banner .text{ width: 1200px; margin: 0 auto;}
.list_banner .text .big{color: #FFFFFF;line-height: 140px;font-size: 48px;}

/*详情页banner*/
.detail_banner{ height: 160px; padding-top: 100px;background:url(img/banner/banner_detail.jpg) no-repeat center center;background-size: cover;}
.detail_banner .text{ width: 1200px; margin: 0 auto;}
.detail_banner .text .big{color: #FFFFFF;line-height: 140px;font-size: 48px;}
 
/*列表图片新闻*/
.list_picture{padding: 45px 0 45px 0;}
.list_picture ul{width: 1180px;margin: 0 auto;overflow: hidden;background: #fff;padding: 10px;}
.list_picture ul li{padding: 10px; float: left; width: 275px;}
.list_picture ul li a{display: block;border: 1px solid #DDD;border-radius: 2px;width: 100%;box-sizing: border-box; overflow: hidden;transition: all .3s; -webkit-transition: all .3s;}
.list_picture ul li:hover a{ box-shadow: 0 5px 12px rgba(0,0,0,0.10);}
.list_picture ul li a .img{ width: 100%; height: 0; padding-top: 66.66%; overflow: hidden; position: relative;}
.list_picture ul li a .img img{ width: 100%; height:auto; position: absolute; left: 0; top: 0;}
.list_picture ul li a .title{font-size: 14px;color: #252B3A;line-height: 22px;padding: 15px 15px 10px;background: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list_picture ul li a .describe{overflow-wrap: break-word;font-size: 12px;color: #666A75;line-height: 18px;height: 54px;padding: 0 15px;margin-bottom: 20px;overflow: hidden;}

/*列表新闻*/
.list_new{width: 940px;margin: 0 auto 45px;background: #fff;box-shadow: 4px 4px 6px #ddd;float: right;}
.list_new ul:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden; }
.list_new ul li{ border-bottom: 1px solid #eee; padding: 20px 30px;-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; overflow: hidden;}
.list_new ul li a{ display: block;}
.list_new ul li .picture{float: left;width: 320px;height: 190px;overflow: hidden;}
.list_new ul li .picture img{width: 100%;min-height: 100%;transition: all .5s ease-out .1s;}
.list_new ul li .content{margin-left: 350px;}
.list_new ul li .content .title{width: 100%;line-height: 50px;font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_new ul li .content .describe{color: #888; line-height: 26px;max-height: 104px; overflow: hidden;}
.list_new ul li .content .time{ overflow: hidden;}
.list_new ul li .content .time p{float: left; color: #888;line-height: 40px;background: url(img/ico/time.png) no-repeat center left;background-size: 16px auto;padding-left: 25px}
.list_new ul li .content .time .tag{float: left; background: url(img/ico/tag.png) no-repeat center left;background-size: 16px auto; padding-left: 25px; margin-left: 10px;}
.list_new ul li .content .time .tag a{ color: #888;line-height: 40px;}
.list_new ul li .content .time .tag a:hover{ color: #00a4ff; }
.list_new ul li .picture:hover img{transform:scale(1.1,1.1); }
.list_new ul li:hover{border-bottom: 1px solid #88D3F9;	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);	box-shadow: 0 0 30px rgba(0,0,0,0.15);	-webkit-transform: translate2d(0, 0px, -2px);	transform: translate2d(0, 1px, -2px);}
.list_new ul li:hover .title{ color: #ffb000;}

/*详情新闻*/
.detail_new{width: 840px;padding: 50px 50px 35px;background: #fff;float: right;box-shadow: 4px 4px 6px #ddd;}
.detail_new .title{font-size: 28px;color: #252B3A;line-height: 33px;  text-align: center; margin: 0 auto;}
.detail_new .time{font-size: 14px;color: #666A75;letter-spacing: 0;line-height: 22px;margin: 20px 0px;text-align: center;}
.detail_new .content{ font-size: 14px; line-height: 24px; color: #252B3A;}
.detail_new .content p{ font-size: 14px; line-height: 24px; color: #252B3A;margin-bottom: 20px;}
.detail_new .content span{ font-size: 14px; line-height: 24px; color: #252B3A;}
.detail_new .content img{ max-width: 100%; margin: 0 auto; display: block;}
.detail_new .content pre{line-height: 26px;background-color: #e9ecef;overflow: auto;padding: 15px;max-height: 400px;}
.detail_new .content h2{margin-top: 30px;margin-bottom: 10px;}
.detail_new .content h3{margin-top: 30px;margin-bottom: 10px;}

/*详情新闻上下篇*/
.detail_new_paging{overflow: hidden;padding: 30px 0;width: 940px;float: right;}
.detail_new_paging a{ max-width: 45%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #777;font-size: 13px;}
.detail_new_paging a:hover{ color: #333;}
.detail_new_paging .before,.detail_new_paging .next{ max-width: 45%;}

/*列表案例*/ 
.list_case ul li{float: left;background: #fff;width: 30.33%;margin: 20px 1.5%;box-shadow: 5px 5px 10px 0 #dfdede;overflow: hidden;border-radius: 4px;transition: 0.3s;}
.list_case ul li:hover{box-shadow: 3px 3px 5px 0 #dfdede;}
.list_case ul li .picture{height: 240px;width: 100%;overflow: hidden;}
.list_case ul li .picture a{display: block;}
.list_case ul li .picture a img{ width: 100%; height:auto;}  
.list_case ul li .content .title a{display: block;font-size: 16px;line-height: 44px;height: 44px;width: 94%;padding: 0px 3%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_case ul li .content .describe{font-size: 13px;color: #aaa;margin-bottom: 16px;line-height: 18px;height: 36px;width: 94%;padding: 0px 3%;overflow: hidden;text-overflow: ellipsis;}
.list_case ul li .content .tag{ overflow: hidden; padding: 0px 3% 15px;}
.list_case ul li .content .tag .time{ float: left;background: url(img/ico/time.png) no-repeat center left;padding-left: 24px;font-size: 13px; color: #aaa;}
.list_case ul li .content .tag .category{background: none;box-shadow: none;width: auto;float: left;padding: 0;background: url(img/ico/tag.png) no-repeat center left;padding-left: 24px; margin-left: 15px;}
.list_case ul li .content .tag .category a{font-size: 13px; color: #aaa;}
.list_case ul li .content .tag .category a:hover{color: #00a4ff; }

/*详情案例*/
.detail_case{width: 1200px;margin: 0 auto;padding: 50px 0 0;}
.detail_case .top{overflow: hidden;margin-bottom: 50px;background: #fff;padding: 50px;box-shadow: 5px 5px 10px 0 #dfdede; position: relative;}
.detail_case .top .img{width: 200px; position: absolute; top: 50px; left: 50px;}
.detail_case .top .img img{ width: 100%;}
.detail_case .top .text{margin:0 500px 0 230px;line-height: 30px;}
.detail_case .top .text .title{color: #333;font-size: 18px;line-height: 50px;}
.detail_case .top .text a{color: #009fff;}
.detail_case .top .text a:hover{ text-decoration: underline;}
.detail_case .top .company{ width: 470px; position: absolute; top: 50px; right: 50px;}
.detail_case .top .company .title{color: #333;font-size: 18px;line-height: 50px;background: url(img/ico/company_ico.jpg) no-repeat center left;padding-left: 38px;}
.detail_case .top .company .introduce{ line-height: 30px; color: #555;} 
.detail_case .top .company .introduce p{line-height: 30px !important; color: #555 !important; font-size: 14px !important;}
.detail_case .top .company .introduce span{line-height: 30px !important; color: #555 !important; font-size: 14px !important;}
.detail_case .bottom .item{margin-bottom: 50px;background: #fff;padding: 50px;box-shadow: 5px 5px 10px 0 #dfdede;line-height: 26px;}
.detail_case .bottom .item .title{text-align: center;font-size: 22px;color: #444;margin-bottom: 20px;}
.detail_case .bottom .item p{ line-height: 26px; color: #555;}
.detail_case .bottom .item a{display: block; margin-bottom: 20px;}
.detail_case .bottom .item a img{max-width: 100%; display: block; margin: 0 auto; border: 1px solid #eee;} 

/*列表讨论*/ 
.list_ask{ margin: 20px auto 45px;background: #fff;box-shadow: 4px 4px 6px #ddd;} 
.list_ask ul li{ border-bottom: 1px solid #eee;background: #fff; padding: 30px 50px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} 
.list_ask ul li:hover{border-bottom: 1px solid #88D3F9;	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);	box-shadow: 0 0 30px rgba(0,0,0,0.15);	-webkit-transform: translate2d(0, 0px, -2px);	transform: translate2d(0, 1px, -2px);}
.list_ask ul li a{ display: block;}
.list_ask ul li .problem{ position: relative;}
.list_ask ul li .problem .ico{ position: absolute; top: 50%; margin-top: -10px; left: 0px; width: 20px; height: 20px;}
.list_ask ul li .problem .ico img{ width: 20px; height: 20px; }
.list_ask ul li .problem .img{ position: absolute;left: 36px;top: 0;}
.list_ask ul li .problem .img img{ width: 50px; height: 50px; border-radius: 50%;}
.list_ask ul li .problem .content{ margin:0 105px; }
.list_ask ul li .problem .content .title{font-size: 20px;color: #0084f2;font-weight: bold;line-height: 30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.list_ask ul li .problem .content .name{overflow: hidden;}
.list_ask ul li .problem .content .name span{color: #888;margin-right: 10px;float: left;line-height: 20px;} 
.list_ask ul li .answer{ position: relative; margin-top: 20px;}
.list_ask ul li .answer .ico{ position: absolute; top: 0; left: 0px; width: 20px; height: 20px;}
.list_ask ul li .answer .ico img{ width: 20px; height: 20px; }
.list_ask ul li .answer .content{margin: 0 40px;} 
.list_ask ul li .answer .content .name{color: #0084f2;line-height: 20px;margin-bottom: 5px;} 
.list_ask ul li .answer .content .text{line-height: 24px;color: #888;max-height: 72px;overflow: hidden;}

/*详情讨论*/
.detail_ask{ padding: 50px 50px 35px;background: #fff;box-shadow: 4px 4px 6px #ddd;margin-top: 20px;} 
.detail_ask .top .title{font-size: 20px;font-weight: bold;color: #333; line-height: 30px; width: 100%;}
.detail_ask .top .user{float: left;color: #ff9900;margin-right: 10px;font-size: 16px;}
.detail_ask .top .line{float: left;color: #ddd;margin-right: 10px;font-size: 14px;}
.detail_ask .top .time{float: left;color: #999;margin-right: 10px;font-size: 14px;} 
.detail_ask .top .answer{background-color: #087cdd;border-radius: 20px;color: #fff;width: 90px;height: 35px;text-align: center;display: block;line-height: 35px;font-size: 16px;float: right;}  
.detail_ask .top .answer:hover{background-color: #076abd;}
.detail_ask .bottom{line-height: 26px;color: #555;margin-top: 30px;} 
.detail_ask .bottom img{ max-width: 100% !important;}

/*列表回复*/
.list_reply{ padding: 20px 50px 35px;background: #fff;box-shadow: 4px 4px 6px #ddd;margin-top: 20px;} 
.list_reply ul li{overflow: hidden;border-bottom: 1px solid #eee;padding: 20px 0; }
.list_reply ul li .left{ float: left; width: 60px; height: 60px;}
.list_reply ul li .left img{ width: 60px; height: 60px; border-radius: 50%;}
.list_reply ul li .right{ margin-left: 80px;}
.list_reply ul li .right .top{ overflow: hidden;}
.list_reply ul li .right .top .name{float: left;font-size: 18px;color: #1e50a2;line-height: 30px;} 
.list_reply ul li .right .top .time{float: right;color: #666;font-size: 14px;line-height: 30px;}
.list_reply ul li .right .content{line-height: 26px;font-size: 14px;color: #444;margin: 5px 0;} 
.list_reply .title{ position: relative;}
.list_reply .title .line{position: absolute;width: 4px;height: 24px;left: 0;top: 13px;background: #0084f2;display: block;}
.list_reply .title p{line-height: 50px;padding-left: 16px;font-size: 18px;} 

/*回复*/
.reply{ overflow: hidden; padding: 30px 50px;background: #fff;box-shadow: 4px 4px 6px #ddd;margin-top: 20px; display: none;}
.reply .img{ float: left;}
.reply .img img{ width: 60px; height: 60px; border-radius: 50%;}
.reply .form{ margin-left: 80px;}
.reply .form textarea{padding: 10px;border: 1px solid #ccc;border-radius: 4px;width: calc(100% - 22px);font-family: "微软雅黑";font-size: 14px;line-height: 26px;height: 80px;color: #555;}
.reply .form input{ background: #087cdd;color: #fff;border: none;height: 40px;line-height: 40px;width: 80px;margin-top: 15px;border-radius: 4px;float: right;font-size: 16px;cursor: pointer;}

/*回复登录*/
.reply_login{text-align: center;padding: 30px 50px;background: #fff;margin-top: 20px;box-shadow: 4px 4px 6px #ddd; display: none;}
.reply_login p{ font-size: 18px; line-height: 50px;}
.reply_login a{ display: inline-block;background: #087cdd;color: #fff; height: 40px;line-height: 40px;width: 80px;margin: 10px 5px;border-radius: 4px; font-size: 16px; }

/*详情分类*/
.detail_category{background: #fff;} 
.detail_category .content .item{width: 1200px;margin: 0 auto;padding: 80px 0;}
.detail_category .content .item:last-child{ margin-bottom: 0px;}
.detail_category .content .item .img{width: 550px;box-shadow: 4px 4px 4px #999;}
.detail_category .content .item .img img{width: 100%;}
.detail_category .content .item .text{width: 550px;line-height: 26px;color: #555;}
.detail_category .content .item .text .title{font-size: 24px;line-height: 60px; color: #333;}

.detail_category .content .address ul {width: 1200px;margin: 50px auto;overflow: hidden;}
.detail_category .content .address ul li{width: 440px;margin: 20px 10px;box-shadow: 0px 0px 3px #aaa;padding: 25px 25px 25px 115px;background: url(/static/util/img/about/address.jpg) no-repeat center left 30px;float: left;}
.detail_category .content .address ul li .title{font-size: 18px;font-weight: bold;line-height: 50px; color: #333;}
.detail_category .content .address ul li p{ line-height: 26px; color: #555;}

.detail_category .content .license{ background: #f7f7f7; padding-top: 50px;}
.detail_category .content .license .title{width: 1200px;margin: 0 auto;text-align: center;font-size: 30px;font-weight: normal;color: #f60;line-height: 100px;}
.detail_category .content .license ul{ padding-bottom: 50px;overflow: hidden;width: 1200px;margin: 0px auto;}
.detail_category .content .license ul li{ float: left;width: 33.33%;text-align: center;background: #fff; height: 362px; margin-bottom: 50px;}
.detail_category .content .license ul li a{display: block;border-right: 1px solid #eee;padding: 50px 30px 0px 30px;}
.detail_category .content .license ul li img{height: 240px;max-width: 100%; }
.detail_category .content .license ul li p{font-size: 18px;line-height: 70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*分页*/
.page{ text-align: center;padding: 30px 0;margin: 0 auto;overflow: hidden;width: 1200px;}
.page a{display: inline-block;height: 28px;line-height: 28px;padding: 0 10px;border: 1px solid #ddd;border-radius: 3px;color: #666;margin: 5px 2px;background: #fff;}
.page span{display: inline-block;height: 30px;line-height: 30px;padding: 0 11px;background: #f66f6a ;color: #fff;margin:5px 2px;}
.page a:hover{background: #f66f6a ;color: #fff; border:  1px solid #f66f6a ;}

/*当前位置*/
.position{height: 30px;width: 1180px;margin: 0 auto;line-height: 30px;padding: 15px 0; overflow: hidden;}
.position a{float: left; color: #555; font-size: 12px;}
.position span{float: left; color: #555;font-size: 12px;}
.position .index{width: 20px; height: 30px; background: url(img/ico/index.png) no-repeat center top 1px;}
.position .arrow{width: 20px;height: 30px;background: url(img/ico/arrow.png) no-repeat center top 10px;margin-right: 4px;}

/*分类导航*/
.category{ background: #fff;box-shadow: 4px 4px 6px #ddd;width: 230px;float: left; padding: 15px 0;} 
.category h3{height: 65px;line-height: 65px;color: #333;font-size: 18px;font-weight: 400;padding-left:30px;font-weight: bold;}  
.category ul li{padding-left: 50px; position: relative;}
.category ul li a{ display:block; position:relative;height:44px; line-height:44px;}
.category ul li a span{color: #76838f;display: block; font-size: 16px;}
.category ul li a span:hover{color:#666;} 
.category ul .active:after{content: '';display: block;width: 0;height: 0;border-width: 6px;border-style: solid;border-color: transparent transparent transparent #333;position: absolute;left: 36px;top: 50%; margin-top: -4px;} 
.category ul .active a span{color:#666;}

/*二级导航*/
.subnav{ background-color: #fff;border-bottom: 1px solid #e3e3e3;}
.subnav ul{ text-align: center;width: 1200px; margin: 0 auto;  position: relative;}
.subnav ul li{display: inline-block;padding: 0 21px;background: url(/static/util/img/short_line.png) no-repeat right;}
.subnav ul li:last-child{ background: none;}
.subnav ul li a{display: block;font-size: 16px;color: #555;line-height: 64px;height: 64px; position: relative;}
.subnav ul li:hover a{color: #f66f6a;}
.subnav ul .active a{color: #f66f6a;}
.subnav ul li a:after{content: '';display: block;position: absolute;bottom: 0;left: 50%;margin-bottom: -1px;width: 0;height: 1px;background-color: #f27824;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.subnav ul li:hover a:after{left: 0;width: 100%;}
.subnav ul .active a:after{left: 0;width: 100%;}
.subnav ul .inquire{position: absolute;right: 0;top: 50%;margin-top: -18px;}
.subnav ul .inquire a{display: block;height: 36px;line-height: 36px;padding: 0 30px;border-radius: 50px;color: #fff;background: #0084f2;font-size: 16px;}


/*主体*/
.main{ width: 1200px;margin: 0 auto 50px;} 

/*右边固定栏*/
.customer{ position:fixed; top:45%; right:0; z-index:999; display: none;}
.customer li{ border-bottom:1px solid #eee;background: #000;border-radius: 3px;text-align: center;width: 34px;height: 35px;position: relative;}
.customer li:last-child{ border: none;}
.customer li a{display: block; width: 34px;height: 34px;}
.customer li a span{width: 0px;overflow: hidden;position: absolute;right: 34px;color: #FFF;line-height:35px;text-align: center;background: #ffbb1a none repeat scroll 0% 0%;white-space: nowrap;transition: all 0.3s ease 0s;}        
.customer li .code .code_content{width: 0px;overflow: hidden;position: absolute;right: 34px; background: #ffbb1a none repeat scroll 0% 0%;white-space: nowrap;transition: all 0.3s ease 0s; border-radius:4px; padding-top: 10px;}
.customer li .code .code_content p{ color: #FFF; line-height: 24px;}
.customer li .code .code_content img{ width:117px;height:117px;margin-top:8px;}
.customer li:hover{background:#ffbb1a no-repeat center;} 
.customer li:hover span{width:auto; padding:0 10px;}
.customer li:hover .code .code_content{width:142px;height:188px;}  
.customer li .phone{ background: url(/static/util/img/ico/phone.png) no-repeat center center / 20px;} 
.customer li .contact{ background: url(/static/util/img/ico/qq.png) no-repeat center center / 20px;} 
.customer li .customer_sale{ background: url(/static/util/img/ico/customer_sale.png) no-repeat center center / 24px;}
.customer li .customer_service{ background: url(/static/util/img/ico/customer_service.png) no-repeat center center / 24px;}
.customer li .code{background: url(/static/util/img/ico/qrcode.png) no-repeat center center; }
.customer li .top{background: url(/static/util/img/ico/public.png) no-repeat -50px -250px;} 

/*推荐阅读*/
.detail_recommend{background: #fff;padding:20px 50px 35px;box-shadow: 4px 4px 6px #ddd;float: right; width: 840px; margin: 30px 0 0;}
.detail_recommend .title{font-size: 20px;line-height: 50px;display: block;} 
.detail_recommend ul li{border-bottom: 1px dashed #ccc;}
.detail_recommend ul li a{overflow: hidden;display: block;line-height: 40px;}
.detail_recommend ul li a p{float: left;color: #555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 70%;}
.detail_recommend ul li a span{float: right;color: #555;}
.detail_recommend ul li:hover a p,.detail_recommend ul li:hover a span{ color: #3e99f9;}

@media screen and (max-width:1500px){
    /*首页产品*/
    .computer_product .module .bottom .left { display: none;}
    .computer_product .module .bottom .right { margin-left: 0;}

    /*底部*/
    .computer_footer .left{ width: 30%;}
	.computer_footer .right{ float:left; width: 70%;}
	.computer_footer .logo{ float: none;}
    .computer_footer .hotline{ float: none;margin-top: 30px;} 

    /*首页案例*/
    .index_case ul li { width: 16.6%; }
}


@media screen and (max-width:1200px){
    
    /*PC头部*/
    .computer_header .top .tools .search { display: none;}
    .computer_header .bottom ul li a { padding: 0 5px;}
    
    /*首页产品*/
    .computer_product .module .bottom .right { height: 270px;}
    .computer_product .module .bottom .right ul li .content { display: none;}
    .computer_product .module .bottom .right ul li .more { display: none;}
    .computer_product .module .bottom .right ul li .title { border: none;}
    .computer_product .module .bottom .right ul li a { height: 210px;}
    
    /*底部*/
    .computer_footer .left{ width: 40%;}
	.computer_footer .right{ width: 60%;}
    .computer_footer .contact { display: none;}
    
    /*首页新闻*/ 
    .index_new ul li {  width: 49%;margin-bottom: 20px;}
    .index_new ul li:nth-child(2n-1){margin-left: 0;}
    
    /*首页案例*/
    .index_case ul li { width: 20%; }

    /*内页banner*/
    .list_banner .text {width: 90%;}

    /*列表图片新闻*/
    .list_picture ul{ width: 94%;}
    .list_picture ul li{ width: 23%; padding: 10px 1%;}
    .list_picture ul li a .describe { display: none;}
     
    /*详情新闻*/
    .detail_new {width: 88%;padding: 50px 3% 35px;float: none;margin: 0 auto;}
    .detail_new .title {width: 94%;padding: 0 3%;margin: 30px 0;line-height: 40px;}

    /*详情新闻上下篇*/
    .detail_new_paging {width: 88%;float: none;margin: 0 auto;}
    .detail_new_paging a{ float: none;margin: 10px 0;display: block;max-width: 100%;}
    
    /*详情分类*/
    .detail_category {width: 88%;padding: 50px 3% 35px;float: none;margin: 0 auto 50px;}
    .detail_category .content .item .img { float: none;margin: 10px auto;}
    .detail_category .content .item .text { float: none;margin: 10px auto;}
    .detail_category .content ul li { width: 100%; box-sizing: border-box;}

    /*二级导航*/
    .subnav ul { width: 100%;}

    /*详情案例*/
    .detail_case{width: 94%;}
    .detail_case .top .text { margin: 0 0px 0 230px;}
    .detail_case .top .company { position: static; width: 100%;}

    /*内页banner*/
    .detail_banner .text { width: 94%; padding: 0 3%;}

    /*主题*/
    .main { width: 100%;margin: 0;} 

    /*当前位置*/
    .position {width: 94%; padding: 15px 0;}

    /*分页*/
    .page { width: 100%;}

    /*分类导航*/
    .category{ display: none;}

    /*列表新闻*/
    .list_new {width: 100%; margin: 0 auto 20px;} 
    .list_new ul li { margin: 0;padding: 10px 3%;background: #fff;}
    .list_new ul li .picture { width: 120px; height: 80px;}
    .list_new ul li .content {margin-left: 135px;}
    .list_new ul li .content .describe { display: none;}
    .list_new ul li .content .title {line-height: 26px;font-size: 16px;text-overflow: inherit;white-space: normal;height: 52px;}
    .list_new ul li .content .time span { display: none;} 
    .list_new ul li .content .time .tag{display: none;} 

    /*详情分类*/
    .detail_category { padding: 20px 3% 35px; margin: 0 auto 20px;}
    .detail_category .content .item { width: 100%; padding: 30px 0;}
    .detail_category .content .license .title {width: 94%;line-height: 30px;font-size: 16px;padding: 0 3% 20px 3%;}
    .detail_category .content .license { padding-top: 20px;}
    .detail_category .content .license ul { width: 100%;} 

    /*列表评论*/
    .list_reply{ width: 88% !important; padding: 20px 3%; float: none !important; margin: 0 auto 30px;}
    .reply{ width: 88% !important; padding: 20px 3%; float: none !important; margin: 0 auto 30px;}
    .reply_login{ width: 88% !important; padding: 20px 3%; float: none !important; margin: 0 auto 30px;}
    .detail_recommend{ width: 88% !important; padding: 20px 3%; float: none !important; margin: 0 auto 30px;}

@media screen and (max-width:1000px){      
    /*内页banner*/
    .list_banner { height: 300px; background: url(img/banner/banner_list.jpg) no-repeat top center /  auto 100%;}
    .list_banner .text {display: none;}
    /* .list_banner .text .big { font-size: 24px;line-height: 30px; margin-bottom: 10px;}
    .list_banner .text .small { font-size: 14px;}  */
}

@media screen and (max-width:768px){
    
    /*电脑端div隐藏*/
    .computer_header{ display: none;}
    .computer_product{ display: none;}
    .computer_footer{ display: none;}
    .computer_copyright{ display: none;}
    .footer_link{ display: none;}
    

    /*手机端div隐藏*/
    .mobile_copyright{ display: block;}
    .mobile_header{ display: block;}
    .mobile_sidebar{ display: block;}
    .mobile_banner{ display: block;}
    .mobile_product{ display: block;}

    /*详情分类*/
    .detail_category .content .item .img { float: none;margin: 10px auto; width: 100%;}
    .detail_category .content .item .text { float: none;margin: 10px auto;width: 100%;}  
    .detail_category .content .license ul li { width: 100%; margin-bottom: 1px;}
    .detail_category .content .license ul li a { border-right: none; border-bottom: 1px solid #eee;}
 
    /*首页新闻*/
    .index_new ul li {  width: 100%;margin-bottom: 20px; margin-left: 0;}
    .index_new .index_title a{font-size: 20px;}
    .index_new { margin: 0 auto;}
    .index_case .index_title a{font-size: 20px;}
    .index_case .index_title { margin-bottom: 0px;}
    .index_case ul li { width: 33.3%;}
    .index_case ul li img{ width: 100%;max-width: auto;  max-height: auto;}

    /*列表问答*/
    .list_ask ul li { padding: 10px 5%;}
    .list_ask ul li .problem .content { margin: 0 0 0 40px;}
    .list_ask ul li .problem .img { display: none;}
    .list_ask ul li .answer {  margin-top: 10px;}
    .list_ask ul li .answer .content { margin: 0 0 0 40px;} 

    /*详情问答*/
    .detail_ask { padding: 20px;}

    /*列表回复*/
   .list_reply { padding: 20px;}

   /*回复*/
   .reply { padding: 20px;}

    /*列表图片新闻*/
    .list_picture { padding-top: 0;}
    .list_picture ul li{ width: 48%; padding: 10px 1%;} 

    /*案例列表*/
    .list_case ul li {width: 94%;float: none;margin: 10px 3%;}

    /*内页banner*/
    .list_banner {  margin-top: 44px;height: 200px; display: none;}
    .list_banner .text { line-height: 150px;padding: 0 5%;width: 90%;} 
    .detail_banner {margin-top: 44px;height: 100px;padding: 0;}
    .detail_banner .text .big { font-size: 24px;line-height: 30px;padding-top: 40px;}
    
    /*二级导航*/
    .subnav ul li { padding: 0 5px; background:none;}
    .subnav ul li a { line-height: 44px; font-size:14px; height: 44px;} 

    /*详情案例*/
    .detail_case { padding: 20px 0 0; }
    .detail_case .top { padding: 20px;margin-bottom: 20px;}
    .detail_case .top .img { position: static; width: 100%;}    
    .detail_case .top .text { margin: 15px 0 0 0;}
    .detail_case .bottom .item { padding: 20px; margin-bottom: 20px;} 

    .index_new ul li .picture { display: none;}
}
 
@media screen and (max-width:400px){

    /*首页案例*/
    .index_case ul li { width:50%;} 
    
    /*列表图片新闻*/
    .list_picture ul li { width:94%; padding:10px 3%;}
}