@charset "utf-8";

/*---简介-----------*/
  
/**/
.guide{background: url(../images/ab_bg.jpg) no-repeat center 0;overflow: hidden;padding-top: 120px; padding-bottom:120px; width:100%}
.gui_l{width: 45%; float: left;line-height: 0;overflow: hidden;}
.gui_l img{width: 100%;}
.gui_l img,.pro_r ul li img,.quality_r dl dt img,.case_m dl dt img,.news dl dt img,.ab_qie ul li img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.gui_l img:hover,.pro_r ul li img:hover,.quality_r dl dt img:hover,.case_m dl dt img:hover,.news dl dt img:hover,.ab_qie ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.gui_r{width: 50%;float: right;padding: 20px 10px 0 0;  }
.gui_r b{ text-align:left!important; font-family:Barlow-Regular; font-size:32px; text-transform:uppercase;  background-image:-webkit-linear-gradient(left,#143e7f,#1e4f9b,#4573bc); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; font-weight:normal ; font-family:Helvetica Medium;
  }
 
  
  
  
  .search1 {
	float: left;
	height: 36px;
	width: 314px;
	background:url(../images/sea.jpg) no-repeat center  top;
	border: 0px solid #FFFFFF;
	color: #6d6d6d;
	display: inline;
	line-height: 36px;
	font-size: 15px;
	text-align: left;
     padding-left:15px

}
.searchimg1 {
	float: left;
	display: inline;	
}

  

  
.gui_r h5{font-size: 42px;color: #333;line-height: 54px;height: 97px;overflow: hidden;text-align:left; font-weight:bold; margin-top:2%; margin-bottom:0}
.gui_r h5 i{display: block;font-size: 22px;font-weight: normal; font-style:normal}
.gui_desc{font-size: 16px;color: #777;padding: 35px 0 0;line-height: 30px; text-align:left}
.guide dl{float: left;margin-top: 15px; text-align:center; margin-right:4%}
.guide dl dt{width: 30%; float: left;overflow: hidden;position: relative;line-height: 0;margin-top: 15px;}
.guide dl dt img{width: 122px;height: 122px;}
.guide dl dt em{width: 122px;height: 122px;display: block;position: absolute;top: 0;left: 0;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.guide dl p{ color:#333; font-weight:bold}
.guide dl:hover dt em{
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}.tubiao a:hover dl {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    color: #1e4f9b!important;  transition:all 0.4s
}
.guide dl dd{width: 70%;float: left;padding-left: 30px;}
.guide dl dd h5{font-size: 30px;color: #666;height: 50px;line-height: 50px;overflow: hidden;margin-bottom: 5px;font-weight: normal;}
.guide dl dd p{color: #333;line-height: 30px;}
.guide dl.nobor{width: 33.33%;}
.guide dl.nobor dd{width: 70%}
.more {
    width: 185px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    padding-left:0px; margin-top:30px
}
a:hover .more{ margin-top:27px;  transition:all 0.4s; background:#5c5d59}


 #warp_4 .gui_r h5 i{display:inline;font-size: 32px;font-weight: normal; color:#19e86b}
 #warp_4 .gui_r h5{ color:#fff}
 #warp_4 .gui_desc p{ color:#fff}
 #warp_4 .gui_r b {
    text-align: left!important;
    font-family: Barlow-Regular;
    font-size: 32px;
    text-transform: uppercase;
    background-image: -webkit-linear-gradient(left,#b0d178,#b0d178,#d7eeb0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: normal;
}
 
.morere{ margin:14px 0; font-size:14px; float:left;text-transform:capitalize; margin-bottom:30px}
.morere:hover{ border-bottom:1px #da251d solid; padding-bottom:2px; letter-spacing:2px ;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; color:#da251d ; text-decoration:none; }

.about4{ width:600px; float:left; display:flex; flex-direction:row;  margin-top:20px}
.about4 li{ flex:1; list-style:none; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; text-align:left
	}
.about4 li:hover{ transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; margin-top:-10px; }
	.about4 li:hover div{color:#0360bf}
	.about4 li:hover .line{ width:70%;  background: #0360bf;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; margin-top:3px; margin-bottom:3px }
	
	
.about4 li .shuzi_1{ font-size:46px; font-family:Arial, Helvetica, sans-serif; color:#014fa2;  font-weight:bold}
.about4 li .shuzi_1 span{ font-size:16px; margin:0 5px; font-weight:normal}
.about4 li .line{ width:0; height:1px; background: #5a5a5a ; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.about4 li .shuzi_2{ font-size:16px; color:#5a5a5a; text-align:left}


/*新闻*/

.index_news { width:80%;  padding-bottom:80px; height:450px; min-width:1300px; margin:0px auto; }


.news {width:100%; margin:0px auto; clear:both; overflow:visible; background: url(../images/xm_bg1.jpg) center top  no-repeat #fff; height:682px;}
.news_con {width:100%; margin:0px auto 25px auto;}
.news_l { width:46%; height:470px; float:left; position:relative; overflow:hidden; }
.news_l a.m-video::before {
    content: '';
    width: 8rem;
    height: 8rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: url(../images/play.png);
    cursor: pointer;
    filter: contrast(1); z-index:1;
}
.news_l img { width:100%; position:absolute; height:100%; transition:all .4s;}
.news_l:hover img { transform:scale(1.1,1.1);}
.news_l p { width:159px; position:absolute; height:43px; line-height:43px; margin:0px auto; position:absolute; top:300px; background:rgba(0,106,179,.8); text-align:center; color:#ff; font-size:15px; left:202px;}
.news_l a p { color:#fff;}
.news_r { width:50%; margin-right:0px;float:right; text-align:left;}


.news_r dl {width:100%;  height:96px;  float:left; transition:all 0.4s; padding:0px; margin-top:0px; }
.news_r a:hover dl  {transform:translateY(-10px); color:#d72a1a }
.news_r a:hover dl dt,.news_r a:hover dl b, .news_r a:hover dl em, .news_r a:hover dl b, .news_r a:hover dl h3{color:#d72a1a }



.news_r dl dt {  float:right; width:18%; height:96px; background:; border-left:1px solid rgba(0,0,0,.1); text-align: left; padding-left:5%; font-family:Arial, Helvetica, sans-serif;color:#333; line-height:18px;font-weight:400; font-style:normal!important;}
.news_r dl dt b {color:#333; margin-top:12px; line-height:35px; width:100%; float:left; font-weight:700;}
.news_r dl dt em  {color:#333; margin-top:22px; line-height:35px; width:100%; float:left; font-size:25px;font-weight:700;font-style:normal!important;}
.news_r dl dt b  {color:#333;  line-height:35px; width:100%; float:left; font-size:30px;font-weight:700;font-style:normal!important;}




.news_r dl dd { width:75%; float:left; height:96px; text-align:left; border-bottom:1px solid #d5d5d5; margin:0px; padding:0px; display:flex;align-items:  center ;}
.news_r dl dd h3 { line-height:32px; margin-top:3px; font-size:18px;color: #3a3a3a; font-weight:700; text-align:left}

.news_r dl dd span { line-height:31px;}
.news_r dl dd p { color:#606060; font-size:15px; line-height:28px;margin-top:5px;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 56px;
line-height: 28px;


}
.news_r dl dd i { margin-top:10px; float:left;} 

.news_more {width:1200px; margin:0px auto 25px auto; }
.news_more .more { margin:0px auto; color:#016ab3;   border:2px solid #016ab3;}
.xinwenwenxin{ background:#f3f3f3; padding:5% 0}

 
 
 

.index_about{

    background-size: cover;
    position: relative;
    background:url(../images/000.jpg) no-repeat center top fixed;
    padding-top: 12.5em;
    padding-bottom: 11em;
    margin-top: 0em; width:100%; margin:0 auto ; color:#fff}
.index_about .index-content { display:flex; justify-content: space-between;}
.index_about_left { width:53%; float: right !important; border-radius:25px; overflow:hidden; margin-right:-5%;}
.index_about_right { width:48% !important; float:left !important; margin-top:40px;}
.index_about_right .text-2 { margin-bottom:40px; width:100%; float:left; margin-top:40px; font-weight:900; color:#FFF; font-family:mb; }
.wrap{ width:80%; margin:0 auto;  text-align:center}
.index_news_t_1{ font-size:38px}

.index_news_t_2 { font-size:28px}

.index_service_3 .css3{ font-size:20px; font-family:Arial, Helvetica, sans-serif}
.e_text-36{ font-size:20px}
.e_richText-37 p{ font-size:16px}


/*banner*/
@font-face {
    font-family:'wrjz';
    src: url('../fonts/wrjz.eot');
    src:url("../fonts/wrjz.ttf");
}
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 39px;height:10px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 10px;height: 10px;background: #eee;border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban_pg i.on{background: #e3590b;}


.banner .prev{position:absolute;top:45%;left:19%;z-index: 10;cursor: pointer;transition: all .25s linear;}
.banner .next{position:absolute;top:45%;right:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;}
.banner em{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(227,89,11,0.8);}
.banner em img{height: 30px;display: inline-block;margin-top: 15px;}

.banner:hover  .prev{opacity: 1;}
.banner:hover .next{opacity: 1;}
.c_right ul li img{ width: 381px;}
.banner .prev{position:absolute;top:82.5%;left:19%;z-index: 10;cursor: pointer;transition: all .25s linear;background:url(../images/jiantou.png) no-repeat;width: 64px;
    height: 64px;}
.banner .prev:hover{background:url(../images/jiantou.png) no-repeat -64px 0px;;}
.banner .next{position:absolute;top:82.5%;left:23%;z-index: 10;cursor: pointer;transition: all .25s linear;background:url(../images/jiantou.png) no-repeat -192px 0px;;width: 64px;
    height: 64px;}
.banner .next:hover{background:url(../images/jiantou.png) no-repeat -128px 0px;}
.pageState{ font-size: 0; position: absolute; top: 84.5%; left: 27.5%; }
.pageState span{ color: rgb(255,255,255,.6); font-size: 36px;font-family:'wrjz'; line-height: 100%;}
/**/
.tils{ overflow: hidden; padding: 65px 0 55px 0;}
.tils ul{ width:100%; display:flex}
.tils ul li{ flex:1;  line-height: 100%; font-size: 18px; color: #3e3e3e; margin-right:44px;}
.tils ul li em{ display: block; line-height: 100%; padding-top: 16px; line-height:28px}
.tils ul li i{ display: block;}
.tils ul li i span{ display: inline-block; line-height: 100%;font-family:'wrjz'; font-size: 66px;font-weight: normal;}
.tils ul li:last-of-type{ margin-right: 0;}
/* -- 搜索 -- */
.sou{height: 71px; border-bottom:0px #333 solid}
.sou p{height: 71px;color: #666666;line-height:71px;font-size: 16px;width:825px;float: left;}
.sou p b{font-size: 16px;color: #222222;font-weight:bold;}
.sou p a{font-size: 16px;color: #666666;padding-right:13px;font-weight: normal;line-height: 16px;}
.sou .s_box{float: right;margin-top:18px;width:368px;height: 36px;border: 0px solid #e3e3e3;overflow: hidden;margin-right: 2px;box-sizing: border-box;border-radius: 20px;}
.sou .s_box .input1{float: left;width:315px;padding-left: 13px;height: 36px;line-height: 34px;font-size: 14px;color: #666666;border: 0;background: none;outline: 0;}
.sou .s_box .input2{float: left;border: 0;outline: 0;cursor: pointer;width:22px;height:22px;background:url(../images/sou_1.png) no-repeat center;margin-top:7px;}

/**/
.vedio{overflow: hidden; height:726px;background:url(../images/vedio.jpg) no-repeat center 0 #f6f6f6; margin-bottom: 96px;}
.v_r{ overflow: hidden; margin: 76px -29px 0 0; font-size: 0; line-height: 0;}
.v_l{ width: 518px; padding-top: 120px;}
.v_l h3{ height: 143px;background:url(../images/vedio.png) no-repeat left bottom;}
.v_l h3 i{ display: block; line-height: 100%; color: #1d509a; font-size: 48px;}
.v_l h3 span{ display: block; font-weight: normal; padding-top: 22px; font-size: 24px; color: #333333; line-height: 100%;}
.v_l p{ margin-top: 28px; color: #676767; font-size: 16px; line-height: 30px;}
/**/
/**/
/**/
h2{ text-align: center; line-height: 100%; font-weight: normal; font-size: 20px;  color: #333; margin-bottom: 25px;}
h2 i{ display: block; font-size: 48px; color: #333; line-height: 100%;font-weight: bold;}
h2 span{ padding: 20px 0 25px 0; display: block;background:url(../images/hh.png) no-repeat center bottom; letter-spacing: 2px;}

/**/
.jirj{ height: 1095px;background:url(../images/jirj.jpg) no-repeat center 313px;}
.j_nav{ overflow: hidden; height: 175px;}

.j_nav ul{ width:100%; margin:0 auto; display:flex}


.j_nav ul li{ flex:1; text-align: center; position: relative;}
.j_nav ul li:last-of-type{ margin-right: 0;}
.j_nav ul li:before{ position: absolute; content: ""; right: -60px; top: 51px; height: 2px; background: #f0f0f0; width: 60px;}
.j_nav ul li a{display: block; font-size: 20px; color: #333333; line-height: 100%;}
.j_nav ul li a b{display:block; width: 96px; height:122px;background:url(../images/ja_li1.png) no-repeat; text-align: center; box-sizing: border-box; transition: all 0.2s; margin: 0 auto; padding-top: 6px;}
.j_nav ul li.cur a{ color: #d72a1a; font-weight: bold;}
.j_nav ul li.cur a b{background:url(../images/ja_li2.png) no-repeat;  width: 106px; padding-top: 12px;}

.j_om ul li{ position: relative;}
.j_om ul li strong{ display: block; float: left;     margin-left: -360px;    height: 699px;
    overflow: hidden;
    width: 1105px;}
.j_om ul li strong img{ width:1105px;}
.j_fl{ float: right; margin: 0 0 0 31px; width: 415px;}
.j_fl h4{ padding-top: 108px; height: 78px;}
.j_fl h4 a{ display: block; line-height: 100%; color: #fff; font-size: 32px;}
.j_fl p{ font-size: 14px; color: #fff; line-height: 100%; line-height:30px;display:block; margin-bottom:0px}
.j_fl p span{ line-height: 100%; display: block; padding-left: 35px;background:url(../images/j_mor.png) no-repeat 0 9px; line-height:30px}
.j_fl em{ border-top: 1px solid #6284b9;  padding-top: 33px; margin-bottom: 10px; width:100%; display:block; margin-top:10px; width:100%; line-height:27px}
.j_fl em a{ display: inline-block; padding-left: 15px; font-size: 20px; width: 100%; box-sizing: border-box;font-weight: bold; margin-bottom: 17px; color: #fff;position: relative; display:block}
.j_fl em a:before{ position: absolute; content: ""; width: 5px; height: 5px; border-radius: 5px; background: #fff;left: 0; top: 7px;}
.j_fl em a:hover{text-decoration: underline;}
.j_fl h3{background:url(../images/ja_btn.jpg) no-repeat; overflow: hidden; width: 291px; height: 60px; display:block; margin-top:30px}
.j_fl h3 a{ display: inline-block; float: left; width: 145px; line-height: 52px; text-align: center; font-size: 16px; color: #333333;font-weight: normal;transition: all 0.2s;}
.j_fl h3 a:first-of-type{ color: #fff;}
.j_fl h3 a:hover{ letter-spacing: 3px;}
    /**/
.licf{ background:url(../images/licf.jpg) no-repeat center bottom; padding-bottom:60px}
.licf h2{ margin-bottom: 34px;}
.licf ul{  margin-left:-2px; width:100%; display:flex;}
.licf ul li{ background:url(../images/lc_io1.png) no-repeat 80%  80% #f5f5f5;border: 1px solid #f2f2f2; width: 100%; height: 201px; float: left; margin: 0 5px 5px 0; box-sizing: border-box; padding-left: 62px; padding-top: 36px; position: relative; transition: all 0.2s; flex:1}
.licf ul li em{ display: block; font-size: 28px; color: #333333;z-index: 6;position: relative;}
.licf ul li span{ display: block; font-family: Arial; color: #c1c1c1; font-size: 16px; padding-top: 4px; z-index: 55; position: relative;}
.licf ul li strong{ display: block; font-weight: normal; font-size: 16px; color: #333333;  line-height: 100%; }
.licf ul li i{ display: block; font-family: wrjz;  font-size: 48px; color: #aaa; line-height: 100%; padding-bottom: 0px; float:left; margin-top:5px}

.licf ul li .yuyu{ float:left;padding-bottom: 16px; margin-left:5%}



.licf ul li b{ position: relative; display: none; position: relative; z-index: 5; }
.licf ul li:before{ display: inline-block; position: absolute; width: 100%; height: 201px; left: -8px; top: -3px; content:""; background: #d72a1a; display: none; z-index: 5;}
.licf ul li:nth-of-type(2){ background:url(../images/lc_io2.png) no-repeat  80%   80% #f5f5f5;}
.licf ul li:nth-of-type(3){ background:url(../images/lc_io3.png) no-repeat  80%   80% #f5f5f5; }
.licf ul li:nth-of-type(4){ background:url(../images/lc_io4.png) no-repeat 62px  130px #f5f5f5; }
.licf ul li:nth-of-type(5){ background:url(../images/lc_io5.png) no-repeat 62px  130px #f5f5f5;margin-right: 0; }
.licf ul li:nth-of-type(6){ background:url(../images/lc_io6.png) no-repeat 62px  130px #f5f5f5;  margin-bottom: 0;}
.licf ul li:nth-of-type(7){ background:url(../images/lc_io7.png) no-repeat 62px  130px #f5f5f5; margin-bottom: 0;}
.licf ul li:nth-of-type(8){ background:url(../images/lc_io8.png) no-repeat center  117px #f5f5f5; margin-bottom: 0; margin-right: 0; text-align: center; padding-top: 40px; padding-left: 0;}
.licf ul li:hover:before{ display: block;animation-duration: 0.5s;animation-name: zoomIn;}
.licf ul li:hover i{ display: inline-block; position: absolute; font-size: 69px;    font-family: wrjz; right: 5px; bottom: -20px; z-index: 6; opacity: 0.5;}
.licf ul li:hover em{ z-index: 6; color: #fff; font-weight: bold;}
.licf ul li:hover{ padding-left: 30px; padding-top:10px}
.licf ul li:hover  span{ color:#fff; opacity: 0.5;}
.licf ul li:hover b{ display: block; font-weight: normal; line-height: 23px; font-size: 16px; color: #fff; margin-right: 5%; margin-left:5%;width:90%; float:left}

.licf ul li:hover{}
.licf ul li:hover i,.licf ul li:hover em{ color: #fff;}
.licf ul li:nth-of-type(8):hover:before{ display: none;}
.licf ul li:nth-of-type(8):hover{background:url(../images/lc_io8.jpg) no-repeat center  117px #f5f5f5;}


.licf h4{ text-align: center;}
.licf h4 a{ display: inline-block; text-align: left; padding-left: 40px; height: 40px; border-radius: 40px; font-size: 16px; letter-spacing: 2px;font-weight: normal; background: #1e4f9b; line-height: 40px; padding-right: 55px; color: #fff; position: relative;transition: all 0.2s;}
.licf h4 a:before{ content:""; position:absolute;border-left:0.35rem solid #fff;border-top:0.35rem solid transparent;border-bottom:0.35rem solid transparent;height: 0;width: 0; left:72%; top:41%; }
.licf h4 a:hover{ padding-right: 69px;}
/**/
.cases{overflow: hidden;background:url(../images/cases.jpg) no-repeat center 0; height: 991px; margin-bottom: 80px; box-sizing: border-box; padding-top: 80px; position: relative;}
.cases:before{ position: absolute; content: ""; height: 1px; width: 100%; background: #bdbdbd; top: 223px;}
.cases h2{ margin-bottom: 30px;}
.cases h2 span{ padding: 13px 0 23px 0; font-size: 18px;}
.ca_list{ overflow: hidden; height: 87px;}
.ca_list ul{ overflow: hidden; margin-left: 170px;}
.ca_list ul li{ float: left; margin-right: 70px; text-align: center;}
.ca_list ul li a{ display: inline-block; line-height: 100%; padding-top: 35px; font-size: 20px; color: #333333;background:url(../images/cl1.png) no-repeat center 0;position: relative;}
.ca_list ul li a:hover{background:url(../images/cl2.png) no-repeat center 0; color: #d72a1a; font-weight: bold;}

/**/
.case{height:710px; overflow: hidden; }

.c_l{ width: 239px; background: #fff; height: 528px;}
.c_l h3{height: 77px; line-height: 77px; background: #bc1c18; color: #fff; font-size: 20px;font-weight: normal;  text-align: center;}
.c_l ul{ height:449px; border: 1px solid #e5e5e5;}
.c_l ul li{ height: 68px;}
.c_l ul li a{ display: block; line-height: 69px; border-bottom: 1px solid #e5e5e5; padding-left: 60px; font-size: 15px; color: #000; margin-left: 2px;}
.c_l ul li.cur a,.c_l ul li:hover a{ background: #f5f5f5; color: #bc1c18; border-left: 2px solid #bc1c18; margin-left: 0;}

.c_r{ float: right; width: 935px; height: 528px; position: relative; box-sizing: border-box;}
.c_uu2{ position: absolute; z-index: 5; top: 216px; left: 0; cursor: pointer;}
.c_dd2{ position: absolute; z-index: 5; top: 216px; right: 0; cursor: pointer;}
.c_r ul li{ position: relative; font-size: 0;}
.c_r ul li b{ display: block; position: absolute; left: 0; bottom: 0; font-weight: normal; height: 133px; width: 100%;}
.c_r ul li b i{ display: inline-block; float: left; padding:19px 0 0 26px; width: 673px; font-size: 14px; color: #fff; line-height: 31px;}
.c_r ul li b i a{ display: block; font-size: 14px; display: block; color: #fff;    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  margin-bottom: 4px;}
.c_r ul li em{ display: inline-block; float: right; width: 156px; padding-top: 29px;}
.c_r ul li em a{ display: block; margin-bottom: 7px; width: 137px; height: 37px; line-height: 37px; border-radius: 37px; background: #fff; font-size: 14px; color: #333; text-align: center;}
.c_r ul li em a:last-of-type{ background: #bc1c18; color: #fff;}

.cases h4{font-weight: normal; text-align: center;clear: both;}
.cases h4 a{ display: inline-block; margin: 0 10px;display: inline-block; text-align: left; padding-left: 35px; height: 40px; border-radius: 40px; font-size: 16px; letter-spacing: 2px;font-weight: normal; background: #d72a1a; line-height: 40px; padding-right: 31px; color: #fff; position: relative; transition: all 0.2s;}
.cases h4 a:before{ content:""; position:absolute;border-left:0.35rem solid #fff;border-top:0.35rem solid transparent;border-bottom:0.35rem solid transparent;height: 0;width: 0; left:25px; top:39%; }
.cases h4 a:hover{ padding-right: 45px;}
.cases h4 a:first-of-type{ background: #1e4f9b;}
/**/
/**/
.case1{ height: 575px;}
.c_u{ position: absolute; z-index: 5; cursor: pointer; left: -77px; top: 383px;}
.c_d{ position: absolute; z-index: 5; cursor: pointer; right: -77px; top: 383px;}
.case1 ul li{ float: left; overflow: hidden; width: 919px; position: relative;}
.case1 ul li img{ display: block; width: 919px;}
.case1 ul li em{ display: none; position: absolute; left: 0; background: rgba(0,0,0,0.5); color: #fff; bottom: 0; width: 100%; box-sizing: border-box; padding: 30px 47px; font-size: 16px; color: #fff;}
.case1 ul li em i{ display: block; font-size: 20px; font-weight: bold; line-height: 100%; padding-bottom: 15px;}
.case1 ul li.roundabout-in-focus em{ display: block;}
/**/
.ys{ overflow: hidden; height: 964px;}
.ys .con{margin-top:0;}.ys h2{ margin-bottom:25px;}
.ys .con li{width:11.8%;overflow: hidden;float: left;position: relative;border-right:8px solid #fff;box-sizing: border-box;transition: all .25s linear;}
.ys .con li:last-of-type{ border-right: none;}
.ys .con li > em{display: block;width: 100%;overflow: hidden;}
.ys .con li > em img{opacity: 1;display: block;min-height:792px;}
.ys .con li .hov{position: absolute;top: 0;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0.7);box-sizing: border-box;padding:60%  0 0 0; right: 0; text-align: center;}
.ys .con li:nth-of-type(2) .hov em{background:url(../images/pin_pic02.png) no-repeat center bottom;}
.ys .con li:nth-of-type(3) .hov em{background:url(../images/pin_pic03.png) no-repeat center bottom;}
.ys .con li .hov p,.ys .con li .hov h4{ display: none; }
.ys .con li .hov em{ display: block; line-height: 100%; font-size: 32px; font-weight: normal; padding-bottom: 75px;background:url(../images/pin_pic01.png) no-repeat center bottom; position: relative;}
.ys .con li .hov em:before{ position: absolute; left: 49%; width: 1px; height: 150%; background: #fff; content: ""; top: 157%;}
.ys .con li .hov em span{ display: block; padding-bottom: 12px;}
.ys .con li .hov h3{ color: #fff; font-size: 36px; position: relative; }
.ys .con li .hov h3 img{ display: none;}
.ys .con li .hov h3 i {
    display: block;
    font-size: 15px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 537px;
    font-weight: normal;
    line-height: 150%;
    width: 100%;}
.ys .con li .hov h3 i span{ display: block;}
.ys .con li .hov h3 i b{ display: block;font-weight: normal;font-family: 'wrjz'; font-size: 90px; line-height: 100%; opacity: 0.5; padding-top:25px;}



.ys .con li.cur{width:75.3%;}
.ys .con li.cur:nth-of-type(3) .hov em{    background: #d72a1a;display: none;}
.ys .con li.cur:nth-of-type(2) .hov em{    background: #d72a1a;display: none;}
.ys .con li.cur:nth-of-type(1) .hov em{    background: #d72a1a;display: none;}
.ys .con li.cur .hov{width:87.26%;background: rgba(255,255,255,0.9);padding: 0; bottom: 45px; top: inherit; right: 6%;  height: inherit; height: 150px; overflow: hidden;}
.ys .con li.cur p{opacity: 1;width: auto;padding-right: 5%;}
.ys .con li.cur .hov h3{ float: left;text-align: center; background: #d72a1a; height: 131px; width: 158px; text-align: center; padding-top: 49px; line-height: 0; overflow: hidden; font-size: 0; text-align: center;}
.ys .con li.cur .hov h3 img{ display: block; margin: 0 auto;}
.ys .con li.cur .hov p{ float:left; width: 75%; color: #333333; font-size: 16px; line-height:26px; padding: 31px 0 0 35px;}
.ys .con li.cur .hov p i{ display: block; font-size: 28px; color: #333333; font-weight: bold; padding-bottom: 12px;}
.ys .con li.cur .hov p{ display: block; padding-right: 0; text-align: left;}
/**/
/**/ /**/
.news{ overflow: hidden; height:875px; padding-top:89px;background:url(../images/news.jpg) no-repeat center 0; box-sizing: border-box;}
.news h2 i{ font-size: 48px;}
.news h2 span{ display: block; font-size: 18px; padding: 13px 0 22px 0;}
.n_on1{ overflow: hidden; height: 40px;}
.n_on1 ul li{ float: left; margin-right: 38px;}
.n_on1 ul li a{ display: inline-block; padding-left: 45px; font-size: 22px; color: #333333;background:url(../images/n_ico1.png) no-repeat; height: 40px; line-height: 26px; letter-spacing: 1px;}
.n_on1 ul li:nth-of-type(2) a{background:url(../images/n_ico2.png) no-repeat;}
.n_on1 ul li.cur a{font-weight: bold;}
.n_on1 span{ display: inline-block; float: right;}
.n_on1 span a{ display: inline-block; padding-right: 27px; font-size: 16px; color: #1a1a1a;background:url(../images/n_ico3.png) no-repeat right 0; line-height: 19px;}

.n_on2 dl{ overflow: hidden; height: 339px; margin-bottom: 32px;}
.n_on2 dl dt{ font-size: 0; line-height: 0; overflow: hidden; float: left; width: 603px;}
.n_on2 dl dt img{ width: 603px;}
.n_on2 dl dd{ float: left; padding: 45px 0 0 55px; width: 435px;}
.n_on2 dl dd h3 a{font-weight: normal; font-size: 18px; color: #333333;}
.n_on2 dl dd h3 span{ display: block; font-weight: normal; font-size: 14px; color: #999999; padding: 18px 0 33px 0;}
.n_on2 dl dd p{ height: 106px; color: #808080; font-size: 14px; line-height: 23px;}
.n_on2 dl dd em a{ display: inline-block; text-align: left; padding-left: 45px; height: 40px; border-radius: 40px; font-size: 16px; letter-spacing: 2px;font-weight: normal; background: #d72a1a; line-height: 40px; padding-right: 35px; color: #fff; position: relative; transition: all 0.2s;}
.n_on2 dl dd em a:before{ content:""; position:absolute;border-left:0.35rem solid #fff;border-top:0.35rem solid transparent;border-bottom:0.35rem solid transparent;height: 0;width: 0; left:27px; top:39%; }
.n_on2 dl dd em a:hover{ padding-right: 45px;}

.n_on2 ul li{ height: 51px; line-height: 51px; border-bottom: 1px dashed #cecece; width: 565px; float: left; overflow: hidden;}.n_on2 ul li:nth-of-type(2n){ float: right;}
.n_on2 ul li span{ display: inline-block; float: right; font-size: 14px; color: #999999; font-family: Arial;}
.n_on2 ul li a{ display: inline-block; float: left; font-size: 16px; color: #333333;}
.n_on2 ul li a:hover{ color: #d72a1a;}
/**/

/**/
.about{ overflow: hidden; background: url(../images/a_img.jpg) no-repeat center 0; box-sizing: border-box; margin-bottom: 106px;}
.about h2{ padding-top: 112px; height: 805px;background: url(../images/a_bg.png) no-repeat center bottom; margin-bottom: -184px;}
.about h3{ float: left; width: 369px; color: #fff; padding-left:50px; height: 185px;}
.about h3 i{ display: block; line-height: 100%; font-weight: bold; color: #fff; font-size: 47px; padding-bottom: 18px;}
.about p{height: 185px; float: right; width: 715px; margin-right: 29px;}
.about p em{ display: block; height: 60px; font-size: 16px; color: #333333; line-height: 26px;}
.about p i{ display: block; text-align: right;}
.about p i a{ display: inline-block; height: 40px; line-height: 40px; color: #fff; text-align: center; background: #d72a1a; width: 129px; font-size: 16px; transition: all 0.2s;}
.about p i a:hover{ width: 139px; letter-spacing: 3px;}

.a_bom{ position: relative; padding-top: 12px;}
.a_uu{ position: absolute; left: -65px; cursor: pointer; top: 90px;transition: all 0.2s;}
.a_dd{ position: absolute; right: -65px; cursor: pointer; top: 90px;transition: all 0.2s;}


.a_bom ul li{ float: left; width: 350px; position: relative; font-size: 0; line-height: 0; margin-right: 14px; background:#fff; border:5px #CCC solid; height:210px}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/
@media all and (max-width:1680px){  

.a_bom ul li{ float: left; width: 320px; position: relative; font-size: 0; line-height: 0; margin-right: 14px; background:#fff; border:5px #CCC solid; height:210px}
}
@media all and (max-width:1400px){  

.a_bom ul li{ float: left; width: 290px; position: relative; font-size: 0; line-height: 0; margin-right: 14px; background:#fff; border:5px #CCC solid; height:210px}
}

.a_bom ul li img{ width: 290px;}
.a_bom ul li i{ display: block;transition: all 0.2s; width: 100%; position: absolute; left: 0; top: 0; text-align: left; font-size: 16px; height: 42px; line-height: 42px; font-size: 26px; color: #333; padding:4% 6%; width:88%}
.a_bom ul li i span{ font-size:14px; padding-bottom:20px; border-bottom:1px #CCC solid; width:100%; display:block; line-height:24px; height:50px }

.a_bom ul li i p{ width:120px; height:35px; line-height:35px; background:#1e4f9b; text-align:center;color:#fff; font-size:15px; margin-top:20px; border-radius: 25px;}
.a_bom ul li:hover{ border:5px #db2c1b solid; margin-top:3px; transition:all 0.4s }
.a_bom ul li:hover i{ color:#db2c1b}
.a_bom ul li:hover i span{ color:#333}
.a_bom ul li:hover i p{ color:#fff; background:#db2c1b}


.a_bom ul li:hover i{ height: 100%;background: url(../images/a_li.png) no-repeat;}
/**/
.pro_on ul li i:hover{ color: #e50014;}
.pro_on ul li strong,.p_ud span img,.p_ud span img,.case h4 a{transition: all 0.3s linear 0s;}
.pro_on ul li strong:hover{transform: translateX(5px);}
.p_ud span:hover img{transform: translateX(5px);}
.p_bom h3 span:hover{ background: #e50014;}
.case h4 a:hover{transform: translateX(5px);}
.news1 .bt a:hover{color: #e50014;}
.dail p i a:hover{ background: #e50014; color: #fff;}

.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,8px);-ms-transform: translate(0,8px);-o-transform: translate(0,8px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}


@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}





.sou p{width: 725px;}