

.banner{width: 100%;position: relative;overflow: hidden;}
.banner .flexslider {position: relative;overflow: hidden;}
.banner .flex-viewport {position: relative;overflow: hidden; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.banner .flexslider .slides li{position: relative;}
.banner .flexslider .slides li img,.banner .flexslider .slides li{width: 100%;}
.banner .flex-control-nav {width: 100%; position: absolute; bottom: 20px;left: 0; text-align: center;}
.banner .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.banner .flex-control-paging li a {width: 14px; height: 14px; display: block; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;/*border: 1px solid #fff;box-sizing: border-box;*/background-color: #fff;cursor: pointer;}
.banner .flex-control-paging li a:hover { background-color:#004490;/* border-color: #004490;*/}
.banner .flex-control-paging li a.flex-active { background-color: #004490;}
.banner .flexslider .flex-direction-nav {position: absolute;width: 100%;left: 0;top: 50%;margin-top: -25px;display: none;}

/*.banner .flexslider .flex-direction-nav {position: absolute;width: 100%;left: 0;top: 50%;margin-top: -25px;display: none;}
.banner .flexslider .flex-direction-nav a {width: 50px; height: 50px; display: block; background-color:rgba(255,255,255,0.3);background-repeat: no-repeat ;background-position: center center;background-size: 28px;position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.banner .flexslider .flex-direction-nav .flex-next {background-image: url("../images/right.png");right: -36px; }
.banner .flexslider .flex-direction-nav .flex-prev {background-image: url("../images/left.png");left: -36px;}
.banner .flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.banner .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.banner .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.banner .flexslider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30);}*/

/*以上是banner*/

.section .title{padding: 40px 0;position: relative;}
.section .title span{display: block;width: 40px;height: 5px;background-color: #004490;margin-bottom: 40px;}
.section .title h2{font-size: 46px;line-height: 46px;color: #000;font-family: 'gothampro_bold';word-spacing: -4px;margin-bottom: 5px;}
.section .title p{font-size: 22px;line-height: 28px;color: #000;font-weight: bold;}
.section .title i{display: block;font-size: 12px;line-height: 18px;color: #000;margin-top: 5px;}
.section .title .title-rig{position: absolute;right: 0;top: 75px;text-align: right;}
.section .title .title-rig i:first-child{font-size: 14px;line-height: 20px;color: #011fb5;}

.section.cooperation .title{text-align: center;}
.section.cooperation .title span{margin: 0 auto;margin-bottom: 20px;}
.section.cooperation .title p{margin-top: 15px;}

.solution .wrap{padding-bottom: 70px;position: relative;}
.solution .solution-intro{position: absolute;right: 0;top: 68px;width: 590px;}
.solution .solution-intro p{font-size: 14px;line-height: 22px;color: #000;margin-bottom: 22px;}
.solution .solution-intro a{display: block;font-size: 12px;line-height: 22px;color: #011fb5;margin-bottom: 25px;}

.solution .flexslider{position: relative;overflow: hidden;margin-top: 35px;}
.solution .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;}
.solution .flexslider .slides li{position: relative;width: 100%;overflow: hidden;background: #fff;}

.solution .flexslider .slides li.flex-active-slide{z-index: 20;}
.solution .solution-list .slides li .solu{float: left;width: 24%;margin-right:1.333%;position: relative;}
.solution .solution-list .slides li .solu:nth-child(4){margin-right:0;}
.solution .solution-list .slides li .solu:nth-child(3),.solution .solution-list .slides li .solu:nth-child(4){margin-top:0;}

.solution .solution-list-mobile{/*display: none;*/padding-bottom: 50px;margin-top: -50px;}
.solution .solution-list-mobile .slides li .solu{float: left;width: 49.5%;margin-right:1%; }
.solution .solution-list-mobile .slides li .solu:nth-child(2n){margin-right: 0;}
.solution .solution-list-mobile.flexslider .flex-viewport{display: none;}


.solution .flexslider .slides li a{display: block;position: relative;overflow: hidden;z-index: 10;-webkit-transition: all .5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; ;transition: all 0.5s ease;}
.solution .flexslider .slides li a:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-image: url("../images/solu_bg.png");background-position: bottom center;background-repeat: no-repeat;background-size: 100%;z-index: 9;}
.solution .flexslider .slides li a .img{overflow: hidden;}

.solution .flexslider .slides li a .img,.solution .flexslider .slides li a .img img{width: 100%;}
.solution .flexslider .slides li a .img img{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; ;transition: all 0.5s ease;}
.solution .flexslider .slides li a:hover .img img{ -moz-transform:scale(1.05,1.05);  -webkit-transform:scale(1.05,1.05);  -o-transform:scale(1.05,1.05);  transform: scale(1.05,1.05);}

.solution .flexslider .slides li a .solu-intro{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 10;-webkit-transition: all .5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; ;transition: all 0.5s ease;}
.solution .flexslider .slides li a .solu-intro .info{padding: 0 15px;color: #fff;}
.solution .flexslider .slides li a .solu-intro .info em{display: block;width: 22px;height: 3px;background: #fff;margin-bottom: 20px;}
.solution .flexslider .slides li a .solu-intro .info p{padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.4);}
.solution .flexslider .slides li a .solu-intro .info p span{display: block;font-size: 18px;line-height: 22px;}
.solution .flexslider .slides li a .solu-intro .info p i{display: block;font-size: 12px;line-height: 20px;}
.solution .flexslider .slides li a .solu-intro .info h4{font-size: 12px;line-height: 22px;padding-left: 18px;background-image: url("../images/jia.png");background-repeat: no-repeat;background-position: left 2px center;background-size: 8px;margin: 15px 0;}

.solution .flexslider .slides li a  .line{position: absolute;width: 98%;height: 98%;left: 1%;top: 1%;right: 1%;bottom: 1%;z-index: 30;}

.solution .flexslider .slides li a  .line::before, .solution .flexslider .slides li a  .line::after {  position: absolute;  top: 5px;  right: 5px;  bottom: 5px;  left: 5px;  content: '';  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; }


.solution .flexslider .slides li a  .line::before {  border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1);-moz-transform: scale(0,1);-ms-transform: scale(0,1);-o-transform: scale(0,1);  transform: scale(0,1); }

.solution .flexslider .slides li a  .line::after {border-right: 1px solid #fff;  border-left: 1px solid #fff;  -webkit-transform: scale(1,0);-moz-transform: scale(1,0);-ms-transform: scale(1,0);-o-transform: scale(1,0);  transform: scale(1,0); }

.solution .flexslider .slides li a:hover .line::before,
.solution .flexslider .slides li a:hover .line::after {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);  }


/*.solution .flexslider .slides li a:hover .solu-intro{bottom: 10px;}*/






.solution .flexslider .flex-control-nav{display: none;}
.solution .flexslider .flex-direction-nav {position: absolute;width: 228px;left: 0;bottom: 0;overflow: hidden;height: 48px;background-color: #004490;border-radius: 25px;z-index: 100;}

.solution .flexslider .flex-direction-nav a {height: 48px;line-height: 48px;color: #fff;text-transform: uppercase; display: block; background-repeat: no-repeat ;background-size: 16px;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;}
.solution .flexslider .flex-direction-nav .flex-prev {background-image: url("../images/solu_prev.png");left: 0;background-position: left 15px center;text-align: right;width: 52%; padding-right: 2%; }
.solution .flexslider .flex-direction-nav .flex-next {background-image: url("../images/solu_next.png");right: 0;background-position: right 15px center;text-align: left;width: 40%;}
.solution .flexslider .flex-direction-nav .flex-prev:after{content: "/";position: absolute;right: -4%;top: 0;line-height: 48px;color: #fff;}


.solution .flexslider .flex-direction-nav .flex-prev:hover{background-position: left 10px center;}
.solution .flexslider .flex-direction-nav .flex-next:hover{background-position: right 10px center;}




/*.solution .solution-list .flex-direction-nav a:hover{background-color:rgba(255,255,255,0.3);}*/

/*以上是解决方案*/


.news,.cooperation{background-color: #f7f7f7;}

.news .news-mes .content{height: 244px;overflow: hidden;background: #f7f7f7;}
.news .news-mes .content .content-info{float: left;width: 735px;}
.news .news-mes .content .content-info h3{font-size: 24px;line-height: 32px;color: #101010;margin-bottom: 30px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.news .news-mes .content .content-info p{font-size: 14px;line-height: 22px;color: #101010;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.news .news-mes .content .content-info a{font-size: 14px;line-height: 22px;color: #011fb5;margin-bottom: 20px;}

.news .news-mes .content .time{float: left;width: 220px;height: 220px;padding: 12px 12px;margin-left: 95px;background-image: url("../images/news-time_bg.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover;}
.news .news-mes .content .time .time-mes{width: 100%;height: 100%;background: #fff;}
.news .news-mes .content .time .time-mes i,.news .news-mes .content .time .time-mes p,.news .news-mes .content .time .time-mes span{padding: 0 15px;}
.news .news-mes .content .time .time-mes i{display: block;text-align: right;font-size: 20px;line-height: 32px;color: #011fb5;padding-top: 5px;margin-bottom: 30px;}
.news .news-mes .content .time .time-mes p{font-size:76px;line-height: 94px;color: #101010;font-family: 'gothampro_bold';letter-spacing:-2px;}
.news .news-mes .content .time .time-mes span{display: inline-block;font-size: 18px;line-height: 28px;color: #101010;margin-left: 10px;font-family: 'gothampro_bold';}

.news .news-mes .news-list{padding: 70px 0;}
.news .news-mes .news-list li{float: left;}
.news .news-mes .news-list li .time-list{width: 165px;height: 165px;border: 10px solid #fff;box-sizing: border-box;/*margin-right: 60px;*/cursor: pointer;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition:all 0.3s ease;  transition: all 0.3s ease;}
.news .news-mes .news-list li .time-list{text-align: center;}
.news .news-mes .news-list li .time-list p{font-size: 50px;line-height: 60px;margin-top: 25px;font-family: 'gothampro_bold'; letter-spacing:-2px;}
.news .news-mes .news-list li .time-list span{display: block;font-size: 18px;line-height: 28px;}

.news .flexslider {position: relative;}
.news #slider{overflow: hidden;padding-bottom: 10px;}
.news .flex-viewport {position: relative;overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.news .flexslider  .slides{overflow: hidden;}
.news .news-mes #carousel .flex-viewport{border: 1px solid #f7f7f7;}
/*.news .news-mes #slider .flex-direction-nav{display: none;}*/

.news .news-mes #slider .flex-direction-nav {position: absolute;width:188px;right: 0;bottom: 0;overflow: hidden;height: 48px;background-color: #004490;border-radius: 25px;z-index: 100;display: none;}
.news .news-mes #slider li{float: left;}
.news .news-mes #slider li.flex-active-slide{z-index: 20;}
.news .news-mes #slider .flex-direction-nav a {height: 48px;line-height: 48px;color: transparent; display: block; background-repeat: no-repeat ;background-size: 16px;position: absolute; top: 0; z-index: 10; cursor: pointer; text-indent: -999999px; -webkit-transition: all .3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; ;transition: all 0.3s ease;}
.news .news-mes #slider .flex-direction-nav .flex-prev {background-image: url("../images/solu_prev.png");left: 0;background-position: left 15px center;text-align: right;width: 20%; }
.news .news-mes #slider .flex-direction-nav .flex-next {background-image: url("../images/solu_next.png");right: 0;background-position: right 15px center;text-align: left;width: 20%;}
.news .news-mes #slider .flex-direction-nav .flex-prev:after{content: "查看列表页面";position: absolute;width: 76px;right: -95px;top: 0;line-height: 48px;color: #fff;}



.news .news-mes #carousel li.flex-active-slide .time-list,.news .news-mes #carousel li:hover .time-list{border-color: #004490;}
.news .news-mes #carousel li .flex-active-slide .time-list p,.news .news-mes #carousel li:hover .time-list p{color:#004490; }


/*.news .news-mes #carousel .flex-direction-nav{display: none;}*/
.news .news-mes #carousel .flex-direction-nav {position: absolute;width:188px;right: 0;top: -48px;overflow: hidden;height: 48px;background-color: #004490;border-radius: 25px;z-index: 100;}

.news .news-mes #carousel .flex-direction-nav a {height: 48px;line-height: 48px;color: transparent; display: block; background-repeat: no-repeat ;background-size: 16px;position: absolute; top: 0; z-index: 10; cursor: pointer; text-indent: -999999px; -webkit-transition: all .3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; ;transition: all 0.3s ease;}
.news .news-mes #carousel .flex-direction-nav .flex-prev {background-image: url("../images/solu_prev.png");left: 0;background-position: left 15px center;text-align: right;width: 20%; }
.news .news-mes #carousel .flex-direction-nav .flex-next {background-image: url("../images/solu_next.png");right: 0;background-position: right 15px center;text-align: left;width: 20%;}
.news .news-mes #carousel .flex-direction-nav .flex-prev:after{content: "查看列表页面";position: absolute;width: 76px;right: -95px;top: 0;line-height: 48px;color: #fff;}

.news .news-mes #carousel .flex-direction-nav .flex-next:hover{-moz-transform:translateX(5px);-ms-transform:translateX(5px);-webkit-transform: translateX(5px);-o-transform: translateX(5px);transform: translateX(5px);}

.news .news-mes #carousel .flex-direction-nav .flex-prev:hover{background-position: left 10px center;}

/*
.news .news-mes #slider .flex-direction-nav {position: absolute;width:188px;right: 0;bottom: 0;overflow: hidden;height: 48px;background-color: #004490;border-radius: 25px;z-index: 100;}

.news .news-mes #slider .flex-direction-nav a {height: 48px;line-height: 48px;color: transparent; display: block; background-repeat: no-repeat ;background-size: 16px;position: absolute; top: 0; z-index: 10; cursor: pointer; text-indent: -999999px; -webkit-transition: all .3s ease;}
.news .news-mes #slider .flex-direction-nav .flex-prev {background-image: url("../images/solu_prev.png");left: 0;background-position: left 15px center;text-align: right;width: 20%; }
.news .news-mes #slider .flex-direction-nav .flex-next {background-image: url("../images/solu_next.png");right: 0;background-position: right 15px center;text-align: left;width: 20%;}
.news .news-mes #slider .flex-direction-nav .flex-prev:after{content: "查看列表页面";position: absolute;width: 76px;right: -95px;top: 0;line-height: 48px;color: #fff;}
*/




/*以上是新闻媒体*/

.aboutUs{padding-top: 150px;padding-bottom: 80px;}
.aboutUs .aboutUs-wrap{padding-left: 80px;}
.aboutUs .aboutUs-mes{background:#f7f7f7;}
.aboutUs .aboutUs-mes .aboutUs-bg{background:url("../images/about_bg1.png") right 60px top 20px no-repeat,url("../images/about_bg2.png") left bottom no-repeat;background-size: 156px;min-height: 600px;}
.aboutUs .aboutUs-mes .aboutUs-img{float: left;width: 350px;margin-left: -80px;margin-top:  -70px;}
.aboutUs .aboutUs-mes .aboutUs-img .img{box-shadow: 3px 4px 21px rgba(38,38,38,0.31);-webkit-box-shadow:3px 4px 21px rgba(38,38,38,0.31);-moz-box-shadow: 3px 4px 21px rgba(38,38,38,0.31);-o-box-shadow: 3px 4px 21px rgba(38,38,38,0.31); }
.aboutUs .aboutUs-mes .aboutUs-img .img img{width: 100%;}
.aboutUs .aboutUs-mes .aboutUs-img .tit{margin-top: 52px;padding-left: 3px;}
.aboutUs .aboutUs-mes .aboutUs-img .tit span{display: block;width: 30px;height: 4px;background: #ddd;margin-bottom: 12px;}
.aboutUs .aboutUs-mes .aboutUs-img .tit h4,.aboutUs .aboutUs-mes .aboutUs-img .tit p{font-size: 12px;line-height: 18px;color: #000;}
.aboutUs .aboutUs-mes .aboutUs-img .tit h4{color: #004490;}

.aboutUs .aboutUs-mes .aboutUs-intro{float: left;width: 780px;padding: 0 60px;}
.aboutUs .aboutUs-mes .aboutUs-intro .mes p{font-size: 16px;line-height: 26px;color: #000;margin-bottom: 25px;}
.aboutUs .aboutUs-mes .aboutUs-intro .mes .addr{padding-top: 35px;padding-bottom: 35px;}
.aboutUs .aboutUs-mes .aboutUs-intro .mes .addr span{display: block;font-size: 14px;line-height: 26px;color: #000;}
.aboutUs .aboutUs-mes .aboutUs-intro .mes .addr span em{display: inline-block;font-weight: bold;margin-right:45px; }
/*以上是关于我们*/

.cooperation .cooper-mes{overflow: hidden;}
.cooperation ul{padding-top:70px;padding-bottom: 90px;}
.cooperation ul li{float: left;width: 19%;margin-right: 1.25%;margin-bottom: 20px;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease;overflow: hidden;}
.cooperation ul li:nth-child(5n){margin-right: 0;}
.cooperation ul li a{display: block;border: 1px solid #f4f4f4;box-sizing: border-box;position: relative;}
.cooperation ul li a img{width: 100%;}


.cooperation ul li a .img-hover{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: #fff;opacity: 0;z-index: 10;border: 6px solid #004490;box-sizing: border-box; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease;overflow: hidden; }

.cooperation ul li a .img-hover img{width: 100%;vertical-align: middle;}
.cooperation ul li:hover a .img-hover{opacity: 1;}
/*以上是合作客户*/