@charset "utf-8";
@font-face {
	font-family: 'Myhl';
	src: url('../font/Myhl.eot');
	src: url('../font/Myhl.eot?#iefix') format('embedded-opentype');
	src:url('../font/Myhl.woff') format('woff'), url('../font/Myhl.ttf') format('truetype'), url('../font/Myhl.svg#Myhl') format('svg'),local('Myhl');
	font-weight: normal;
	font-style: normal;
}
body,html{width:100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; word-break:break-all;}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#b2b2b2;}
::-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
.w1400{max-width: 1400px; min-width: 320px; margin: 0 auto;}
.w820{width: 820px; margin: 0 auto;}
.owl-carousel .owl-nav{height: 0px;}

@media ( max-width:1500px){
	.w1400{padding:0 5%;}
}

@media ( max-width:1200px){
	.w1400{padding:0 15px;}
}

/* 公共样式 */
@keyframes warn {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	25% {
		transform: scale(0.5);
		opacity: 0.3;
	}
	50% {
		transform: scale(0.9);
		opacity: 0.5;
	}
	75% {
		transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		transform: scale(0);
		opacity: 0;
	}
	}
@-webkit-keyframes warn {
	0% {
			transform: scale(0);
			opacity: 0;
		}
	25% {
		transform: scale(0.5);
		opacity: 0.3;
	}
	50% {
		transform: scale(0.9);
		opacity: 0.5;
	}
	75% {
		transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		transform: scale(0);
		opacity: 0;
	}
} 

.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img,li:hover .effect-img img,dd:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

.Ban img{display: block; width: 100%;}


