@charset "utf-8";



/*banner*/

.banner{width:100%; margin:1px auto 0; position:relative; height:498px;overflow: hidden;}

.fullSlide{width:100%;position:relative;height:489px;background:transparent}

.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden}

.fullSlide .bd ul{width:100% !important}

.fullSlide .bd li{width:100% !important;height:489px;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat; box-shadow:1px 5px #7ba17d;}

.fullSlide .bd li a{display:block;height:489px}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:15px;left:0}

.fullSlide .hd ul{text-align:center;}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#333;*filter:alpha(opacity=50);*opacity:.5;line-height:999px}

.fullSlide .hd ul .on{background:#ff7e00;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none}

.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}

.fullSlide .bd li .ban_phone{position:absolute;top:335px;right:430px;}

.fullSlide .bd li .ban_phone strong{font-size:24px;color:#fff;}

.fullSlide .bd li .ban_phone a{display:inline-block;height:52px;margin-left:40px;}

.banner_1{height:370px;position:relative;}



/*search*/

.search_box{ background: url(../images/sou_bg.jpg) no-repeat center top; }

.search_box .con_width{ height: 162px; box-sizing: border-box; }

.sea_left{margin-top:6px; position: relative; height: 162px; width: 500px;}

.sea_left .sou_tel{ background: url(../images/sou_tel.png) no-repeat left; margin-top: 20px; font-size: 14px; color: #fff; padding-left: 80px; height: 59px; float: left;}

.sea_left .sou_tel span{ font-size: 28px; font-family: Impact;  }

.sea_line{border-left:1px solid #f07a2c;height:42px;margin:0 35px;width:1px;}

.search_box .search{height:28px;line-height:28px;border:1px #ddd solid;border-radius: 14px; float: right; margin:5px 40px;}

.search_box .search input{float:left; background: none;}

.search_box .search input.sea_inp{width:270px;height:28px;border:0;padding-left:10px;color:#a5a5a5;line-height:28px;border-radius:3px; } 

.search_box .search input.sea_btn{width:34px;height:28px;cursor:pointer; background:url(../images/search_icon.png) no-repeat center;}

.search_box .sea_keyw{width:600px;overflow:hidden;line-height:65px;height:65px; position: absolute; right: 0; bottom: 0;}

.search_box .sea_keyw a{color:#555;padding:13px 20px;}

.search_box .sea_keyw a:hover{ border-bottom: solid 2px #FE8F02;}

.search_box .sea_keyw span{width:100px;overflow:hidden; height:60px; font-size: 18px;letter-spacing:6px; margin-right: 20px; border:solid 1px #ccc; border-left: 0; border-right: 0; line-height: 35px; font-weight: bold; text-align: center; display:block; float: left;} 

.search_box .sea_keyw span i{display: block; font-size: 13px; color: #B5B5B5; font-weight: 100; line-height: 20px;letter-spacing:1px;}

.sea_right{width: 580px; }

.sea_right .tuijian li{ width: 210px; height: 75px; float: left; margin-right: 40px; margin-top: 25px; }

.sea_right .tuijian li img{ width: 110px; height: 75px; float: left;margin-right: 10px; }

.sea_right .tuijian li p{ position: relative; font-size: 16px; font-weight: bold; height: 75px; display: block; width: 80px; float: right; color: #fff; }

.sea_right .tuijian li p span{ height: 3px; width: 40px; background: #fff; display: block; position: absolute; left: 0; bottom: 0; }

/*图片滚动*/

.case_img{width:1180px; margin:0 auto;overflow:hidden; }

.case_img .gd_all ul{overflow:hidden;margin:0 auto;width:1040px;}

.case_img .gd_all li{ float:left; width:210px;margin-right:30px;text-align:center;}

.case_img .gd_all li img{ width:200px; height:130px;border:1px solid #bbbbbb;padding:2px;}

.case_img .gd_all li a{margin-bottom:7px;display:block;font-size:14px;}

em{position: absolute;top: 51px;}

.t_r{ right:0px;}

.gd_all{ position:relative;}



/*公共标题样式*/

.pub_tit{padding-top:30px;}

.pub_tit h3{text-align: center; width:710px;margin:0 auto;}

.pub_tit h3 a{display:block;}

.pub_tit h3 a.tit{color:#333;display:inline-block;font-size:30px;padding:0 20px;font-weight:bold; text-transform: uppercase; line-height: 35px;}

.pub_tit h3 a.tit span{ font-size: 20px; }

.pub_tit h3 a.more{ line-height: 40px; font-size:14px; color: #999; text-transform: uppercase; }

.pub_tit h3 a.more:hover{background:url(../images/pub_more_bg.png) no-repeat left center; color: #333;}



/*小banner*/

.banner_small{position: relative;height:197px; }

.ban_text{position:absolute;}

.ban_qq{position:absolute;}

.ban_qq span{font-size:16px;}

.ban_qq span i{display:block;}

.banner_small .ban_btn{background: url(../images/btn_bg.png) no-repeat center;width:148px;height:57px;display:block;margin-top:10px;}

.banner_small01{ background: url(../images/ban_small_01.jpg) no-repeat center top; width: 100%;height:197px; }

.banner_small01 .ban_text{top: 30px;left:0px; color: #fff;line-height: 35px;

font-size: 24px;

font-weight: bold;}



.banner_small01 .ban_qq{top:52px;right:  158px; color: #fff;}

.banner_small01 .ban_qq i{ font-weight: bold; }

.banner_small02{ background: url(../images/ban_small_02.jpg) no-repeat center; width: 100%;margin-top:20px;}

.banner_small02 .ban_text{top: 59px;left:30px;}

.banner_small02 .ban_qq{top:42px;right: 70px;}

/*合作*/

.hezuo{ padding-top: 30px; }

.hezuo .case_img{width:1180px;}

.hezuo .case_img .gd_all ul{width:1062px;margin:0 60px;}

.hezuo em{padding:52px 8px;top:50px;}

.hezuo .case_img .gd_all li{ height: 200px; width: 200px; text-align: center;  margin:20px 30px; overflow: hidden; position: relative;

                             -webkit-transition: -webkit-transform 1s ease-out;

                             -moz-transition: -moz-transform 1s ease-out;

                             -o-transition: -o-transform 1s ease-out;

                             -ms-transition: -ms-transform 1s ease-out;	 }

.hezuo .case_img .gd_all li img{ background:#fff; height:160px; width: 160px; position: absolute; top: 20px; left: 20px; padding: 0; border:none; border-radius: 50%;}

.hezuo .case_img .gd_all li a.name{ display: none; background:rgba(4,93,184,0.7); color:#fff; line-height: 150px; font-size: 16px; height: 160px; width: 160px; border-radius: 50%; position: absolute;top: 20px; left: 20px; }

.hezuo .case_img .gd_all li:hover a{ display: block; }

.hezuo .case_img .gd_all li:hover{ background: url(../images/hz_bg.png);

                                   -webkit-transform: rotateZ(360deg);

                                   -moz-transform: rotateZ(360deg);

                                   -o-transform: rotateZ(360deg);

                                   -ms-transform: rotateZ(360deg);

                                   transform: rotateZ(360deg); 

                               }



/*产品*/



/* pro */



.pro {

    background: #FBFBFB;

    padding: 80px 0;

}



.pro .pro-l {

    height: 175px;

    background-color: #fff;

    box-shadow: #eee 0px 5px 10px;

}

.pro .pro-l .pro-t{

 height: 175px;

 width: 175px;

 background: url(../images/pro_tit.jpg);

 color: #B4DDFB;

 text-align: center;

 box-sizing: border-box;

 font-size: 14px;

 text-transform: uppercase;

}

.pro .pro-l .pro-t h2 a{

    font-size: 40px;

    color: #fff;

    padding: 35px 20px 0 35px;

box-sizing: border-box;

letter-spacing: 20px;

display: block;

font-weight: bold;

}

.pro .pro-l .pro-bottom ul{

    margin:0 30px;

    display: block;

    height: 60px;

    border-bottom: dashed 1px #eee;

    width: 930px;

}

.pro .pro-l .pro-bottom li{

    

    float: left;

}

.pro .pro-l .pro-bottom li a{

    color: #888;

    font-size: 14px;

    line-height: 60px;

    padding-right: 28px;

}

.pro .pro-l .pro-bottom li.title a{

    font-size: 16px;

    color: #333;

}

.pro .pro-l .pro-bottom li a span{

    color: #999;

    font-size: 12px;

    display: block;

    text-transform: uppercase;

}

.pro .pro-r {

    background-color: #fff;

    padding: 12px 10px;

    position: relative;

    box-shadow: #eee 0px 5px 10px;

    height: 660px;margin-top: 30px;

    overflow: hidden;

    overflow: hidden;

}





.pro .pro-r .hd {

    height: 40px;

    margin-bottom: 10px;

    border-bottom: 1px solid #e6e6e6;

}

.pro .pro-r .hd ul li {

    float: left;

    height: 40px;

    line-height: 40px;

    margin: 0 5px;

}



.pro .pro-r .hd ul li a {

    font-size: 18px;

    color: #444;

    text-align: center;

    line-height: 36px;

    height: 36px;

    padding: 0 20px;

}



.pro .pro-r .hd ul .on a {

    color: #04369d;

}





.pro .more {

    position: absolute;

    width: 60px;

    height: 22px;

    line-height: 22px;

    border-radius: 22px;

    background-color:#F2F2F2;

    right: 10px;

    top: 26px;

}



.pro .more a {

    font-size: 14px;

    color: #aaa;

    text-align: center;

    display: block;

    width: 60px;

}



.pro .pro-r .bd {

    margin-top: 10px;

}

.pro .pro-r .bd ul{

    height: 600px;

    overflow: hidden;

}

.pro .pro-r .bd ul li {

    width: 272px;

    height: 180px;

    float: left;

    overflow: hidden;

    position: relative;

    margin: 9px;

}



.pro .pro-r .bd ul li img {

    width: 286px;

    height: 180px;

    border: 1px solid #e6e6e6;

    overflow: hidden;

}



.pro .pro-r .bd ul li:hover img {

    overflow: hidden;

    border: 1px solid #04369d;

}



.pro .pro-r .bd ul li span {

    text-align: center;

    display: block;

    color: #eee;

    font-size: 14px;

    height: 30px;

    line-height: 30px;

    position: absolute;

    bottom: 0;

    background: rgba(0, 0, 0, 0.6);

    width: 100%;

}









/*案例*/

.case_wrap{

    padding: 50px 0;

}

.case_wrap dl{ 

    width: 375px;

    height: 220px;

    float: left;

    margin: 9px;

    position: relative;

 }



 .case_wrap dl img{ 

    width: 375px;

    height: 220px;

 }

 .case_wrap dl dd{ 

    width: 375px;

    height: 220px;

    background: rgba(0, 0, 0, 0.6);

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    text-align: center;

    box-sizing: border-box;

    padding: 30px 50px;;

 }

 .case_wrap dl:hover dd{

     display: block;

 }

 .case_wrap dl dd a{

     color: #fff;

     font-size: 16px;

     line-height: 50px;

 }



 .case_wrap dl dd p{

    color: #fff;

    line-height: 30px;

}

.case_wrap dl.tj{ 

    width: 640px;

    height: 360px;

    float: left;

    margin: 0px;

    position: relative;

 }



 .case_wrap dl.tj img{ 

    width: 640px;

    height: 360px;

 }

 .case_wrap dl.tj dd{ 

    width: 640px;

    height: 360px;

    background: rgba(0, 0, 0, 0.6);

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    text-align: center;

    box-sizing: border-box;

    padding: 30px 50px;;

 }

 .case_wrap dl.tj:hover dd{

     display: block;

 }

 .case_wrap dl.tj dd a{

     color: #fff;

     font-size: 16px;

     line-height: 50px;

 }



 .case_wrap dl.tj dd p{

    color: #fff;

    line-height: 30px;

}

.case_wrap .title{

    width: 470px;

    height: 360px;

    position: relative;

}

.case_wrap .title h3 a{

    display: block;

    color: #1c4c98;

    font-size: 30px;

    font-weight: bold;

    line-height: 50px;

    margin-top: 30px;

}

.case_wrap .title span{

    display: block;

    width: 60px;

    height: 3px;

    background: #1c4c98;

}

.case_wrap .title h4{

    color: #333;

    font-size: 18px;

    line-height: 50px;

}

.case_wrap .title p{

    font-size: 12px;

    color: #999;

    text-transform: uppercase;

}

.case_wrap .title a.more{

    display: block;

    width: 30px;

    height: 30px;

    background: #1c4c98;

    color: #fff;

    font-weight: bold;

    font-size: 24px;

    text-align: center;

    line-height: 30px;

    position: absolute;

    top: 50px;

    right: 20px;

}







/* 优势二号 */

.ys_two{

    background: url(../images/ys_bg.jpg) no-repeat top center #fbfbfb;

    height: 1000px;

    padding-top: 130px;

    margin-top: 2px;

}

.ys_two .ys_text{

    width: 710px;

    background: #fff;

    box-shadow: #ccc 0 5px 5px;

    box-sizing: border-box;

    padding: 30px;

    margin-top: 80px;

    height: 786px;

}

.ys_two .tu2{

    margin-top: 72px;

}

.ys_two dl{

    

    padding-bottom: 13px;

    border-bottom: dashed 1px #ccc;

    margin-bottom: 23px;

    

    

}

.ys_two dl dt{

    font-size: 24px;

    color: #333;

    font-weight: bold;

}

.ys_two dl dt span{

    color: #cd3b14;

    padding-right: 20px;

}

.ys_two dl dd{

    margin-top: 20px;

}

.ys_two dl dd p{

    line-height: 30px;

    font-size: 16px;

    color: #666;

}

.ys_two dl dd p{

    padding-left: 40px;

    background: url(../images/quan.png) no-repeat left top;

}

.ys_two img.fr{

    margin-top: 30px;

}





/*客户见证*/

.clients ul{ height:235px; margin-top: 30px; }

.clients li{ width:266px; height: 200px; margin-right: 37px; float: left; position: relative; background: #F8F8F8; }

.clients li img{ display: block; width:125px; height: 125px; border-radius: 50%; margin:10px auto;}

.clients li:nth-child(4n){ margin-right: 0 }

.clients li p{-webkit-transition: all .3s ease-out; transition: all .3s ease-out; text-align: center; display: block; height: 45px; line-height: 45px; overflow: hidden; width: 100%; text-align: center; font-size: 15px; line-height: 35px; }

.clients li span{ display: block;  width: 50px; height: 2px; background: #F87C00; margin:0 auto;}

.clients li:hover p{ height: 140px; width: 226px; padding:30px 20px; bottom: 0; background: rgba(0,0,0,0.6);  color: #fff;}

.clients li:hover i{ font-size: 14px; line-height: 25px; padding-top: 22px; display: block;}

/*公司简介*/

.about_wrap{ background: url(../images/about_bg.jpg) no-repeat; height:680px; position: relative; }

.about_wrap .about_con{ position: absolute; top: 180px; color: #fff; line-height: 30px; width: 685px; }

.about_wrap .about_con strong{ font-size: 18px; line-height: 80px;color: #fff; }

.about_wrap .about_con a.more{ font-size: 16px; color: #fff; line-height: 45px;-webkit-transition: all .3s ease-out; transition: all .3s ease-out; display:block; background: #cd3b14; text-align: center; height:45px; width: 145px; position: absolute; top: -50px; right: -240px;}

.about_wrap .about_con a.more:hover{ border-radius: 5px; right: -200px; }

.about_wrap .con_width{ position: relative; height: 680px; overflow: hidden; }





/*展示*/

.show_box{  position: absolute; bottom: 50px; left: 40px; width: 1100px; height: 200px; overflow: hidden; }

.show_box .show_tab{ text-align: center; height: 150px; width: 110px; float: left; padding: 20px 0 30px 30px; background: url(../images/xc_tit_bg.jpg) no-repeat left center;}

.show_box .show_tab ul li{font-size:20px;  height:40px; padding-top: 10px;}

.show_box .show_tab ul li a{font-size:16px;line-height:30px; text-align: center;  padding-left: 10px; display: block; width: 80px; }

.show_box .show_tab ul li.selected a{color:#fff; background: url(../images/xc_tit.jpg) center no-repeat; }

.show_con .case_img{margin-top:30px; width: 950px; float: right;}

.show_con .case_img .gd_all ul{width:1062px; }

.show_con .case_img .gd_all li{ position: relative; }

.show_con .case_img .gd_all li img{padding:4px;border:1px #e3e1e1 solid; background:#fff;width:210px;height:150px;}

.show_con .case_img .gd_all li a.name{ background:rgba(0,0,0,0.6); color:#fff; font-size: 16px; text-align: center;-webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: absolute; left: -218px; top: -158px; width: 100%; line-height: 150px;}

.show_con .case_img .gd_all li:hover a.name{ left: 4px;top: 4px;-webkit-transform: rotateZ(360deg);

	-moz-transform: rotateZ(360deg);

	-o-transform: rotateZ(360deg);

	-ms-transform: rotateZ(360deg);

	transform: rotateZ(360deg); }

/*公司新闻*/

.new_bg_tit{background: url(../images/newbg_tit_bg.jpg) no-repeat 347px 39px;height:52px;}

.new_bg_tit a{float:right;display:block;margin-top:36px;color:#FC8E01;}

.news_tit{padding-bottom:5px;}

.news_tit h3{overflow:hidden; }

.news_tit h3 a{display:block; }

.news_tit h3 a.tit{font-size:18px;color:#333;font-weight:bold;}





.faq{ width: 550px; }

.faq .news_tit h3 a{  height: 30px;line-height: 30px; padding-bottom: 20px; font-weight: bold; font-size: 18px; display: block; position: relative; }

.faq .news_tit h3 a span{ position: absolute; top: 0; right: 0; font-size: 16px; color: #666; font-weight: 100;}

.faq .faq_con dl{ border-bottom: solid 1px #ccc; padding:18px 0; }

.faq .faq_con dl dt{ line-height: 30px; font-size: 15px;  height: 45px; overflow: hidden;}

.faq .faq_con dl dd{ font-size: 13px; line-height: 26px; height: 50px; overflow: hidden; color: #666; }

.faq .faq_con dl span{ float: left; display: block;width: 500px; }

.faq .faq_con dl i{ display: block; text-align: center; font-size: 18px; line-height: 30px; width: 30px; height: 30px; border-radius: 50%; margin-right: 10px; color: #fff; background: #1c4c98; float: left; }

.faq .faq_con dl dt i{ background: #cd3b14;  }



.news_box #tab2{width:590px;margin-right:25px; border-right: dashed 1px #ccc;}

.new_box{margin-top:10px;}

.news_tit{margin-top:20px;}

.news_tit .hon_tit{border:none}

.news_tit ul li{float:left;font-size:18px;color:#333;font-weight:bold;width:100px;cursor:pointer; height: 36px;line-height:29px; text-align: center; }

.news_tit ul li.selected{ color:#045DB7;}

.news_tit ul li.selected a{color:#045DB7;}

.news_tit a{display:block;}



.news_box #tab2 .news_con .news_img{ overflow:hidden;-webkit-transition: all .5s ease-out; padding:10px; margin-right: 3px;}

.news_box #tab2 .news_con .news_img:hover{  box-sizing: border-box; transform: translate(-10px, -10px); border:solid 1px #258102;   

    -webkit-transform: translate(-10px, -10px);

    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2) }

.news_box #tab2 .news_con .news_img img{width:268px;height:160px;border:1px #d9d9d9 solid; }

.news_box #tab2 .news_con .news_img .right{width:460px;margin-top: 13px;width:268px;}



.news_box #tab2 .news_con .news_img .right p{font-size:12px;line-height:20px;margin-top: 9px;height:60px;overflow:hidden;}

.news_box #tab2 .news_con .news_img .right a{font-size:14px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display:block;width:268px;}

.news_box #tab2 .news_con .news_img .right a.f14{font-size:14px; margin-top: 17px;display:block;color:#045DB8;border:1px solid #24A749;width:80px;height:23px;line-height:23px;text-align: center;border-radius:3px;-webkit-transition: all .8s ease-out;

    transition: all .8s ease-out;}

.news_box #tab2 .news_con .news_img .right a.f14:hover{background-color: #045DB8;

    border: 1px solid #045DB8;

    color: #fff;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;}

.news_box #tab2 .news_con .news_list{margin-left:0px;} 

.news_list  dl{height:105px;width:560px;margin-bottom: 20px; -webkit-transition: all .5s ease-out;}

.news_list  dl dt{float:left;width: 145px; height: 105px; text-align: center; position: relative;}

.news_list  dl dt p{ padding-top: 10px; display: block; width: 100px; height: 65px; text-align: center; color: #fff; background: #999999; position: absolute; top: 10px; left: 23px; }

.news_list  dl:hover dt p{ background: #1c4c98; }

.news_list  dl dt img{ width: 145px; height: 105px; }

.news_list  dl dt strong{font-size:28px;display:block; line-height: 30px;}

.news_list  dl dt span{font-size:14px;display:block;}

.news_list  dl dd{float:left;margin-left:10px;margin-top:5px;width:385px; overflow: hidden; height: 100px;}

.news_list  dl a{font-size:16px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display:block; line-height: 25px; position: relative; padding-bottom: 8px; }

.news_list  dl a span{ display: block; width: 54px; height: 22px; background: url(../images/new_hot1.jpg); position: absolute; right: 0; top: 0; }

.news_list  dl:hover a span{ background: url(../images/new_hot.jpg); }

.news_list  dl p{margin-top:3px; color: #666; line-height: 28px; }



.news_list  dl:hover {

    border: 1px solid #1c4c98;

    transform: translate(-10px, -10px);

    -webkit-transform: translate(-10px, -10px);

    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)

}



/*友情链接*/

.link_wrap{ background: url(../images/link_bg.png) no-repeat center top #fff;height:60px;padding-top:80px;}

.link_wrap .link{font-size:16px;overflow:hidden;font-weight:bold;color:#fff;border-bottom:1px #99d77b dashed;padding-bottom:16px;}

.link_wrap .link .link_tit{background: url(../images/link_ic.png) no-repeat left center;padding:11px 0 0 100px;}

.link_wrap .link a{padding-right:15px;font-size:14px;color:#fff;font-weight:normal;}

.link_con{margin-top:10px;width:990px;}

.link_wrap .con_width{position:relative;}

.back_top{position:absolute;right:260px;top:-52px;}