@charset "UTF-8";
/* 创络科技 https://www.chuangluo.com */

/*初始样式*/
html,body{-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*html {background-image:url("about:blank"); background-attachment:fixed;}
body{word-wrap:break-word; margin:0px; padding:0px;font-family: Arial,"微软雅黑";overflow-x: hidden; *position: relative;}
ul,ol {list-style:none;}
a{text-decoration: none;color: #000;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{-webkit-tap-highlight-color: transparent;}
img {border:0px;}
input,textarea{font-size: 16px;resize: none;outline: none;-webkit-appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
.imgmid {display:inline-block; *display:inline; *zoom:1; height:100%; width:1px; margin-left:-1px; vertical-align:middle; font-size: 0px;}
.cle {clear:both; width:0; height:0; display:block; overflow:hidden; font-size:0px;}
.c_box{width: 100%;height: 100%;position: relative;word-wrap:break-word;}
.c_m{width: 100%;height: 100%;*height: auto;display: table;*position: absolute;*top: 50%;*left: 50%;table-layout: fixed;}
.c_t{width: 100%;height: 100%;*height: auto;display: table-cell;vertical-align: middle;*position: relative;*top: -50%;*left: -50%;}
.un_show{display: none;}
.hover_shadow{position: relative; top: 0; z-index: 888;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.hover_shadow:hover{top: -4px; box-shadow: 0 10px 20px rgba(0,0,0,0.15); transition: translate3d(0, -2px, 0); z-index: 999;}

/* 头部 */
.top_box{width: 98%; height: 44px; background: #000; padding: 0px 1%;}
.top_m{width: 98%; max-width: 1100px; height: 44px; line-height: 44px; padding: 0px 1%; color:#f9f9f9; font-size: 15px;font-weight:700; margin: 0px auto;font-family: cursive;}
.top_tel{float: right; font-size: 26px; font-weight:900;color:#f9f9f9;font-family: cursive;}
.top_tel a{color: #fff;}
.top_tel a:hover{color: #fff;}
.header_box{width: 98%;height: 100px; background: #fff; padding: 0px 1%; z-index: 999;box-shadow: 0 5px 10px #e5e5e5;}
.header_box .header_m{width: 99%; max-width: 1200px; height: 100%;margin: 0 auto;}
.logo_box{width: 70%; max-width: 500px; height: 100%;float: left;overflow: hidden;}
.logo_box img{vertical-align: middle;max-width: 100%; max-height: 98%;}
.diy_color_green{color: #5FB878;}
.diy_color_orange{color: #FF5722 !important;}
.diy_a_danger{color: #fff; background: #FF5722 !important; cursor: pointer;}
.diy_a_danger:hover{background: #f00 !important;}

/* PC导航 */
.menu_nav{width: auto; height: 100%; padding-top: 0px; position: relative; float: right; z-index: 88888; display: block;}
.menu_nav>ul{width: 100%; margin: 0;padding: 0;}
.menu_nav>ul>li{width: auto; height: 30px; padding: 50px 0 20px 0; float: left;text-align: center;position: relative;}
.menu_nav>ul>li>a{width: auto; height: 30px; line-height: 30px; display: block; position: relative; z-index: 88888; color: #000; margin:0 15px; font-size: 18px;    font-weight: bolder;}
.menu_nav>ul>li:hover>a{color: #740002;}
.menu_nav>ul>li>a.active{border-bottom: 2px solid #740002; color: #740002;}
.menu_nav>ul>li>ul{width: 150%;height: auto;background: #f1f3f4;position: absolute; top: 100%; left: -25%; display: none; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); padding: 1px 0 0 0; border-radius: 18px 18px 0 0;}
.menu_nav>ul>li:hover>ul{display: block;}
.menu_nav>ul>li>ul li{position: relative;border-bottom:1px solid #c1c1c1;}
.menu_nav>ul>li>ul li>a{display: block; width: 90%; padding: 8px 3%; text-align: left; margin:0px; height: auto; line-height: 20px; border: 0;font-size: 14px;color: #000; vertical-align: middle;}
.menu_nav>ul>li>ul li:hover>a{color: #740002;}
.menu_nav>ul>li>ul li>a.active{color: #740002;}
.menu_nav>ul>li>ul li ul{width: 100%;height: auto; position: absolute; left: 100%;display: none; margin-left: 1px; top: 0; background: #fff;border-bottom: 1px solid #e9e9e9; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); border-radius: 3px;}
.menu_nav>ul>li>ul li:hover>ul{display: block;}

/*移动端菜单*/
.nav_btn{width: 40px; height: 70px; line-height: 70px; float: right; z-index: 88888; color: #740002; text-align: center; display: none;}
.nav_btn i{font-size: 24px;}

/* 手机导航 */
.nav_box{width: 60%; max-width: 400px; height: 100%;position: fixed;top: 0;left: -70%;z-index: 99999;background: rgba(255, 255, 255, 1);overflow: hidden;overflow-y: auto;}
.nav_close{width: 100%;height: 71px;box-sizing: border-box;padding: 0 20px;border-bottom: 1px solid #740002;overflow: hidden;}
.nav_close .lan_box{width: auto; height: 100%; float: right; overflow: hidden; padding: 20px 0px;}
.nav_close .lan_box a{display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; background: #f0f0f0; color: #999; font-size: 14px; margin-left: 10px;}
.nav_close .lan_box a.active{background: #740002; color: #fff;}
.nav_close .close{width: 70px;height: 100%;float: left; overflow: hidden; line-height: 70px;}
.nav_close .close i{color: #740002; font-size: 22px;}

.nav_list{width: 100%;height: auto;overflow: hidden;}
.nav_list ul{margin: 0;padding: 0;overflow: hidden;}
.nav_list ul li{width: 100%;height: auto;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.nav_list ul li:last-child{border: 0;}
.nav_list ul li a{width: 100%;height: auto;display: block; color: #333; box-sizing: border-box; padding: 20px 45px 20px 20px; font-size: 16px;position: relative;overflow: hidden;}
.nav_list ul li a .icon_right{width: 20px;height: 40px;position: absolute;top: 50%;right: 20px;margin: -20px 0 0;z-index: 2;line-height: 40px;text-align: center;font-size: 14px;color: #999;overflow: hidden;}
.nav_list>ul>li>a.active{background: #740002;color: #fff;}
.nav_list>ul>li>a>i{margin-right: 10px; color: #999;}
.nav_list>ul>li>a.active>i{color: #fff;}
.nav_list ul li a.active .icon_right{color: #fff;}
.nav_list ul li ul{display: none;background: rgba(0,0,0,0.02);}
.nav_list ul li ul li{border: 0;}
.nav_list ul li ul li a{font-size: 14px; color: #333; padding: 15px 20px 15px 20px; vertical-align: middle;}
.nav_list ul li ul li a span{color: #fff; display: inline-block; width: 14px; height: 14px; background: #ff6700; font-size: 9px; border-radius: 50%; text-align: center; line-height: 14px; margin-left: 6px;vertical-align:text-top;}
.nav_list ul li ul li a.active{background: none;color: #740002;}
.nav_list ul li ul li ul li a{padding: 15px 20px 15px 40px;font-size: 12px;color: #999;}
.nav_list ul li ul li ul li ul li a{padding: 15px 20px 15px 50px;font-size: 12px;color: #999;}

.mask{width: 100%;height: 100%;background: #000;opacity: .5;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}

.slide_container {width: 100%; height: auto; max-height: 700px; overflow: hidden; position: relative; background: #fff;}
.slide_container img {max-width: 100%; height: auto; min-height: 400px; display: block; object-fit: cover; vertical-align:middle;}

.banner_go_left{position: absolute; left: 0px; top: 50%; width: 30px; height: 60px; color: #fff; line-height: 60px; margin-top: -30px; text-align: center; background: rgba(0,0,0,0.2); opacity: 0.2; z-index: 9999; cursor: pointer; border-radius: 0 3px 3px 0;}
.banner_go_right{position: absolute; right: 0px; top: 50%; width: 30px; height: 60px; color: #fff; line-height: 60px; margin-top: -30px; text-align: center; background: rgba(0,0,0,0.2); opacity: 0.2; z-index: 9999; cursor: pointer; border-radius: 3px 0 0 3px;}
.banner_go_left i, .banner_go_right i{font-size: 20px;}
.banner_go_left:hover, .banner_go_right:hover{font-size: 20px; opacity: 1;}

.i_pro_go_left{position: absolute; left: 50%; margin-left: -62px; bottom: -34px; width: 32px; height: 32px; color: #283c86; border: solid 1px #283c86; line-height: 32px; text-align: center; opacity: 0.6; z-index: 9999; cursor: pointer; border-radius: 3px;}
.i_pro_go_right{position: absolute; right: 50%; margin-right: -62px; bottom: -34px; width: 32px; height: 32px; color: #283c86; border: solid 1px #283c86; line-height: 32px; text-align: center; opacity: 0.6; z-index: 9999; cursor: pointer; border-radius: 3px;}
.i_pro_go_left i, .i_pro_go_right i{font-size: 20px;}
.i_pro_go_left:hover, .i_pro_go_right:hover{font-size: 20px; opacity: 1;}
.i_pro_go_more{position: absolute; left: 50%; margin-left: -18px; bottom: 6px; width: 36px; height: 34px; line-height: 34px; text-align: center; opacity: 0.6; z-index: 9999; cursor: pointer; border-radius: 3px;}
.i_pro_go_more a i{font-size: 34px; color: #283c86;}
.i_pro_go_more:hover{opacity: 1;}

.pagination_banner{position: absolute;left: 0;text-align: center;bottom:25px;width: 100%;}
.pagination_gallery{position: absolute;left: 0;text-align: center;bottom:25px;width: 100%;}

.slick-dots{position: absolute;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{display: inline-block; width: 12px; height: 12px; border-radius: 7px; margin: 0 3px;padding: 0; cursor: pointer; opacity: 0.4; font-size: 0px; background:#283c86;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
.slick-dots li button{display: none;}
.slick-dots li.slick-active{opacity: 1; width: 30px;}

/*标题*/
.i_title_out{width: 100%; height: auto; margin: 0px auto;}
.i_title_box{width: 100%; height: auto; text-align: center; color: #283c86; font-size: 34px; margin: 10px 0 0px 0;font-family: cursive;font-weight:600;}
.i_title_line{width: 120px; height: 2px; background:#e0e0e0; margin: 0px auto; border-radius: 2px;}
.i_title_sub{width: 100%; max-width: 600px; height: auto; color:#d1d1d1; font-size: 14px; margin: 5px auto; text-align: center;font-family: cursive;}
.i_new_box .i_title_box{color: #283c86;}
.i_new_box .i_title_line{background: #ababae;}
.i_new_box .i_title_sub{color: #ababab;}

/*公司简介*/
.i_abo_box{width: 100%;height: auto; background: #f5f5f5 url(../images/line_bg.png); float: left;}
.i_abo_m_box{width: 98%; max-width: 1200px; height: auto;margin: 0px auto; padding: 10px 0 30px 0;}
.i_abo_img{width: 50%; height: auto; float: left; border-radius: 3px; overflow: hidden;}
.i_abo_img img{width: 100%;border-radius:10px;}
.i_abo_txt{width: calc(50% - 50px); height: auto; float: left; padding: 2px 0 0 50px;}
.i_abo_title{width: 100%;height: auto;line-height: 30px;font-size: 26px; color: #000; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: cursive;font-weight:bold;}
.i_abo_subtitle{width: 100%;height: auto;line-height: 24px; font-size: 14px; color: #999; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_abo_text{width: 100%; height: auto;margin: 1px 0;font-size: 14px;color: #666;line-height: 30px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 6;}
.i_abo_more{width: 100%;height: auto;line-height: 40px;}
.i_abo_more a{display: inline-block; width: auto;height: 40px; padding: 0 40px; text-align: center;border-radius: 20px; background: #283c86;color: #fff;font-size: 14px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.i_abo_more a:hover{color: #fff; background: #740002;}

/*新闻中心*/
.i_new_box{width: 100%;height: auto; padding-bottom: 50px; float: left; background: url(../images/new_bg.jpg) no-repeat center; background-position:50%; background-repeat:no-repeat; background-size:cover; overflow: hidden;}
.i_new_list{width: 98%; max-width: 1200px; height: auto;margin: 0px auto;}
.i_new_one{width: 48%; height: auto; margin: 13px 1%; float: left; overflow: hidden; border-radius:20px; background: rgba(0,0,0,0.3); position: relative;}
.i_new_left{width: 40%; height: auto; float: left;}
.i_new_img{width: 100%; height: auto; text-align: center; overflow: hidden; border-radius:20px; float: left; padding-bottom: 66.6%; position: relative; background: #fff;}
.i_new_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.i_new_text{width: 56%; height: 100%; padding: 0 2%;overflow: hidden; position: absolute;top: 48%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 0;}
.i_new_text span{color: #fff; font-size: 12px; display: block; line-height: 24px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.i_new_text span.i_new_txt{height: auto;}
.i_new_text span.i_new_time{line-height: 28px;color:#b4b3b9;}
.i_new_text a{display: block; color: #fff;font-size: 16px; line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_new_one:hover{background: #fff;}
.i_new_one:hover .i_new_text span{color: #333;}
.i_new_one:hover .i_new_text span.i_new_time{color: #999;}
.i_new_one:hover .i_new_text span.i_new_txt{color: #666;}
.i_new_one:hover .i_new_text a{color: #740002;}

/*合作伙伴*/
.i_pic_box{width: 100%;height: auto; padding-bottom: 50px; float: left; background: #f5f5f5 url(../images/line_bg.png); overflow: hidden;}
.i_pic_list{width: 98%; max-width: 1200px; height: auto;margin: 2px auto 0 auto;}
.i_pic_one{width: calc(19% - 5px); height: auto; margin: 5px 5px; float: left; position: relative;}
.i_pic_img{width: 100%; height: auto; text-align: center; float: left; padding-bottom: 66.6%; overflow: hidden; border-radius: 40px; background: #f1f3f4;border: 1px solid #f1f3f4; position: relative;}
.i_pic_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);border-radius:40px;}
.i_pic_img:hover{border-radius: 40px;}


/*产品+案例*/
.i_pro_box{width: 100%;height: auto;margin: 0 0 30px 0; float: left;}
.i_pro_m_box{width: 100%; max-width: 1200px; height: auto; margin: 0px auto;background: #efefef;border-radius:30px 20px 30px 30px;}
.i_pro_m{width: 100%;height: auto; position: relative; padding-bottom: 40px;}
.i_pro_list{width: 100%;height: auto; padding-top: 13px;}
.i_pro_one{width: calc(98.5% - 10px);height: auto;margin: 0px 15px 10px 15px;float: left;position: relative;}
.i_pro_img{width: calc(100% - 2px); height: auto; text-align: center; padding-bottom: 100%; border-radius: 3px; border: solid 1px #efefef; background: #fff; position: relative;}
.i_pro_img img{max-width: 99%; max-height: 100%; position: absolute; border-radius:5px; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.i_pro_text{width: 90%; height: 42px; line-height: 42px; background:#283c86; padding: 0px 5%;text-align: center; text-overflow: ellipsis; white-space: nowrap; border-radius: 0 0 5px 5px;}
.i_pro_text a{color: #fff;font-size: 16px; line-height: 42px;font-weight:bold;}
.i_pro_text a em{color: #ff6700; font-style: normal;}
.i_pro_one:hover .i_pro_img{ border: solid 1px #efefef; border-radius: 3px 3px 0 0;}
.i_pro_one:hover .i_pro_img img{border-radius: 3px 3px 0 0;}
.i_pro_one:hover .i_pro_text a{color: #fff;}
.i_pro_one:hover .i_pro_text{background:#740002;}


/*底部*/
.i_foot_box{width: 100%;height: auto;overflow: hidden; background: #333; padding: 0 0 10px 0;}
.i_foot_m_box{width: 98%; max-width: 1200px; height: auto;margin: 0px auto;overflow: hidden; text-align: center; color: #b7b7b7; font-size: 15px; padding-top: 10px;}
.i_foot_m_box a{color: #b7b7b7;}
.i_foot_m_box a:hover{color: #fff;}
.i_foot{text-align: left; margin: 0 auto; width: 1150px;}
.i_foot a{margin:4px 5px;font-size:14px;}
.foot_kefu{display: none;}

.p_nav_box{width: 100%;height: auto;overflow: hidden; background: #f5f5f5; padding: 15px 0;}
.p_nav_m_box{width: 98%; max-width: 1200px; height: auto; text-align: center; margin: 0px auto; overflow: hidden; color: #666; font-size: 14px;}
.p_nav_m_box i{color: #999; font-size: 14px; padding: 0px 5px;}
.p_nav_m_box a{color: #666;}
.p_nav_m_box a:hover{color: #740002;}

/*内页banner*/
.p_banner{width: 100%;height: auto;font-size: 0;overflow: hidden;border-radius:50px;}
.p_banner img{width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.p_bread{width: 98%; padding: 10px 1%; background: #f5f5f5; color: #666; font-size: 12px; display: none;}
.p_bread i{font-size: 12px; margin: 0px 5px; color: #999;}
.p_title{width: 100%;box-sizing: border-box;padding: 15px 0;font-size: 20px;text-align: center;background: #fff;color: #000;font-weight: bold; display: none; border-bottom: 5px #f5f5f5 solid;}
.p_title .line{width: 40px;height: 2px;margin: 5px auto 5px auto;background: #740002;}

/*内页框架*/
.main_box{width: 98%; height: auto; padding: 0 1%;}
.main_m{width: 98%; max-width: 1200px; height: auto; padding: 0px 1%; margin: 0px auto;}
.main_left{width: 270px; height: auto; float: left; margin-right: 10px; margin-top: 30px;}
.s_nav{margin-bottom: 15px;}
.n_title{width: calc(100%-40px); height: 40px; padding-left:10px; line-height: 40px; background: #283c86; color: #fff; border-radius: 10px;}
.n_title h6{margin: 0;padding: 0; font-size: 22px; position: relative;font-family: cursive;font-weight:bold;}
.n_title h6 .line{position: absolute; width: 36px; height: 2px; background: #fff; left: 0px; bottom: 3px;}
.s_title{width: calc(100%-40px); height: 60px; padding: 0 20px; line-height: 60px; background:#283c86; color: #fff; border-radius: 30px;
        margin-bottom:8px; border-bottom:6px solid #bdbdbd;}
.s_title h6{margin: 0;padding-left:55px;font-weight: bold;font-size: 36px;font-family:monospace;background:url(../images/d2.png) 5px  15px no-repeat;}
.s_nav_list{width: 100%;height: auto;}
.s_nav_list ul{margin: 0;padding-bottom:10px;background:#f1f3f4; border-radius:30px;}
.s_nav_list ul li{width: calc(100%-40px);height: auto; margin: 5px 20px;}
.s_nav_list>ul>li{}
.s_nav_list>ul>li>a{display: block;width: calc(100%-40px);height: auto;padding: 3px 0px 3px 20px;margin-bottom:6px;font-size: 20px;font-weight:900;background:#efefef;
          color: #283c86; border-top: 1px solid #eae3e3;border-bottom: 2px solid #b5b5b5; line-height: 30px;font-family: monospace;border-radius:20px;}
.s_nav_list>ul>li>a i{font-size:18px;padding-left:1px;color:#740002;}
.s_nav_list>ul>li>a.active{color:#fff;background:#740002;}
.s_nav_list>ul>li:hover>a{color:#00a95b;font-weight:900;}
.s_nav_list ul li ul{width: 100%;height: auto; display: none;}
.s_nav_list ul li ul li{width: calc(100%-14px);height: auto; margin: 0 0 0 14px;}
.s_nav_list ul li ul li a{display: block;width: 100%;height: auto; padding: 10px 0; line-height: 24px;font-size: 12px;color: #666;border-top: 1px dotted #d9d9d9;}
.s_nav_list ul li ul li a i{font-size: 12px; }
.s_nav_list ul li ul li a:hover{color: #740002;}
.s_nav_list ul li ul li a.active{color: #740002;}
.s_nav_list ul li ul li ul{width: 100%;height: auto; display: none;}
.s_nav_list ul li ul li ul li{width: calc(100%-14px);height: auto; margin: 0 0 0 14px;}
.s_nav_list ul li ul li ul li a{display: block;width: 100%; height: auto; padding: 10px 0; line-height: 24px;font-size: 12px;color: #666;border-top: 1px dotted #d9d9d9;}
.s_nav_list1{width: 100%;height: auto;}
.s_nav_list1 ul{background:#f1f3f4;border-radius: 20px 30PX 30px 15px;}
.s_nav_list1>ul>li{border-bottom:2px solid #ffffff;overflow:hidden;line-height:30px;height:35px;}
.s_nav_list1>ul>li>a{display: block;width: calc(100%-40px);height: auto;padding: 4px 0px;font-size: 14px;color:#283c86;}

.s_new_list{width: calc(100%-40px); height: auto;padding: 0 2px 10px 2px;background:#f1f3f4;font-size: 12px;line-height: 22px; border-radius:20px;}
.s_new_list ul{margin: 0;padding: 0;}
.s_new_list ul li{width: 100%;height: auto; padding: 10px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom:1px solid #e0e0e0;}
.s_new_list ul li:last-child{border-bottom: 0;}
.s_new_list ul li a{color: #000;font-size: 14px;}
.s_new_list ul li span{display: inline-block; width: 22px; height: 22px; background: #f0f0f0; text-align: center; color: #999; font-size: 12px; border-radius: 3px; margin-right: 5px;}
.s_new_list ul li:nth-child(1) span{background: #ff7050; color: #fff;}
.s_new_list ul li:nth-child(2) span{background: #ff7050; color: #fff;}
.s_new_list ul li:nth-child(3) span{background: #ff9750; color: #fff;}
.s_new_list ul li a:hover{color: #740002;}

.s_con{width: 100%;height: auto;margin-bottom: 30px; overflow: hidden;}
.s_con_title{width: 100%; height: auto; overflow: hidden; border-radius:20px;}
.s_con_list{width: calc(100%-40px); height: auto; padding: 10px 20px; background: #f9f9f9; font-size: 12px; color: #666; overflow: hidden; border-radius: 0 0 3px 3px;}
.s_con_list a{color: #666;}
.s_con_list a:hover{color: #740002;}

.main_right{width: calc(100% - 300px); float: left; margin-top: 30px; padding-left: 20px; background: #fff;  border-radius: 3px;}

/*留言反馈*/
.feed_box{width: 100%; height: auto; padding: 20px 0px;}
.layui-input-inline img, .layui-input-block img{max-height: 36px; border-radius: 3px; cursor: pointer;}

/*新闻列表*/
.p_new_box{width: 100%; height: auto; float: left; padding: 10px 0; font-size: 14px; color: #333;}
.p_new_one{width: 100%;height: auto; padding: 5px 0; float: left; position: relative; border-top: dotted 1px #d9d9d9;}
.p_new_one:first-child{border: none;}
.p_new_left{width: 20%; height: auto; float: left;}
.p_new_img{width: 100%; height: auto; text-align: center; overflow: hidden; border-radius: 20px; float: left; padding-bottom: 66.6%; position: relative; background: #fff;}
.p_new_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.p_new_text{width: 78%; height: 100%; padding: 0 0 0 2%;overflow: hidden; position: absolute; top: 48%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 0;}
.p_new_text span{color: #333; font-size: 12px; display: block; line-height: 24px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.p_new_text span.p_new_txt{height: auto; color: #c1c1c1;}
.p_new_text span.p_new_time{line-height: 22px; color: #e0e0e0;}
.p_new_text a{display: block; color: #000;font-size: 16px; line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p_new_one:hover .p_new_text a:hover{color: #740002; text-decoration: none;}

/*新闻详情*/
.p_new_title{width: 100%;height: auto;padding: 0 0 10px;text-align: center;font-size: 13px;color: #d7d7d7;overflow: hidden;}
.p_new_title h1{margin-bottom:5px;padding: 10px 0 1px;font-weight: bold;color: #333;height:30px;overflow:hidden;font-size:22px;}

/*产品列表*/
.p_pro_box{width: 100%; height: auto; float: left; padding: 10px 0; font-size: 14px; color: #333;}
.p_pro_one{width: calc(33.333% - 10px); height: auto; margin: 13px 5px; float: left; position: relative;}
.p_conn_one{width: calc(25% - 10px); height: auto; margin: 2px 5px 15px 5px; float: left; position: relative;}
.p_pro_img{width: calc(100% - 2px); height: auto; text-align: center; padding-bottom: 100%; border-radius:13px 13px 0 0; border: solid 1px #283c86;position: relative;}
.p_pro_img img{width: 100%;height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);border-radius:13px 13px 0 0;}
.p_pro_text{width: 96%; height: 40px; line-height: 40px; padding: 0px 2%; overflow: hidden; background:#283c86;text-align: center;  text-overflow: ellipsis; white-space: nowrap; border-radius: 0px 0px 10px 10px;}
.p_pro_text a{color: #fff;font-size: 16px; line-height: 40px;}
.p_pro_text a em{color: #ff6700; font-style: normal;}
.p_pro_one:hover .p_pro_img{border: solid 1px #740002; border-radius: 10px 10px 0 0;}
.p_pro_one:hover .p_pro_img img{border-radius: 13px 13px 0 0;}
.p_pro_one:hover .p_pro_text a{color: #FFF;}
.p_pro_one:hover .p_pro_text{color: #FFF;background:#740002;}
.p_conn_one:hover .p_pro_img{border: solid 1px #cbcbcb; border-radius: 6px 6px 0 0;}
.p_conn_one:hover .p_pro_img img{border-radius: 5px 5px 0 0;}
.p_conn_one:hover .p_pro_text{color: #FFF;background:#283c86;}

.p_pro_img_t{width: calc(100% - 2px); height: 0;overflow: hidden;margin: 0; text-align: center; padding-bottom: 100%; border-radius: 3px; border: solid 1px #eee; background: #fff; position: relative;}
.p_pro_img_t img{max-height: 100%; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

/*视频列表*/
.p_vid_box{width: 100%; height: auto; float: left; padding: 10px 0; font-size: 14px; color: #333;}
.p_vid_one{width: calc(33.333% - 10px); height: auto; margin: 13px 5px; float: left; position: relative;}
.p_vid_img{width: calc(100% - 2px); height: auto; text-align: center; padding-bottom: 56.25%; border-radius: 3px; border: solid 1px #eee; background: #fff; position: relative;}
.p_vid_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 3px;}
.p_vid_text{width: 90%; height: 50px; line-height: 50px; padding: 0px 5%; overflow: hidden; text-align: center;  text-overflow: ellipsis; white-space: nowrap;}
.p_vid_text a{color: #000;font-size: 16px; line-height: 50px;}
.p_vid_text a em{color: #ff6700; font-style: normal;}
.p_vid_one:hover .p_vid_img{border: solid 1px #fff; border-radius: 3px 3px 0 0;}
.p_vid_one:hover .p_vid_img img{border-radius: 3px 3px 0 0;}
.p_vid_one:hover .p_vid_text a{color: #740002;}
.p_conn_one:hover .p_vid_img{border: solid 1px #fff; border-radius: 3px 3px 0 0;}
.p_conn_one:hover .p_vid_img img{border-radius: 3px 3px 0 0;}
.p_conn_one:hover .p_vid_text a{color: #740002;}

.share_video_box{width: 100%; height: auto; float: left; margin: 10px 0; padding-bottom: 56.25%; position: relative;}
.share_video_box iframe, .share_video_box object, .share_video_box embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*下载列表*/
.p_down_box{width: 100%; height: auto; float: left; padding: 10px 0; font-size: 14px; color: #333;}
.p_down_one{width: calc(100% - 30px); height: auto; padding: 20px 15px; margin: 10px 0; float: left; position: relative; border: solid 1px #eee; border-radius: 3px;}
.p_down_text{width: 70%; height: auto; text-overflow: ellipsis; white-space: nowrap; float: left;}
.p_down_text a{display: block; width: 100%; height: 16px; float: left; color: #000;font-size: 16px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.p_down_text a:hover {color: #740002;}
.p_down_time{width: 100%; height: 12px; color: #999; float: left; font-size: 12px; line-height: 12px; margin-top: 12px;}
.p_down_btn{width: 30%; max-width: 70px; height: 40px; line-height: 40px; text-align: center; float: right; background: #fff;}
.p_down_btn a{display: block; width: 100%; height: 100%; font-size: 30px; color: #fff; border-radius: 3px;}
.p_down_btn i{font-size: 26px; color: #740002;}
.p_down_one:hover .p_down_btn a{background: #740002;}
.p_down_one:hover .p_down_btn i{color: #fff;}

/*翻页*/
.s_list{width: 96%;height: auto;line-height: 40px;font-size: 0;text-align: center;padding: 0 2% 20px 2%;font-family: cursive;}
.s_list a{display: inline-block;background: #283c86;color: #fff;padding: 0 16px;margin: 0 5px;font-size: 15px;border-radius:25px;overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.s_list a:hover{color: #fff; background:#434240;}

/*分页*/
.p_list{width: 96%;height: auto;line-height: 40px;font-size: 0;text-align: center;padding: 10px 2% 20px 2%;overflow: hidden;}
.p_list span{display: inline-block;color: #bbb;padding: 0 6px; font-size: 14px;overflow: hidden;}
.p_list a{display: inline-block;background: #333;color: #fff;padding: 0 16px;margin: 0 5px;font-size: 14px;border-radius:20px;overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.p_list a.active{background:#283c86;color: #fff;}
.p_list a:hover{background: #740002;color: #fff;}

/*详情页*/
.p_pro_m_box{width: 100%; height: auto ;margin: 0px auto; overflow: hidden; background: #f1f2f3; border-radius:66px;}
.p_pro_img_box{width: 380px; height: 380px; float: left; margin-right:4%; position: relative; overflow: hidden;margin-left:1px;}
.gallery_box{width: 100%; margin: 0px auto; height: auto; font-size: 0px; overflow: hidden;}
.gallery_img_one{width: 100%; height: auto; text-align: center; padding-bottom: 100%; background: #f1f2f3; position: relative;}
.gallery_img_one img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 15%;height:360px;}
.p_pro_info_box{width: calc(52% - 20px); height: auto; float: left; padding: 0px 20px 10px 10px; overflow: hidden;}
.p_pro_info_box h1{font-size: 20px; font-weight:bold;line-height: 36px;height:37px; padding-top: 5px; color: #283c86; border-bottom: 1px solid #283c86;overflow:hidden;font-family:cursive;}
.p_pro_info{padding-top: 10px; font-size: 14px; color: #333; line-height: 30px; height:70px;}

.p_pro_info_t{width: auto; float: left; padding-right: 10px;font-size:16px;font-family: cursive;}
.p_pro_info_t span{color: #000; display: block; width: auto; text-align: right;}
.p_pro_info_c{width: auto; float: left;}
.p_pro_info_c span{color:#a5aabb; display: block; width: auto;font-family: cursive;}
.p_pro_info_c span a{color:#000;font-size:16px;font-family: cursive;font-weight:500;}

.p_pro_info_o{	padding-top:2px;line-height: 28px; color: #740002;font-family: cursive;font-size: 15px;}
.p_pro_info_oo{ background:url(../images/liucheng.jpg) no-repeat;height:130px;border: 0px solid #dedede;}

.p_pro_info_o span{color:#000;padding-right:10px;}
.p_pro_tips{padding-top: 10px; width: 100%; height: auto; display: block; clear: both; color: #f00;}
.p_pro_tips span{color: #f00;}
.p_pro_tel{padding:5px 0 5px 5px;  display: block; clear: both; color:#283c86; font-size: 24px; font-weight:900;font-family: cursive;border:1px solid #283c86;
           border-radius:30px;margin-top:18px;}
.p_pro_tel span{color:#283c86; font-size: 20px;font-family: cursive; }

.pro_d_m{width: 100%;height: auto;overflow: hidden; margin-top: 20px;}
.pro_title{width: 100%;height: auto; overflow: hidden; font-size: 18px; color: #fff; border-bottom: solid 1px #283c86;background:#f1f2f3;border-radius:25px;}
.pro_title span{display: inline-block; width: auto; height: 35px; line-height: 35px; padding: 0px 15px; background: #283c86; font-weight:bold;font-family: cursive;border-radius: 25px;}
.pro_cont{width: 100%; height: auto; background: #fff; font-size: 14px; line-height: 30px; color: #333; overflow: hidden;}
.pro_cont img{max-width: 100%;border-radius:20px;}
.pro_cont table {width:100%; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.pro_cont table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.pro_cont table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #e6e6e6; text-align:center;}

/*相关标题*/
.conn_title{width: 100%; height: auto; padding: 2px 0; line-height: 28px;border-top: 2px solid #283c86;font-size: 12px;background:#f1f3f4; border-radius:10px;}
.conn_title h4{margin: 0;padding: 0;font-weight: bold;font-size: 24px;height: 28px;color:#283c86;font-family: cursive;}

/*单页*/
.right_title{width: 100%; height: auto; padding: 0 0; line-height: 40px;border-bottom: 2px solid #283c86;font-size: 12px;background:#f5f5f5;border-radius:30px;}
.right_title h1{margin: 0;padding-left:15px;font-weight: bold;font-size: 26px;height: 40px;color: #283c86;font-family: cursive;}
.right_title h2{margin: 0;padding-left:10px;font-weight: bold;font-size: 24px;height: 35px;color: #283c86;font-family: cursive;}
.right_title h5{margin: 0;padding-left:10px;font-weight: 700;height: 35px; line-height: 34px; font-size: 18px;font-family: cursive;color:#283c86;}
.right_title h5 a{color: #283c86;}
.right_title h5 a:hover{color: #740002;}
.right_title h5 i{font-size: 15px; color: #283c86; margin: 0px 5px;}
.right_title h5 i.for_nav_home{margin-left: 0px;}
.right_bottom{width: 100%; height: auto; float: left; padding:5px 0 10px 10px; font-size: 14px; line-height: 30px; color: #000;}
.right_bottom img{max-width: 100%;border-radius:15px;}
.right_bottom a{color: #740002;}
.right_bottom a:hover{text-decoration: underline;color: #740002;}
.right_foot{width: 100%; height: auto; float: left; padding: 20px 0 0 0; font-size: 14px; line-height: 26px; color: #999; border-top: dotted 1px #d9d9d9;}
.right_foot a{color: #333;}
.right_foot a:hover{color: #740002;}

/*空*/
.null_box{width: calc(100% - 40px); height: auto; min-height: 80px; float: left; padding: 100px 20px; margin-bottom: 20px; background: #fff; border-radius: 3px; text-align: center; font-size: 12px; line-height: 20px; color: #999}
.null_box i{display: block; text-align: center; font-size: 40px; color: #999; line-height: 50px;}

/* 在线客服 */
.bottom_tools{top:50%; margin-top:-115px; position:fixed; z-index: 9999999; right:0px;}
.cl_kefu_one{width:45px; height:45px; margin-bottom:1px; line-height: 45px; text-align: center;}
.cl_kefu_one i{font-size: 24px; color: #fff;}
.go_radius_1{border-radius: 3px 0 0 0;}
.go_radius_2{border-radius: 0 0 0 3px;}
#cl_gotop{display:none;}
.qr_img{position:absolute;top:-45px;left:-183px; display:none; width:141px; height:168px; padding-left:32px; padding-top:50px; background:url(../images/qr_img.png) no-repeat;}
.qr_img img{border:0px; vertical-align:middle; max-width:110px; height:auto;}
.qr_img_en{position:absolute;top:-45px;left:-183px; display:none; width:141px; height:168px; padding-left:32px; padding-top:50px; background:url(../images/qr_img_en.png) no-repeat;}
.qr_img_en img{border:0px; vertical-align:middle; max-width:110px; height:auto;}
.qr_menu{position:absolute;top:46px; left:-180px; width:180px; height:auto; display:none; text-align:right; background: #fff;}
.qr_menu>span{display:inline-block; width:180px; height:auto; float:left; color:#FFF; font-size:16px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}
.qr_menu a{display:inline-block; width:138px; padding-left:20px; height:45px; float:left; color:#666; font-size:14px; line-height:45px; text-align:left; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qr_menu a i{font-size: 30px; display: inline-block; vertical-align: top; margin-right: 10px; color: #40abf5;}
.qr_menu a span{display: inline-block; vertical-align: top;}
.qr_menu_1{position:absolute;top:92px; left:-180px; width:180px; height:auto; display:none; text-align:right;}
.qr_menu_1 ul{margin:0px; padding:0px;}
.qr_menu_1 ul li{display:inline-block; width:158px; padding-left:10px; height:45px; float:left; color:#666; font-size:14px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#FFF;}
.qr_menu_1 span{display:inline-block; width:180px; height:45px; float:left; color:#FFF; font-size:16px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}

/*地图*/
.p_ditu_box{width: 100%; height: auto; float: left; padding: 10px 0;}
.ditu_title{display: inline-block; padding: 5px 10px 0 10px; line-height: 30px; font-size: 16px; font-weight: bold; color: #740002;}
.ditu_cont{display: inline-block; padding: 0px 10px; font-size: 14px; line-height: 20px;}
#mapshowbox{width:100%; height:500px; border-radius: 3px;}
#mapshowbox_big{width:100%; height:100%; position:absolute;}
.goto_bigmap{width:100%; height:46px; margin-top:10px;}
.goto_bigmap a{display:inline-block; width:100%; height:46px; line-height:46px; font-size:20px; text-align:center; color:#fff; background:#740002; text-decoration:none; border-radius: 3px;}
.goto_bigmap a:hover{color:#fff;}

@media screen and (max-width:992px) {
    .slide_container {max-height: 420px;}
    .slide_container img {min-height: 420px;}
	.top_box{display: none;}
	.p_banner{display: none;}
	.p_title{display: block;}
	.p_bread{display: block;}
	.main_left{display: none;}
	.main_right{width: 100%; margin-top: 0px; padding-left: 0px;}
	.right_bottom{width: 98%; padding: 10px 1%;}
	.right_title{display: none;}
	.conn_title h4{font-size: 20px;}
	.i_abo_img{width: 96%; height: auto; float: left; border-radius: 3px; overflow: hidden; margin: 0px 2%;}
	.i_abo_txt{width: 96%; height: auto; float: left; padding: 20px 2% 0 2%;}
	.i_abo_title{text-align: center;}
	.i_abo_subtitle{text-align: center;}
	.i_abo_text{-webkit-line-clamp: 5;}
	.i_abo_more a{width: calc(100% - 80px); margin-top: 10px;}
	.i_new_one{width: 96%; margin: 13px 2%;}
	.i_new_one .i_new_text span{-webkit-line-clamp:4;}
	.p_new_one{width: 100%;}
	.p_new_one .p_new_text span{-webkit-line-clamp:2;}
	.layui-form-label{text-align: left !important; padding-left: 0px !important; display: block !important;}
	.layui-input-inline{margin-left: 0px !important;}
	.layui-input-block{margin-left: 0px !important;}
    .menu_nav{display: none;}
    .nav_btn{display: block;}
    .header_box{height: 70px;}
    .i_title_box{font-size: 28px; margin: 20px 0 6px 0;}
    .i_title_line{width: 56px;}
    .i_title_sub{width: 80%; font-size: 14px; margin: 12px auto; text-align: center;}
}

@media screen and (max-width:768px) {
	.banner_go_left, .banner_go_right{display: none !important;}
	.i_abo_text{-webkit-line-clamp: 5;}
	.i_new_one .i_new_text span{-webkit-line-clamp:2;}
	.p_new_one .p_new_text span{-webkit-line-clamp:2;}
    .slide_container {max-height: 320px;}
    .slide_container img {min-height: 320px;}
	.i_foot_box{margin-bottom: 35px;}
	.bottom_tools{display: none;}
	/*底部客服*/
	.foot_kefu{display: block; width: 100%; height: 34px; line-height: 34px; background: rgba(255,255,255,0); position: fixed; bottom: 0px; padding-top: 1px; z-index: 999;}
	.foot_kefu_one{width: calc(25% - 1px); height: 34px; line-height: 34px; float: left; text-align: center; margin-right: 1px; font-size: 14px; color: #fff; background: #740002; border-radius: 3px 3px 0 0;box-shadow: 0 -10px 15px rgba(0,0,0,0.1);}
	.foot_kefu_one:nth-child(4){width: 25%;margin-right: 0px;}
	.foot_kefu_one a{color: #fff;}
	.foot_kefu_one a i{margin-right: 6px; font-size: 14px;}
	.foot_kefu_one a:hover{color: #fff;}
}

@media screen and (max-width:576px) {
    .slide_container {max-height: 200px;}
    .slide_container img {min-height: 200px;}
	.i_pro_one{width: calc(100% - 10px);height: auto;margin: 0px 5px 20px 5px;float: left;position: relative;}
	.i_abo_text{-webkit-line-clamp: 6; font-size: 16px;}
	.i_new_one{background: rgba(255,255,255,1); margin: 6px 2%;}
	.i_new_one .i_new_left{width: 42%;}
	.i_new_one .i_new_text{width: 54%;}
	.i_new_one .i_new_text span{-webkit-line-clamp:1;}
	.i_new_one .i_new_text span{color: #000;}
	.i_new_one .i_new_text span.i_new_time{color: #999;}
	.i_new_one .i_new_text span.i_new_txt{color: #666;}
	.i_new_one .i_new_text a{color: #000; font-size: 14px;}
	.i_new_one .i_new_text a:hover{color: #740002;}
	.i_pic_box{padding-bottom: 30px;}
	.p_new_one{padding: 14px 0;}
	.p_new_one .p_new_left{width: 40%;}
	.p_new_one .p_new_text{width: 56%;}
	.p_new_one .p_new_text span{-webkit-line-clamp:1;}
	.p_new_one .p_new_text span{color: #000;}
	.p_new_one .p_new_text span.p_new_time{color: #999;}
	.p_new_one .p_new_text span.p_new_txt{color: #666;}
	.p_new_one .p_new_text a{color: #000; font-size: 16px;}
	.p_new_one .p_new_text a:hover{color: #740002;}
	.p_pro_one{width: calc(50% - 10px);}
	.p_vid_one{width: calc(50% - 10px);}
	.p_conn_one{width: calc(50% - 10px);}
	.i_abo_m_box{padding: 10px 0 30px 0;}
	.i_pic_one{width: calc(50% - 2px);}
	.p_pro_m_box{background: #fff;}
	.p_pro_img_box{width: 100%;}
	.p_pro_info_box{width: 100%; padding: 10px 0;}
	.pro_d_m{margin-top: 0px;}
	.p_down_btn{background: #740002; border-radius: 3px;}
	.p_down_btn a{color: #fff;}
	.p_down_btn i{color: #fff;}
	.pro_cont{font-size: 16px; line-height: 32px;}
	.right_bottom{font-size: 16px; line-height: 32px;}
	#mapshowbox{height: 360px;}
}