@charset "utf-8";



/*banner*/

.banner{position: relative; height:650px;clear: both;overflow: hidden;}

.ban_p,.ban_p li{ height:650px;overflow: hidden;}

.ban_p li{ display:block; height:650px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}

.ban_p li img {width:1920px;height: 650px;position: absolute;left: 50%;top:0;margin-left: -960px;}

.ban_t{width:600px;height:50px;bottom: 0;left:50%;margin-left:-300px;position: absolute;text-align: center;}

.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:16px; display: inline-block;background: #fff;}

.ban_t em.on{background: #f19800;}



.til01{height:113px;display: block;font-size:36px;line-height:54px;color: #333;text-align: center;font-weight: normal;}

.til01 span{display: block;font-size:18px;line-height:38px;color: #666;}

.til01 b{color: #0061a6;}

.til01 a{display: block;color: #333;}

.probox .til01,.team .til01,.about .til01{background:url(../images/tilbg2.png) no-repeat center 23px;}

.newsbox .til01{background:url(../images/tilbg3.gif) no-repeat center 23px;}

.probox .til01,.probox .til01 a,.team .til01,.team .til01 span,.team .til01 b,.team .til01 a,.about .til01,.about .til01 span,.about .til01 b,.about .til01 a{color: #fff;}


/*搜索*/

.seabox{height:80px;line-height:45px;background: #f1f1f1;padding: 20px 0 0;}

.seabox h3{width: 25%;font-size: 24px;line-height: 33px;font-family: "宋体";color: #0061a6;float: left;}

.seabox h3 em{font-size:10px;line-height:14px;display: block;font-weight: normal;text-transform: uppercase;font-family: Arial;color: #c5c5c5;letter-spacing: 3px;font-style: normal;}

.keyword{width:40%;padding: 8px 0 0;white-space: nowrap;}

.keyword a{padding: 0 6px;display: inline-block;white-space: nowrap;}

.sea_inp{width:20%;height:43px;overflow: hidden;padding: 8px 0 0;}

.sea_inp .serach{width:70%;height:43px;border:solid 1px #e6e6e6;border-right: 0;background:#fff;line-height:43px;color:#555;padding:0 9px;float:left;outline: none;display: block;font-size:14px;}

.sea_inp .sub{ width:45px; height:45px;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.gif) no-repeat 0 0;border: 0;}



/*优势*/

.edge{font-family: "Microsoft Yahei";line-height:25px;height:780px;padding:58px 0 0;color: #666;overflow: hidden;position: relative;}

.prev1,.next1{width:34px;height:34px;display: block;position: absolute;z-index: 9;bottom:5px;right:0;cursor:pointer;}

.prev1{right: 34px;}

.edge_c{height: 400px;}

.edge_c dt{background: #e6e6e6;padding: 5px;float: left;width:45%;height: 390px;}

.edge_c dt p,.edge_c dt p img{width: 100%;height: 390px;display: block;overflow: hidden;}

.edge_c dd{border: solid 1px #e6e6e6;border-left: 0;width:47.6666%;height: 336px;float: left;padding: 62px 60px 0 39px;}
 @media only screen and (max-width: 1200px) { 
 .edge_c dd{width:44%;}
 }

.edge_c dd h3{height:77px;line-height:36px;color: #0061a6;padding:48px 0 0;font-size: 24px;position: relative;}

.edge_c dd h3:before{content: "01";position: absolute;width: 100%;height: 48px;color: rgba(243, 152, 1 , 0.3);font-size: 90px;left: 0;top: 0;overflow: hidden;line-height:80px;}

.edge_c dl:nth-child(2) dd h3:before{content: "02";}

.edge_c dl:nth-child(3) dd h3:before{content: "03";}

.edge_c dl:nth-child(4) dd h3:before{content: "04";}

.edge_c dd h3 em{display: block; line-height:20px;color: #d0d0d0;font-size:14px;text-transform: uppercase;}

.edge_w p{height: 110px;overflow: hidden;}

.more01{display: block;text-align: center;width: 123px;line-height: 33px;border-radius:5px;border: solid 2px #f39700;text-align: center;color: #333;}



.edge_t{font-size: 24px;color: #fff;line-height:192px;text-align: center;font-weight: bold;overflow: hidden;margin-bottom: 20px;}

.edge_t ul{width: 1500px;}

.edge_t li{width: 24%;float: left; margin: 0 7px;position: relative;}

.edge_t li p,.edge_t li p img,.edge_t li span{width: 100%;height:auto;overflow: hidden;display: block;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}

.edge_t li span{position: absolute;left: 0;top: 0;background: rgba(0 , 0 , 0 , 0.5); height:100%;}

.edge_t li.cur span{display: none;}

.edge_t li.cur p img{border: solid 3px #f39700;}



/*产品*/

.probox{font-family: "Microsoft Yahei";padding:70px 0 0;position: relative; margin:30px 0; overflow:hidden;}



.pro_cla{height: 149px;line-height:46px;color: #fff;text-align: center;}

.pro_cla li{width:125px;float: left;height: 125px;border: solid 2px #fff;border-radius: 8px;margin: 0 48px 0 0;}

.pro_cla li:last-child{margin: 0;}

.pro_cla li p{display: block;line-height:20px;padding:10px 0 0;}

.pro_cla li a{display: block;color: #fff;}

.pro_cla li span{width:39px;height:41px;display: block;position: relative;overflow: hidden;margin: 26px auto 0;}

.pro_cla li span i{width:39px;height:41px;position: absolute;display: block;top: 0;left: 0;}

.pro_cla li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}

.pro_cla li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;

	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);

	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);

	-webkit-transform-origin:50% 0%;

    transform-origin:50% 0%;

    -webkit-transition:all 0.4s linear;

    transition:all 0.4s linear;}

.pro_cla li:hover span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}

.pro_cla li:hover span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.pro_cla li:hover{background: #0061a6;border-color: #0061a6;}



.pro_c{overflow: hidden; margin:0 auto; height:auto; width:78%}

.pro_c dl{width:30%;float: left;margin:18px 5px; background:#fff;}
.pro_cl{ width:99%; float:right;}
 @media only screen and (max-width: 1200px) { 
 .pro_c dl{width:30%;float: left;margin: 4px; background:#fff;}
 
 }
 
/*首页新增左侧列表*/
    .fdh-01-tit {
            background: #0061a6;
            height: 80px;
        }
 .fdh-01-nav{ background:#fff;}       
        .fdh-01-tit h3 {
            height: 75px;
            font-size: 24px;
            font-weight: normal;
            line-height: 75px;
            color: #fff;
            border-bottom: 1px solid #fff;
            text-align: center;
        }
        
        .fdh-01-tit h3 span {
            font-size: 14px;
            text-transform: uppercase;
        }
        
        .fdh-01-nav-one h3 {
            height: 50px;
            line-height: 50px;
            background: url(../images/p14-icon5.png) no-repeat right center #ececeb;
            margin-bottom: 2px;
            overflow: hidden;
        }
        
        .fdh-01-nav-one h3 a {
            display: block;
            height: 50px;
            font-size: 18px;
            font-weight: bold;
            margin-right: 40px;
            margin-left: 38px;
            color: #0061A6;
        }
        
        .fdh-01-nav-one h3.sidenavcur,
        .fdh-01-nav-one h3:hover {
            background: url(../images/p14-icon2.png) no-repeat right center  #0061a6;
        }
        
        .fdh-01-nav-one h3.sidenavcur a,
        .fdh-01-nav-one h3:hover a{
            color: #fff;
        }
        .fdh-01-nav dl {
            padding: 2px 0 4px;
        }
        
        .fdh-01-nav dt {
            height: 50px;
            font-size: 16px;
            line-height: 50px;
            padding-left: 38px;
            padding-right: 40px;
            margin-bottom: 1px;
            background: #ececec;
            position: relative;
            overflow: hidden;
        }
        
        .fdh-01-nav dt:after {
            content: "";
            width: 8px;
            height: 8px;
            border: 2px solid #b8b8b8;
            border-style: solid solid none none;
            position: absolute;
            top: 50%;
            right: 32px;
            margin-top: -4px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .fdh-01-nav dt.sidenavcur:after,
        .fdh-01-nav dt:hover:after {
            border-color:  #0061a6;
        }
        
        .fdh-01-nav dt.sidenavcur a,
        .fdh-01-nav dt:hover a {
            color:  #0061a6;
        }
        
        .fdh-01-nav dd {
            border: 1px solid #ececec;
            border-bottom: 0;
        }
        
        .fdh-01-nav p {
            height: 50px;
            font-size: 14px;
            line-height: 50px;
            padding-left: 72px;
            padding-right: 40px;
            border-bottom: 1px solid #ececec;
            background: #fff;
            position: relative;
            overflow: hidden;
        }
        
        .fdh-01-nav p.sidenavcur a,
        .fdh-01-nav p:hover a {
            color:  #0061a6;
        }
        
        .fdh-01-nav p.sidenavcur:after,
        .fdh-01-nav p:hover:after {
            background: #f29700;
        }
        
        .fdh-01-nav a {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
/*首页新增左侧列表*/
.pro_c dt,.pro_c dt img{width:100%;display: block;overflow: hidden;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}

.pro_c dd{width: 100%;height:60px;border: solid 1px #e5e5e5;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}

.pro_c dd h3{font-size:18px;line-height:30px;display: block;background:url(../images/ico1.gif) no-repeat 534px 21px;padding: 11px 55px 0 19px;}

.pro_c dd h3 a{color: #333;}

.pro_c dd h3 em{font-size: 14px;font-weight: normal;line-height: 24px;display: block;opacity: 0.5;}

.pro_c dl:hover{background: #0061a6;}



.pro_c dl:hover dd{border-color: #0061a6;}

.pro_c dl:hover dd h3{background:url(../images/ico2.gif) no-repeat 534px 21px;}

.pro_c dl:hover dd h3 a{color: #fff;}



/*案例*/

.casebox{line-height:25px;font-family: "Microsoft Yahei";background:url(../images/casebg.gif) repeat-x center bottom; margin-top:70px;}

.case_c{height: auto;overflow: hidden; margin-bottom:50px;}

.case_c dl{width:24%;float: left;height:auto; overflow:hidden;background: #fff;position: relative;z-index: 1;margin: 0 15px 0 0;}

.case_c dl:before{content: "";position: absolute;width: 100%;height:0;top: 0;left: 0;background: #0061a6;z-index: -1;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.case_c dl:nth-child(2){}
.tempWrap{ width:1500px; padding-bottom:30px;}
.case_c dt,.case_c dt img{width: 100%;height: 272px;display: block;overflow: hidden;}

.case_c dd{padding: 30px;}

.case_c dd h3{font-size: 18px;height: 45px;line-height: 41px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.case_c dd h3 a{display: inline-block;border-bottom: solid 2px #165791;color: #333;}

.case_c dd p{display: block;height: 118px;}

.case_c dd span a{display: block;width: 103px;line-height: 31px;border: solid 1px #0061a6;border-radius: 15px;text-align: center;color: #666;}

.case_c dl.cur{color: #fff;}

.case_c dl.cur dd h3 a{color: #fff;border-color: #fff;}

.case_c dl.cur dd span a{color: #fff;border-color: #f39700;background: #f39700;}

.case_c dl.cur:before{height: 100%;}



.case_pho{height:80px;padding: 0 0 0 35%;line-height: 40px;}

.case_pho span{float: left;width: 160px;margin: 0 10px 0 0;text-align: center;}

.case_pho span a{display: block;border: solid 1px #f39700;background: #f39700;color: #fff;border-radius: 20px;}

.case_pho p{background:url(../images/ico03.jpg) no-repeat 0 8px;float: left;padding: 0 0 0 32px;}

.case_pho p b{color: #0061a6;font-size: 18px;}

.prev2,.next2,.prev4,.next4{width: 36px;height: 36px;z-index: 9;top: 47px;right: -56px;cursor:pointer;}

.prev4,.next4{top:406px;}

.prev2,.prev4{left: -56px;}

.part_c{width: 1500px;overflow: hidden;text-align: center;line-height: 42px;}

.part_c li{width: 230px;float: left;padding: 0 13px 0 0;}

.part_c li p{border: solid 1px #e6e6e6;}

.part_c li p,.part_c li p img{width: 228px;height: 128px;display: block;overflow: hidden;}

.part_c li span a{display: block;color: #333;}



/*团队*/

.team{line-height:25px;height:581px;font-family: "Microsoft Yahei";color: #787878;background:url(../images/teambg.jpg) no-repeat center 0;padding: 70px 0 0;overflow: hidden;}

.prev3,.next3{width:27px;height: 50px;z-index: 9;top: 224px;right: 0;cursor:pointer;}

.prev3{left: 0;}

.team_c{margin: 0 165px;height: 330px;overflow: hidden;}

.team_c dl{height:260px;position: relative;z-index: 1;}

.team_c dl:before{content: "";position: absolute;width: 726px;height: 230px;border-radius:0 115px 115px 0;background: rgba(255 , 255 , 255 , 0.8);z-index: -1;top: 20px;right: 0;}

.team_c dt{float: left;}

.team_c dt,.team_c dt img{width:260px;height: 260px;border-radius:260px;display: block;overflow: hidden;}

.team_c dd{float: left;padding: 26px 0 0 42px;width: 455px;}

.team_c dd h3{font-size: 14px;color: #333;line-height: 64px;height: 64px;}

.team_c dd h3 a{color: #333;}

.team_c dd h3 b{font-size:24px;color: #0061a6;padding:0 5px 0 0;}

.team_c dd p{height: 107px;overflow: hidden;}

.team_c dd p b{display: block;color: #333;}

.team_c dd span a{display: block;color: #f39700;font-weight: bold;}

.team_t{height: 135px;overflow: hidden;}

.team_t ul{width: 1835px;}

.team_t li{width: 135px;float: left;margin:0 42px 0 0;}

.team_t li,.team_t li img{height: 135px;width: 135px;display: block;overflow: hidden;border-radius: 4px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}

.team_t li.cur img{border: solid 3px #f39700;}



/*资讯*/

.newsbox{line-height:24px;height:772px;font-family: "Microsoft Yahei";padding: 90px 0 0;}



.new1{border: solid 1px #e5e5e5;height: 264px;padding: 13px 28px 0;}

.faqs,.news{width:48%;height: 270px;overflow: hidden;line-height: 39px;padding: 20px 0 0;}

.newtil{font-size: 18px;line-height: 60px;height: 60px;background:url(../images/line1.gif) repeat-x right 31px;}

.newtil span{font-size: 14px;line-height: 32px;float: right;font-weight: normal;text-transform: uppercase;}

.newtil p a{display: inline-block;padding: 0 10px 0 0;background: #fff;}

.new1 dd{width: 70%;float: left;padding:27px 0 0 55px;}

.new1 dd h3{height:56px;line-height:32px;font-size:18px;color: #333;}

.new1 dd h3 a,.new_c2 li a,.faqs_c li a{color: #333;display: inline-block;}

.new1 dd h3 em{color: #fff;display: inline-block;width: 85px;line-height: 32px;background: #0060b1;font-weight: normal;float: left;margin: 0 20px 0 0;font-size: 14px;text-align: center;}

.new1 dd p{height: 96px;overflow: hidden;}

.new1 dt{display: block;width:25%;height: 233px;overflow: hidden;float: left;}
.new1 dt img{ width:100%}

.new_c2 li,.faqs_c li{height: 39px;line-height: 39px;background:url(../images/ico04.gif) no-repeat 0 17px;padding: 0 0 0 17px;border-bottom: solid 1px #e6e6e6;}



/*关于*/

.about{height:391px;font-family: "Microsoft Yahei";text-align: center;line-height: 29px;color: #fff;padding: 60px 0 0;background:url(../images/aboutbg.jpg)  fixed center;}

.about_w{width: 80%;margin: 0 auto;height: 125px;}

.about_l a{color: #fff;display: inline-block;width: 120px;line-height: 40px;background: #0061a6;border-radius: 4px;margin: 0 0 0 20px;}

.about_l a:hover{background: #f39700;}



/*友情链接*/

.link{height:0;line-height:50px;color: #fff;background:#333;position: relative;width: 100%;}

.link_c{width:600px;overflow: hidden;position: absolute;right: 0;top:-58px;text-align: right;}

.link span{display: inline-block;opacity: 0.5;}

.link_c a{display: inline-block;color: #fff;padding: 0 3px;opacity: 0.5;}



.edge_c dt img, .case_c dt img, .part_c li p img, .team_c dt img, .new1 dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}

.edge_c dt img:hover, .case_c dt img:hover, .part_c li p img:hover, .team_c dt img:hover, .new1 dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}