@charset "utf-8";
html{color:#333;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font:16px/28px "Microsoft YaHei";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}
img{border:none;vertical-align: top;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
a{text-decoration: none;}
i,em{font-style: normal;}
.cl { *zoom:1;}
.clear{clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
#header,#nav,#trend,#compete,#product,#case,#standard,#response,#review,.team,.part08{width:100%;overflow: hidden;}
.header,.nav,.trend,.compete,.product,.case,.standard,.response,.review,.w990{width:1200px;margin:0 auto;}


.title{text-align:center;margin: 50px 0;}
.title h2{font-size:42px;font-weight:normal;color:#333;line-height: 50px;}
.title .border{border-top:4px solid #c18e6f;width:40px;display:inline-block;*display:inline;*zoom:1;vertical-align: 5px;}
.title strong{display:block;font-size:  24px;font-weight:  normal;color: #333;}
.title p{margin-top:20px;color:#666}
.title-col h2{color:#fff}
.title-col strong{color:#fff;}

/*头部页面*/
#header{background: url("../img/banner-bg.jpg") no-repeat center center;}
.header{position: relative;text-align: center;height: 482px;padding: 210px 0;color:#fff;font-family:"宋体"}
.logo{position:absolute;left:0;top:50px}
.head-title1{letter-spacing:30px;margin-bottom: 20px;}
.head-title2{display: inline-block;*display:inline;*zoom:1;margin: 10px 0 30px 0;}
.head-title3 i{border-top:4px solid #fff;width:50px;display:inline-block ;*display:inline;*zoom:1;}
.head-title4{font-size:30px;margin: 30px 0 15px 0;}
.head-title5{font-size:16px;line-height:24px;text-transform:uppercase  }
.head-img{width:100%;margin-top: 200px;}
.head-img img{display:inline-block;*display:inline;*zoom:1;}

/*导语*/
.nav{margin-top:50px;position: relative;}
.nav .left-body{width:343px;}
.nav .right-body{width:847px;}
.nav-title{height: 160px;padding-top: 25px;}
.nav-title h2{font-size:40px;color:#333;font-weight:normal;line-height:50px;}
.nav-title p{text-transform:uppercase;color:#c18e6f;line-height:40px;font-size: 36px;}
.nav .right-body p{height: 185px;color:#666;line-height:30px;}
.nav .nav-img1{width:343px;height:260px;overflow: hidden;}
.nav .nav-img2{width:847px;height:260px;overflow: hidden;}
.nav img{transition: transform 2s;}
.nav img:hover{transform:scale(1.1);transition: transform 2s;}

/*风口论*/
.chartlist li{float:left;width:50%;position:relative;*margin-left:-3px;}
.trend-img{width:50%;display: block;float:left;overflow: hidden;transition: transform 2s;}
.trend-img img{width:100%;display:block;transition: transform 1s;}
.trend-article{width: 34%;height: 80%;padding: 5% 8%;background:#f3f3f3;position:absolute;transition: background 1s;color: #fff;}
.trend-article h2{font-size:30px;color:#333;font-weight:normal;}
.trend-article strong{display:inline-block;*display:inline;*zoom:1;padding:0 10px;border:1px solid #333;margin: 10px 0 20px 0;color:#333;}
.trend-article p{font-size:16px;color:#666;padding-top: 5px;}
.trend-article p b{color:#e62020}
.trend-body1 .trend-article{left:50%;top:0}
.trend-body2 .trend-img{float:right;}
.trend-body2 .trend-article{left:0;top:0}
.triangle{position:absolute;}
.trend-body1 .triangle{right:50%;top:50%;background:url("../img/triangle-right.png") no-repeat center center;width:23px;height:36px;transition: background 1s;}
.trend-body2 .triangle{left: 50%;top:50%;background:url("../img/triangle-left.png") no-repeat center center;width:23px;height:36px;transition: background 1s;}
.chartlist li:hover .trend-article{background:#f2dbcd;color:#fff;transition: background 2s;}
.chartlist li:hover img{transform:scale(1.1);transition: transform 1s;}
.trend-body1:hover .triangle{background:url("../img/triangle-right1.png") no-repeat center center;transition: background 1s;}
.trend-body2:hover .triangle{background:url("../img/triangle-left1.png") no-repeat center center;transition: background 1s;}
@media  (max-width:1689px){
    .chartlist li{float:left;width:50%;position:relative}
    .trend-img{width:50%;display: block;float:left;overflow: hidden;transition: transform 2s;}
    .trend-img img{width:100%;display:block;transition: transform 1s;}
    .trend-article{width:44%;height: 88%;padding: 3% 3%;background:#f3f3f3;position:absolute;transition: background 1s;color: #fff;}
    .trend-article strong{display:inline-block;*display:inline;*zoom:1;padding:0 10px;border:1px solid #333;margin:5px 0 5px 0;color:#333;}
    .trend-article p{line-height:24px;padding-top: 2px;}
}

#compete{margin-bottom:50px}
.compete{position:relative;}
.compete-main .bd{width:343px;float:left}
.compete-main .bd li{width:343px;height:194px}
.compete-main .bd .brand1{background:url("../img/brand1-1.jpg") no-repeat center center;border:1px solid #dcdcdc;}
.compete-main .bd .brand2{background:url("../img/brand2-1.jpg") no-repeat center center;border:1px solid #dcdcdc;border-top-color:#fff}
.compete-main .bd .brand3{background:url("../img/brand3-1.jpg") no-repeat center center;border:1px solid #dcdcdc;border-top-color:#fff}
.compete-main .bd .brand1.on{background:url("../img/brand1.jpg") no-repeat center center;border:1px solid #c18e6f;}
.compete-main .bd .brand2.on{background:url("../img/brand2.jpg") no-repeat center center;border:1px solid #c18e6f;}
.compete-main .bd .brand3.on{background:url("../img/brand3.jpg") no-repeat center center;border:1px solid #c18e6f;}
.compete-main .hd{width:836px;float:right;height: auto;}
.imglist li{width:836px;}
.compete-article{height: 180px;}
.compete-article h2{font-size:24px;font-weight:normal;color:#333;margin-top: 15px;}
.compete-article p{font-size:16px;color:#666;margin-top: 10px;}
.compete-main .hd li{position:relative}
.compete-images{position:relative}
.compete-images .bd1{position:absolute;bottom:0;left:0;width:816px;padding-right:20px;text-align:right;font-size:0;background:url("../img/bg.png");padding-top:10px}
.compete-images .bd1 li{display:inline-block;width:13px;height:13px;border:1px solid #fff;border-radius:  100%;margin:0 5px}
.compete-images .bd1 li.on{background:#c18e6f;border-color:#c18e6f}

.compete-bottom{position: absolute;bottom: 27px;left: 0;width: 265px;height: 175px;padding: 20px 40px 0;background:url("../img/bg1.jpg");}
.compete-bottom p{font-size: 16px;padding: 10px;color:#c18e6f;line-height:30px;}

/*技术流*/
#product{background: url("../img/product-bg.jpg") no-repeat center center;height: 970px;}
.product-main{position: relative;}
.product-txt{width: 630px;height: 170px;overflow-y:scroll;padding-right: 20px;color:#fff;position: absolute;top: 0px;right:10px;}
.product-txt::-webkit-scrollbar{background: url(../img/scroll-y.jpg) center repeat-y;width: 7px;}
.product-txt::-webkit-scrollbar-thumb{width:5px;background:#c18e6f;cursor:pointer;border-radius:5px}
.product-article {width: 420px;height: 540px;padding: 30px 50px 0 30px;background: #fff;}
.product-images{position:absolute;right:0;top: 190px;}
.product-images li{width:745px;}
.product-article h2{font-size:30px;font-weight:normal;color:#333;}
.product-article strong{font-size:30px;font-weight:normal;text-transform:uppercase;color:#c18e6f;line-height:50px}
.product-article .border{border-top:4px solid #c18e6f;width:50px;margin-bottom: 15px;}
.product-article p b{color:#333;}
.product-article p{color:#333;}
.product-main .prev3{background:url("../img/prev1.jpg") no-repeat center center;width: 58px;height: 64px;position: absolute;bottom: 0;left: -150px;cursor: pointer;}
.product-main .next3{background:url("../img/next1.jpg") no-repeat center center;width: 58px;height: 64px;position: absolute;bottom: 0;left: -80px;cursor: pointer;}
.product-main .prev3:hover{background:url("../img/prev2.jpg") no-repeat center center;}
.product-main .next3:hover{background:url("../img/next2.jpg") no-repeat center center;}

/*首响应*/
#response{background:url("../img/response-bg.jpg") no-repeat center center;height:967px;}
.response{position:relative;}
.response .response-article{width: 441px;position:absolute;right:0;top: 160px;}
.response-logo{padding: 20px 30px;}
.response-text{margin-left: 30px;padding-right: 30px;height: 365px;overflow-y: scroll;color: #333;text-align:justify;}
.response-text::-webkit-scrollbar{background: url(../img/scroll-y.jpg) center repeat-y;width: 7px;}
.response-text::-webkit-scrollbar-thumb{width:5px;background:#c18e6f;cursor:pointer;border-radius:5px}
.response-images{position:relative}
.response-images li{width:758px}
.response-images .prev4{background:url("../img/prev1.jpg") no-repeat center center;width: 58px;height: 64px;position: absolute;bottom: 0;right: 350px;cursor: pointer;}
.response-images .next4{background:url("../img/next1.jpg") no-repeat center center;width: 58px;height: 64px;position: absolute;bottom: 0;right: 280px;cursor: pointer;}
.response-images .prev4:hover{background:url("../img/prev2.jpg") no-repeat center center;}
.response-images .next4:hover{background:url("../img/next2.jpg") no-repeat center center;}

#standard{padding-bottom:50px}
.standard-article{margin-bottom:30px;}
.standard-article p{text-indent:2em;line-height:34px;text-align:justify;}

/*行业点评*/
#review{background:url("../img/review-bg.jpg") no-repeat center center;height:400px;padding:150px 0}
.review .left-body{width:760px;color:#fff;padding:50px 50px 0 20px;float: left;}

.review .left-body h2{font-size:30px;font-weight:normal;margin-bottom:30px;}
.review .left-body p{line-height:38px;}
.review .right-body{width:308px;float: right;}

/*策划团队*/
.team{text-align: center;}
.team-title{position:relative;padding:30px 0}
.team-title h2{font-size: 42px;line-height: 60px;}
.team-title span{font-size: 36px;color:#c18e6f;text-transform:  uppercase;}
.team-title .border{width:300px;border-top:1px solid #b5b5b5;position: absolute;top:50%;}
.team-title .border-left{left:200px}
.team-title .border-right{right:200px}
.ct {width: 835px;margin:0 auto;text-align: center;}
.list-tit{width: 460px;}
.list-tit li{line-height: 32px;font-size: 16px;text-align: center;color: #333;}
.gz{width: 130px;margin: 20px 20px 0 17px;}
.gz_nav{margin-top: 10px;}
.mz h5{font-size: 24px;margin-bottom:20px;color: #c18e6f;padding-top: 30px;}
.mz p{color: #333;font-size: 16px;line-height: 30px;}

.part08{text-align:center;padding-bottom:30px}

.nav_r{width: 110px;height:110px;position: fixed;right: 30px;top:100px;background: url("../img/gzs.png") no-repeat;cursor: pointer}
.nav_r .focus{text-align: center;margin-top: 23px;}
.nav_r .focus b{font-size: 18px;color: #fff;}