.wid65{ width:65%}
.wid34{ width:34%}

.wid34 .titin3{ margin-left:5px !important}


.pics_wrap {width: 100%;height: 100%; background:#f1f1f1; margin-top:87px}
.pics_wrap .onshdf{width:100%; height:90%; position:absolute; left:0; top:0;z-index: 9999; display:block !important}
.html5zoo-img-0 img{width:100%;}
.html5zoo-arrow-left-0{left:10%!important;}
.html5zoo-arrow-right-0{right:10%!important;}
.html5zoo-bullet-wrapper-0 div{ width:20px !important; height:20px !important;border-radius:10px !important }
.html5zoo-nav-0{margin-top:-60px!important;}





.clear {
    clear: both;
    height: 0;
    line-height: 0;
    overflow: hidden;
    display: block;
}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

.mtopban{ margin-top:99px !important}

.center{ width:70%; margin:0 auto; min-width:1200px; }
.textover{text-overflow:ellipsis;white-space:nowrap;}

.in_zz5{ width:100%; padding:50px 0 60px; background:#fff}
.in_zz5 .center li{ width:20%; display:block; height:auto; background:url(../images/zrline.jpg) no-repeat right 0px; float:left;}
.in_zz5 .center li div{ width:79px; height:79px; position:relative; margin:0 auto 8px; overflow:hidden}
.in_zz5 .center li div img{ display:block; width:79px; height:159px; position:absolute; top:0; left:0;transition:all .3s ease;}
.in_zz5 .center li:hover div img{ display:block; width:79px; height:159px; position:absolute; top:-80px; left:0}
.in_zz5 .center li a,.in_zz5 .center li p{ width:80%; margin:0 auto; display:block; font-size:18px; letter-spacing:-2.2px; text-align:center; line-height:30px;color:#111}
.in_zz5 .center li:hover a,.in_zz5 .center li:hover p{ color:#b21d23}

.inbox1{ margin:0 auto; background:#f4f4f4; padding:50px 0 0px}
.titin{height:100px; margin-bottom:25px; border-bottom:1px solid #d8d8d8}
.titin h1{font-weight: bold; font-size:45px; line-height:60px;}
.titin p{ margin: 3px 0 0;line-height: 22px;color: #444; font-size:16px; font-family:Arial, Helvetica, sans-serif}
.titin a{ width:15%; height:54px; display:block; text-align:right;font-size:16px; line-height:54px; background:url(../images/morejt.png) no-repeat right center; margin-top:38px !important;margin-right: 15px !important;padding-right: 30px;}
.titin a:hover{background:url(../images/morejt2.png) no-repeat right center;}

.titin2{height:105px;background:url(../images/cpbtline.jpg) no-repeat 10px 80px; margin-bottom:10px; margin-top:20px}
.titin2 h1{font-weight: 500; font-size:35px; line-height:55px; padding:0 20px 0 10px}

.titin3{height:105px;background: url(../images/cpbtline2.png) no-repeat 10px 70px; margin:40px 50px 10px;}
.titin3 h1{font-weight: 500; font-size:30px; line-height:55px; padding:0 20px 0 10px}




.bgbai{ background:#fff !important}
.bgbai .tit{ margin-bottom:42px}


.cdbox{ background:url(../images/incp2.jpg) no-repeat !important; background-size:100% 100%; margin-top:60px;padding-bottom: 20px;}
.proin2{ display: inherit; width:48.5%; height: auto; margin:0 3% 0 0; background:#fff; float:left; }
.cdbox .center a:nth-child(2n) {margin-right:0; float:right}

.cdbox .titin{ border-bottom:none; margin-bottom:10px}

.proin2 div.fr{ padding:0 3%; width:32.5%}
.proin2 h2{ display: block;font-size:24px;font-weight: normal;margin:25px auto 0;color: #333333; overflow:hidden;  border-bottom:1px solid #e5e5e5; line-height:35px; padding-bottom:10px; max-height:70px}
.proin2:hover h2{ color:#b21d23}
.proin2 h3{ display: block; line-height:28px; margin:15px auto 0px; font-size:16px; height:112px;font-weight: normal; overflow:hidden; color:#444}
.proin2 div.fl{ width:61.5%; height: auto; overflow:hidden; position:relative}
.proin2 div.fl img.prpic{ width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.proin2:hover div.fl img.prpic{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin2 div.fl span{ display:none}
.proin2:hover div.fl span{ display: block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/cpbg1.png) repeat; z-index:66}
.proin2:hover div.fl span img{ width:60px; height:60px; position:absolute; left:50%; top:50%; z-index:68; margin-left:-30px; margin-top:-30px; display:block}

.inboxcp3{margin: 0 auto;padding: 50px 0 0px;}
.cpthr .center a.proin3:nth-child(4n) {margin-right:0; float:right}
.proin3{ display: inherit; width:23.5%; height: auto; margin:0 2% 0 0; background:#fff; float:left; }
.proin3 div.cpwz3{ padding:0 8%; border:1px solid #d1d1d1; border-top:none; height:210px}
.proin3 h2{ display: block;font-size:24px;font-weight: normal;color: #333333; overflow:hidden;  border-bottom:1px solid #e5e5e5; line-height:70px;height:70px; text-align:center}
.proin3:hover h2{ color:#b21d23}
.proin3 h3{ display: block; line-height:28px; margin:15px auto 0px; font-size:16px; height:84px;font-weight: normal; overflow:hidden; color:#444}
.proin3 div.cppic3{ width:100%;height: auto; overflow:hidden; position:relative}
.proin3 div.cppic3 img.prpic{ width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.proin3:hover div.cppic3 img.prpic{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin3 div.cppic3 span{ display:none}
.proin3:hover div.cppic3 span{ display: block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/cpbg1.png) repeat; z-index:66}
.proin3:hover div.cppic3 span img{ width:60px; height:60px; position:absolute; left:50%; top:50%; z-index:68; margin-left:-30px; margin-top:-30px; display:block}


.ihuis{ background:#efefef !important; margin-top:60px; padding-bottom:60px}
.ihuis .proin3 div.cpwz3{ border:none}



.inttuibox{ padding:80px 0}
.prointe{ display: inherit; width:100%; height: auto; }

.prointe div.fr{ padding:0 3%; width:42.5%}
.prointe h1{ font-size:50px; color:#b21d23; line-height:70px}
.prointe h2{ display: block;font-size:40px;font-weight:bold;margin:15px auto 25px;color: #333333; overflow:hidden; line-height:55px;max-height:110px}
.prointe h3{ display: block; line-height:32px; margin:15px auto 0px; font-size:18px;max-height:128px;font-weight: normal; overflow:hidden; color:#444;border-top:1px solid #ccc;padding-top:30px;}
.prointe a.fl{ width:50.5%; height: auto; overflow:hidden; position:relative; float:left}
.prointe a.fl img.prpic{ width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.prointe a.fl:hover img.prpic{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.prointe a.fl span{ display:none}
.prointe a.fl:hover span{ display: block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/cpbg1.png) repeat; z-index:66}
.prointe a.fl:hover span img{ width:60px; height:60px; position:absolute; left:50%; top:50%; z-index:68; margin-left:-30px; margin-top:-30px; display:block}
.prointe .temore{width:35%; height:54px; display:block; text-align:left; text-indent:25px; font-size:16px; line-height:54px; background:url(../images/morejt.png) no-repeat 77% center #b21d23; margin-top:45px; color:#fff}





#c-about2 {

    padding:30px 0 5px; width:108%; margin-left:-4%

}



#c-about2 .c-titleBox .c-title {

    margin-bottom: .4rem;

    font-weight: bold;

    font-size: .36rem;

    color: #222;

}



#c-about2 .c-titleBox .c-title span {

    color: #00cc82;

    text-decoration: none !important;

}



#c-about2 .c-titleBox .c-text {

    line-height: 2em;

    color: #666;

}





#c-about2 .c-dataList li {

    display:block; float:left; width:25%; text-align:center

}

#c-about2 .c-dataList .c-topBox span {

    font-size:35px;

    line-height:40px;

    color:#1d57a9; font-weight:bold; font-family:Arial, Helvetica, sans-serif

}



#c-about2 .c-dataList .c-topBox i {

    font-style: normal;

    font-size: 18px;

    line-height: 40px;

    color: #3d3d3d;font-weight:500

}

#c-about2 .c-dataList .c-topBox i:last-child{ font-size:16px}

#c-about2 .c-dataList .c-title {

    line-height:25px;

    color: #333; font-size:16px

}





.inysbg{ width:100%; height:auto; background:url(../images/ysbg.jpg) no-repeat center 225px;background-size:100% 782px}
.inysb ul{ border-top:8px solid #1d57a9; background:#fff}
.inysb li{position: relative;
    overflow: hidden;
    display: block;
    width: 25%;
    padding: 45px 32px 55px;
    box-sizing: border-box;
    float: left;
    background: url(../images/yslibg.jpg) no-repeat;
    background-size: 100% 100%;}
.inysb li:first-child{ border-left:1px solid #eee;transition: all .8s ease;}
.inysb li:hover:first-child{ border-left:1px solid #1d57a9}
.inysb li h1{ line-height:62px; font-size:26px; text-align:center;position:relative; z-index:5;transition: all .8s ease;}
.inysb li  p{ font-size:16px; line-height:32px; text-align:center;position:relative; z-index:5;transition: all .8s ease;}
.inysb li i{ display:block; width:89px; height:89px;border-radius:50%; overflow:hidden; background:#1d57a9; position:relative; z-index:5; margin:0 auto;transition: all .4s ease;}
.inysb li i .chux,.inysb li:hover i .xiaos{ display:block}
.inysb li:hover i .chux,.inysb li i .xiaos{ display:none}
.inysb li:hover i{ background:#fff; margin-top:-15px;margin-bottom:15px}
.inysb li:hover *{ color:#fff}

.inysb li .yiongnei{background: #1d57a9;
    position: absolute;
    top: -100%;
    left: 0;
    z-index: 0;
    transition: all .5s ease;
    width: 100%;
    height: 100%;}
.inysb li:hover .yiongnei{ left:0; top:0;}

.inpro{ padding:145px 0 50px 0}
.inpro .tit{ width:386px; margin:0 auto 74px}
.inpro .tit p span{ color:#86a9ca}
.inpro .center{ background:#f5f5f5;box-shadow: 0 0 18px 4px rgba(0,0,0,0.1);}
.Menubob { width:22%; float:left}
.Menubob li{display:block;width:100%; overflow:hidden; height:79px;background:#ededed; border-bottom:1px solid #fff}
.Menubob li a{text-decoration:none; font-size:18px; line-height:79px;color:#333; overflow:hidden; display:block; width:100%; height:79px; text-align:center;transition: all .2s ease-out;}
.Menubob li:hover,.Menubob li a.hover,.Menubob li a:hover{background:#1d57a9; color:#fff}


.syprob{ width:74%; padding:26px 2%; background:#fff; min-height:640px; box-shadow: 0 0 18px 4px rgba(0,0,0,0.1);
    position: relative;
    z-index: 99;}
.proin{ display: inherit; width:45.5%; height: auto; margin:0 0 26px 0;  float:left; padding:13px 1.5%; background:#f6f6f6}
.proin div.fl{ width:50%; height: auto; overflow:hidden;background:#fff;    border: 1px solid #ccc;}
.proin div.fl img.prpic{ width:100%;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;}
.proin:hover div img.prpic{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-o-transform:scale(1.04);}
.proin div.fr{ width:47%}
.proin div.fr h1{ display: block;font-size:20px;color: #333333; overflow:hidden;line-height:46px; text-align:left; border-bottom:1px solid #d6d6d6}
.proin div.fr p{ display: block;font-size:14px;color: #666666; height:120px;overflow:hidden;line-height:25px; text-align:left; margin-top:6px}
.proin div.fr span{ background:url("../images/tel.png") no-repeat 0 center; padding-left:27px; display:block; height:40px; line-height:40px;font-size:14px}
.proin div.fr span strong{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:40px;}
.proin:hover{ background:#1d57a9}
.proin:hover div.fr *{ color:#fff}
.proin:hover div.fr span{background:url("../images/tel2.png") no-repeat 0 center;}
.proin:hover div.fr h1{border-bottom:1px solid #557db7}
.proin:hover div.fl{ border:1px solid #1d57a9}
.syprob a.proin:nth-child(2n){ float:right}


.six{background:#f2f2f2;margin: 30px auto 0px;padding: 55px 0 65px 0;}
.six .tit p{ float:left}
.six .more {
    width: 123px;
    height: 37px;
    margin-top: 20px;
    line-height: 37px;
    font-size: 16px;
    display: block;
    text-align: left; border:1px solid #d2d2d2; text-indent:20px; background:url(../images/jt1.png) 91px 17px no-repeat;transition:all .3s ease; float:right; font-weight:500
}
.six .more:hover{ color:#fff; background:url(../images/jt2.png) 91px 17px no-repeat #1d57a9; border:1px solid #1d57a9}

.photo{position:relative; margin-top:42px; overflow:hidden}
.photo_qie{width: 100%;overflow: hidden; overflow:hidden}
.photo_con{ width:102%; margin-left:-1%}
.dsghh ul li{float: left;overflow: hidden; width:25%; }
.dsghh ul li span:before,.dsghh ul li span:after{ display:none !important}
.dsghh ul li a{ display:block; width:86%; margin:0 auto;background:#fff; padding:10px 10px 0 10px}
.dsghh ul li em{width: 100%;height: auto;display: block;line-height: 0;overflow: hidden;}
.dsghh ul li img{width:100%;height: 100%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;}
.dsghh ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.dsghh ul li a span{ display:block; line-height:60px; text-align:center; font-size:16px}
.dsghh ul li a:hover{ background:#1d57a9}
.dsghh ul li a:hover span{ color:#fff}



.nsortzz{ width:14.8%}
.nsortzz li{ display:block; height:50px; border-bottom:1px solid #d6d6d6}
.nsortzz li h3{line-height:50px; color:#333}
.nsortzz li.curzz h3{color:#1d57a9}
.nsortzz p{ padding-top:30px; font-size:14px; line-height:25px; color:#999999}

.tab1zz{ width:83%; display:none; }
.tab1zz .li3 li{ width:32%; margin-right:2%;box-sizing: border-box; border:1px solid #ddd; float:left}
.tab1zz .li5 li{ width:18.4%; margin-right:2%;box-sizing: border-box; border:1px solid #ddd; float:left}
.tab1zz li em{width: 100%;height: auto;display: block;line-height: 0;overflow: hidden;}
.tab1zz li img{width:100%;height: 100%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;}
.tab1zz li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.tab1zz ul li:last-child{ margin-right:0 !important}


.xw{ padding:50px 0 60px 0; background:#f2f2f2}
.nsort{ width:405px}
.nsort li {
    float: left;
    width: 31%;
    line-height: 39px;
    background: #1d57a9;
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: center; margin-right:3%
}

.nsort li:nth-child(3) {
    margin-right: 0;
}

/* .nsort li:nth-child(2) {
    border-left: 1px solid #dcdcdc;
    padding-left: 11px;
    width: 110px;
} */

.nsort li a {
    display: block;
}

.nsort li a h3 {
    font: 400 16px/39px "Microsoft YaHei";
    font-weight: normal;
    color: #fff;
}



.nsort li a .m1 {
    font-size: 15px;
    margin-right: 15px;
}

.nsort li.cur a h3 {
    position: relative;
    font: 400 16px/39px "Microsoft YaHei";
    color: #fff;
    background: #5db517;
}

.tab1 {
    display: none;
    padding-top: 26px;
    margin-top: 24px;
    /* border-top: 1px solid #dadada; */
}

.news_list1 li {
    padding-bottom: 21px;transition:all .3s ease;box-sizing: border-box;border:1px solid #f2f2f2
}

.news_list1 {width:33%;background:#fff;
}
.news_list1 li a.img{ position:relative; height:276px; overflow:hidden; width:100%; display:block}
.news_list1 li a.img img { display:block;width:100%;height: auto;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;}
.news_list1 li:hover a.img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.news_list1 li a.img font{ position:absolute; display:block; width:108px; height:46px; background:#1d57a9; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; line-height:46px; left:0; bottom:0; text-align:center}
.news_list1 li:hover a.img font{ background:#5db517}
.news_list1 li:hover{ border:1px solid #5db517}
/* .news_list1 li .xwnr {
    width: 444px;
} */

.news_list1 li .xwnr a {
    color: #333;
    font: 400 18px/18px "Microsoft YaHei";
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;width: 90%;
    margin: 20px auto 0;

}

.news_list1 li:hover .xwnr a {
    color: #1d57a9;
}


.sumy {
    color: #777777;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px; height:50px; display:block; overflow:hidden;width: 90%;
    margin: 10px auto 0;
}



.news_list2{ width:65%}
.news_list2 li { width:48%; height:182px;box-sizing: border-box; border:1px solid #f2f2f2; float:left; padding:28px 20px; background:#fff; margin-bottom:33px
}

.news_list2 li:nth-child(2n) { float:right
}

.news_list2 li .p1 {
    font-size: 18px;
    color: #333333;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_list2 li .p2 {
    font-size: 14px;
    color: #777777;
    line-height: 25px;
    margin-top: 16px;
    height: 50px;
    display: block;
    overflow: hidden;

    margin-top: 14px;
}

.news_list2 li:hover .p1 {
    color: #1d57a9;
}

.news_list2 li .p3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    margin-top: 12px;
	background:url(../images/innjt1.png) right center no-repeat
}
.news_list2 li:hover .p3{background:url(../images/innjt2.png) right center no-repeat; color:#5db517}
.news_list2 li:hover{ border:1px solid #5db517}


.pb50{ padding-bottom:50px;}
.mt70{ margin-top:70px}



.alhuis{ background:#efefef; margin-top:60px !important}




.inbox3{ margin:0 auto;  padding:60px 0 50px;}
.inbox3 .lefttxt{ width:47%; height:auto; display:block; float:left}
.tit {
font-size:22px;
line-height:36px;
color:#1d57a9;font-weight:bold;
}
.tit p {
font-size:35px;
color:#333;
font-weight:bold;
line-height:60px
}
.tit p span {
font-size:40px;
color:#e3e3e3;
font-weight:500;
line-height:60px;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif
}
.tit p span:before{ display:inline-block; content:""; width:40px; height:32px; background:url(../images/titbg.png) 8px 0 no-repeat;}

.inbox3 .lefttxt .txt{ font-size:16px; line-height:28px;  height:140px; display:block; overflow:hidden; text-align:justify; margin-top:15px }
.inbox3 .lefttxt .txt *{font-size:16px; line-height:28px; }
.inbox3 .lefttxt .txt p{ text-indent:32px}
.inbox3 .lefttxt .more {
    width: 123px;
    height: 37px;
    margin-top: 20px;
    line-height: 37px;
    font-size: 16px;
    display: block;
    text-align: left; border:1px solid #d2d2d2; text-indent:20px; background:url(../images/jt1.png) 91px 17px no-repeat;transition:all .3s ease
}
.inbox3 .lefttxt .more:hover{ color:#fff; background:url(../images/jt2.png) 91px 17px no-repeat #1d57a9; border:1px solid #1d57a9}


.inbox3 .rightimg{ display:block; float:right; width:46.5%; height: auto;}
.inbox3 .rightimg .sysp img{ width:100%}
.inbox3 .rightimg ul li{ float:left; width:31.33%; margin-right:3%; margin-top:15px}
.inbox3 .rightimg ul li:nth-child(3n) {margin-right:0}
.inbox3 .rightimg ul li a{display:block;width:100%; height:auto; overflow:hidden; }
.inbox3 .rightimg ul li a img{width:100%;transform: scale(1);transition: all 0.5s ease-out;}
.inbox3 .rightimg ul li:hover a img{transform: scale(1.1);}






.newContBox{width:100%; height:auto; margin:60px auto;}
.sec_inner{
	margin: 0 auto;
	margin-top:42px
}


.section2{
	width: 680px;
	height:510px;
	display:block;
	float: left;
}



.rightnews{ width:46%; height:auto; display:block; float:right}


.top_new{
	margin-top: 20px;
	}
.top_new ul li{
	border-bottom: 2px solid #e5e5e5;
    margin-bottom: 14px;
    padding-bottom: 14px;
	}
.top_new h3{
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color:#333333
	}
.top_new h3 a{
	color:#333333
	}
.top_new p{
	font-size: 16px;
    line-height: 26px;
    color: #666666;
    height: 52px;
    display: block;
    overflow: hidden;
    text-align: justify;
	}	

.bot_news{ margin-top:-10px}
.bot_news ul li{ display:block; width:100%; height:49px; border-bottom:1px solid #cfcfcf}
.bot_news ul li a{
	display: block;
    float: left;
    width: 80%;
    line-height: 49px;
    font-size: 16px; overflow:hidden
	
	}
.bot_news ul li a font{ color:#c94146;line-height: 44px;padding: 0 5px 0 0;font-size: 12px;}
.bot_news ul li span{
	display: block;
    width: 20%;
    line-height: 49px;
    font-size: 15px;
    float: right;
    color: #777777;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
}




.bghui{ background:#f2f2f2 !important}
.bgbai{ background:#fff !important}
.pad50{ padding:50px 0 70px}

.hei340{ height:340px !important}
.mar20{ margin-top:-20px}





.proin4{ display: inherit; width:260px; height:255px; margin:20px 20px; float:left; }
.proin4 div{ width:260px; height:195px; overflow:hidden; float:left}
.proin4 div img{ width:100%; height:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.proin4 div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin4 p{ display: block;font-size: 18px;font-weight: normal;color: #333333; overflow:hidden;text-align:center; padding:0 15px; line-height:60px}
.proin4 p:hover{ color:#a10000}


.proin4ny{ display: inherit; width:260px; height:320px; margin:20px 20px; float:left; }
.proin4ny div{ width:260px; height:260px; overflow:hidden;background:#fff;display:table-cell;vertical-align: middle;text-align: center;}
.proin4ny div img{transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;max-width: 100%;max-height: 100%; }
.proin4ny div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin4ny p{ display: block;font-size: 18px;font-weight: normal;color: #333333; overflow:hidden;text-align:center; padding:0 15px; line-height:60px}
.proin4ny p:hover{ color:#a10000}



.proin5{ display: inherit; width:360px; height:300px; margin:20px 20px;  float:left; }
.proin5 div{ width:360px; height:210px; overflow:hidden}
.proin5 div img{ width:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.proin5 div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin5 p{ display: block;font-size: 18px;font-weight: normal;margin-top: 20px;margin-bottom: 10px;color: #333333; overflow:hidden; padding:0 10px;}
.proin5 p:hover{ color:#a10000}
.proin5 span{ display: block;color: #999; width:95%; line-height:25px; margin:0 auto}




.inboxad{ margin:-50px auto 0; height:280px; background:url(../images/sdfeg.jpg) no-repeat center 0 #0c2a46; width:100%}
.titinad{ text-align:center}
.titinad h3{ margin: 70px 0 20px 0;font-weight: bold; font-size:28px; line-height:35px; text-align:center; color:#fff}
.titinad p{ width:1000px; display:block; margin: 20px auto 23px;line-height: 24px;color: #fff; text-align:center}
.titinad a,.titinad p span{ color:#ff4200}
.titinad a:hover{ text-decoration:underline}




.inbox7{ margin:50px 0 70px; padding:0 30px}
.inbox7 p{ font-size:22px; line-height:48px; padding-top:5px}



.footbox{ width:100%;background:url(../images/footbg.jpg) repeat #1d4a87;}
.footbox,.footbox *,.footbox a{color:rgba(255,255,255,0.8)}
.footbox a:hover{ color:#fff; text-decoration:underline}

.footcont{ width:70%; margin:0 auto;  min-width:1200px;  height: auto;}
.footcont .dbleft{ width:65%; border-right:1px solid rgba(255,255,255,0.1); padding:65px 0 80px 0; float:left}
.footcont .dbright{width:30%; padding:65px 0 0 0; float:right}

.footcont .dbleft .dblogo{width:100%; height:112px; border-bottom:1px solid rgba(255,255,255,0.1)}
.footcont .dbleft .dblogo img{display: block; padding-bottom:45px}

.footcont .dbleft .list dl{ float:left; width:25%;  display:block; padding:0 5% 0 0;box-sizing: border-box}
.footcont .dbleft .list dl dd{ font-size:18px; line-height:40px !important;  color:#ffffff !important; background:url(../images/dbline.jpg) no-repeat 0 70px; padding:25px 0 20px 0}
.footcont .dbleft .list dl dt{ font-size:14px; line-height:34px; float:left; width:50%; }
.footcont .dbleft .list dl dt,.footcont .list dl dt a{ font-size:14px; line-height:34px; }

.footcont .foot_bg{ padding:35px 0 0; line-height:34px}


.dbright .dbtel{padding-bottom:40px; width:100%;background:url(../images/dbtel.png) no-repeat 0 0px; padding-left:70px}
.dbright .dbtel span{ font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:25px; color:#fff}
.dbright .dbtel p{ font-size:39px; font-family:Arial, Helvetica, sans-serif; line-height:45px; color:#fff; font-weight:bold}
.dbright .lxindb li{ display:block; width:100%; height:46px; line-height:46px; overflow:hidden}
.dbright .lxindb li p{ text-indent:46px; line-height:46px; text-decoration:none !important}
.dbright .lxindb li.telbt1{background:url(../images/dbm1.png) no-repeat 0 center}
.dbright .lxindb li.telbt2{background:url(../images/dbm2.png) no-repeat 0 center}
.dbright .lxindb li.telbt3{background:url(../images/dbm3.png) no-repeat 0 center}
.dbright .lxindb li.telbt4{background:url(../images/dbm4.png) no-repeat 0 center}

.dbright .dber{ padding-top:25px}
.dbright .dber li{ float:left; display:block; width:125px; height:158px; border:1px solid #ffffff; margin-right:34px; padding:5px 5px 0 5px}
.dbright .dber li img{ display:block; max-width:100%}
.dbright .dber li p{ text-align:center; line-height:34px}


.page_banner{ margin-top:87px}
.page_banner img{ width:100%}







/*search*/

.search {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    position: relative;
    margin: 8px auto;
}

.search .hot .keywd {
    color: #444444;
}

.search .keywds {
    float: left;
    line-height: 32px;
}

.search .keywds a {
    margin: 0 5px;
    color: #636364;
}

.search .keywds a:hover {
    color: black;
}

.search form {
    overflow: hidden;
    display: block;
    position: relative;
}

.search .txt {
    width: 252px;
    height: 30px;
    line-height: 30px;
    color: #a1a1a1;
    border: 1px solid #ccc;
    background: none;
    padding-left: 15px;
    border-radius: 15px;
}

.search .btns {
    position: absolute;
    top: 7px;
    right: 11px;
    z-index: 9999;
    background: url(../images/public/btnbg.png) no-repeat 0 0;
    width: 20px;
    height: 22px;
    border: none;
    display: block;
    outline: none;
    cursor: pointer;
}




/*cooperate*/

.cooperate {
    width: 1201px;
    height: 166px;
    background: url(../images/e2.png) no-repeat;
    margin: 45px auto 0;
    position: relative;
}

.cooperate .cope_box {
    width: 1197px;
    margin: 48px auto 0;
}

.cooperate .cope_box .bd ul li {
    width: 147px;
    margin: 0 12px;
    float: left;
}

.cooperate .cope_box .bd ul li img {
    width: 147px;
    height: 80px;
}


/*footer*/

.footer {
    width: 100%;
    min-height: 260px;
    background: #0F51BB;
    overflow: hidden;
}

.footer .footer_nav {
    width: 100%;
    height: 64px;
    line-height: 64px;
    text-align: center;
    border: 1px solid #146BD1;
}

.footer .footer_nav li {
    display: inline-block;
    width: 168px;
    vertical-align: top;
    background: url(../images/f1.png) no-repeat left center;
}

.footer .footer_nav li a {
    font-size: 16px;
    color: white;
}

.footer .footer_nav li.first {
    background: 0;
}

.footer .footer_box {
    margin-top: 34px;
    color: white;
}

.footer .footer_box .chat {
    width: 170px;
    min-height: 150px;
    background: url(../images/f2.png) no-repeat right top;
}

.footer .footer_box .chat div {
    margin-left: 12px;
    width: 108px;
}

.footer .footer_box .chat div img {
    width: 108px;
    height: 108px;
}

.footer .footer_box .chat div p {
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
}

.footer .footer_box .cocate div {
    margin-left: 50px;
    margin-top: 5px;
}

.footer .footer_box .cocate div p {
    font-size: 14px;
}

.footer .footer_box .right {
    width: 630px;
    margin-top: 13px;
}

.footer .footer_box .right .footer_bottom {
    margin-top: 15px;
}

.footer .footer_box .right .footer_bottom strong {
    display: inline-block;
    margin-right: 27px;
    font-weight: 500;
}

.footer .footer_box .right .footer_bottom strong a {
    color: white;
}


.r-a{width: 100%;padding-bottom: 80px;position: relative; background-color: #f4f4f4;}
.r-b{width:100%;margin: 0 auto;}
.r-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.r-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #b21d23;}
.r-cont{width: 100%; min-height: 650px; }
.r-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.r-left{float: right;width: 120px;min-height: 500px; margin-top:140px}
.r-d{width:120px;padding:56px 0;position: relative;}
.r-d.fixed{position: fixed;
    top:50%;
    left: 50%;
    margin-left:500px; z-index:999; margin-top:-280px}
.r-d.absolute{position: absolute;top: auto;}

.r-d:after{content: '';position: absolute;top: 0;right: 0;width:100px;height: 100%;background-color: #fff;}
.r-e{width: 100%;height:500px;}
.r-f{width: 100%;padding-left:20px;height:50px;display: flex;align-items: center;cursor: pointer;}
.r-g{width: 100%;text-align:left;font-size:18px;position: relative; text-indent:26px}

.r-prev{left: auto;right: 0; margin-top: 0;  top: 16px;width: 96px; height:12px;background-image: url(../images/a36.png);background-size: auto 12px;background-position: center center;background-repeat: no-repeat;}
.r-prev:hover{background-image: url(../images/a36-b.png);}
.r-next{left: auto;right: 0; margin-top: 0; top: auto; bottom:16px;width:96px; height:12px;background-image: url(../images/a37.png);background-size: auto 12px;background-position: center center;background-repeat: no-repeat;}
.r-next:hover{background-image: url(../images/a37-b.png);}

.r-right{float: left; width:80%;overflow: hidden;position: relative;}
.r-item{display: block;width: 100%;font-size: 0;margin-top:30px;padding-top: 140px;margin-bottom: -140px;
}
.r-h{display: inline-block;vertical-align: top;width:17%;padding-top:8px;color: #333333;font-weight: bold; font-size:35px}
.r-i{display: inline-block;vertical-align: top; width:80%;position: relative;}
.r-i:before{content: '';position: absolute;top: 16px;left: -56px;width:16px;height:16px;border-radius: 50%;border: solid 1px #737687; background-color: #f4f4f4;}
.r-i:after{content: '';position: absolute;top: 32px;left: -48px;width: 1px;height: calc(100% + 32px);background-color: #b3b5bd;}
.r-j{width: 100%;background-color: #ffffff;padding:16px 40px;position: relative;}
.r-j:before{content: '';position: absolute;top: 16px;left: -8px;width: 8px;height:16px;background-image: url('../images/a38.png');background-size: 8px auto; background-position: center center;background-repeat: no-repeat;}
.r-j P{color: #666666;font-size:16px !important;line-height:25px;margin: 10px 0;position: relative;padding-left:20px;}
.r-j P:before{content: '';position: absolute;top:10px;left: 0;width:5px;height:5px;background-color: #737687;}

.r-k{color: #666666;line-height:25px;margin:10px 0;position: relative;padding-left:20px;}
.r-k:before{content: '';position: absolute;top:10px;left: 0;width:5px;height:5px;background-color: #737687;}

.r-item:first-child{margin-top: 0;}
.r-item.show .r-h{color: #b21d23;}
.r-item.show .r-i:before{border: none;background-image: url('../images/a35-b.png');background-size:16px 16px;}
.r-item.show .r-i:after{background-color: #b21d23;}

@media(max-width:1920px){
   .center{ max-width:1340px}
   .footcont{ max-width:1340px}
}

@media(max-width:1200px){
    .r-j P:before{top: .15rem;}
}

@media(min-width: 800px){
    .r-g:after{content: '';position: absolute;top: 50%;left: 0;width:12px;height: 1px; background-color: #a7a9b4;}


    .r-f.active{padding-left: 0;}
    .r-f.active .r-g{background-color: #b21d23;color: #ffffff;height: 50px;line-height:50px;width: calc(100% -24px); font-size:35px;}
    .r-f.active .r-g:after{display: none;}
}
@media(max-width: 800px){
    .r-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .r-right{width: 100%;}

    .r-left{width: 100%;margin-bottom:24px;}
    .r-d.fixed{position: fixed;top:0;left: 0;margin-left: 0;border: 1px solid #f4f4f4;}
    .r-d{padding: 0 .7rem;background-color: #fff;width: 100%;}
    .r-e{height: auto;}
    .r-f{display: inline-block;width: auto;padding:24px 12px;height: auto;}
    .r-g{font-size: 12px;}
    .r-f.active .r-g{color: #b21d23;}


    .r-prev{top: 50%;right: auto; left: 12px;margin-top: -12px;transform: rotate(-90deg); width: 24px;height: 24px;}
    .r-next{top: 50%;left: auto; right: 12px;margin-top: -12px;transform: rotate(-90deg); width: .3rem;height: 24px;}

}

@media screen and (max-width:1340px){
	 .mtopban{margin-top: 89px !important;}
 
	}

@media screen and (max-width:1600px){
.inbox3 .rightimg{ width:50%}
.inbox3 .lefttxt{ width:44%}
 
	}
@media screen and (max-width:1440px){
.inbox3 .rightimg{ width:52%}
.inbox3 .lefttxt{ width:42%}
 
	}