
 <!--
                body {
            background-position:top center;margin-left:0px;
            COLOR:;
            margin-top: 0px;margin-right: 0px;margin-bottom:0px;
            }
            A:link {
         
            COLOR: ;
            TEXT-DECORATION: none}
            A:visited {
         
            COLOR: ;
            TEXT-DECORATION: none}
            A:hover {
            TEXT-DECORATION: none}
            


/*导航样式开始*/

            #webdh {
            text-align:center;
            vertical-align:middle;
            width: 1500px;
            height:px;
            margin: 0 auto;
            font-size: 14px;
            font-weight: normal;
            COLOR: ;
            
            	background-color: ;
            
            overflow:hidden;
            }
            #webdh A:link {FONT-SIZE: 14px;COLOR: ; TEXT-DECORATION: none}
            #webdh A:visited {FONT-SIZE: 14px;COLOR: ; TEXT-DECORATION: none}
            #webdh A:hover {FONT-SIZE: 14px;COLOR: ; TEXT-DECORATION: none}
            #copy {text-align:center;width:1500px;margin: 0 auto; line-height:150%;}
            .clear {clear:both; height:0; overflow:hidden; display:block;}
            .clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
            -->
            

/*中间内容开始*/

#bodycon {width:1500px;margin: 0 auto;}
#bodycon #left {float: left;width: px;

            	background-color: ;
            
}
#bodycon #center {float:left;width: 1500px;

            	background-color: ;
            
}
#bodycon #right {float:left;width: px;

            	background-color: ;
            
}
            
/*中间内容结束*/


/*详细内容开始*/

            #bodycontent {width:1500px;
            margin: 0 auto;
            line-height:180%;text-align:center;}
            #bodycontent.bodycontent2020 {
                text-align:left;
            }
            
/*详细内容结束*/


