/**
 * Created by Muyc on 2016/12/8.
 */
body,div,ul,li,p,h1,h2,h3,h4,h5,dl,dt,dd,form,a,span,img,strong,b,em,i,input,textarea,select,option,label{ margin:0; padding:0;}
h1,h2,h3,h4,h5{ font-style: normal; font-weight: normal;}
li{ list-style: none;}
a{ text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(255,0,0,0) ; color: inherit;}
a:hover,a:focus{ text-decoration: none; outline:none; color: #f88e24;}
img{ border:0 none; vertical-align:top;width:100%;}
input,button{ border:0 ;}
textarea{ resize: none;}
i,em,b{ font-style: normal; font-weight: normal;}
.clearfix{ *zoom:1;}
.clearfix:after{ content:"."; display:block;visibility:hidden;height:0; clear:both;}
body{ font-size: 14px; background: #ccc; font-family: "微软雅黑","宋体" !important; padding-top: 134px;}

.width{ width: 1400px; margin: 0 auto; position: relative;}
.main{ width: 1200px; margin: 0 auto; overflow: hidden; }
.main_2{ width: 1000px; margin: 0 auto; overflow: hidden;}
.main_3{ width: 900px; margin: 0 auto; overflow: hidden; text-align: center;}
.main_3 p{ text-align: left; font-size: 16px; line-height: 28px;}
.gray{ width: 100%; background: #fafafa; padding: 20px 0; }
.gray .titlex font{ background: #fafafa;}

@media (max-width: 1400px){
    .width{ width: 1200px; margin: 0 auto; position: relative;}
    .main{ width: 1000px; margin: 0 auto; overflow: hidden; }
}

.load{ background: #f6f6f6; height: 40px; line-height: 40px; color: #959595; border-bottom: 1px solid #f88e24;}
header{  position: fixed;width: 100%;top: 0; z-index: 99; background: #fff; border-bottom: 1px solid #ddd;}
.header{ height: 94px; line-height: 94px; vertical-align: middle; font-size: 16px; color: #333; width: 1200px; margin: 0 auto;}
#ds_logo{ width: 126px; display: inline-block; vertical-align: middle; margin-left: 10px;}
.head_nav{ float: right; margin-right: 5px; }
.head_nav li{ float: left; width: 110px; text-align: center; }
.head_nav li.active{ color: #f88e24;}
.head_nav li img{ width: 20px; display: inline-block; vertical-align: middle;}

.drop-jie{ padding-bottom: 10px; width: 100%; background: rgba(0,13,33,0.8); position: absolute; bottom: -200px; left: 0; display: none;z-index: 1;}
.drop-jie ul{ display: inline-block; overflow: hidden; width: 200px; margin-right: 160px;}
.drop-jie ul:last-child{ margin-right: 0;}
.drop-jie ul h3{ font-size: 16px; color: #f88e24; display: inline-block; width: 93%; text-align: center;padding-top: 16px; padding-bottom: 12px; border-bottom: 1px solid #c9c9c9; margin-bottom: 3px;}
.drop-jie ul li{ display: inline-block;width: 100%; color: #fff; height: 34px; line-height: 34px; position: relative; font-size: 14px; padding-left: 6px;}
.drop-jie ul li b{ width: 6px; height: 7px; display: inline-block; margin-right: 10px; margin-bottom: 1px; background: url("../images/icon_note.png") no-repeat;}
.drop-jie ul li:hover,.drop-jie ul li.active{ background: #f88e24;}
.drop-product{ background: url("../images/drop_product.png") no-repeat 0 30px; background-size: 100% calc(100% - 30px); width: 150px; padding: 30px 24px 12px; position: absolute; top: 70px; right:-20px; display: none; z-index: 1;}
.drop-product a{ display: inline-block; width: 100%; height: 38px; line-height: 38px; border-bottom: 1px solid #eee; text-align: left; position: relative; padding-left: 16px; float: left; color: #333;}
.drop-product a:last-child{ border-bottom: 0;}
.drop-product a b{ width: 0; height: 0; border: 6px solid #fff; border-left-color: #333; display: inline-block; position: absolute;left: 0; top: 14px;}
.drop-product a:hover{ color: #f88e24;}
.drop-product a:hover b{ border-left-color: #f88e24;}

.banner{ width: 100%;  overflow: hidden; position: relative}
.banner img{ width: 100%; }
.banner ul{  width: 1000%;}
.banner li{ float: left; width: 10%; position: relative;}
.banner_info{ position: absolute; left: calc(50% - 600px); top:15%; width: 1200px; height: 100%; display: inline-block;padding-left: 20px;}
.banner_info h2{ font-size: 50px; color: #f88e24; font-family: '宋体'; margin-bottom: 20px;}
.banner_info h3{ font-size: 20px; margin-bottom: 30px; color: #485059;}
.wei_info { width: 420px; overflow: hidden; margin-bottom: 20px;}
.wei_info span{ float: left; width: 34%; padding-left: 40px; background: url("../images/icon_cur.png") no-repeat 16px center; margin-bottom: 20px; color: #485059; font-size: 16px;}
.banner_info a{ display: inline-block; width: 200px; height: 50px; background: #f88e24; color: #fff; font-size: 20px; text-align: center; line-height: 50px; border-radius: 4px;}
.banner_info a:hover{ color: #fff;}

.banner_info.wsc h2,.banner_info.wsc h3{ color: #fff; font-family: '微软雅黑'; padding-left: 15px;}
.banner_info.wsc .wei_info span{ width: 100%; color: #fff;}
.sjsc{ position: relative;}
.sjsc h2,.sjsc h3,.sjsc span{ position: absolute;display: inline-block;}
.sjsc h2{ top: 5%; left: calc(50% - 100px); width: 200px; color: #f88e24; font-size: 40px; font-weight: normal;}
.sjsc h3{ top: 17%; left: calc(50% - 300px); width: 600px; color: #485059; font-size: 24px;}
.sjsc span{ top: 51%; color: #999; font-size: 24px;}

.banner_l, .banner_r{ position: absolute; top: 0; z-index: 2; width: 17%; height: 100%; line-height: 682px;}
.banner_l{ left: 0; cursor: url('../images/icon_left_h.png'),auto;}
.banner_r{ right: 0; cursor: url('../images/icon_right_h.png'),auto; text-align: right;  }
.banner_l img,.banner_r img{ width: 26px; height: 31px; display: inline-block; vertical-align: middle;}


.foot{ background: #202830; padding: 60px 0;  color: #e5e5e5;}
.foot_img{ float: left; width: 296px; margin-right: 20px;}
.foot ul{ float: left; margin-right: 40px; display: inline-block;}
.foot ul li{  width: 100%; line-height: 28px; position: relative; padding-left: 16px;}
.foot ul h3{ font-size: 20px; padding-left: 2px; margin-bottom: 6px;}
.foot ul li b{ width: 0; height: 0; border: 6px solid #202830; border-left-color: #e5e5e5; display: inline-block; position: absolute;left: 0; top: 9px;}
.foot .qr{ float: right; width: 128px;}
.foot .qr img{ width: 100%;}
.foot .qr h2{ font-size: 24px; margin-bottom: 30px; display: inline-block; width: 100%;}
.foot .qr font{ margin-bottom: 10px;display: inline-block; width: 100%;}
.copyright{ height: 100px; line-height: 100px; border-bottom: 2px solid #f88e24; background: #1a2128; color: #e5e5e5; overflow: hidden;}
.copyright .left{ float: left;width: 45%; }
.copyright .left span{ padding: 0 20px; display: inline-block;}
.copyright .right{ float: left;width: 55%;}
.copyright .right p{ display: inline-block; margin-right: 30px;}
.gotop{ width: 50px; display: inline-block; vertical-align: middle; position: fixed; bottom: 20px; right:1%; z-index: 2;}

.gobtn,.fbtn{ background: #FF9933; color: #fff; font-size: 16px; display: inline-block; text-align: center; height: 50px; line-height: 50px; cursor: pointer;}
.gobtn{  border-radius: 25px;}
.fbtn{  border-radius: 8px;}
/*产品中心*/
.titlex{text-align: center}
.titlex h3{ position: relative; display: inline-block; padding: 0 50px;}
.titlex font{ font-size: 14px; color: #f88e24; font-weight: 700; background: #fff; height: 30px; line-height: 30px; display: inline-block; padding: 0 10px; position: relative; z-index: 2;}
.titlex h3 b{ display: inline-block; position: absolute; left: 0; top: 50%; width: 100%;height: 1px; background: #ddd; z-index: 1;}
.titlex h2{ font-size: 30px; margin-bottom: 16px;}
.titlex p{ color: #333; font-size: 16px;}


/*banner*/
.banner{width:100%;magin:0 auto;}
.one{width:79%;margin:0 auto;background: #fff;}




@media (max-width: 767px){
	.banner{width:100%;magin:0 auto;margin-top:-70px;}
	.one{width:100%;margin:0 auto;background: #fff;position: relative;}
	    .width{ width: 300px; margin: 0 auto; position: relative;}
    .main{ width: 100%; margin: 0 auto; overflow: hidden; }
	/*产品中心*/
.titlex{text-align: center}
.titlex h3{ position: relative; display: inline-block; padding: 0 50px;}
.titlex font{ font-size: 14px; color: #f88e24; font-weight: 700; background: #fff; height: 30px; line-height: 30px; display: inline-block; padding: 0 10px; position: relative; z-index: 2;}
.titlex h3 b{ display: inline-block; position: absolute; left: 0; top: 50%; width: 100%;height: 1px; background: #ddd; z-index: 1;}
.titlex h2{ font-size: 18px; margin-bottom: 16px;}
.titlex p{ color: #333; font-size: 14px;}
	
.main_3{ width:90%; margin: 0 auto; overflow: hidden; text-align: center;}
.main_3 p{ text-align: left; font-size: 14px; line-height: 28px;}
	.wei_info span{ float: left; width: 34%; padding-left: 40px; background: url("../images/icon_cur.png") no-repeat 16px center; margin-bottom: 20px; color: #485059; font-size: 14px;}
}