/*reset*/
html,body{background-color: #fff;color:#333;font-size:12px;}
*{padding:0;margin:0;font-family: "Microsoft YaHei";}img{border:0;vertical-align: middle;}body{font-family: "Microsoft YaHei";}
a,input,button,textarea,select{outline:none;font-size: 12px;}a{cursor:pointer; text-decoration:none;-moz-outline-style:none;outline:none;blr:expression(this.onFocus=this.blur());}
table{border:0;}textarea {resize:none;}ul{list-style:none;}li{list-style:none;}object {float:left;display:inline;}
.fl{display:inline;float:left;}.fr{display:inline;float:right;}
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0; line-height: 0;font-size:0;}
.clr1::before,.clr1:after{display:table;content:"";}.clr1:after{clear: both;}.clr1 {*zoom:1;}
.tl{text-align:left;}.tr{text-align:right;}.tc{text-align:center;}
i,b,u,s,em{font-style:normal; font-weight:normal; text-decoration:none; text-outline:none; display:inline;}
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}input::-ms-clear {display: none;}
.w10{width: 1000px;margin: 0 auto;}.w11{width: 1100px;margin: 0 auto;}.w12{width: 1200px;margin: 0 auto;}.w13{width: 1300px;margin: 0 auto;}
::-webkit-scrollbar {width: 12px;height: 12px;}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb {border-radius: 999px;border: 2px solid transparent;}
::-webkit-scrollbar-track {box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-thumb {min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 10px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-corner {background: transparent;}
::-webkit-input-placeholder{color:#bbb;}

/*头部描述*/
.topdesc{background-color: #E7E7E7;height: 38px;line-height: 38px; padding: 0 calc((100% - 1200px) / 2);font-size: 14px;}
.topdesc p a{color: #000;font-size: 14px;}
.topdesc p a:hover{color: #E17024;}
.topdesc p:first-child{float: left;}
.topdesc p:last-child{float: right;}
/*导航*/
.topnav{padding: 20px calc((100% - 1200px) / 2);}
.topnav img{display: block; float: left;}
.topnav ul{float: right; display: flex;flex-flow: row nowrap;}
.topnav ul li{display: block;width: 100px;height: 60px;line-height: 60px; text-align: center;}
.topnav ul li a{color: #000;font-size: 16px;transition:All 0.2s ease-in-out;}
.topnav ul li a:hover{color: #E17024; padding-bottom: 4px;border-bottom: 2px solid #E17024;}
/*banner*/
.flexslider{height:500px;}
.slides li{height:500px;}
.slides li img{width: 1250px;height: 500px;position: absolute;left: 50%;margin-left: -625px;}
.banner4{background: url('../images/banner4.jpg') no-repeat center; width: 100%; height: 120px;}
/*策划*/
.iconwrap{padding: 50px calc((100% - 1100px) / 2);}
.iconwrap div{width: 220px;text-align: center;float: left;}
.iconwrap div img{display: block;margin: 0 auto;cursor: pointer;transition:All 0.2s ease-in-out;}
.iconwrap div img:hover{transform: rotateY(180deg);}
.iconwrap div span{display: block;font-size: 18px; color: #888888;margin: 20px 0;}
.iconwrap div p{font-size: 18px; color: #E17024;}
/*case*/
.caseshowtitle{padding: 0 calc((100% - 1200px) / 2);padding-bottom: 25px; text-align: center;}
.caseshowtitle p{font-size: 30px;}
.caseshowtitle span{display: block; font-size: 14px;margin-top: 16px;}
.caseshowtitle a{display: block;position: absolute;margin: -50px 0 0 1100px; width: 90px;height: 34px;line-height: 34px;text-align: center;border: 1px solid #E17024;border-radius: 3px;color: #E17024;transition:All 0.2s ease-in-out;}
.caseshowtitle a:hover{background-color: #E17024;color: #fff;}
/*案例图片*/
#caseshow{padding: 0 calc((100% - 1200px) / 2);}
#caseshow li{ position:relative;width: 390px; height: 280px; line-height: 280px; text-align: center; float: left; cursor: pointer; overflow: hidden; margin: 5px;}
#caseshow li p{ height:280px; width: 100%; position: absolute; left: 0; top: -280px; color: #ffffff;z-index: 2; }
#caseshow li .img{ width: 390px; height: 280px; display: block;transition:.5s ease-in;}
#caseshow li:hover .img{ transform:scale(1.1,1.1);}
#caseshow li p i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;background-color: #D93A13; opacity: 0.7; font-size: 16px; }
#caseshow li p span{ display: block; width: 94%; margin: 0 auto; line-height: 24px; font-size: 18px; padding-top:160px;}
#caseshow li p a{ display: block; position: absolute; width: 50px; height: 50px; left:50%; margin-left: -25px; top:60px; background:url("../images/link.png") no-repeat 0 0;}
/*优势*/
.youshititle{padding: 50px calc((100% - 1200px) / 2);padding-bottom: 5px; text-align: center;}
.youshititle p{font-size: 30px;}
.youshititle span{display: block;margin: 40px auto 0 auto; border-top: 1px solid #C9C9C9;width: 1000px;position: relative;}
.youshititle span i{display: block;font-size: 24px;width: 300px;text-align: center;background-color: #fff;padding: 20px;position: absolute;top: -31px;margin-left: 50%;left: -170px;}
/*优势*/
.iconwrap1{padding: 50px calc((100% - 1000px) / 2);}
.iconwrap1 div{width: 250px;text-align: center;float: left;}
.iconwrap1 div img{display: block;margin: 0 auto;cursor: pointer;transition:All 0.2s ease-in-out;}
.iconwrap1 div img:hover{transform: rotateY(180deg);}
.iconwrap1 div span{display: block;font-size: 15px; font-weight: bold; color: #777;margin: 20px 0;}
/*追求*/
.zhuiqiuwrap{padding: 50px calc((100% - 1200px) / 2);padding-bottom: 30px; position: relative;}
.zhuiqiuwrap div{width: 280px; padding: 30px; margin: 0 30px; float: left;background-color: #fff;text-align: center; box-shadow: 0 0 35px #eee;border-radius: 7px;transition:All 0.2s ease-in-out; }
.zhuiqiuwrap div:hover{box-shadow: 0 0 35px #bbb;transform:translate(0,-2px);}
.zhuiqiuwrap div p{font-size: 18px;margin-top: 15px;}
.zhuiqiuwrap div i{display: block;border-top: 2px solid #F4DD27;width: 50px;margin: 30px auto;}
.zhuiqiuwrap div span{font-size: 14px;}
/*服务*/
.servicewrap{padding: 40px calc((100% - 1200px) / 2);}
.servicetitle{font-size: 26px;height: 40px;line-height: 40px;}
.servicetitle i{font-size: 14px;margin: 0 0 0 10px;}
.servicetitle a{display: block;position: absolute;margin: -40px 0 0 435px; width: 90px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #E17024;border-radius: 3px;color: #E17024;transition:All 0.2s ease-in-out;}
.servicetitle a:hover{background-color: #E17024;color: #fff;}
.servicecon{margin: 30px 0 0 0;}
.servicecon img{float: left;}
.servicecon p{float: left;font-size: 16px;margin: 23px 0 0 25px;line-height: 28px;}
.serviceline{height: 200px;border-right: 1px solid#ddd;width: 1px;margin: 35px 45px;}
/*新闻*/
.newswrap{padding: 20px calc((100% - 1200px) / 2);}
.newitem{width: 380px;margin-right: 30px;}
.newtitle{font-size: 20px;}
.newtitle i{font-size: 12px;display: block;margin: 5px 0 0 29px;}
.newcon{margin-top: 10px;}
.newcon a{display: block;height: 34px;line-height: 30px;border-bottom: 1px dashed #ddd;color: #333;transition:All 0.2s ease-in-out;padding-right: 10px;}
.newcon a:hover{transform:translate(-2px,0);border-bottom: 1px dashed #E17024;color: #E17024;}
.newcon a i{margin: 0 8px;color: #E17024;}
.newcon a span{float: right;}
.morenews{display: block;margin: 12px 0 0 288px; width: 90px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #E17024;border-radius: 3px;color: #E17024;transition:All 0.2s ease-in-out;}
.morenews:hover{background-color: #E17024;color: #fff;}
/*品牌*/
.pinpaiwrap{padding: 10px calc((100% - 1200px) / 2);}
.pinpaiwrap a{display: block;width: 140px;height: 58px;float: left;margin:0 18px 12px 0;border: 1px solid #eee;padding: 7px;transition:All 0.2s ease-in-out;}
.pinpaiwrap img{width: 140px;height: 58px;}
.pinpaiwrap a:nth-child(7n){margin-right:0px;}
.pinpaiwrap a:hover{border: 1px solid #E17024;border-radius: 5px;box-shadow: 0 10px 8px -8px #999;transform:translate(0,-2px);}
/*商盟成员*/
.friendlink{padding: 30px 0;color: #333;font-weight: bold;}
.friendlink a{color: #666;margin-right: 10px;font-weight: normal;}
/*尾部*/
.footwrap{background-color: #141414;padding: 0 calc((100% - 1200px) / 2);padding-top: 35px;}
.footinwrap{background-color: #191919;padding: 25px 60px;}
.footitem1{width: 100px;line-height: 34px;}
.footitem1 p{color: #eee;font-size: 16px;}
.footitem1 a{color: #666;font-size: 14px;}
.footitem1 a:hover{border-bottom: 1px solid #eee; color: #eee;padding-bottom: 2px;}
.footitem2{width: 600px;color: #ddd;font-size: 14px;line-height: 28px;border-right: 1px solid #333;margin-right: 30px;padding-right: 30px;}
.footitem2 a{color: #ddd;font-size: 13px;}
.footitem3{color: #ddd;font-size: 13px;line-height: 30px;}
.footitem3 p{color: #ddd;font-size: 16px;}
.footitem3 a{color: #ddd;}