/*pages*/
.Pages{width:100%; text-align:center;}
.Pages a{display:inline-block; font-size: 18px; font-family: Arial; width: 40px; line-height: 40px; background:#ccc; color:#fff; margin:0px 5px;}
.Pages .a_prev,.Pages .a_next{display:inline-block; font-size: 14px; font-family: "宋体";}
.Pages .num a:hover,.Pages .num a.a_cur{background:#fa9319;}
/*pages end*/

/* top */
.Header{padding: 28px 0px; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 99; transition: 500ms; background: rgba(0,0,0,0.6);}
.Header.fixednav{padding: 10px 0px; background: rgba(0,0,0,0.6);}
.Top{position:relative; padding-right: 50px;}
.Logo{width:141px; float:left;}
.Logo img{display:block; width:100%;}

.Tright{ height: 35px;line-height: 35px;float: right; margin-left: 20px;}
.Tright .TEL{color: #fff;font-size: 16px;font-weight: bold;}
/*.Tright{width:21px; height: 23px; position: absolute; right: 0px; top: 50%; margin-top: -11px;}*/

.Search{position:absolute; top:40px; right:0px; background:#fff; border:2px solid #fa9319; width:220px; display:none; z-index:999;}
.Search .input{width:150px; padding:0px 10px; height:28px; font-size:14px;}
.Search .input::placeholder{color:#999;}
.Search .btn{height:28px; width:50px; text-align:center; font-size:14px; color:#fff; background:#fa9319; position:absolute; top:0px; right:0px;}
.Nav{float:right; width:628px;}
.Nav li{float:left; margin-left: 10px; position:relative;}
.Nav li .am{display:block; padding:0px 26px; font-size:16px; line-height: 35px; color:#fff; border-radius: 25px;}
.Nav li i{position: absolute; display: none; width: 70px; height: 70px; right: 0px; top: 0px; background-position: center center; background-repeat: no-repeat; background-image: url(../images/jia.png); overflow: hidden; z-index: 3;}
.Nav li:hover .am,.Nav li.active .am{background: #fa9319;}
.Nav li .SubNav{position:absolute; left:50%; top:100%; z-index:999; width:150px; margin-left:-75px; display:none; background:rgba(255,255,255,0.6); border-radius: 10px; padding:15px 0px;}
.Nav li .SubNav a{display:block; line-height:45px; font-size:14px; color:#333; text-align:center;}
.Nav li .SubNav a:hover{background:#fa9319; color: #fff;}

.Banner{position: relative; z-index: 3; overflow: hidden;}
.Banner .item{position: relative;}
.Banner .item img{display: block; width: 100%; opacity: 0;}
.Banner .item video{position: absolute; left: 0xp; top: 0px; width: 100%; height: 100%; background: #000;}
.Banner .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 5%; height: 9px; line-height: 9px;}
.Banner .owl-dots .owl-dot{width: 12px; height: 12px; margin: 0px 4px; background: #fff; border-radius: 50%;}
.Banner .owl-dots .owl-dot.active{background: #fa9319;}

@media ( max-width:998px){
	.Header{padding: 15px 0px;}
	.Top{padding-right: 0;}
	.Tright{margin-right: 50px;}
    .Logo{width: 150px;}
    .header_menu{display:block; background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:30px; height:24px;background-size:100%;background-position:center; background-repeat:no-repeat; z-index:9;}
    .Showbox{width:60%; height:100%; background:rgba(0,0,0,.95); overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0; right:-100%;}
    .Showbox .close_bar{height:70px;line-height:70px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:rgba(0,0,0,.95); border-bottom:1px solid #e8e8e8;text-align:right;}
    .Showbox .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
    .Showbox .close_bar a:hover{transform:rotate(180deg);}
    .Nav{background:none; margin-top:72px; width:100%; padding: 0;}
	.Nav li{float:none; width:100%; text-align:left;}
	.Nav li i{display: block;}
    .Nav li .am{padding:10px 0px; color:#fff; line-height:50px; font-size:20px; padding-left:20px;}
	.Nav li:hover .am, .Nav li.active .am{background:none; color: #fa9319;}
	.Nav li .SubNav{position:static; background:none; padding:0px; width: 100%; margin-left: 0;}
    .Nav li .SubNav a{padding-left:35px; text-align: left; font-size: 16px; color: #fff;}
    .Nav li.on i{background-image: url(../images/jian.png);}
    .Nav li.on .SubNav{display: block;}
}

/* bottom */
.Footer{background: url(../images/bottombg.jpg) no-repeat center top;}
.Sitepath{padding: 78px 0px 67px;}
.Sitepath dl{width: 14.166%; float: left; margin-right: 3%;}
.Sitepath dl:nth-child(6){margin-right: 0;}
.Sitepath dl dd a{display: block; font-size: 14px; color: rgba(255,255,255,0.5); line-height: 34px;}
.Sitepath dl dt{font-size: 18px; line-height: 24px; margin-bottom: 20px; color: #fff;}
.Sitepath dl dt a{display: block; color: #fff;}
.share-2{margin-top: 25px;}
.share-2.share-component a{display: inline-block; width: 30px !important; height: 30px !important; background-size: cover;}
.share-2.share-component a.icon-wechat{background-image: url(../images/b2.png);}
.share-2.share-component a.icon-qq{background-image: url(../images/b1.png);}
.share-2.share-component a.icon-weibo{background-image: url(../images/b3.png);}

.Bottom{padding: 21px 0px; border-top: 1px solid rgba(255,255,255,0.1); line-height: 28px; font-size: 14px; color: rgba(255,255,255,0.4);}
.Bottom a{color: rgba(255,255,255,0.4);}
.Bottom i{padding: 0px 10px;}

@media ( max-width:998px){
	.Sitepath{display: none;}
	.Bottom{padding: 15px; line-height: 24px;}
	.Bottom span{float: none !important; display: block; text-align: center;}
}

/* index */

.Banner .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(24,31,60,.6);
    position: absolute;
    left: 0;
    top: 0;
}
.Banner .text-info{
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    padding: 0 5%;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
}
.Banner .text-info .page-title{
    font-size: 52px;
    color: #fff;
    line-height: 84px;
    margin-bottom: 30px;
}
.Banner .text-info .page-title p{
    display: inline-block;
    font-weight: 700;
}
.Banner .text-info .page-msg{
    line-height: 22px;
    display: inline-block;
    margin-bottom: 39px;
    font-size: 16px;
}
.Banner .text-info .banner-btns a{
    width: 120px;
    line-height: 38px;
    height: 40px;
    color: #fff;
    border: 1px solid #fff;
    background: rgba(0,0,0,0);
    display: inline-block;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.Banner .text-info .banner-btns a.free{
    margin-right: 30px;
    background: #e61717;
    border-color: #e61717;
}

@-webkit-keyframes bounce-down {
  25% {-webkit-transform: translateY(-10px);}
  50%, 100% {-webkit-transform: translateY(0);}
  75% {-webkit-transform: translateY(10px);}
}
  @keyframes bounce-down {
  25% {transform: translateY(-10px);}
  50%, 100% {transform: translateY(0);}
  75% {transform: translateY(10px);}
}

.Banner .arrow{position: absolute;bottom: 120px;left: 50%;margin-left: -32px;z-index: 9999;width: 64px; -webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;}
.Banner .item .arrow img{opacity: 1;}


@media ( max-width:640px){
.Banner .text-info .page-title{font-size: 30px;line-height: 40px;margin-bottom: 15px;}
.Banner .arrow{bottom: 20px;width: 40px;margin-left: -20px;}
.Banner .text-info .page-msg{margin-bottom: 0;}

}

@media ( max-width:500px){
	.Banner .text-info{   -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);top: 85px;}
.Banner .text-info .page-title{font-size: 20px;line-height: 24px;margin-bottom: 10px; }
.Banner .arrow{bottom: 10px;width: 20px;margin-left: -10px;}

}






.HomeTit{text-align: center;}
.HomeTit span{display: inline-block; *display: inline; *zoom: 1; position: relative; font-size: 36px; color: #000; line-height: 47px;}
.HomeTit .icon{position: absolute; right: -12px; top: 6px;}
.HomeTit p{font-size: 16px; color: #999; line-height: 30px;}
.HomeNews{padding: 52px 0px 68px;}
.HomeNews .hd{margin: 22px 0px 30px; text-align: center;}
.HomeNews .hd li{display: inline-block; *display: inline; *zoom: 1; width: 120px; line-height: 40px;}
.HomeNews .hd li a{display: block; font-size: 18px; line-height: 40px; color: #333; border-radius: 25px;}
.HomeNews .hd li.on a{background: #fa9319; color: #fff;}

.SlideCon .more{display: block; width: 120px; line-height: 45px; background: #fa9319; text-align: center; font-size: 16px; margin: 25px auto 0; color: #fff;}
.FocusBox{width: 42.5%; float: left;}
.FocusBox .item{position: relative;}
.FocusBox .item .pic img{display: block; width: 100%; height: 418px;}
.FocusBox .item .con{position: absolute; left: 0px; bottom: 0px; width: 100%; color: #fff; background: rgba(0,0,0,0.8); line-height: 27px;}
.FocusBox .item .con .date{background: #2a9cff; position: absolute; right: 0px; top: 0px; width: 100px; height: 100%; font-family: Arial; font-size: 14px; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.FocusBox .item .con .date span{display: block; font-size: 20px;}
.FocusBox .item .con .txt{padding: 23px 125px 23px 16px;}
.FocusBox .item .con .txt .name{display: block; font-size: 16px;}
.FocusBox .item .con .txt .info{font-size: 14px; color: rgba(255,255,255,0.6);}
.FocusBox .item .con .txt .name,.FocusBox .item .con .txt .info{height: 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.FocusBox .owl-nav .owl-prev span,.FocusBox .owl-nav .owl-next span{width: 30px; height: 40px; overflow: hidden; line-height: 1000px; background-color: rgba(0,0,0,0.6); background-position: center center; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -20px; z-index: 5;}
.FocusBox .owl-nav .owl-prev span{left: 0px; background-image: url(../images/left.png);}
.FocusBox .owl-nav .owl-next span{right: 0px; background-image: url(../images/right.png);}
.FocusBox .owl-nav .owl-prev span:hover,.FocusBox .owl-nav .owl-next span:hover{background-color: #fa9319;}


.NewsBox{width: 57.5%; float: right;}
.NewsBox dl{border: 1px solid #e6e6e6; border-bottom: none; border-right: none;}
.NewsBox dl dd{width: 50%; float: left; border-bottom: 1px solid #e6e6e6; background: #f9f9f9;}
.NewsBox dl dd:nth-child(2),.NewsBox dl dd:nth-child(3){background: #fff;}
.NewsBox dl dd a{display: block; padding: 35px; border-right: 1px solid #e6e6e6;}
.NewsBox dl dd .name{font-size: 18px; line-height: 25px; color: #333; height: 50px; overflow: hidden;}
.NewsBox dl dd .date{display: block; font-size: 14px; color: #b9b9b9; margin: 12px 0px; font-family: Arial;}
.NewsBox dl dd .info{font-size: 14px; color: #999; line-height: 20px; height: 40px; overflow: hidden;}
.NewsBox dl dd:hover .name{color: #fa9319;}

@media ( max-width:640px){
	.HomeNews{padding: 5% 0;}
	.HomeTit span{font-size: 20px; line-height: 30px;}
	.HomeTit p{font-size: 14px; line-height: 24px;}
	.HomeNews .hd li a{font-size: 16px; line-height: 36px;}
	.SlideCon .more{line-height: 40px;}
	.FocusBox,.NewsBox{width: auto; float: none;}
	.FocusBox .item .pic img{height: 450px;}
	.NewsBox dl dd .name{font-size: 16px;}

	.NewsBox dl dd{width: auto; float: none;}
	.NewsBox dl dd:nth-child(2n){background: #fff;}
	.NewsBox dl dd:nth-child(3){background: #f9f9f9;}
	.NewsBox dl dd a{padding: 20px;}
	.NewsBox dl dd .name{height: auto; max-height: 50px;}
	.NewsBox dl dd .info{height: auto; max-height: 40px;}
}

@media ( max-width:480px){
	.FocusBox .item .pic img{height: 255px;}
	.FocusBox .item .con .date{display: none;}
	.FocusBox .item .con .txt{padding: 15px;}
}

/* 产品中心 */
.BanPro{padding: 186px 0px 130px; background-image: url(../images/banbg.jpg); background-repeat: no-repeat; background-position: center top;}
.BanPro .txt{width: 38%; float: left; padding-top: 30px; font-family: "Myhl";}
.BanPro .txt .title{font-size: 72px; color: #0f76cf; line-height: 88px; font-weight: bold;}
.BanPro .txt .title span{font-family: "Myhl"; font-weight: normal;}
.BanPro .txt .info{line-height: 36px; margin: 15px 0 33px; font-size: 20px; color: #333; text-align: justify;}
.BanPro .txt dl dd{padding-left: 30px; background-image: url(../images/arr2.png); background-repeat: no-repeat; background-position: left center; font-size: 18px; line-height: 50px; color: #666;}
.BanPro .txt .warm{font-size: 18px; line-height: 30px; margin-top: 47px; color: #666;}
.BanPro .pic{width: 58%; float: right;}

.Title01{text-align: center; font-family: "Myhl"; font-size: 42px;}
.Title01 span{color: #0f76cf; font-family: "Microsoft YaHei"; font-weight: bold;}
.Title01 p{font-size: 20px; color: #808080; line-height: 50px; text-transform: uppercase;}
.Title01 .name{display: inline-block; *display: inline; *zoom: 1; position: relative; color: #000; line-height: 83px; padding-bottom: 7px; background-repeat: no-repeat; background-position: center bottom; background-image: url(../images/titbg1.png);}
.Title01 .name .icon{position: absolute; top: 22px; right: -12px;}
.Title01.tl{text-align: left;}
.Title01.tl .name{background-position: left bottom; background-image: url(../images/titbg2.png);}
.Title01.white .name{background-image: url(../images/titbg3.png); color: #fff;}
.Title01.white span{color: #f08200;}
.Title01.tc .name{background-image: url(../images/titbg4.png);}

.Pro_info{padding: 78px 0px 0px; height: 822px; background: url(../images/probg.jpg) no-repeat center top; font-family: "Myhl";}
.Pro_info .info{font-size: 24px; color: #333333; line-height: 42px; margin: 30px 0px 92px; text-align: center;}
.Pro_info .box{margin-left: 324px; position: relative;}
.Pro_info dl dd{font-size: 20px; color: #333; line-height: 36px; position: absolute;}
.Pro_info dl dd.i1{top: 72px; left: -18px;}
.Pro_info dl dd.i2{top: 28px; left: 754px;}
.Pro_info dl dd .icon{display: inline-block; width: 36px; height: 36px; position: relative; margin-right: 15px;}
.Pro_info dl dd .icon img{position: relative; z-index: 2;}
.Pro_info dl dd .icon i{position: absolute; z-index: 1; width: 56px; height: 56px; left: 50%; top: 50%; border-radius: 50%; margin: -28px 0px 0px -28px;-webkit-animation: warn 3s ease-out; -moz-animation: warn 4s ease-out; animation: warn 4s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.Pro_info dl dd.i1 .icon i{background: #94aec6;}
.Pro_info dl dd.i2 .icon i{background: rgba(250,147,25,0.6);}

.FunBox{background: #f7f7f7;}
.FunBox .pic{width: 48%; float: left; height: 900px; background-position: center center; background-size: cover;}
.FunBox .con{width: 34.5%; float: left; margin-left: 4%; padding-top: 58px;}
.FunBox .con .list{margin-top: 52px;}
.FunBox .con .list dd{width: 48.4%; float: left; margin-bottom: 20px; transition: 500ms;}
.FunBox .con .list dd:nth-child(2n){float: right;}
.FunBox .con .list dd a{display: block; border: 1px solid rgba(250,157,47,0); padding: 25px; min-height: 148px; position: relative;}
.FunBox .con .list dd .arrow{position: absolute; width: 18px; height: 18px; background: url(../images/arr5.png) no-repeat; top: 25px; right: 25px; opacity: 0;}
.FunBox .con .list dd .icon{display: block; width: 78px; height: 78px; margin-bottom: 13px;}
.FunBox .con .list dd .name{display: block; font-size: 24px; color: #333; line-height: 35px;}
.FunBox .con .list dd p{font-family: "Myhl"; font-size: 18px; color: #666; line-height: 29px;}
.FunBox .con .list dd:hover a{border: 1px solid rgba(250,157,47,1); background: #fff;}
.FunBox .con .list dd:hover .name{color: #fa9319; font-weight: bold;}
.FunBox .con .list dd:hover .arrow{opacity: 1;}

.ProList li{position: relative; font-family: "Myhl";}
.ProList li .pic img{display: block; width: 100%;}
.ProList li .w1120{position: absolute; width: 1120px; top: 22%; left: 50%; margin-left: -560px;}
.ProList li .con{position: absolute; width: 506px; right: 0px; top: 0px;}
.ProList li:nth-child(2n) .con{left: 0; right: auto;}
.ProList li .con_1{position: absolute; width: 506px; left:0px; top: 0px;}
.ProList li:nth-child(2n) .con_1{left: auto; right:0;}
.ProList li .con .info{font-size: 24px; color: #ccc; line-height: 42px; margin-top: 40px;}
.ProList li .con .entxt{font-size: 18px; line-height: 24px; color: #666;}

.VideoBox{position: relative;}
.VideoBox .pic img{display: block; width: 100%;}
.VideoBox .con{position: absolute; width: 100%; left: 0px; height: 272px; top: 50%; margin-top: -136px; z-index: 5; text-align: center;}
.VideoBox .con .play{display: inline-block; margin-top: 50px;}
#VideoID{position: absolute; width: 100%; height: 100%; background: #000; left: 0px; top: 0px; display: none;}

@media ( max-width:1500px){
	.BanPro .txt .title{font-size: 55px;}
	.Title01{font-size: 32px;}
	.FunBox .con{width: 43.5%;}
	.FunBox .con .list dd .name{font-size: 20px;}
	.FunBox .con .list dd p{font-size: 16px;}
	.ProList li .con .info{font-size: 20px;}
}

@media ( max-width:640px){
	.BanPro{padding: 80px 0px 50px; background-size: 100% 100%;}
	.BanPro .pic{width: auto; float: none; text-align: center;}
	.BanPro .txt{width: auto; float: none; padding: 0 0 5%;}
	.BanPro .txt .title{font-size: 30px; line-height: 40px;}
	.BanPro .txt .info{font-size: 18px; line-height: 30px;}
	.BanPro .txt dl dd{font-size: 16px; margin-top: 10px; line-height: 30px; background-position: left 8px;}

	.Pro_info{height: auto; padding: 5% 0; background-size: 100% 100% !important;}
	.Pro_info .info{font-size: 16px; line-height: 30px; margin: 15px 0px;}
	.Pro_info .box{margin: 0 5% 0 19%; padding: 20px 0px 100px;}
	.Pro_info dl dd{font-size: 14px;}
	.Pro_info dl dd.i1{left: -1%;}
	.Pro_info dl dd.i2{left: auto; right: -9%;}
	.Pro_info dl dd .icon{display: block; width: 25px; height: 25px; margin-right: 0;}

	.FunBox .pic{width: auto; float: none; height: 450px;}
	.FunBox .con{width: auto; float: none; margin-left: 0; padding: 20px;}

	.Title01{font-size: 20px;}
	.Title01 .name{line-height: 40px;}
	.FunBox .con .list{margin-top: 25px;}
	.FunBox .con .list dd .icon{width: 60px; height: 60px;}
	.FunBox .con .list dd .name{font-size: 16px; line-height: 30px;}
	.FunBox .con .list dd p{font-size: 14px; line-height: 24px;}

	.ProList li .w1120,.ProList li .con{width: auto; position: static; margin-left: 0;}
	.ProList li .con{padding: 20px; background: #000;}
	.ProList li .con .info{font-size: 16px; line-height: 30px; margin-top: 15px;}
	.ProList li .con .entxt{font-size: 14px;}
	.VideoBox .con{height: 154px; margin-top: -77px;}
	.VideoBox .con .play{margin-top: 15px; width: 40px;}
}

@media ( max-width:480px){
	.Pro_info dl dd.i1{top: 38px;}
	.FunBox .con .list dd,.FunBox .con .list dd:nth-child(2n){width: auto; float: none;}
	.FunBox .con .list dd a{border: 1px solid rgba(250,157,47,1); background: #fff; min-height: auto;}
	.FunBox .con .list dd .icon{width: 50px; height: 50px;}
	.FunBox .con .list dd .name{color: #fa9319; font-weight: bold;}
	.FunBox .con .list dd .arrow{opacity: 1;}
}

/* 方案 */
.ptb3{padding: 3% 0 5%;}
.mt90{margin-top: 90px;}
.DifficultBox{background: #121518;}
.DifficultBox .box{position: relative;}
.DifficultBox .box .pic{text-align: center;}
.DifficultBox dl dd{position: absolute; width: 29.5%;}
.DifficultBox dl dd.d1,.DifficultBox dl dd.d3,.DifficultBox dl dd.d5{left: 0px;}
.DifficultBox dl dd.d2,.DifficultBox dl dd.d4,.DifficultBox dl dd.d6{right: 0px;}
.DifficultBox dl dd.d1,.DifficultBox dl dd.d2{top: 0px;}
.DifficultBox dl dd.d3,.DifficultBox dl dd.d4{top: 192px;}
.DifficultBox dl dd.d5,.DifficultBox dl dd.d6{top: 374px;}

.DifficultBox dl dd .icon{position: absolute; left: 0px; top: 50%; width: 76px; margin-top: -38px; background-position: center center; background-image: url(../images/mask1.png);}
.DifficultBox dl dd .con{margin-left: 106px;}
.DifficultBox dl dd .name{display: block; font-size: 24px; color: #fff; line-height: 46px;}
.DifficultBox dl dd .info{font-size: 18px; line-height: 24px; color: #ccc;}
.DifficultBox dl dd:nth-child(2n) .icon{left: auto; right: 0px;}
.DifficultBox dl dd:nth-child(2n) .con{margin: 0px 106px 0px 0px; text-align: right;}
.DifficultBox dl dd:hover .icon{background-image: url(../images/mask2.png);}
.DifficultBox dl dd:hover .name{color: #f08200;}
.DifficultBox dl dd:hover .info{color: rgba(250,157,47,0.6);}

.PlanBox .pic img{text-align: center;}

.StepBox{background: url(../images/stepbg.jpg) no-repeat center top;}
.StepBox .list{padding-top: 50px;}
.StepBox .list li{width: 18.4%; float: left; margin-right: 2%; text-align: center;}
.StepBox .list li:nth-child(1){margin-top: 210px;}
.StepBox .list li:nth-child(2){margin-top: 160px;}
.StepBox .list li:nth-child(3){margin-top: 120px;}
.StepBox .list li:nth-child(4){margin-top: 80px;}
.StepBox .list li:nth-child(5){margin: 50px 0px 0;}
.StepBox .list li .name{display: block; margin: 22px 0px 12px; font-size: 20px; color: #333; line-height: 30px;}
.StepBox .list li .info{font-size: 14px; color: #666; line-height: 25px;}

.Scenario{background: #0f76cf;}
.Scenario .list li{width: 48.5%; float: left; background: #fff;}
.Scenario .list li:nth-child(2n){float: right;}
.Scenario .list li .box{padding: 48px 20px;}
.Scenario .list li .box .pic{width: 43.23%; float: left; text-align: center;}
.Scenario .list li .box .pic img{display: block; width: 100%;}
.Scenario .list li .box .txt{width: 51%; float: right; padding-top: 35px;}
.Scenario .list li .box .txt .name{display: block; font-size: 20px; line-height: 30px; color: #333; margin-bottom: 16px;}
.Scenario .list li .box .txt .info{font-size: 14px; line-height: 24px; color: #888;}

.ProDetail{position: relative; text-align: center;}
.ProDetail .arrow{position: absolute; width: 70px; height: 70px; top: -37px; left: 50%; margin-left: -35px; z-index: 3; background-image: url(../images/arr6.png); background-size: cover; border-radius: 50%; box-shadow: 0px 5px 20px #e5e5e5;}

@media ( max-width:1500px){
	.DifficultBox dl dd .name{font-size: 20px;}
	.DifficultBox dl dd .info{font-size: 16px;}
}

@media ( max-width:640px){
	.mt90{margin-top: 30px;}
	.DifficultBox dl dd{position: relative; width: auto; top: 0 !important; padding: 20px 0px;}
	.DifficultBox dl dd:nth-child(2n) .icon{left: 0px; right: auto;}
	.DifficultBox dl dd .con,.DifficultBox dl dd:nth-child(2n) .con{margin: 0px 0px 0px 70px; text-align: left;}
	.DifficultBox dl dd .name{font-size: 18px;}
	.DifficultBox dl dd .icon{width: 50px; margin-top: -25px; background-size: cover;}

	.StepBox{background: #f2f2f2;}
	.StepBox .list{padding-top: 20px;}
	.StepBox .list li{margin-top: 0 !important; padding-top: 20px; width: 31.3333%; margin-right: 3%;}
	.StepBox .list li:nth-child(3n){margin-right: 0;}
	.StepBox .list li .icon{width: 60px;}
	.StepBox .list li .name{font-size: 18px; margin: 10px 0px;}

	.Scenario .list li .box .pic,.Scenario .list li .box .txt{width: auto; float: none;}
	.Scenario .list li .box .txt .name{font-size: 16px; margin-bottom: 5px;}
	.ProDetail .arrow{width: 30px; height: 30px; margin-left: -15px; top: -15px;}
}

@media ( max-width:480px){
	.StepBox .list li{width: auto; margin-right: 0; float: none;}
	.Scenario .list li,.Scenario .list li:nth-child(2n){width: auto; float: none; margin-bottom: 10px;}
}

/* 案例 */
.boxbg{background-position: center center; background-size: cover;}
.PartnerBox{background-image: url(../images/boxbg1.jpg);}
.LinkList{padding-bottom: 50px;}
.LinkList .info{margin: 32px 0px 54px; line-height: 36px; color: #333; font-size: 24px; text-align: center; font-family: "Myhl";}
.LinkList ul li{width: 18.4%; float: left; margin: 0 2% 2% 0;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.LinkList ul li img{width:auto!important;height:200px;}


.LinkList ul li:nth-child(5n){margin-right: 0;}
.LinkList ul li:hover{box-shadow: 0px 0px 30px #e5e5e5;}
.LinkList .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: -50px; height: 9px; line-height: 9px;}
.LinkList .owl-dots .owl-dot{width: 14px; height: 14px; margin: 0px 8px; background-image: url(../images/dotpic.png); background-repeat: no-repeat; background-position: left top;}
.LinkList .owl-dots .owl-dot.active{ background-position: left bottom;}

.CaseSorts{background-image: url(../images/boxbg2.jpg);}
.CaseSorts li{width: 16.666%; float: left; position: relative;}
.CaseSorts li .pic{opacity: 0; transition: 500ms;}
.CaseSorts li .pic img{display: block; width: 100%;}
.CaseSorts li .title{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.CaseSorts li .title .icon{display: block; width: 70px; margin: 0 auto;}
.CaseSorts li .title .name{display: block; font-size: 24px; color: #fff; line-height: 40px; margin-top: 30px;}
.CaseSorts li:hover .pic{opacity: 1;}

@media ( max-width:1500px){
	.CaseSorts li .title .icon{width: 60px;}
	.CaseSorts li .title .name{font-size: 20px; margin-top: 20px;}
}

@media ( max-width:640px){
	.LinkList .info{font-size: 16px; line-height: 30px; margin: 20px 0px;}
	.CaseSorts li .title .icon{width: 42px;}
	.CaseSorts li .title .name{font-size: 16px; line-height: 30px; margin-top: 10px;}
	.LinkList .owl-dots{bottom: -30px;}
	.LinkList ul li img{height:160px;}
}

@media ( max-width:480px){
	.LinkList ul li{width: 48%; margin-right: 0;}
	.LinkList ul li:nth-child(2n){float: right;}
	.CaseSorts li{width: 33.333%;}
	.CaseSorts li .pic img{height: 200px;}
}

/* 合作 */
.PartnerPlan{background-image: url(../images/boxbg3.jpg); font-family: "Myhl";}
.PartnerPlan .box .info{font-size: 24px; color: #e5e5e5; line-height: 42px; padding: 40px 0px 74px; text-align: center;}
.PartnerPlan dl dd{width: 32%; margin: 0px 2% 36px 0px; float: left; text-align: center;}
.PartnerPlan dl dd:nth-child(3n){margin-right: 0;}
.PartnerPlan dl dd .icon{display: block; width: 76px; background-image: url(../images/mask1.png); background-size: cover; margin: 0 auto 15px;}
.PartnerPlan dl dd .con{font-size: 18px; line-height: 24px; color: #ccc;}
.PartnerPlan dl dd:hover .icon{background: url(../images/mask2.png);}
.PartnerPlan dl dd:hover .con{color: #fa9319;}

.mt50{margin-top: 50px;}
.DevelopBox{background-image: url(../images/boxbg4.jpg);}
.MessageForm{background: rgba(0,0,0,0.02); padding: 50px 60px; box-shadow: 0px 10px 20px #e3e3e3;}
.MessageForm dl dd{border: 1px solid #e3e3e3; padding: 0px 25px 0px 80px; margin-bottom: 23px; border-radius: 5px; background-color: #fff; background-repeat: no-repeat; background-position: left center;}
.MessageForm dl dd.i1{background-image: url(../images/i1.png);}
.MessageForm dl dd.i2{background-image: url(../images/i2.png);}
.MessageForm dl dd.i3{background-image: url(../images/i3.png);}
.MessageForm dl dd.i4{background-image: url(../images/i4.png);}
.MessageForm dl dd.i5{background-image: url(../images/i5.png);}
.MessageForm dl dd .input{height: 59px; width: 100%; font-size: 18px; color: #333; font-family: "Myhl";}
.MessageForm dl dd .input::placeholder{color: #666666;}
.MessageForm dl dd:hover{border: 1px solid #fa9319;}
.MessageForm .btn{display: block; width: 200px; height: 54px; margin: 30px auto 0px; background: #fa9319; color: #fff; font-size: 20px;}

@media ( max-width:1500px){
	.PartnerPlan .box .info{font-size: 20px;}
}

@media ( max-width:820px){
	.w820{width: auto; padding: 0px 15px;}
}

@media ( max-width:640px){
	.mt50{margin-top: 25px;}
	.PartnerPlan .box .info{font-size: 16px; line-height: 30px; padding: 25px 0px;}
	.PartnerPlan dl dd .con{font-size: 14px;}
	.PartnerPlan dl dd .icon{width: 66px;}

	.MessageForm{padding: 25px;}
	.MessageForm dl dd .input{font-size: 16px;}
	.MessageForm .btn{width: 150px; height: 45px; font-size: 16px;}
}

@media ( max-width:480px){
	.PartnerPlan dl dd{width: 48%; margin-right: 0;}
	.PartnerPlan dl dd:nth-child(2n){float: right;}

	.MessageForm{padding: 20px 10px;}
	.MessageForm dl dd .input{height: 48px;}
}

/* 我们 */
.AboutBox{background-image: url(../images/boxbg5.jpg);}
.AboutBox .con{font-family: "Myhl"; margin-top: 75px; font-size: 14px; color: rgba(255,254,254,0.7); line-height: 35px; text-align: left;}
.CultureBox{background-image: url(../images/boxbg6.jpg);}
.CultureBox .pic img{display: block; width: 100%;}
.CultureBox .pic,.CultureBox .box{width: 50%; float: left;}
.CultureBox .box .con{padding: 8% 14.5% 0;}
.CultureBox .box .list{padding-top: 32px;}
.CultureBox .box .list ul{background-image: url(../images/line.png); background-repeat: repeat-y; background-position: 170px 28px;}
.CultureBox .box .list li{margin-top: 36px; position: relative; transition: 500ms;}
.CultureBox .box .list li .txt{padding-top: 20px;}
.CultureBox .box .list li .txt .name{display: block; font-size: 24px; color: #333; line-height: 35px;}
.CultureBox .box .list li .txt .info{font-size: 18px; line-height: 30px; color: #999; font-family: "Myhl";}
.CultureBox .box .list li .line{width: 3px; height: 10px; position: absolute; transition: 500ms; left: 170px; top: 50%; margin-top: -5px; background: rgba(153,153,153,0.6);}
.CultureBox .box .list li .icon{width: 110px; height: 110px; position: relative; float: left; margin-right: 106px;}
.CultureBox .box .list li .icon img{position: absolute; left: 0px; top: 0px; width: 100%;}
.CultureBox .box .list li .icon .i1{transition: 400ms;}
.CultureBox .box .list li .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.CultureBox .box .list li:hover .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.CultureBox .box .list li:hover .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.CultureBox .box .list li:hover .line{height: 52px; background: #fa9319; margin-top: -26px;}
.CultureBox .box .list li:hover .txt .name,.CultureBox .box .list li:hover .txt .info{color: #fa9319;}

.HistoryBox{background-image: url(../images/boxbg7.jpg);}
.HisSlider{margin: 80px 0px 0px; padding: 0px 75px; background-image: url(../images/hisbg.png); background-repeat: no-repeat; background-position: center center;}
.HisSlider .item .con{text-align: center; padding-bottom: 40px; background-repeat: no-repeat; background-position: center bottom; background-image: url(../images/arr7.png);}
.HisSlider .item .con p{line-height: 18px; font-size: 14px; height: 54px; color: #fff;}
.HisSlider .item .con .date{display: block; font-size: 18px; color: rgba(255,255,255,0.8); line-height: 30px;}
.HisSlider .owl-item:nth-child(2n) .con{margin-top: 96px; padding: 40px 0px 0px; background-position: center top;}
.HisSlider .item .con:hover{background-image: url(../images/arr8.png);}
.HisSlider .item .con:hover p,.HisSlider .item .con:hover .date{color: #fa9319;}
.HisSlider .owl-nav .owl-prev span,.HisSlider .owl-nav .owl-next span{width: 50px; height: 50px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -25px; z-index: 5;}
.HisSlider .owl-nav .owl-prev span{left: -100px; background-image: url(../images/left2.png);}
.HisSlider .owl-nav .owl-next span{right: -100px; background-image: url(../images/right2.png);}
.HisSlider .owl-nav .owl-prev span:hover{background-image: url(../images/left3.png);}
.HisSlider .owl-nav .owl-next span:hover{background-image: url(../images/right3.png);}

@media ( max-width:1500px){
	.CultureBox .box .con{padding: 8% 10% 0;}
	.CultureBox .box .list li{margin-top: 20px;}
	.CultureBox .box .list li .icon{width: 90px; height: 90px;}
	.CultureBox .box .list li .txt{padding-top: 10px;}
	.HisSlider{background-size: 100% auto;}
	.HisSlider .item .con .date{font-size: 16px;}
}

@media ( max-width:640px){
	.AboutBox .con{margin-top: 25px;}
	.CultureBox .pic, .CultureBox .box{width: auto; float: none;}
	.CultureBox .box .con{padding: 20px;}
	.CultureBox .box .list{padding: 20px 0px;}
	.CultureBox .box .list ul{background-position: 80px 28px;}
	.CultureBox .box .list li .line{left: 79px;}
	.CultureBox .box .list li .icon{width: 66px; height: 66px; margin-right: 40px;}
	.CultureBox .box .list li .txt .name{font-size: 20px; line-height: 30px;}
	.CultureBox .box .list li .txt .info{font-size: 14px;}

	.HisSlider{background-image: none; padding: 0px 40px; margin-top: 40px;}
	.HisSlider .item .con{padding: 40px 0px 0px; background-position: center top;}
	.HisSlider .owl-item:nth-child(2n) .con{margin-top: 0;}
	.HisSlider .owl-nav .owl-prev span, .HisSlider .owl-nav .owl-next span{width: 32px; height: 32px; margin-top: -16px;}
	.HisSlider .owl-nav .owl-prev span{left: -40px;}
	.HisSlider .owl-nav .owl-next span{right: -40px;}
}

/* 新闻中心 */
.Menus{text-align: center; margin-bottom: 35px;}
.Menus a{display: inline-block; *display: inline; *zoom: 1; min-width: 90px; padding: 0px 15px; line-height: 40px; font-size: 18px; color: #333; border-radius: 25px;}
.Menus a.on{background: #fa9319; color: #fff;}
.NewsTop{background: #fafafa;}
.NewsTop .item .pic{width: 43%; float: left;}
.NewsTop .item .pic img{display: block; width: 100%;}
.NewsTop .item .con{width: 57%; float: right; line-height: 28px; position: relative;}
.NewsTop .item .con .txt{padding: 4%;}
.NewsTop .item .con .date{display: block; font-size: 18px; color: #999; font-family: Arial; padding-left: 34px; background: url(../images/date.png) no-repeat left center;}
.NewsTop .item .con .name{display: block; margin: 3% 0; font-size: 20px; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333;}
.NewsTop .item .con .info{font-size: 15px; line-height: 28px; color: #666; max-height: 84px; overflow: hidden;}
.NewsTop .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 10%; height: 10px; line-height: 10px;}
.NewsTop .owl-dots .owl-dot{width: 10px; height: 10px; margin: 0px 5px; background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: left top; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.NewsTop .owl-dots .owl-dot.active{width: 24px; background-position: left bottom; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

.NewsList ul{padding: 3% 0;}
.NewsList li{padding: 2% 4.5%; border-bottom: 1px dashed #cccccc;}
.NewsList li a{display: block; position: relative; padding-left: 105px; min-height: 84px;}
.NewsList li .date{position: absolute; left: 0px; top: 0px; text-align: center; width: 68px; height: 84px; font-family: Arial; color: #fff; background: #b3b3b3;}
.NewsList li .date span{display: block; padding-top: 17px; line-height: 32px; font-size: 30px; font-weight: bold;}
.NewsList li .date em{display: block; font-size: 14px; line-height: 22px;}
.NewsList li .title{font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222;}
.NewsList li .info{font-size: 15px; line-height: 22px; color: #888888; max-height: 44px; overflow: hidden;}
.NewsList li:hover{background: #fff; box-shadow: 0px 0px 25px #e5e5e5;}
.NewsList li:hover .date{background: #fa9319;}
.NewsList li:hover .title{color: #fa9319;}


/*详情页*/
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.ContentAbout{padding:3% 0; border-bottom:1px solid #e7e7e7; line-height:28px; font-size:14px; color:#333333;}
.PrevNextBox{padding:24px 0px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:640px){
	.Menus{margin-bottom: 20px;}
	.NewsTop .item .con .name{font-size: 16px;}
	.NewsList li{padding: 15px;}
	.NewsList li a{padding-left: 90px;}
	.ContentAbout img{height:auto;}
}

@media ( max-width:480px){
	.Menus a{min-width: 70px; font-size: 16px; padding: 0px 5px; line-height: 34px;}
	.NewsTop{padding-bottom: 50px;}
	.NewsTop .item .pic,.NewsTop .item .con{width: auto; float: none;}
	.NewsTop .owl-dots{bottom: 25px;}
	.ActiveContent .Atit h2{font-size: 18px;}
}

/* 联系我们 */
.ContactBox{background: #fff;}
.ContactBox .title h2{font-size: 30px; line-height: 30px; color: #333; background-image: url(../images/cur.png); background-repeat: no-repeat; background-position: 80px center;}
.ContactBox .title h2 i{display: block;}
.ContactBox .title p{font-size: 14px; line-height: 32px; color: #c9c9c9; font-family: Arial;}
.ContactBox .hd,.ContactBox .title{width: 140px; float: left; padding: 50px 40px 0px;}
.ContactBox .hd ul{padding-top: 30px; font-size: 18px;}
.ContactBox .hd ul li{position: relative; line-height: 40px; margin-bottom: 10px;}
.ContactBox .hd ul li a{display: block; color: #666666; text-align: center;}
.ContactBox .hd ul li.on a{color: #fff; background: #2a9cff;}
.ContactBox .bd{width: 980px; float: right;}
.ContactBox .bd .pic img{display: block; width: 100%;}
.ContactBox .list{width: 980px; float: right;}
.ContactBox .list dd{padding: 28px 10px; border-bottom: 1px dashed #ebebeb; width: 45%; float: left;}
.ContactBox .list dd:nth-child(2n){float: right;}
.ContactBox .list dd .con{position: relative;}
.ContactBox .list dd .con .icon{position: absolute; left: 0px; top: 0px; width: 25px;}
.ContactBox .list dd .con .txt{padding-left: 32px;}
.ContactBox .list dd .con .txt .name{display: block; font-size: 18px; line-height: 29px; color: #333;}
.ContactBox .list dd .con .txt p{font-size: 15px; line-height: 24px; color: #666;}

/* 下载中心 */
.DownList ul{margin-bottom: 3%;}
.DownList ul li{background: #f0f0f0; width: 48%; float: left; line-height: 60px; height: 60px; margin-bottom: 20px; overflow: hidden; position: relative;} 
.DownList ul li:nth-child(2n){float: right;}
.DownList ul li .mask{position: absolute; left: 0px; top: 0px; width: 60px; height: 100%; background-color: #999; background-image: url(../images/arr9.png); background-repeat: no-repeat; background-position: center center;}
.DownList ul li .name{display: block; font-family: "AlibabaLight"; padding: 0px 139px 0px 85px; font-size: 20px; color: #333333;}
.DownList ul li .down{position: absolute; right: 0px; top: 0px; width: 139px; line-height: 58px; border: 1px solid #e6e6e6; text-align: center; background: #fff; font-size: 14px; color: #333333; border-left: none;}
.DownList ul li .down .icon{width: 20px; height: 20px; display: inline-block; position: relative; margin: 0px 8px 0px 0px; vertical-align: middle;}
.DownList ul li .down .icon img{position: absolute; width: 100%; left: 0px; top: 0px;}
.DownList ul li:hover{background: #fff; box-shadow: 0px 0px 20px #e5e5e5;}
.DownList ul li:hover .mask,.DownList ul li:hover .down{background-color: #fa9319; color: #fff;}

.DownList ul li .icon .i1{transition: 400ms;}
.DownList ul li .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.DownList ul li:hover .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.DownList ul li:hover .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}

@media ( max-width:640px){
	.DownList ul li,.DownList ul li:nth-child(2n){width: auto; float: none;}
	.DownList ul li{height: 50px; line-height: 50px;}
	.DownList ul li .mask{width: 50px;}
	.DownList ul li .name{font-size: 16px; padding: 0px 50px 0px 65px;}
	.DownList ul li .down{width: 50px; line-height: 48px;}
	.DownList ul li .down span{display: none;}
	.DownList ul li .down .icon{margin: 0;}
}

/* 19-10-10 */
.Message{margin-top: 4%;}
.Message h2{text-align: center; font-size: 30px; color: #333; line-height: 40px; margin-bottom: 3%;}
.Message dl{float:left; width:48.5%;}
.Message dl:nth-child(2n){float:right;}
.Message dl.i5,.Message dl.i6{float:none; width:100%;}
.Message dl dd{padding:0px 10px 0px 88px; border:1px solid #ebebeb; background-color: #fcfcfc; background-repeat: no-repeat; background-position: left center; margin-bottom:30px;}
.Message dl dd .input,.Message dl dd textarea{line-height: 64px; width:100%; font-size: 16px; color: #000; font-family: "微软雅黑";}
.Message dl dd .input::placeholder,.Message dl dd textarea::placeholder{color: #262626;}
.Message dl dd textarea{height:237px;}
.Message dl.i1 dd{background-image:url(../images/m1.png);}
.Message dl.i2 dd{background-image:url(../images/m2.png);}
.Message dl.i3 dd{background-image:url(../images/m3.png);}
.Message dl.i4 dd{background-image:url(../images/m4.png);}
.Message dl.i5 dd{background-image:url(../images/m5.png); background-position: left top;}
.Message dl.i6{text-align:center;}
.Message dl.i6 .btn{width:168px; height:48px; background:#2a9cff; border-radius: 5px; color:#fff; font-size:16px;}

@media ( max-width:640px){
	.ContactBox .hd, .ContactBox .title,.ContactBox .list,.ContactBox .bd{width: auto; float: none;}
	.ContactBox .hd, .ContactBox .title{padding: 0; text-align: center;}
	.ContactBox .title h2{font-size: 20px; background: none; padding-right: 0;}
	.ContactBox .title h2 i{display: inline-block;}
	.ContactBox .list dd,.ContactBox .list dd:nth-child(2n){width: auto; float: none;}
	.ContactBox .hd ul li{display: inline-block; line-height: 30px;}
	.ContactBox .hd ul li a{padding: 0px 15px;}
 
	.Message h2{font-size: 20px;}
	.Message dl,.Message dl:nth-child(2n){width: auto; float: none;}
	.Message dl dd{margin-bottom: 15px;}
	.Message dl.i5 dd{background-position: left -8px;}
	.Message dl dd .input,.Message dl dd textarea{line-height: 45px;}
	.Message dl dd textarea{height: 180px;}
	.Message dl.i6 .btn{height: 42px;}
}