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

body {padding:0; margin: 0; font-size: 12px; font-family:'Montserrat',Helvetica,Arial,Lucida,sans-serif;}
ul,ol{list-style:none; padding: 0; margin: 0;}
a{text-decoration:none;}
.mob{display:none;}
 .phone-nav {
    display: none;
  }
img{width:100%;}
input{border:0; outline: 0;}
textarea{border:0; outline: 0;}
.clear{clear:both;}
.top{background:#00479d; padding:10px 0; color: #FFF;}
.top .top-tel a{ color: #FFF;}
.top .top-tel a:hover{color:#ea7d00}
.top .top-tel i{margin-right:10px;}
.email .email-ico{margin-right:10px; background: #00479d; border-radius: 5px; display: flex; justify-content: center; align-items: center; padding:10px 15px;}
.email .email-ico i{font-size: 24px; color: #FFF;}
.flex-between{display:flex;justify-content: space-between;}
.logo img{width:100%; height: auto;}
.email .email-txt .t1{text-transform: uppercase; color: #333; font-size: 18px; font-weight: 600; box-sizing: border-box;}
.email .email-txt .t2 a{color:#666;}
.email .email-txt .t2 a:hover{color: #00479d;}
.pd15-0{padding:15px 0;}
.navs {
	background-color:#00479d;
	padding:0;
	position: sticky;
	width:100%;
	top:0;
	z-index: 9999;

}
.navs ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.navs ul li {
    display:inline-block;
    position:relative;
}

/* sub navigation */
.navs li ul {    
    background: #FFF;
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    position:absolute;
    left:0;
    top:50px; /* make this equal to the line-height of the links (specified below) */
    width:240px;
}
.navs li li {
    position:relative;
    margin:0;
    display:block;
	 border-bottom:1px solid rgba(0,0,0,.10);
}
.navs li li ul {
    position:absolute;
    top:0;
    left:240px; /* make this equal to the width of the sub nav above */
    margin:0;
}

/* style all links */
.navs a {
    line-height:40px;
    padding:5px 25px;
    margin-right:2px;
}
.navs a {
    color:#fff;
    text-decoration:none;
    display:block;
}
.navs a:hover{color:#FFF; background: #ea7d00;}
.active a{color:#FFF; background: #ea7d00;}

/* style sub level links */
.navs li li a {
    padding:5px 15px;
	margin: 0;
	color: #ea7d00;
	border-left: 0;
	background: #FFF;
	transition:0.5s ease all;
}
.navs li li a:hover{background:#ea7d00; color: #FFF; border-left: 2px solid #00479d; padding-left: 20px;}
.navs li li:last-child a {
    border-bottom:none;
}

/* hide sub menu links */
ul.sub-menu {
    display:none;
}

/* show arrows for dropdowns */
.navs li.dropdown > a {
    background-image:url('../images/arrow-down.svg');
    background-position:right center;
    background-repeat:no-repeat;
	background-size: 20px auto;
}
.navs li li.dropdown > a{
    background-image:url('../images/black-right.svg');
    background-position:right center;
    background-repeat:no-repeat;
}
.navs li li.dropdown > a:hover {
    background-image:url('../images/white-right.svg');
    background-position:right center;
    background-repeat:no-repeat;
	background-size: 20px auto;
}
.quote{background:#ea7d00;}
.quote a{padding:5px 20px; margin: 0; }
.quote a:hover{color:#FFF;}
.banner{background-image: url("../images/banner.jpg");background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
	background-blend-mode:overlay;
	position: relative;  }
.ban-bl{background-color: rgba(0,0,0,0.7)!important;}
.banner .ban-txt{padding:12% 0 25%; position: relative; z-index: 99;}
.banner .ban-txt .tit{font-size:3rem; color: #FFF; font-weight: bold;}
.banner .ban-txt .ftit{font-size:1.2rem; color: #FFF;}
.banner .ban-txt .btn-box-1{ margin-right: 2rem;}
.banner .ban-txt .btn-box-1 a{background:#00479d; display: block; padding:12px 20px; color: #FFF; border-radius: 10px; border: 1px solid #00479d; transition:0.3s ease all;}
.banner .ban-txt .btn-box-1 a:hover{background:#ea7d00; border:1px solid #ea7d00;}
.banner .ban-txt .btn-box-2 a{ display: block; padding:12px 20px; color: #FFF; border-radius: 10px; border:1px solid #FFF; transition:0.3s ease all;}
.banner .ban-txt .btn-box-2 a:hover{background:rgba(0,0,0,0.25);  border:1px solid rgba(0,0,0,0.25);}
.banner .ban-foot{position: absolute; right: 0; bottom: 0; z-index: 99;  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3); border-radius: 25px 0 0 0;}
.bg-blue{background: #00479d; border-radius: 25px 0 0 0; }
.b-sz .tit{font-size:42px; color: #FFF; font-weight: bold;}
.b-sz .ftit{font-size:16px; color: #FFF;}
.b-txt{background-image:url("../images/full-automatic-ice-packer-9.jpg"); background-color: rgba(255,255,255,0.76); background-size: 100% auto;}
.b-txt .b-bg{background-color:rgba(255,255,255,0.76); height: 100%; padding:40px 20px 0 40px;}
.b-txt .b-bg .tit{color:#000; font-size: 28px;}
.b-txt .b-bg .ftit{color:#666; font-size: 16px;}

.i-pro .tit{font-size: 1rem; color: #00479d;}
.i-pro .ftit{font-size: 1.8rem; font-weight: bold;}
.i-pro .line{ height: 3px; width:70px; background: #00479d; position: relative; margin: 10px auto;}
.i-pro .line::after{position: absolute; top: 0;  left: -12px; content:""; width:3px; height: 3px; background: #00479d;}
.i-pro .line::before{position: absolute; top: 0;  right: -12px; content:""; width:3px; height: 3px; background: #00479d;}
.i-pro .smtext{ margin: 0 auto; font-size: 1rem; color: #888; line-height: 1.8;}
.i-probox{width:23%; margin:0 1% 25px; border: 1px solid #EEE; transition:0.5s ease all;}
.i-probox:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);}
.i-probox .pic{overflow: hidden; position: relative;}
.i-probox .pic:hover::after{position:absolute; width:100%; height: 100%; content: ""; top: 0; left: 0; background: rgba(0,0,0,0.25);}
.i-probox .pic img{width:100%; height: auto; transition: 0.5s ease all;}
.i-probox .pic:hover img{transform:scale(1.1)}
.i-probox .tit{ text-align: center; padding:10px; font-size: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i-probox .tit a{color:#666;}
.i-probox:hover .tit a{color: #ea7d00;}

.iabout-pic img{width:95%}
.iabout-txt .tit{font-size:1rem; color: #00479d;}
.iabout-txt .ftit{font-size:2rem; color: #444; font-weight: bold; line-height: 1;}
.iabout-txt .line{height: 3px; width:70px; background: #00479d; position: relative;}
.iabout-txt .line::before{position: absolute; top: 0;  right: -20px; content:""; width:3px; height: 3px; background: #00479d;}
.iabout-txt .line::after{position: absolute; top: 0;  right: -12px; content:""; width:3px; height: 3px; background: #00479d;}
.iabout-txt .smtext{ color: #666; line-height: 1.8; font-size: 1.2rem; border-bottom: 1px solid #e5e5e5;}
.iabout-sz .s1{font-size:2.2rem; font-weight: bold;color: #ea7d00; position: relative;}
.iabout-sz .s1::after{content:"+"; position: absolute; top: 0; right: 0; color:#ea7d00; font-size: 1.4rem; }
.iabout-sz p{color:#00479d;}

.ys-bg{background-image: url("../images/03-Application-bg.jpg"); background-blend-mode: overlay;}
.ys-bl{background-color: rgba(255,255,255,0.95)!important;}
.ys-top{background:#00479d; border-radius: 15px;}
.ys-top .tit{font-size:24px; color: #FFF;}
.ys-top .ys-btn a{ background: #ea7d00; border-radius: 40px; padding:15px 35px; color: #FFF;}
.ys-top .ys-btn a:hover{background:#FFF; color: #ea7d00;}
.ys-pic img{width:60%;}
.ys-tit{font-size:1rem; color: #333;}

#my-video {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
	height: 100%;
	overflow: hidden;
}

.i-porject .tit{font-size: 1rem;}
.i-porject .ftit{font-size: 1.8rem; font-weight: bold;}
.i-porject .line{ height: 3px; width:70px; background: #00479d; position: relative; margin: 10px auto;}
.i-porject .line::after{position: absolute; top: 0;  left: -12px; content:""; width:3px; height: 3px; background: #00479d;}
.i-porject .line::before{position: absolute; top: 0;  right: -12px; content:""; width:3px; height: 3px; background: #00479d;}
.i-porject .smtext{ margin: 0 auto; font-size: 1rem; color: #888; line-height: 1.8;}
.projectbox{width:23%; margin: 0 1%; position:relative; overflow: hidden; margin-bottom: 30px;}
.projectbox img{width:100%; height: auto;}
.projectbox .hi-box{position:absolute; width:100%;left: 0; height: 100%; top:100%; background:rgba(234,125,0,0.75); transition:0.5s ease all; padding: 20% 5% 0; text-align:right; }
.projectbox:hover .hi-box{top:0;}
.projectbox .hi-box .t1{font-size:1.4rem; color: #FFF;}
.projectbox .hi-box .t1 a{color:#FFF;}
.projectbox .hi-box .more{ text-align:right;}
.projectbox .hi-box .more a{background:#00479d; padding:5px 15px; border-radius: 25px; color: #FFF; transition: 0.5s ease all;}
.projectbox .hi-box .more a:hover{background:#FFF; color:#00479d; }
.i-c{margin:10px auto; border:1px dashed #000; text-align: center; padding:20px 0; border-radius: 20px; color: #666;}
.i-c a{text-decoration:underline; color: #000;}

.f-c{background:#00479d; margin-bottom: 120px;}

/*prolist*/
.in-ban {
    background-image: url("../images/03-Application-bg.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    background-blend-mode: overlay;
    position: relative;
}
.in-ban .lm{position:relative; font-size: 2rem; color: #FFF;}
.in-ban .lm::after{width:50px; height: 2px; background: #FFF; bottom: -10px; position: absolute; content: ""; left: 0;}
.in-ban .lm-txt{color:#FFF; width:100%; max-width:800px;}
.in-ban .snav{ margin-top: 3rem; color: #fff; font-size: 1.2rem;}
.in-ban .snav a{color:#FFF;}
.in-ban .snav span{padding:0 10px;}
.list-l{width:70%; }
.list-l .listbox{width:48%; margin: 0 1% 20px;}
.list-l .listbox .pic{ overflow: hidden;}
.list-l .listbox .pic img{width:100%; transition:0.5s ease all;}
.list-l .listbox .pic img:hover{transform: scale(1.1); opacity: 0.8;}
.list-l .listbox .tit{ padding:15px 10px; text-align: center; font-size: 18px; color: #333;}
.list-l .listbox:hover .tit{color: #00479d;}

.list-l .listbox-3{width:31.3333%; margin: 0 1% 20px; overflow: hidden;}

.list-l .listbox-3 .pic{ overflow: hidden;}
.list-l .listbox-3 .pic img{width:100%; transition:0.5s ease all;}
.list-l .listbox-3 .pic img:hover{transform: scale(1.1); opacity: 0.8;}
.list-l .listbox-3 .tit{ padding:15px 2px; text-align: center; font-size: 14px; color: #ea7d00;}
.list-l .listbox:hover .tit{color: #00479d;}


.list-r{width:28%;}
.list-r .r-search{background:#f6f6f6;}
.list-r .r-search .s-tit{position:relative; color: #000; font-size: 1rem; }
.list-r .r-search .s-tit::before{width:100px; height: 1px; background: #d4d4d4; position: absolute; z-index: 9; content: ''; left: 0; bottom:-10px;}
.list-r .r-search .s-tit::after{width:35px; height: 3px; background: #00479d; position: absolute; z-index: 99; content: ""; left: 0; bottom: -12px; transition: 0.5s ease all;}
.list-r .r-search:hover .s-tit::after{width:80px;}
.list-r .r-search .s-input .input-txt{border:1px solid #F0F0F0; border-radius: 10px; padding:8px 10px; width:90%;}
.list-r .r-search .s-input input:hover{border:1px solid #F0F0F0; outline: none;}
.list-r .r-search .s-btn{background:#00479d; width:100%; color: #FFF;  border-radius: 10px; text-align: center; padding:10px;}
.list-r .r-search .s-btn:hover{background:#ea7d00;}

.list-r .r-pro{background:#f6f6f6;}
.list-r .r-pro .s-tit{position:relative; color: #000; font-size: 1rem; }
.list-r .r-pro .s-tit::before{width:100px; height: 1px; background: #d4d4d4; position: absolute; z-index: 9; content: ''; left: 0; bottom:-10px;}
.list-r .r-pro .s-tit::after{width:35px; height: 3px; background: #00479d; position: absolute; z-index: 99; content: ""; left: 0; bottom: -12px; transition: 0.5s ease all;}
.list-r .r-pro:hover .s-tit::after{width:80px;}
.list-r .r-list{}
.list-r .r-list .p_box{margin-bottom: 10px; border-bottom:1px solid #eee; display: flex; width: 100%; padding:10px 0;}
.list-r .r-list .p_box .p_img{width:40%; padding:10px 2px;overflow: hidden; }
.list-r .r-list .p_box .p_img img{transition:0.5s ease all; width:100%; height: auto;}
.list-r .r-list .p_box .p_txt{width:60%; padding:10px 5px;}
.list-r .r-list .p_box .p_txt .tit{font-size:15px; color: #444; font-weight: 500; font-style: normal; width:100%; height: 50px; line-height: 25px; overflow: hidden;}
.list-r .r-list .p_box .p_txt .more{margin-top: 10px; padding-right: 10px; color:#bc5713; font-weight: 400;}
.list-r .r-list .p_box:hover .p_img img{transform:scale(1.1)}
.list-r .r-list .p_box a{display:flex;}
.list-r .r-list .p_box:hover{border-bottom:1px solid #bc5713}

.pagelist{text-align:center; width:100%; margin-bottom: 20px;}

.pro-tit{ font-size: 1.2rem; color: #000; border-bottom: 1px solid #F0F0F0; padding: 10px 0; position: relative;}
.pro-tit::after{position:absolute; left: 0; bottom:-2px; height: 3px; width:12%; content: ""; background: #00479d;}
.list-2 {
	padding:10px 0;
}
.list-2 li {
	float: left;
	width: 25%;
}
.list-2 li a {
	display: block;
	margin:5px;
	border: 1px solid #F0F0F0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	padding: 2px;
}
.list-2 li .img-center {
	overflow: hidden;
	height: 186px;
	line-height: 186px;
}
.list-2 li .img-center img {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	width:100%; height: 100%;
}
.list-2 li a:hover {
	-webkit-box-shadow: 0 0 15px #ccc;
	box-shadow: 0 0 15px #ccc;
}
.list-2 li a:hover .img-center img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.pro-txt{ color: #666; line-height: 1.8; font-weight: 300;text-align: justify;}
.pro-txt ul li{list-style:disc;}
.about .about-l{width:38%;}
.about .about-r{ width:60%;}
.about .about-r .tit{font-size:1rem; color: #00479d;}
.about .about-r .ftit{font-size:2rem; color: #444; font-weight: bold; line-height: 1;}
.about .about-r .line{height: 3px; width:70px; background: #00479d; position: relative;}
.about .about-r .line::before{position: absolute; top: 0;  right: -20px; content:""; width:3px; height: 3px; background: #00479d;}
.about .about-r .line::after{position: absolute; top: 0;  right: -12px; content:""; width:3px; height: 3px; background: #00479d;}
.about .about-r .smtext{ color: #000; line-height: 1.6; font-size: 1.2rem; font-weight: 300;}
.r-l{flex-direction:row-reverse;}

/*News*/
.newslist{display:flex;  flex-flow: wrap;}
.newslist .news-box{padding: 15px 0; width:100%; margin-bottom: 10px; border-bottom: 1px solid #F0F0F0; display: flex; justify-content: space-between; flex-flow: wrap;}
.newslist .news-box:hover{background:#f8f8f8;}
.newslist .news-box .news-pic{width:24%;}
.newslist .news-box .news-pic img{max-width:100%; height: auto;}
.newslist .news-box .news-txt{width:74%;}
.newslist .news-box .news-txt .title{font-size: 24px; color: #000; margin-bottom: 15px; margin-top: 8px;}
.newslist .news-box .news-txt .title a{ color:#333; transition: 0.5s ease all;}
.newslist .news-box .news-txt .title a:hover{ color: #ef5e35; padding-left: 10px;}
.newslist .news-box .news-txt .time{ font-size: 14px; color: #999; margin-bottom: 15px;}
.newslist .news-box .news-txt .time i{margin-right: 5px;}
.newslist .news-box .news-txt .smtext{ font-size: 16px; color:#666; line-height: 1.8; margin-bottom: 25px;}
.newslist .news-box .news-txt .ck{width:150px; text-align: center; }
.newslist .news-box .news-txt .ck a{padding:10px 0; border: 1px solid #DDD; color: #333; display: block;}
.newslist .news-box .news-txt .ck a:hover{ background: #ef5e35; color: #FFF;}
.newstxt{padding:20px 0;}
.newstxt .title{font-size:32px; color: #000000; text-align: center; margin-bottom: 15px;}
.newstxt .ftitle{ text-align:center; color: #666;}
.newstxt .ftitle span{padding-right:10px; margin-right: 10px; border-right: 1px solid #ddd; color: #888;}
.newstxt .pagetxt{padding-top:25px; font-size: 16px; color: #666; line-height: 1.8; text-align: justify;}
.fy{border:1px solid #f0f0f0; display: flex; flex-flow: wrap; margin-top: 30px;}
.fy a{color:#333;}
.fy a:hover{color: #ef5e35;}
.fy a i{padding:0 5px;}
.fy .fy-l{width:50%; border-right: 1px solid #f0f0f0; padding:10px; transition: 0.5s ease all;}
.fy .fy-l:hover{padding-left:20px;}
.fy .fy-r{width:50%; padding:15px; text-align: right; padding:10px; transition: 0.5s ease all;}
.fy .fy-r:hover{padding-right:20px;}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
    margin-bottom: 20px;
}


.table{margin:1em auto 0 auto; border-collapse:collapse; cellspacing:0; cellpadding:0; text-align:center; max-wwidth:100%; overflow-x: scroll; max-width: 100%;}
.table tr:first-child{font-size:14px;background:#f8f8f8;}
.table td{ text-align:center; border:1px solid #E8E8E8;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}
.pagination>li {
    display: inline
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 3;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.contact .contact-l{width:40%;}
.contact-l a{color:#000;}
.contact-l a:hover{text-decoration: underline;}
.contact .contact-l .t1{border-bottom:1px solid #EEE; font-size: 16px; color: #000; font-weight: bold; font-size: 1.2rem;}
.contact .contact-l .t2{font-size:1.2rem; color: #000;}
.contact .contact-l .t2 i{margin-right:10px; width:20px; text-align:center;}
.contact .contact-r{width:55%; color: #000;}
.contact .contact-r .tit{font-size:2rem; color: #000; font-weight: bold;}
.contact .contact-r .line{height: 3px; width:70px; background: #00479d; position: relative;}
.contact .contact-r .line::before{position: absolute; top: 0;  right: -20px; content:""; width:3px; height: 3px; background: #00479d;}
.contact .contact-r .line::after{position: absolute; top: 0;  right: -12px; content:""; width:3px; height: 3px; background: #00479d;}
.contact .contact-r .tips{font-size:1rem; color: #666;}
.contact .contact-r .w49{width:49%;}
.contact .contact-r .w100{width:100%;}
.contact .contact-r .lybd{padding:5px 10px; width: 95%; border:1px solid #DDD; border-radius: 8px;}
.contact .contact-r .lybox .ftit{font-size:0.7rem; color: #333;}
.contact .contact-r .ly-btn{ background:#00479d; padding:10px 25px; border-radius: 10px; color: #FFF;}
.contact .contact-r .ly-btn:hover{background: #ea7d00;}

/*MESSAGE*/
#feedback{
	width:310px;
	height:400px;
	position:fixed;
	bottom:0;
	right:10px;
	margin-bottom:0px;
	z-index:10000;
	box-shadow: 0 20px 40px 8px rgba(0, 0, 0, 0.25);
	border-radius: 10px 10px 0 0;
	border:1px solid #F0F0F0;
	border-bottom:none;
	background: #FFF;
}

*html #feedback { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#feedback .section{}
#feedback .section p{font-size:13px; color: #666; padding:10px; text-align: center; margin:0!important;}
#feedback h6{
	height: 40px;
	padding:0 15px;
	line-height: 40px;
	cursor:pointer;
	background: #00479d;
	border-radius: 10px 10px 0 0;
	color: #FFF; font-size: 18px;
	
	
}
#feedback .section .bdbox{padding:10px;}
#feedback .section .bdbox .bd{border:1px solid #F0F0F0; margin-bottom: 10px; color: #666; padding:6px 10px; width:calc(100% - 20px); font-size:14px;}
#feedback .section .bdbox .ly{  line-height: 20px;}
#feedback .section .bdbox .ly-btn{border-radius:6px; padding:10px 0; text-align: center; font-size: 16px; width:100%; border:none; background: #00479d; color: #FFF;}

#feedback .arrow{
	background:url('../images/arrows.png') no-repeat;
	float:right;
	width:23px;
	height:18px;
	position:relative;
	top:10px;
}

#feedback .arrow.down{ background-position:left top;}
#feedback h6:hover .down{ background-position:left bottom;}
#feedback .arrow.up{ background-position:right top;}
#feedback h6:hover .up{ background-position:right bottom;}


.footer{background:#ea7d00; border-top:6px solid #00479d;}
.footer a{color:#FFF;}
.footer a:hover{color:#FFF; text-decoration:underline;}
.footer .f-l{border-top:6px solid #ea7d00; background:#00479d; margin-top: -55px;}
.footer .f-l .f-logo img{width:60%;}
.footer .f-l .f-tel{color:#FFF; font-size: 2rem; font-weight: bold;}
.footer .f-l .f-txt{font-size:0.95rem; color: #FFF; line-height: 1.8;}
.footer .f-l .f-share a{border-radius: 30px; height: 32px; width: 32px; padding: 0; box-sizing: content-box; border:1px dashed #FFF; text-align: center; line-height: 32px; margin-right: 10px;}
.footer .f-l .f-share a i{color:#FFF; font-size: 16px;}
.footer .f-list .tit{font-size:1.2rem; color: #FFF;}
.footer .f-list ul{margin:0; padding:20px 0 0 10px;}
.footer .f-list ul li a{font-size:0.9rem; color: #FFF; margin-bottom: 10px;  position: relative; padding-left: 24px;}
.footer .f-list ul li a::before{ position: absolute; content: ""; left: 8px; top: 40%; width:8px; height: 2px; background: #FFF;}
.footer .f-contact .tit{font-size:1.2rem; color: #FFF;}
.footer .f-contact .t1{font-size:1rem; color: #FFF; font-weight: 300; margin-bottom: 2px;}
.footer .f-contact .smtext{font-size: 1rem; color: #FFF;}


.copyright{background:#00479d; text-align: center; color: #FFF;}
.back-top{width:40px; height: 40px; background: #666; border-radius: 10px 0 0 10px; position: fixed; right: 0; bottom: 10%; z-index: 999;  background: url("../images/up.svg") no-repeat center rgba(0,0,0,0.4); background-size: 24px; }

/*right message*/
	.whatsapp{position:fixed; top:250px; height: 70px; right: -220px;  -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); border:1px solid #F0F0f0; border-radius: 10px 0 0 10px; z-index: 10000; display: flex; width:280px; background: #FFF; transition: 0.5s ease all; cursor:pointer;}
	.whatsapp:hover{right:0;}
	.whatsapp .tb{width:60px; text-align: center;}
	.whatsapp .tb img{width:48px; height: auto; padding:11px 0;}
	.whatsapp .txt{ padding:10px;}
	.whatsapp .txt .t1{font-size:16px; color: #666; margin-bottom: 5px;}
	.whatsapp .txt .t2{font-size:14px; color: #333;}
	
	.skype{position:fixed; top:330px; height: 70px; right: -220px;  -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); border:1px solid #F0F0f0; border-radius: 10px 0 0 10px; z-index: 10000; display: flex; width:280px; background: #FFF; transition: 0.5s ease all; cursor:pointer;}
	.skype:hover{right:0;}
	.skype .tb{width:60px; text-align: center;}
	.skype .tb img{width:80%; height: auto; padding:11px 0;}
	.skype .txt{ padding:10px;}
	.skype .txt .t1{font-size:16px; color: #666; margin-bottom: 5px;}
	.skype .txt .t2{font-size:14px; color: #333;}


@media(max-width:991px){
	.m-menu{ padding:15px 10px; position: sticky; top: 0; width:100%; z-index: 9999; background: #FFF;     box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);}
 .phone-nav {
    display:block;
  }
	.phone-nav {
    position: absolute;
    font-size: 24px;
    right: 25px;
	top:10px;	
    display: none;
    color: #00479d;
    display: block;
}
	.whatsapp{top:400px;}
	.skype{top:480px;}
	
	
	
}

@media (max-width:768px) {
	.container{width:100%;}
	.pc{display:none;}
	.mob{display:block;}
	.col-d-3{width:60%;}
	.col-d-12{width:100%!important;}
	.col-d-10{width:83.3333%!important;}
	.banner .ban-txt .tit{font-size:1.8rem;}
	.banner .ban-txt .btn-box-1{margin-right: 0rem; margin: 0 auto 20px; width:70%; text-align: center;}
	.banner .ban-txt .btn-box-2{margin-right: 0rem; margin: 0 auto; width:70%; text-align: center;}
	.banner .ban-foot{position:relative!important;}
	.banner .ban-txt .ftit{font-size:1rem;}
	.bg-blue{border-radius:0;}
	.b-txt .b-bg{padding:20px;}
	.b-txt .b-bg .tit{font-size:20px; text-align: center;}
	.b-txt .b-bg .ftit{text-align:center;}
	.i-probox{width:100%;}
	.iabout-pic{margin-bottom:12px;}
	.iabout-txt .ftit{font-size:1.2rem;}
	.iabout-txt .smtext{font-size:1rem; color: #888;}
	.ys-top .tit{margin-bottom:30px;}
	.projectbox{width:98%; margin-bottom: 20px;}
	.iabout-sz .s1{font-size:1.8rem;}
	.p-d-5{padding:20px;}
	.list-l{width:100%;}
	.list-r{width:100%;}
	.list-l .listbox{width:98%;}
	.list-l .listbox-3{width:98%;}
	.list-2 li {width: 50%;}
	.list-2 li .img-center { height: 110px; line-height: 110px;}
	.contact .contact-l{width:100%}
	.contact .contact-r{width:100%;}
	.about .about-l{width:100%; margin-bottom: 10px;}
	.about .about-r{width:100%;}
}