/**/
.tit01{font-size: 42px; text-align: center; font-family: "Microsoft YaHei";color: #333333; }
.tit01 a{color: #333333; text-decoration: none; }
.tit01 i{font-weight: bold;color: #0168b7;}
.tit01 span{font-size: 18px;color: #666666;  font-weight: normal;  display:block;font-family:"Microsoft Yahei"; text-transform: uppercase; height: 28px;line-height: 28px; }

.clmbj{background:#fff; padding-top:85px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px; }
.clmbj h2{ margin-bottom: 30px;}
.clm1 { height:647px; position: relative;background: #f6f6f6;}
.clm1  dl{width:1200px;height: 647px;box-sizing: border-box; position: relative; margin:0 auto;}
.clm1  dl dt{width: 600px;height: 647px;  position: relative;float: left;}
.clm1  dl dt img{width: 960px;height: 647px; display: block;margin-left: -360px;}
.clm1  dl dt i{position: absolute;bottom: 0;right: 0;background: url(../images/clmico.gif) no-repeat left center;width: 100px;height: 100px; display: block;}
.clm1  dl dd{ width: 600px; float: right; padding:60px 0 0 50px;box-sizing: border-box;  position: relative; }
.clm1  dl dd h3{text-align: left; font-size:40px; color: #0459ba;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative; line-height: 60px; height: 60px; font-weight: bold;margin-bottom: 30px;}
.clm1  dl dd h3 a{ color: #b81117; }
.clm1  dl ul{clear: both; overflow: hidden; position: relative;}
.clm1  dl ul:before{content: "";width: 1px; height: 330px; position: absolute;left:16px;top:20px;background:#999999;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.clm1  dl li{margin-bottom: 32px;padding-left: 46px; position: relative;}
.clm1  dl li em{font-size: 24px; color: #333333; line-height: 33px; display: block;}
.clm1  dl li p{ line-height: 24px;font-size:14px;color: #666666;text-align: left;}
.clm1  dl li:nth-child(1){background: url(../images/clm1_1.png) no-repeat left 0;}
.clm1  dl li:nth-child(2){background: url(../images/clm1_2.png) no-repeat left 3px;}
.clm1  dl li:nth-child(3){background: url(../images/clm1_3.png) no-repeat left 3px;}
.clm1  dl li:nth-child(4){background: url(../images/clm1_4.png) no-repeat left 3px;}


.clm2 { height:647px; position: relative;background: #f6f6f6;}
.clm2  dl{width:1200px;height: 647px;box-sizing: border-box; position: relative; margin:0 auto;}
.clm2  dl dt{width: 600px;height: 647px;  position: relative;float: right;}
.clm2  dl dt img{width: 960px;height: 647px; display: block;margin-right: -360px;}
.clm2  dl dt i{position: absolute;top: 0;left: 0;background: url(../images/clmico.gif) no-repeat left center;width: 100px;height: 100px; display: block;}
.clm2  dl dd{ width: 540px; float: left; padding:60px 0 0 0px;box-sizing: border-box;  position: relative; }
.clm2  dl dd h3{text-align: left; font-size:40px; color: #0459ba;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative; line-height: 60px; height: 60px; font-weight: bold;margin-bottom: 30px;}
.clm2  dl dd h3 a{ color: #b81117; }
.clm2  dl ul{clear: both; overflow: hidden; position: relative;}
.clm2  dl ul:before{content: "";width: 1px; height: 330px; position: absolute;left:16px;top:20px;background:#999999;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.clm2  dl li{margin-bottom: 32px;padding-left: 46px; position: relative;}
.clm2  dl li em{font-size: 24px; color: #333333; line-height: 33px; display: block;}
.clm2  dl li p{ line-height: 24px;font-size:14px;color: #666666;text-align: left;}
.clm2  dl li:nth-child(1){background: url(../images/clm2_1.png) no-repeat left 0;}
.clm2  dl li:nth-child(2){background: url(../images/clm2_2.png) no-repeat left 3px;}
.clm2  dl li:nth-child(3){background: url(../images/clm2_3.png) no-repeat left 3px;}
.clm2  dl li:nth-child(4){background: url(../images/clm2_4.png) no-repeat left 3px;}

.clone a{ font-size:16px;}
.section-md h6{ font-size:20px; color:#ff161e; font-weight:bold; line-height:40px;}
.container h2{ color:#000; font-size:44px;}




/*为什么选择我们*/
.content{
    width: 1200px;
    margin: 0 auto;
}
.tit1 {
    font: 44px "Microsoft YaHei";
    text-align: center;
    color: #000;
    height: 130px;
    font-weight: bold;
    overflow: hidden;
}
.tit1 em {
    display: block;
    font: 24px "Microsoft YaHei";
    color: #333333;
    background: url(../images/pro_h.png) no-repeat center 9px;
    margin-top: 8px;
    padding-bottom: 25px;
}
.ys{ height:auto; padding-top:80px; overflow:hidden;}
.ys .tit1{ margin-bottom:30px;}
.ys .tit1 em{background:url(../images/ys_h.png) no-repeat center 9px;}
.ys dl{ height:500px; margin-bottom: 30px;}
.ys dt{ width:960px; height:500px; position:relative; margin-left:-360px;}
.ys dt img{ display:block;width:960px; height:450px;}
.ys dd{ width:520px; margin-top:30px;}
.ys dd h3 {
    height: 70px;
    font: 34px "Microsoft YaHei";
    color: #fff;
    background: url(../images/ys_h2.png) no-repeat left top;
    line-height: 78px;
	filter: grayscale(1);
}
.ys dd h3 em{ display:block; width:128px;float:left; text-align:center; font:46px Arial; line-height:70px;}
.ys dd h4{ height:75px; font:30px "Microsoft YaHei"; line-height:75px; color:#333; padding-left:8px; border-bottom:1px solid #e3e3e3; margin-bottom:18px; font-size: 23px;}
.ys dd h4 em{ font:16px "Microsoft YaHei"; color:#bcbcbc; padding-left:8px; }
.ys dd p b{ color:#134faa;}
.ys dd p {
    font: 18px "Microsoft YaHei";
    line-height: 32px;
    color: #777;
    background: url(../images/ys_arr.png) no-repeat 8px 9px;
    padding-left: 32px;
    padding-bottom: 30px;
}
.ys dd span{ display:block; height:156px; overflow:hidden; margin-top:35px;}
.ys dd span em{ display:block; width:253px; height:156px; overflow:hidden;}
.ys dd span em img{display:block; width:253px; height:156px;}
.ys dl:nth-child(2) dt,.ys dl:nth-child(4) dt{ margin:0 -360px 0 0;}


.tedian{ background-color:#a20b10; color:#fff; text-align:center; font-size:16px;}
.tedian1{ display:inline-block; width:24.7%; padding-top:30px; padding-bottom:40px;}
.tedian1:nth-child(even){ background-color:#b81117;}
.tedian1 span{ display:block; font-size:44px !important; line-height:80px; font-weight:bold;}


/**/
.cp{  overflow: hidden; padding-bottom:60px; display:flex; align-items:stretch; max-width:1200px; margin:0px auto;}
.cp_lb{ margin-top: 65px; background: #b81117;  overflow: hidden; width: 280px; padding-bottom: 20px;}
.cp_lb h2{ font-size: 20px; color: #eca3a1; text-transform: uppercase; font-weight: normal; height: 88px; overflow: hidden; text-align: center;}
.cp_lb h2 a {
    margin-top: 18px;
    display: block;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 8px;
}
.lb_con{ padding-top: 20px; width: 268px; padding-bottom:20px; margin: 0 auto; background: #fff; border-radius: 5px;}

.lb_con h3{ width: 268px; height: 58px; overflow: hidden;}
.lb_con h3 a{ display: block; height: 58px; overflow: hidden; background: url(../img/lb_b.jpg) no-repeat left top; font: 18px/58px "微软雅黑"; color: #333; padding-left: 66px; font-weight: bold;}
.lb_con h3 a:hover ,.lb_con .cur a{ background: url(../img/lb_bh.jpg) no-repeat left top; font-weight: bold; color: #da251c;}
.lb_con ul{
	margin-top: 8px;
	margin-right: 33px;
	margin-bottom: 0px;
	margin-left: 33px;
}
.lb_con ul li{  font: 16px/34px "微软雅黑"; color: #666; background: url(../img/lb_l.gif) no-repeat left center; padding-left: 14px;}
.cp_con{ width:calc(97% - 280px); margin-top: 65px; overflow: hidden; margin-left: 3%;}
.cp_con h2{ padding-left: 20px; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; background: url(../img/cp_h.gif) repeat-x; height: 58px; overflow: hidden;}
.cp_con h2 a{ font-weight: bold; font-size: 22px; color: #da251c; line-height: 58px; background: url(../img/cp_hs.gif) no-repeat left center; padding-left: 14px;}
.cp_con h2 span a{ margin-top: 20px; margin-right: 24px; display: inline-block; background: none; font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; color: #666; font-weight: normal; width: 50px; height: 17px; border: 1px solid #b5b5b5; border-radius: 3px; text-align: center; padding-left: 0;}
.cp_con ul li{    border: 1px solid #e3e3e3; margin-right: 2%; margin-top: 26px; line-height: 0; float: left; width:32%;  position: relative;}
.cp_con ul li img{ width:100%;}
.cp_con ul li span{ display: block;  width:100%; height: 45px; left: 6px; bottom: 6px; text-align: center; background: #f5f5f5; font: 18px/44px "微软雅黑";}
.cp_con ul li a:hover span{ background: #da251c; color: #fff;}
.cp_con ul li:hover { border: 1px solid #da251c; }
.cp_con ul li:nth-child(3n){ margin-right:0px;}
.cp_con .nobot{ margin-right: 0;}
.aboutleft{ width:50%; float:left;}
.displayflex{ display:flex; align-items:stretch;}
.youshi2{    margin-top: 0px !important;}
.youshi3{    margin-top: 0px !important;}

/**/
.zx{ background: url(../img/zx_bj.jpg) no-repeat center top; height: 230px; overflow: hidden;}

.zx_con{ position: relative; height: 230px; overflow: hidden;}
.zx_con p{ top: 0; left: 0; position: absolute; font-size: 14px; color: #fff; text-align: center; width: 219px; height: 170px; overflow: hidden; background: #d0231b; padding-top: 28px;}
.zx_con p span{ display: block; font-size: 26px; line-height: 34px; font-family: Arial, Helvetica, sans-serif;}
.zx_con p a{ width: 92px; height: 30px; margin: 20px auto 0; background: #fff; text-align: center; font: 14px/30px "思源黑体"; color: #181818; display: block;}
/**/

.indexline{
	height:60px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E0E0E0;
}
.links{ width:1200px; margin:0px auto;background: #e3e3e3; padding:5px 20px;}
.code p span{ display:block; color:#fff; text-align:center; font-size:14px;}

@media screen and (max-width:1680px){
	.ys dt {
    width: 830px;
    height: auto;
    position: relative;
    margin-left: -240px;
}
	.ys dt img {
    display: block;
    width: 830px;
    height: 450px;
}
.ys dl:nth-child(2) dt, .ys dl:nth-child(4) dt {
    margin: 0 -230px 0 0;
}
	}

@media screen and (max-width:1440px){
	.ys dt img {
    display: block;
    width: 740px;
    height: auto;
}
.ys dt {
    width: 780px;
    height: auto;
    position: relative;
    margin-left: -120px;
}
.ys dl:nth-child(2) dt, .ys dl:nth-child(4) dt {
    margin: 0 -180px 0 0;
}
	}
	
@media screen and (max-width: 1280px){
.ys dt {
    width: 680px;
    height: auto;
    position: relative;
    margin-left: -40px;
}
.ys dt img {
    display: block;
    width: 680px;
    height: auto;
}
.ys dl:nth-child(2) dt, .ys dl:nth-child(4) dt {
    margin: 0 -50px 0 0;
}
}