.about-wraper .about-us{width: 100%;background-color: #fff;}
.about-wraper .about-us .wrap{padding: 0 78px;}
.about-wraper .about-us .about-mes{padding-bottom: 105px;padding-left: 210px;padding-right: 210px;background:url("../images/about_bg1.png") right top no-repeat,url("../images/about_bg3.png") left bottom 70px no-repeat;background-size: 156px;}
.about-wraper .about-us .about-mes p{font-size: 16px;line-height: 22px;color: #000;text-align: center;margin-bottom: 22px;}
/*以上是关于我们*/
.about-wraper .culture,.about-wraper .honor{background-color: #e9f0f6;}
.about-wraper .culture .culture-mes{padding-bottom: 107px;}
.about-wraper .culture .culture-mes ul li{float: left;width: 32%;margin-right: 2%;position: relative;cursor: pointer;}
.about-wraper .culture .culture-mes ul li:nth-child(3n){margin-right: 0;}

.about-wraper .culture .culture-mes ul li .img,.about-wraper .culture .culture-mes ul li .img img{width: 100%;}
.about-wraper .culture .culture-mes ul li .img{background-color: #000;}
.about-wraper .culture .culture-mes ul li .img img{opacity: 0.5;}
.about-wraper .culture .culture-mes ul li .content{position: absolute;top:0;left: 0;width: 100%;height: 100%;}



.about-wraper .culture .culture-mes ul li .content .con{padding: 35px;}
.about-wraper .culture .culture-mes ul li .content::before {position: absolute;  top: 20px;  right: 20px;  bottom: 20px;  left: 20px;  border: 1px solid #fff;  content: '';}
.about-wraper .culture .culture-mes ul li .content {color: #fff;text-align: center;}

/*.about-wraper .culture .culture-mes ul li .content h3{font-size: 22px;line-height: 38px;margin-bottom: 15px;margin-top: 25%;	-webkit-transition: -webkit-transform 0.35s; -moz-transition: -moz-transform 0.35s;-o-transition: -o-transform 0.35s; transition: transform 0.35s;  -webkit-transform: translate3d(0,100%,0);-moz-transform:  translate3d(0,100%,0) ;-ms-transform:translate3d(0,100%,0);-o-transform: translate3d(0,100%,0) ;transform: translate3d(0,100%,0);}*/
.about-wraper .culture .culture-mes ul li .content h3{font-size: 22px;line-height: 38px;margin-bottom: 15px;margin-top: 25%;	-webkit-transition: -webkit-transform 0.35s; -moz-transition: -moz-transform 0.35s;-o-transition: -o-transform 0.35s; transition: transform 0.35s;  -webkit-transform: translateY(100%);-moz-transform:  translateY(100%) ;-ms-transform:translateY(100%);-o-transform: translateY(100%) ;transform: translateY(100%);}


.about-wraper .culture .culture-mes ul li .content p{font-size: 26px;line-height: 32px;font-weight: bold;}

.about-wraper .culture .culture-mes ul li .content::before,.about-wraper .culture .culture-mes ul li .content p{opacity: 0;  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;-moz-transition: opacity 0.35s, -moz-transform 0.35s;-o-transition: opacity 0.35s, -o-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;  -webkit-transform: scale(0);  transform: scale(0);}

.about-wraper .culture .culture-mes ul li:hover .img img,.about-wraper .culture .culture-mes ul li.active .img img{opacity: 0.7;}


/*
.about-wraper .culture .culture-mes ul li:hover .content h3 {  -webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}
*/
.about-wraper .culture .culture-mes ul li:hover .content h3,.about-wraper .culture .culture-mes ul li.active .content h3 {  -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);  transform: translateY(0);}


.about-wraper .culture .culture-mes ul li:hover .content::before,
.about-wraper .culture .culture-mes ul li:hover .content p,.about-wraper .culture .culture-mes ul li.active .content::before,
.about-wraper .culture .culture-mes ul li.active .content p {  opacity: 1;  -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);  transform: scale(1); }





/*以上是企业文化*/


.about-wraper .honor .honor-mes{padding: 0 45px;}
.about-wraper .honor .honor-mes .honor-info{background: #004490;padding: 35px;margin-bottom: 85px;}
.about-wraper .honor .honor-mes .honor-info p{float: left;width: 834px;font-size:18px;line-height: 30px;color: #e9f0f6;}
.about-wraper .honor .honor-mes .honor-info .img{float: right;padding-left: 100px;border-left: 2px solid #e9f0f6;}
.about-wraper .honor .honor-mes .honor-info .img img{width: 83px;}
.about-wraper .honor .honor-mes .honor-list{padding-bottom: 78px;}
.about-wraper .honor .honor-mes .honor-list li{float: left;width: 21%;margin: 0 2%;padding-bottom: 60px;position: relative;}
/*.about-wraper .honor .honor-mes .honor-list li img{max-width: 100%;vertical-align: bottom;height: 251px;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.2)));}*/
.about-wraper .honor .honor-mes .honor-list li img{max-width: 100%;vertical-align: bottom;height: 251px;}

.about-wraper .honor .honor-mes .honor-list li .down{position: absolute;left:0;bottom: 0;}
.about-wraper .honor .honor-mes .honor-list li .reflection{max-width:100%;height:60px;overflow: hidden;}

.about-wraper .honor .honor-mes .honor-list li .reflection img{max-width: 100%;display: inline-block; -webkit-transform: scaleY(-1);  -moz-transform: scaleY(-1);  -ms-transform: scaleY(-1);  -o-transform: scaleY(-1);  transform: scaleY(-1);opacity:0.16;filter:alpha(opacity=16); position: relative;}

.about-wraper .honor .honor-mes .honor-list li  .overlay{position: absolute;bottom: -10px;left: 0;width: 100%;height: 40px;background: -moz-linear-gradient(bottom, rgb(233,240,246) 0, rgba(233,240,246,0) 90%);  background: -o-linear-gradient(bottom,rgb(233,240,246) 0, rgb(233,240,246) 90%);background: -webkit-gradient(linear,  left bottom,left top, from(rgba(233,240,246, 1)), to(rgba(233,240,246, 0.2)));
    filter:alpha(opacity=100,finishopacity=20,style=1,startx=0,starty=0,finishx=0,finishy=40) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    -ms-filter:alpha(opacity=100,finishopacity=20,style=1,startx=0,starty=0,finishx=0,finishy=40) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e9f0f6,endcolorstr=#e9f0f6,gradientType=0);/*IE8*//*filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='rgba(233,240,246, 1)',endColorStr='rgba(233,240,246, 0.2)',gradientType=0);*/ z-index: 10;}

/*以上是荣誉资质*/

.about-wraper .develop-mes{position: relative;margin-bottom: 145px;}
.about-wraper .develop-mes .flexslider{position: relative;width:90%;padding: 0 66px;overflow: hidden;margin-top: 35px;}
.about-wraper .develop-mes #develop .line{position: absolute;left: 66px;top:50%;width: calc(100% - 132px);height: 1px;background: #c2c2c2;z-index: 10;}

.about-wraper .develop-mes .flexslider .flex-viewport {position: relative;overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;-o-transition: all .5s ease ;transition: all .5s ease;}
.about-wraper .develop-mes .flexslider .slides li{position: relative;padding-right: 126px;margin-right: 126px;}

.about-wraper .develop-mes  #develop .flex-viewport{z-index: 20;position: relative;}

.about-wraper .develop-mes .flexslider .slides li .info{position: relative;}
/*.about-wraper .develop-mes .flexslider .slides li:nth-child(odd){border-top: 1px solid #c2c2c2;}*/

.about-wraper .develop-mes .flexslider .slides li .info:after { content: '';width: 15px; height: 15px;background: #c2c2c2; position: absolute; left: 50%; margin-left: -7.5px;border-radius: 50%;z-index: 40;}


.about-wraper .develop-mes .flexslider .slides li:nth-child(odd) .info:after{top: -8.5px; }
.about-wraper .develop-mes .flexslider .slides li:nth-child(even) .info:after{bottom: -8.5px;}
.about-wraper .develop-mes .flexslider .slides li.flex-active-slide{z-index: 20;}
.about-wraper .develop-mes .develop-list{position: relative;}


.about-wraper .develop-mes .develop-list li .info{width: 294px;cursor: pointer;}

.about-wraper .develop-mes .develop-list li .info h3{font-size: 18px;line-height:34px;color: #828282;text-align: center;background: #efefef;font-family: 'gothampro_bold';position: relative;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition:all 0.3s ease;  transition: all 0.3s ease;}
.about-wraper .develop-mes .develop-list li .info h3:before{content: "";position: absolute;left: 50%;  width: 0;  height: 0;  border: 8px solid transparent;    margin-left: -8px;}
.about-wraper .develop-mes .develop-list li:nth-child(odd) .info h3:before{top: -16px;border-bottom: 8px solid #efefef; }
.about-wraper .develop-mes .develop-list li:nth-child(odd) .info{padding-top: 37px;}
.about-wraper .develop-mes .develop-list li:nth-child(even) .info{padding-bottom: 37px;}
.about-wraper .develop-mes .develop-list li:nth-child(even) .info h3:before{bottom: -16px;border-top: 8px solid #efefef; }
.about-wraper .develop-mes .develop-list li .info p{font-size: 14px;line-height: 18px;color: #3b3b3b;background: #fbfbfb;padding-left: 16px;padding-right: 16px; }
.about-wraper .develop-mes .develop-list li:nth-child(odd) .info p{margin-top: 14px;padding-bottom: 25px;}
.about-wraper .develop-mes .develop-list li:nth-child(even) .info p{margin-bottom: 14px;padding-top: 25px;}

.about-wraper .develop-mes .develop-list li:nth-child(even){margin-top: -50%;margin-left: -211px;}
.about-wraper .develop-mes .flexslider .slides li.flex-active-slide .info:after{background: #004490;}
.about-wraper .develop-mes .flexslider .slides li.flex-active-slide .info h3{background: #004490;color: #fff;}
.about-wraper .develop-mes .develop-list li.flex-active-slide:nth-child(odd) .info h3:before{border-bottom: 8px solid #004490; }
.about-wraper .develop-mes .develop-list li.flex-active-slide:nth-child(even) .info h3:before{border-top: 8px solid #004490; }




.about-wraper .develop-mes .flexslider .slides li:hover .info:after{background: #004490;}
.about-wraper .develop-mes .flexslider .slides li:hover .info h3{background: #004490;color: #fff;}
.about-wraper .develop-mes .flexslider .slides li:hover:nth-child(odd) .info h3:before{border-bottom: 8px solid #004490; }
.about-wraper .develop-mes .develop-list li:hover:nth-child(even) .info h3:before{border-top: 8px solid #004490; }




.about-wraper .develop-mes .flexslider .flex-direction-nav{position: absolute;top:50%;left: 0;width: 100%;height: 40px;margin-top: -20px;}
.about-wraper .develop-mes .flexslider .flex-direction-nav a{width: 40px;height: 40px; display: block;  background-repeat: no-repeat;  background-size: 40px;  position: absolute;  top: 0;  z-index: 10;  cursor: pointer;  text-indent: -9999px;  -webkit-transition: all .3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease; }

.about-wraper .develop-mes .flexslider .flex-direction-nav .flex-prev{left: 0;background-image: url("../images/icon_prev.png");}
.about-wraper .develop-mes .flexslider .flex-direction-nav .flex-next{right: 0;background-image: url("../images/icon_next.png");}
.about-wraper .develop-mes #sli{display: none;}
.about-wraper .develop-mes #sli.flexslider{position: absolute;height:40px;left: 0;top:50%;margin-top: -20px;}