*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face { font-family: 'impact'; src: url('../fonts/impact.ttf'); src: url('../fonts/impact.ttf'); format('embedded-opentype'), url('../fonts/impact.ttf'); format('woff'), url('../fonts/impact.ttf'); format('truetype'), url('../fonts/impact.ttf'); format('svg'); font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 100%;}

/*header h_nr_1*/

.header{height: 213px;width: 100%;}
.header .header-1{width: 100%;border-bottom: solid #c3c3c3 1px;}
.header .header-1 .content{width: 1200px;height: 35px;margin: auto;padding-left: 15px;padding-right: 15px;}
.header .header-1 .content b{color: #808080;font-size: 14px;line-height: 34px;}
.header .header-1 .content nav{line-height: 34px;float: right;}
.header .header-1 .content nav a{color: #808080;font-size: 14px;}

.header .header-2 .content{width: 1200px;height: 125px;margin: auto;}
.header .header-2 .content .log{float: left;margin-top: 20px;}

.header .header-2 .content .text{float: left;margin-top: 20px;margin-left: 197px;}
.header .header-2 .content .text h3{font-size: 30px;color: #333333;}
.header .header-2 .content .text b{font-size: 19.87px;color: #231815;letter-spacing: 2px;}

.header .header-2 .content .phone{ background: url(../images/h-dh.png)no-repeat;float: right;width: 204px;height: 70px;margin-top: 20px;}
.header .header-2 .content .phone .dh{color: #333333;font-size: 18px;position: relative;left: 60px;top: 20px;}

.header .header-3{height: 54px;width: 100%;background: #0060a2;}
.header .header-3 .content{width: 1200px;height: 54px;margin: auto;}
.header .header-3 .content nav a{width: 150px;display:block;float: left;text-align: center;height: 54px;line-height: 54px;font-size: 17px;color: #fff;}
.header .header-3 .content nav a:hover{background: #f7ab00;color: #fff;}
.header .header-3 .content nav .on{background: #f7ab00;color: #fff;}




.banner-index{ font-size: 0;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 48%; bottom: 50px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 12px; height: 12px; background: url(../images/bannerbtn2.png)no-repeat; background: url(../images/bannerbtn2.png)\9 no-repeat; margin-right: 10px; cursor: pointer;}
.slideBox .hd ul li.on{ background: url(../images/bannerbtn1.png)no-repeat; background: url(../images/bannerbtn1.png)\9 no-repeat;}
.banner-index .slideBox .bd img{ width: 100%;}



/*search*/

.search{ width: 100%; height: 56px; line-height: 56px;background: #fff;border-bottom: 1px solid #ccc;}
.search-content{ width: 1200px; margin: 0 auto; overflow: hidden;}
.search-keywords{ font-size: 14px; color: #fff; display: inline-block;}
.search-keywords .wb{ display: inline-block; vertical-align: top;}
.search-keywords .wb > span{ color: #fff; font-size: 15px; background: #0060a2; display: inline-block; border-radius: 16px; text-align: center; height: 30px; line-height: 30px; width: 97px; margin-right: 10px; font-weight: bold;}
.search-keywords .wb > a{ color: #666; font-size: 14px;}
.search-keywords .wb > a:hover{ color: #30639a;}
.search-keywords .wb i{ color: #666; font-size: 14px; margin: 0 5px 0 5px;}
#searchForm{ background: url(../images/search.png) no-repeat; width: 375px; line-height: 33px; height: 33px; z-index: 99; position: relative; margin-top: 15px;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: top; height: 33px; background: none; line-height: 33px; color: #666; border-radius: 5px; text-indent: 20px; outline: none; border: none; width: 85%; font-size: 14px;}
.search-form #s_btn{ width: 36px; height: 33px; background: none; color: #fff; outline: none; border: none;float: right; cursor: pointer; display: inline-block; vertical-align: top;}
.clear-fix-3{ line-height: 0; font-size: 0; clear: both;}
#searchForm .search-input::-webkit-input-placeholder{ /* WebKit browsers */  color: #666;}
#searchForm .search-input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color: #666;}
#searchForm .search-input::-moz-placeholder{ /* Mozilla Firefox 19+ */  color: #666;}
#searchForm .search-input:-ms-input-placeholder{ /* Internet Explorer 10+ */  color: #666;}


.project{height: 710px;width: 100%; background: #0060a2 no-repeat; }
.project .content{width: 1200px;margin: auto;height: 710px;padding-top: 38px;}
.project .content .top{text-align: center;margin-bottom: 38px;}
.project .content .details{width: 394px;height: 254px;float: left;margin-right: 6px;margin-top:6px;}
.project .content .details .text{height: 43px;background: #0081cc;font-size: 16px;color: #fff;text-align: center;line-height: 43px;position: relative;top: -47px;}



.product{height: 1410px;width: 100%;}
.product .content{width: 1200px;margin: auto;height: 710px;padding-top: 38px;}
.product .content .top{text-align: center;margin-bottom: 38px;}
.product .content .list{margin-top: 50px;}
.product .content .list .left{width: 361px;height: 888px;float: left;margin-right: 20px;}
.product .content .list .left .bti{width: 362px;height: 888px;background: url(../images/cp_lmbjpng.png) no-repeat;font-size: 18px;color: #fff;letter-spacing: 6px;padding-left: 24px;line-height: 44px;display: block;height: 44px;margin-top: -4px;}
.product .content .list .left ul li{height: 35px;background: #f2f2f2;line-height: 35px;padding-left: 30%;}
.product .content .list .left ul .yse{background: #e6e6e6;}
.product .content .list .left ul li a{color: #5a5a5a;font-size: 14px;letter-spacing: 6px;}

.product .content .list .left .bottom{ background: #0060a2;height: 98px; padding: 20px 0 0 15px;text-align: center;}
.product .content .list .left .bottom>div{ display: inline-block;vertical-align: middle;}
.product .content .list .left .bottom .rx p{ font-size: 18px; color: #fff; line-height: 18px; margin-bottom: 10px;}
.product .content .list .left .bottom .rx i{font-size: 24px; display: block; line-height: 24px;color: #fff;}
.product .content .list .left .bottom .icon{ line-height: 0; margin: 0 5px 0 0;}

.product .content .list .left .phoneus{ border: 1px solid rgb(220, 220, 220);margin-top: 20px;text-align: center;}
.product .content .list .left .phoneus h6{ text-align: center; color: #fff; font-size: 24px; width: 100%; height: 40px; line-height: 40px; background: #0060a2;}
.product .content .list .left .phoneus p{ color: #494949; font-size: 16px; margin: 10px 0 10px 10px;}
.product .content .list .left .phoneus p a{ color: #fff; font-size: 14px; background: #0060a2; display: inline-block; vertical-align: top; margin: 0 10px 0 10px; text-align: center; width: 98px; height: 30px; line-height: 30px;}
.product .content .list .left .phoneus p a:hover{ text-decoration: underline;}



.product .content .list .right{width: 819px;height: 888px;float: left;}
.product .content .list .right .details{width: 264px;height: 290px;float: left;background: #fafafa;padding-top: 11px;text-align: center;margin-right: 13px;border: solid #ccc 1px;}
.product .content .list .right .details:hover{background: #0060a2;color: #fff;}
.product .content .list .right .details:hover b{color: #fff;}
.product .content .list .right .details .img{display: inline-flex;width: 246px;height: 246px;}
.product .content .list .right .details b{font-size: 16px;color: #434343;letter-spacing: 5px;}

.ad1{background: url(../images/saitong6.png) no-repeat center;height: 342px;width: 100%;margin-top:30px;}
.ad1 b{color: #5a5a5a;font-size: 24.68px;    position: relative;left: 30%;top: 40.1%;}


.advantage{height: 1535px;width: 100%; background: #f2f2f2;}
.advantage .content{width: 1200px;margin: auto;height: 710px;padding-top: 38px;}
.advantage .content .top{text-align: center;margin-bottom: 38px;}
.advantage .content .ys1{height: 314px;width: 100%;background: #fff;margin-bottom: 18px;}
.advantage .content .ys1 .left{height: 314px;width: 500px;float: left;padding-top: 55px;padding-left: 42px;}
.advantage .content .ys1 .left ul li{font-size: 14px;color: #333;line-height: 24px;background:url(../images/ys_jt.png) no-repeat left;background-position: 0px 5px;padding-left: 24px;margin-top: 20px;}
.advantage .content .ys1 .right{height: 314px;width: 50%;float: right;padding-right: 42px;padding-top: 21px;}

.advantage .content .ys2{height: 314px;width: 100%;background: #fff;margin-bottom: 18px;}
.advantage .content .ys2 .left{height: 314px;width: 500px;float: right;padding-top: 30px;padding-right: 42px;}
.advantage .content .ys2 .left ul li{font-size: 14px;color: #333;line-height: 24px;background:url(../images/ys_jt.png) no-repeat left;background-position: 0px 5px;padding-left: 24px;margin-top: 20px;}
.advantage .content .ys2 .right{height: 314px;width: 50%;float: left;padding-left: 42px;padding-top: 30px;}

.ad2{background: url(../images/saitong6_02.png) no-repeat center;height: 342px;width: 100%;}
.ad2 b{color: #5a5a5a;font-size: 18.68px;position: relative;left: 33%;top: 55.6%;}


.cases{height: 695px;width: 100%;}
.cases .content{width: 1200px;margin: auto;height: 710px;padding-top: 38px;}
.cases .content .top{text-align: center;margin-bottom: 38px;}

.cases .content .details{width: 775px;height: 430px;float: left;}
.cases .content .details .prev{text-align: center;margin-bottom: 38px;display: block;float: left;position: relative;top: 40%;margin-right: 19px;}
.cases .content .details .next{text-align: center;margin-bottom: 38px;display: block;float: left;position: relative;top: 40%;margin-left: 19px;}
.cases .content .details .list{float: left;width: 638px;height: 430px;}
.cases .content .details .list .txt{float: left;width: 638px;height: 73px;background: #0060a2;margin-top: 1px;}
.cases .content .details .list .txt h3{font-size: 24px;color: #fff;text-align: center;}
.cases .content .details .list .txt span{color: #fff;font-size: 15px;width: 310px;display: block;float: left;}
.cases .content .details .list .txt span b{background: #fff;font-size: 15px;color: #666;}


.cases .content .tb_list{width: 392px;height: 430px;float: right;}
.cases .content .tb_list ul li{width: 193px;height: 138px;float: left;background: #e6e6e6;margin-right: 6px;text-align: center;padding-top: 23px;margin-bottom: 10px;}
.cases .content .tb_list ul li:hover{background: #0060a2;color: #fff;}
.cases .content .tb_list ul li:hover p{color: #fff;}
.cases .content .tb_list ul li .ho{display: none;}

.cases .content .tb_list ul .on{background: #0060a2;color: #fff;}
.cases .content .tb_list ul .on .mr{display: none;}
.cases .content .tb_list ul .on .ho{display: inline-block;}

.cases .content .tb_list ul .on p{color: #fff;}

.cases .content .tb_list ul li p{color: #727272;font-size: 16px;}



.about{background: url(../images/about_bj.png) no-repeat center;height: 865px;width: 100%;}
.about .content{width: 1200px;margin: auto;height: 710px;padding-top: 50px;}
.about .content .top{text-align: center;margin-bottom: 54px;}
.about .content .text{height: 383px;}
.about .content .text .left{float: left;width: 688px;height: 383px;}
.about .content .text .left .img1{float: left;width: 223px;height: 383px;}
.about .content .text .left .img1 ul li{width: 222px;height: 186px;border: solid 1px #0060a2;}
.about .content .text .left .img2{float: left;width: 450px;height: 379px;margin-left: 6px;border: solid 1px #0060a2;}
.about .content .text .right{float: right;width: 500px;height: 383px;}
.about .content .text .right p{font-size: 14px;color: #fff;line-height: 30px;}

.about .content .dibu .dibu_top{margin-top: 29px;margin-bottom: 13px;}
.about .content .dibu .list ul li{width: 286px;height: 201px;float: left;margin-right: 14px;}



/*new*/

.new{ padding: 45px 0 0 0;margin-bottom: 50px;}
.new .new_nr .new_list{ width: 390px; display: inline-block;vertical-align: top;}
.new .new_nr .new_list .top{ padding-bottom: 5px;}
.new .new_nr .new_list .top p{ float: left;}
.new .new_nr .new_list .top p i{ font-size: 13px; color: #242424; display: inline-block; vertical-align: middle; margin-top: 8px;}
.new .new_nr .new_list .top p > span{ display: inline-block; font-size: 22px; color: #242424; margin-right: 5px;font-weight: bold; vertical-align: middle;margin-left: 14px;}
.new .new_nr .new_list .top > a{ font-size: 14px; color: #fff; text-align: center; line-height: 18px; width: 53px; height: 20px; border-radius: 7px; background: #5a5a5a; float: right; margin: 7px 5px 0 0;}
.new .new_nr .new_list .top > a:hover{ background: #d5b58a;}
.new .new_nr .new_list .kk{ border: 1px solid #cacaca; width: 390px; height: 456px;}
.new .new_nr .new_list .kk .img{ margin: 10px; line-height: 0; text-align: center; width: 372px; height: 235px;overflow: hidden;}
.new .new_nr .new_list .kk .img img{ width: 100%;}
.new .new_nr .new_list .kk .img:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.new .new_nr .new_list ul li:first-child{ margin-top: 20px;}
.new .new_nr .new_list ul li{ border-bottom: 1px dashed #d2d2d2; margin-left: 10px; padding-bottom: 14px; margin-top: 14px;}
.new .new_nr .new_list ul li a{ font-size: 14px; color: #4d4d4d;padding-left: 15px;}
.new .new_nr .new_list_2{ margin: 0 23px 0;}
.new .new_nr .new_list ul li a:before{ content: "●"; color: #0081cc;margin-right: 2px;}
.new .new_nr .new_list ul li a:hover:before,.new .new_nr .new_list_3 dl dd a:hover:before,.new .new_nr .new_list ul li a:hover,.new .new_nr .new_list_3 dl dd a:hover{ color: #0081cc;}
.new .new_nr .new_list ul li:last-child{ border-bottom: none;margin-bottom: 5px;}

.new .new_nr .new_list_3{ width: 365px; vertical-align: top;background: #f2f2f2; padding: 1px;}
.new .new_nr .new_list_3 .top{ text-align: center;height: 50px; line-height: 50px;padding-bottom: 0;}
.new .new_nr .new_list_3 .top p{ float: none;padding-left: 0;}
.new .new_nr .new_list_3 .kk{ border: 1px solid #f2f2f2; height: 442px; overflow: hidden; width: 100%;}

.new .new_nr .new_list_3 .kk .new_lb dl{height: 99px;width: 100%;background: #e6e6e6;padding-top: 15px;padding-right: 18px;margin-bottom: 10px;}

.new .new_nr .new_list_3 dl dd{ padding: 0 0 18px 15px;width: 100%;}
.new .new_nr .new_list_3 dl dd a{ font-size: 14px; color: #4d4d4d;font-weight: bold;}

.new .new_nr .new_list_3 dl dd a:before{
    content: "问"; color: #fff;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 14px;
    margin-right: 5px;
    display: inline-block;
    line-height: 20px;
    margin: 1px 6px 0 0;
    background: #0060a2;
}
.new .new_nr .new_list_3 dl .da{ padding: 0 0 10px 15px;width: 100%;}
.new .new_nr .new_list_3 dl .da a{ font-size: 14px; color: #4c4c4c;}

.new .new_nr .new_list_3 dl .da a:before{
    content: "答";
    color: #fff;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 14px;
    margin-right: 5px;
    display: inline-block;
    line-height: 20px;
    margin: 1px 6px 0 0;
    background: #333;
}
.new .new_nr .new_list_3 dl .ddbg{ background: #f2f2f2;}


.foot{height: 358px;width: 100%;}
.foot .nav{height: 54px;width: 100%;background: #0060a2;}
.foot .nav .content{width: 1200px;height: 54px;margin: auto;}
.foot .nav .content nav a{width: 170px;display:block;float: left;text-align: center;height: 54px;line-height: 54px;font-size: 17px;color: #fff;}
.foot .nav .content nav a:hover{background: #f7ab00;color: #fff;}
.foot .centre{width: 100%;height: 247px;}
.foot .centre .content{width: 1200px;height: 247px;margin: auto;padding-top: 30px;}
.foot .centre .content .log{float: left;}
.foot .centre .content .text{float: left;width: 870px;height: 204px;}
.foot .centre .content .text nav{text-align: center;}
.foot .centre .content .text .txt_1 {float: left;margin-right: 76px;margin-left: 19%;margin-top: 50px;}
.foot .centre .content .text .txt_1 p{color: #4d4d4d;font-size: 15px;}

.foot .centre .content .text .txt_2 {float: left;margin-top: 50px;}
.foot .centre .content .text .txt_2 p{color: #4d4d4d;font-size: 15px;}
.foot .centre .content .text nav a{color: #4c4c4c;font-size: 15px;margin-right: 35px;}
.foot .boomt{width: 100%;height: 60px;background: #ececec;text-align: center;color: #4d4d4d;font-size: 14px;}
.foot .boomt a{color: #4d4d4d;font-size: 14px;line-height: 60px;}