@charset "utf-8";
/* CSS Document */
.logobox{ background: #0ecbdf;text-align: center;padding:70px 5%;}
.logobox .logo{width: 300px;margin:0 auto;}
.logobox .logo img{width: 100%;}
.logobox .txt{font-size: 40px;color: #FFF;margin-top: 50px;font-family:"微软雅黑";}
.logobox_bk{height: 5px;background: linear-gradient(to right, #eafb15 , #15d0ea);}


.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents .rebox-content { max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); text-decoration: none;}
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}


.product_list{}
.product_list .title .box{padding:20px;color:#000;}
.product_list .title .box h2{font-size: 20px;font-weight: bold;}
.product_list .title .box .txt{line-height: 30px;  }
.product_list .title .box .txt h3{ font-size:36px; color:#000; font-weight:bold; padding:20px 0;}
.product_list .title .box .txt p{ font-size:16px; color:#000; text-decoration:underline; padding:0; text-align:left;transform: translateY(0);}
.product_list .title .box .more{}
.product_list .pic{position: relative;overflow: hidden;}
.product_list .pic .title{position: absolute;left: 0px;top: 0px;bottom: 0px;right: 0px;background-image: -moz-linear-gradient(0deg, rgb(35, 136, 187) 0%, rgb(14, 203, 223) 100%);background-image: -webkit-linear-gradient(0deg, rgb(35, 136, 187) 0%, rgb(14, 203, 223) 100%);background-image: -ms-linear-gradient(0deg, rgb(35, 136, 187) 0%, rgb(14, 203, 223) 100%);visibility: hidden;opacity: 0;transition: all 0.3s;color: #FFF;}
.product_list .pic:hover .title{opacity: 0.8;visibility: visible;}
.product_list .pic .title p{ text-align:center; font-size:30px; transform: translateY(-100%);transition: all 0.45s ease; position:relative; top:40%; color:#fff;}
.product_list img{width: 100%;display: block;transition: all 0.3s;}
.product_list .pic:hover img{transform: scale(1.2);}
.product_list .pic:hover p{transform: translateY(0);}
.product_list_yi{}
.yi_l{float: left;width: 50%;}
.yi_l .pic1{width: 100%;}
.yi_l .yi_l_l{float: left;width: 33.333%;}
.yi_r{float: right;width: 50%;}
.yi_r .yi_r_l{width: 66.667%;float: left;}
.yi_r .yi_r_r{width: 33.333%;float: right;}

.product_list_er{}
.product_list_er .er_l{float: left;width:50%;}
.product_list_er .er_l .er_l_l .pic2{float: left;width: 33.333%;}
.product_list_er .er_l .er_l_l .pic2{width: 66.667%;}
.product_list_er .er_l .er_l_l .pic:nth-of-type(2) .title{opacity: 1;visibility: visible;background: rgba(255,255,255,1);color: #666;}

.product_list_er .er_l .er_l_l .pic7{float: left;width: 66.667%;}
.product_list_er .er_l .er_l_l .pic6{float: left;width: 33.333%;}

.product_list_er .er_r{float: left;width:50%;}
.product_list_er .er_r .pic2{float: left;width: 33.333%;}
.product_list_er .er_r .pic3{float: left;width:66.667%;}
.product_list_er .pic5{float: left;width: 33.333%;margin-left: -16.7%;}
.product_list_er .pic6{float: left;width: 33.333%;}

.product_list_san{}
.product_list_san .san_l{float: left;width:50%;}
.product_list_san .san_l .san_l_l .pic2{float: left;width: 33.333%;}
.product_list_san .san_l .san_l_l .pic2{width: 66.667%;}
.product_list_san .san_l .san_l_l .pic:nth-of-type(2) .title{opacity: 1;visibility: visible;background: rgba(255,255,255,1);color: #666;}

.product_list_san .san_r{float: left;width:50%;}
.product_list_san .san_r .pic2{float: left;width:66.667%;}
.product_list_san .san_r .pic3{float: left;width: 33.333%;}
.product_list_san .san_r .pic3:nth-of-type(2) .title{opacity: 1;visibility: visible;background: rgba(255,255,255,1);color: #666;}
.product_list_san .san_r .san_r_r .pic4{float: left;width:66.667%;}
.product_list_san .san_r .san_r_r .r_b_r{float: left;width: 33.333%;}
.product_list_san .san_r .san_r_r .r_b_r .pic5{width: 100%;}
.product_list_san .san_r .san_r_r .pic:nth-of-type(2) .title{opacity: 1;visibility: visible;background: rgba(255,255,255,1);color: #666;}
.product_list_san .pic6{float: left;width: 33.333%;margin-left: -16.7%;}
.product_list_san .pic7{float: left;width: 33.333%;}

.product_list_si{}
.product_list_si .pic1{float: left;width:33.333%;}
.product_list_si .pic2{float: left;width:50%;}
.product_list_si .san_r{float: right;width:16.667%;}
.product_list_si .san_r .pic3:nth-of-type(2) .title{opacity: 1;visibility: visible;background: rgba(255,255,255,1);color: #666;}

.product_list_wu{}
.product_list_wu .pic1{float: left;width:33.333%;}
.product_list_wu .er_l{float: left;width:33.333%;}
.product_list_wu .er_l .pic2{float: left;width:50%;}
.product_list_wu .er_l .pic2:nth-of-type(2) .title{opacity: 1;visibility: visible;background: rgba(255,255,255,1);color: #666;}
.product_list_wu .er_l .pic3{width: 100%;}
.product_list_wu .er_r{float: left;width:33.333%;}
.product_list_wu .er_r .pic4{float: left;width:50%;}
.product_list_wu .er_r .er_r_r{}
.product_list_wu .er_r .er_r_r .pic2:nth-of-type(1) .title{opacity: 1;visibility: visible;background: rgba(255,255,255,1);color: #666;}

.product_list_liu{}
.product_list_liu .pic1{float: left;width:33.333%;}
.product_list_liu .liu_c{float: left;width:33.333%;}
.product_list_liu .liu_r{float: left;width:33.333%;}
.product_list_liu .liu_r .liu_r_b .pic3{float: left;width:50%;}



.dyip{text-align: center;padding-top: 60px;border-top: 1px solid #CCC;margin-top: 60px;}
.dyip .box{max-width: 1180px;margin:0 auto;}
.dyip h2{font-size: 24px;font-weight: bold;text-align: left;}
.dyip ul{margin-top: 50px;}
.dyip li{float: left;width: 25%;}
.dyip li i{font-size: 40px;width: 90px;height: 90px;line-height:90px;display: block;margin:0 auto;background: #0ecbdf;color: #FFF;border-radius: 50px;}
.dyip li p{padding-top: 30px;}


.derp{padding:50px 5%;}
.derp h2{font-size: 30px;line-height: 50px; font-weight:bold;}
.derp .derp_l{width: 30.333%;float: left;overflow:hidden;}
.derp .derp_l .box{line-height: 30px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow:hidden;}
.derp ul{ padding-top:4px;}
.derp li{ margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block;}
.derp ul li a{
	float:left;
	display:block;
	width: 70%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	}
.derp ul li span{
	font-size:14px;
	color:#666;
	float:right;
	}
.derp .derp_c{width: 30.333%;float: left;margin-left: 4.5%;}


.derp .derp_r{width: 30.333%;float: right;}


.con{padding:60px 0 0 0;}
.about_list_yi{}
.about_list_yi .pic img{width: 100%;display: block;}
.about_list_yi .pic1{width: 66.667%;float: left;}
.about_list_yi .yi_r{width: 33.333%;float: right;}

.about_list_er{}
.about_list_er .er_l{width: 66.667%;float: left;}
.about_list_er .pic1{width: 50%;float: left;}
.about_list_er .pic2{width: 33.333%;float: right;}
.about_list_er .pic img{width: 100%;display: block;}

.about_list_er .flexslider{ position:relative;width: 50%;float: left;}
.about_list_er .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.about_list_er .flexslider .slides img {width: 100%; display: block;border-radius: 0px;}

.about_list_er .flex-pauseplay span {text-transform: capitalize;}
.about_list_er .flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;display: none;}
.about_list_er .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.about_list_er .flex-control-paging li a {width:14px; height:14px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background:#FFF;}
.about_list_er .flex-control-paging li a:hover {}
.about_list_er .flex-control-paging li a.flex-active { background: #005bac; cursor: default; }


.about_list_san{}
.about_list_san .pic1{width: 33.333%;float: left;}
.about_list_san .pic img{width: 100%;display: block;}
.about_list_san .flexslider{ position:relative;width: 33.333%;float: left;}
.about_list_san .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.about_list_san .flexslider .slides img {width: 100%; display: block;border-radius: 0px;}

.about_list_san .flex-pauseplay span {text-transform: capitalize;}
.about_list_san .flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;display: none;}
.about_list_san .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.about_list_san .flex-control-paging li a {width:14px; height:14px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background:#FFF;}
.about_list_san .flex-control-paging li a:hover {}
.about_list_san .flex-control-paging li a.flex-active { background: #005bac; cursor: default; }

.about_derp{}
.about_derp h1{height: 50px;line-height: 50px;background: linear-gradient(to right, #eafb15 , #15d0ea);text-align: center;color: #FFF;font-family: "Impact";font-size: 20px;}
/*.about_derp .box{padding:0 3%;}
.about_derp ul{margin-left: -1%;}
.about_derp li{float: left;width: 15.6%;margin-left: 1%;position: relative;margin-bottom: 50px;}
.about_derp li img{width: 100%;}
.about_derp li .title{position: absolute;left: 0px;bottom:0px;width: 100%;height: 70px;background: rgba(0,0,0,0.5);color: #FFF;transition: all 0.3s;}
.about_derp li:hover .title{background: rgba(0,34,61,0.7);}
.about_derp li .bt{padding:10px 20px;}*/



.Container-wrapper{position: relative;left: 0px;width: 100%;height: auto;}

.index-adv{overflow:hidden;}
.index-adv li{width:20%;background:#fbfbfb;position:relative;overflow:hidden;float:left;}
.index-adv li img{width:100%;height:255px;object-fit:cover;}
.Iadv-box{height:255px;position:relative;z-index:2;}
.Iadv-box .Iadv-dd{display:block;width:46px;height:18px;/*background:url(../images/Iadv-bg.png) no-repeat center center;*/position:absolute;top:-18px;left:50%;margin:0 0 0 -23px;}
.Iadv-box2 .Iadv-dd{transform:rotate(-180deg);top:initial;bottom:-18px;}
.Iadv-block{width:70%;padding:68px 0 0;color:#000;margin:0 auto;}
.Iadv-block .name{font-size:28px;text-transform:uppercase; display:block;}
.Iadv-block .split{display:block;width:27px;height:3px;background:#999;margin:15px 0 20px;}
.Iadv-block .conn{line-height:21px;overflow:hidden; color:#999;}
.Iadv-block .more{display:block;width:97px;height:35px;text-align:center;line-height:33px;border:1px solid #c1c1c1;margin:50px 0 0;}
.Iadv-block .more:hover{background:#026fb9;border-color:#026fb9;color:#fff;}
.ofH {overflow: hidden;}


.com-img {
    display: block;
    width: 100%;
    overflow: hidden;
}
.com-img:hover,.index-adv li:hover .name{ background:#333; color:#fff;}
.com-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
	webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
	
}
.com-img img {
    transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
}
@media (max-width: 1800px){
.index-adv li img,
	.Iadv-box{height: 300px;}
	.Iadv-block{width:75%;padding:60px 0 0;}
	
}

@media (max-width: 1600px){
.index-adv li img,
	.Iadv-box{height: 280px;}
	.Iadv-block{width:85%;padding:55px 0 0;}
	.Iadv-block .name{font-size:22px;}
	.Iadv-block .split{margin:8px 0 18px;}
	.Iadv-block .more{margin:45px 0 0;}
}

@media (max-width: 1405px){
.index-adv li img,
	.Iadv-box{height: 260px;}
	.Iadv-block{width:94%;padding:50px 0 0;}
	.Iadv-block .name{font-size:20px;}
	.Iadv-block .split{margin:7px 0 16px;}
	.Iadv-block .more{margin:40px 0 0;}
}

@media (max-width: 1260px){
.index-adv li img,
	.Iadv-box{height: 240px;}
	.Iadv-block{padding:40px 0 0;}
	.Iadv-block .name{font-size:18px;}
	.Iadv-block .split{margin:6px 0 14px;}
	.Iadv-block .more{margin:35px 0 0;}
}

@media (max-width: 1205px){
.index-adv li img,
	.Iadv-box{height: 220px;}
	.Iadv-block{padding:30px 0 0;}
	.Iadv-block .split{margin:5px 0 12px;}
	.Iadv-block .more{margin:30px 0 0;}
}

@media (max-width: 1120px){
.index-adv li img,
	.Iadv-box{height: 200px;}
	.Iadv-block{padding:20px 0 0;}
	.Iadv-block .split{margin:5px 0 10px;}
	.Iadv-block .more{margin:25px 0 0;}
}


@media (max-width: 980px){
.index-adv li{
    width: 90% !important;margin: 2% auto;
    float: none;
}
.index-adv li img{height: 500px;}
.Iadv-box{height: auto;}
.Iadv-block{padding:10px 0;}

}

@media (max-width: 768px){
.index-adv li{
    width: 90% !important;margin: 2% auto;
    float: none;
}
.index-adv li img{height: 300px;}
.Iadv-box{height: auto;}

}
@media (max-width: 640px){
.index-adv li {
    width: 96% !important;
}
}

.server_derp{margin-top: 100px;}
.server_derp img{width: 100%;}


.server_dyip{}
.server_dyip ul{padding:10px 0;}
.server_dyip li{float: left;width: 33.333%;text-align: center;font-size: 30px; font-weight:bold;}
.server_dyip li img{max-width: 100%;}
.server_dyip li p{}



.mdian{text-align: center;height: 50px;line-height: 50px;background: #2388bb;}
.mdian a{display: block;}
.mdian a:hover{display: block;text-decoration: none;}
.mdian i{color: #FFF;font-size: 24px;}
.mdian_bg{height: 5px;background: linear-gradient(to right, #eafb15 , #15d0ea);}

.sjlc{background: #F5F5F5;}
.sjlc .box{max-width: 1180px;margin:0 auto;padding:70px 0;}
.sjlc .title h2{font-size: 30px;font-weight: bold;}
.sjlc .title .border{width: 100px;height: 1px; background: #666;margin-top: 20px;}
#demo{margin-top: 30px;}
.owl-wrapper{}
.owl-item .item h2{line-height: 40px;text-align: center;}
#owl-demo .item{margin:0 10px;}
#owl-demo .item img{display: block;width: 100%;height: auto;}





.hzhb{max-width: 1180px;margin:0 auto;padding:70px 0;}
.hzhb .title{}
.hzhb .title p{}
.hzhb .title h2{font-size: 30px;font-weight: bold;}
.hzhb .title .border{width: 100px;height: 1px; background: #666;margin-top: 20px;}
.hzhb ul{margin-left: -5%;margin-top: 20px;}
.hzhb li{float: left;width: 15%;margin-left: 5%;padding:10px 0;}
.hzhb li img{width: 100%;}


.news{max-width: 1180px;margin:0 auto;}
.news ul{}
.news li{margin-bottom: 50px;}
.news li .pic{float: left;width: 40%;}
.news li img{width: 100%;}
.news li .li_r{float: right;width: 55%;}
.news li .title{padding: 20px 0;font-size: 24px;font-weight: bold;}
.news li .border{width: 150px;height: 1px;background: #999;}
.news li .txt{line-height: 24px;color: #666;margin-top: 20px;}
.news li .rq{margin-top: 30px;}


.fenye{padding:30px 0;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: 18px;width: 40px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #DDD;margin:0 3px;}
.fenye li a{display: block;}
.fenye li a:hover{display: block;text-decoration: none;}
.fenye li.current{border: 1px solid #0ecbdf;background: #0ecbdf;}
.fenye li.current a{color: #FFF;}


.news_con{max-width: 1180px;margin:0 auto;}
.news_con .title{border-bottom: 1px solid #CCC;padding-bottom: 10px;}
.news_con .title h2{font-size: 18px;font-weight: bold;line-height: 30px;}
.news_con .title .txt{line-height: 30px;font-size: 12px;color: #999;}
.news_con .title .txt span{margin-right: 30px;}

.news_con .con_txt{line-height: 24px;margin-top: 20px;}
.news_con .con_txt p{padding:10px 0;}
.news_con .con_txt img{max-width: 100%;}

.sxy{border-top: 1px solid rgba(255,255,255,0.2);margin-top: 20px;line-height: 24px;padding-top: 10px;border-top: 1px solid #CCC;}
.sxy ul{}
.sxy li{padding:5px 0;}


.subnav{padding: 0 2%; position:relative;width: 96%;background: #000;}
.subnav ul{text-align: center;}
.subnav li{float: left;width: 12.5%;line-height: 50px;}
.subnav li a{display: block;color: #FFF;}
.subnav li a:hover{display: block;text-decoration: none;background: #0ecbdf;color: #FFF;}


.product_con_dyip{padding: 50px 5%;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.product_con_dyip h2{font-size: 72px;float: left;width: 30%; margin-top:2%; }
.product_con_dyip .box{line-height: 30px;width: 70%;float: right;}
.product_con_dyip .box p{ text-align:right; font-size:16px;}

.product_conxq img{ width:100%;}


.flexslider{ position:relative; margin-top:0px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}

.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:0px;}
.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:12px; height:12px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background:#DDD;}
.flex-control-paging li a:hover {}
.flex-control-paging li a.flex-active { background: #0ecbdf; cursor: default; }


.contact{position: relative;}

.zxly_er{width: 30%;position: absolute;right: 10%;top: 0px;bottom:0;background: rgba(0,0,0,0.8);}
.zxly_er .box{padding:5%;}
.zxly_er .box h2{line-height: 40px;margin-bottom: 20px;font-size: 18px;font-weight: bold;font-style: italic;color: #FFF;}
.zxly_er ul{}
.zxly_er li{ margin-bottom:10px;}
.zxly_er li .input_txt{ width:96%; height:40px; border:0 none; outline:medium; padding:0 2%; font-family:"微软雅黑";background: #EEE;}

.zxly_er li textarea{ width:96%; height:150px; border:0 none; outline:medium; padding:2%; font-family:"微软雅黑";background: #EEE;}
.zxly_er .more{margin-top:10px;}
.zxly_er .input_btn{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-right:5px; color:#FFF; background:#0ecbdf;outline: medium;}
.zxly_er .input_btn2{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-left:5px; color:#333; background:#FFF;outline: medium;}

.dt{margin-top: 50px;}
.dt img{width: 100%;}