@charset "utf-8";

/* CSS Document */

/**

Time : 2017-2

Author : jj

**/

.bn-box {

    width: 100%;

    overflow-x: hidden;

    position: relative;

    z-index: 0;

}

.banner {

    width: 1920px;

    height: 525px;

    position: relative;

    overflow: hidden;

    margin-left: 50%;

    left: -960px;

    top: 0;

}

.banner img{

    width: 100%;

}

/*数字按钮样式*/

.banner .num {

    overflow: hidden;

    height: 25px;

    position: absolute;

    bottom: 12px;

    zoom: 1;

    z-index: 3;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}

.banner .num li {

    width: 15px;

    height: 15px;

    line-height: 25px;

    text-align: center;

    font-weight: 400;

    font-family: "微软雅黑", Arial;

    color: #FFFFFF;

    background: #fff;

    margin-right: 10px;

    border-radius: 50%;

    cursor: pointer;

    float: left;

    font-size: 0;

}

.banner .num li.on {

    background: rgba(255,255,255,0.7);

} /*当前项*/

/*上一个  下一个*/

.banner .prev, .banner .next {

    display: none;

    width: 40px;

    height: 100px;

    background: url(../images/btn.png) no-repeat;

    position: absolute;

    top: 200px;

}

.banner .prev {

    left: 50%;

    margin-left: -635px;

}

.banner .next {

    right: 50%;

    margin-right: -635px;

    background-position: right

}

/*banner end*/

.search { margin-bottom:10px;

}

.search_left {

    line-height: 50px;

    float: left;

    color: #333; position:relative;

}



.search_left a {

    color: #666;

    margin: 0 6px;

}

.search_right {

    float: right;width:346px; height:38px;

    margin-top: 8px;

    position: relative;

}

.searchbar {

    width: 95%;

    line-height: 38px; background:#f3f3f3;

    outline: none;

    padding-left: 20px;

    float: left;

    border: 0;

}

.searchbtn {

    width: 32px;

    height: 38px;

    outline: none;

    cursor: pointer;

    border: 0;

    position: relative;

    background: url(../images/search.jpg) center no-repeat;

    top: -37px;

    right: 12px;

}

/*xiangmu*/

.xiangmu{ height:396px; background:url(../images/yewu_bg.jpg) center no-repeat;}

.xiangmu_tt {

    margin: 0 auto;

    text-align: center;

    padding-top: 79px;

    margin-left: 10px;

}

.xiangmu_tt a{ font-size:30px; font-weight:100;}

.xiangmu ul{ margin-top:58px; width:1400px;}

.xiangmu ul li{ float:left; margin-right:55px;}

.xiangmu ul li p{ text-align:center; font-size:18px; margin-top:40px; color:#333;}

.xm1{}

.xm2{ display:none;}

.xiangmu ul li.on .xm1{ display:none;}

.xiangmu ul li.on .xm2{ display:block;}



/*xiangmu end*/



/*fabu*/

.fabu{ height:93px; background:#141414; margin-top:10px;}

.fabu_tt{ background:url(../images/fabu_tt.jpg) bottom no-repeat; width:247px; height:105px; position:relative; top:-12px; float:left;}

.fabu_tt a {

    color: #fff;

    font-size: 22px;

    padding-top: 28px;

    display: inline-block;

    padding-left: 78px;

}

.fabu .bd{ width:900px; line-height:93px;}

.fabu .tempWrap{ width:900px !important;}

.fabu .bd ul li{ width:auto !important; overflow:hidden; display:inline-block; margin-right:70px; }

.fabu .bd ul li a{ font-size:15px; line-height:93px; color:#fff; }

/*fabu end*/



.tt{ text-align:center; margin:50px 0 40px; height:100px; background:url(../images/tt_bg.png) bottom center no-repeat;}

.tt a{ font-size:30px; color:#232323; text-align:center; line-height:50px;}

.tt span{ color:#c81209;}

.tt p{ font-size: 36px; font-family:fantasy; text-transform:uppercase; font-weight:100;

    color: #cbcbcb; margin-top: -3px;

}

.case {

    height: 815px;

    background: #f6f6f6;

    margin-top: -11px;

    padding-top: 1px;

}

.case .hd{ width:198px;}

.case_tt{ width:197px; height:112px; background:url(../images/case_tt.jpg) center no-repeat; padding-top:1px;}

.case_tt a{ color:#fff; font-size:20px; padding-left:30px; padding-top:56px; font-weight:600; display:block;}

.case .hd ul li{ height:57px; line-height:57px; margin-top:9px; background:#fff; border:1px solid #e7e7e7; padding:0 30px; position:relative; overflow:hidden;}

.case .hd ul li a{ display:block;}

.case .hd ul li a::after{ content:url(../images/list_bg.png); position:absolute; right:30px;}

.case .hd ul li.on{ background:#cb2121; border:1px solid #cb2121; }

.case .hd ul li.on a{color:#fff;}

.case .hd ul li.on a::after{ content:url(../images/list_bg2.png); position:absolute; right:30px;}

.case .bd{ width:954px; position:relative;}

.case .bd ul{ width:1000px;}

.case .bd ul li{ margin-right:10px; margin-bottom:10px;}

.case .bd ul li a{ display:block; position:relative; width:100%; height:100%;}

.case1{ width:407px; height:278px; overflow:hidden; float:left;}

.case4{ width:407px; height:278px; overflow:hidden; float:left; position:absolute; left:0; top:290px;}

.case2{ width:223px; height:206px; overflow:hidden; float:left;}

.case3{ width:307px; height:206px; overflow:hidden; float:left;}

.case5{ width:534px; height:350px; overflow:hidden;}

.case .bd ul li img{ display:block; width:100%; height:100%; transition:all ease 300ms; }

.case ul li h5 {

    background-color: rgba(0,0,0,.6);

    position: absolute;

    bottom: 0px;

    left: 0; font-size:14px; font-weight:100;

    width: 100%;height:35px;

    display:block; line-height:35px; color:#fff; padding-left:50px;}

.case ul li:hover>h5{bottom:0;}

.case img:hover{transform:scale(1.1,1.1);}









.temaiqu{}

.temaiqu ul{ width:1300px;}

.temaiqu ul li {

    width: 277px; height: 310px; overflow: hidden; margin-bottom: 30px; float:left; border:1px solid #ddd; margin-right:20px; transition:all ease 100ms;

}

.temaiqu ul li:hover{ box-shadow: 3px 3px 5px #ddd; transform:translateY(-3px);}

.temaiqu ul li img{ width:269px; height:194px; margin:4px;}

.temaiqu ul li h5{    height: 42px;

    overflow: hidden; font-size:14px; text-align:left; padding-left:10px; line-height:40px; font-weight:100; margin:0 15px; border-bottom:1px solid #ddd;}

.ckxq{ width:77px; height:25px; text-align:center; line-height:25px; border:1px solid #777; margin:0 auto; margin-top:15px;}

.ckxq:hover{ background:#555; color:#fff;}

.ckgd{ width:200px; height:40px; border-radius:20px; overflow:hidden; background:#cb2121; margin:0 auto;}

.ckgd a{ display:block; color:#fff; line-height:40px; text-align:center; font-size:17px;}

.ckgd:hover{ background:#555; color:#fff;}

/*banner1*/

.banner1 {

	width: 100%;

	height: 213px;

	background: url(../images/banner1.jpg) no-repeat 50%;

	margin: 0 auto; overflow:hidden; margin-top:40px;

}

.banner1 p {

    font-size: 20px;

    margin-top: 53px;

    margin-left: 657px;

    color: #fff;

}

.banner1 span{ font-size:36px; margin-left:15px; }

.banner1 a.btn1{ font-size:22px; width:220px; height:39px; line-height:39px; text-align:center; margin-top:10px; display:inline-block; color:#fff; border:1px solid #fff;  margin-left:660px;}

.banner1 a.btn1:hover{ background:#fff; color:#333;}

/*banner1 end*/

/*ys*/

.ys{ background:url(../images/ys_bg.jpg) top center no-repeat; height:1210px;}

.ys .m{ position:relative;}

.ys_tt{margin-left:760px; padding-top:290px;}

.ys_tt a{ font-size:28px; color:#333; font-weight:100; }

.ys_tt a span{ color:#fff; display:inline-block; padding-left:7px;}

.ys_tt2{ font-size:20px; text-align: right; margin-top:105px;}

.ys>.m>ul{ margin-left:763px; margin-top:170px;}

.ys>.m>ul li{ height:112px;}

.ys>.m>ul li h5{ font-size:16px; margin-bottom:10px;}

.red{ color:#d1141d;}

.ys>.m>ul li p{ font-size:14px; line-height:24px; color:#666;}

/*ys end*/

/*news*/

.news{ position:absolute; top:1006px; left:50px; width:340px;}

.news .hd{ margin-bottom:20px; height:30px;}

.news .hd ul li{ float:left; width:103px; height:30px; background:#282828; position:relative; margin-right:1px;}

.news .hd ul li a{ text-align:center; line-height:30px; display:block; color:#fff;}

.news .hd ul li.on{ background:#d1141d;}

.news .hd ul li.on::after{ content:url(../images/li_on.jpg); position:absolute; bottom:-9px; left:50px;}

.news .bd ul li{ height:35px; line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.news .bd ul li a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.news .bd ul li a:hover{ color:#d1141d; }

.news .bd ul li a::before{ content:url(../images/jt.jpg); margin-right:5px;}

/*news end*/



/*banner2*/

.banner2 {

	width: 100%;

	height: 213px;

	background: url(../images/banner2.jpg) no-repeat 50%;

	margin: 0 auto; overflow:hidden;

}

.banner2 p {

    font-size: 20px;

    margin-top: 43px;

    margin-left: 685px;

    color: #fff;

}

.banner2 span{ font-size:36px; margin-left:15px; }

.banner2 a.btn2{ font-size:22px; width:276px; height:39px; line-height:39px; text-align:center; margin-top:10px; display:inline-block; color:#fff; border:1px solid #fff;  margin-left:685px;}

.banner2 a.btn2:hover{ background:#fff; color:#333;}

/*banner2 end*/

.more_r{ height:19px; float:right;}

.more_r a{ color:#888; font-size:12px; line-height:19px; display:inline-block; text-align:center; font-weight:100;}





.tt2{ text-align:center; margin:50px 0 40px; background:url(../images/tt_bg.png) bottom center no-repeat;}

.tt2 a{ font-size:20px; color:#591518; text-align:center; font-weight:600;  line-height:50px;}

.tt2 p{

    font-size:24px;

    color: #989898; font-weight:100; margin-top:5px; text-transform:uppercase; font-family:"Times New Roman";

}



/*client*/

.client{ width:100%; background:#fbfbfb; height:650px; margin-bottom:20px;padding-top:10px;}

.client .m{ position:relative;}

.client ul{ width:1300px;}

.client ul li {

    width: 240px;

    float: left;

    margin: 0 18px;

    text-align: right;

    padding: 8px; margin:25px; margin-top:0;

}

.client ul li .more{ margin:0 auto; margin-top:20px;}

.client_img{ width:240px; height:240px; background:url(../images/client_bg.png) center no-repeat;}

.client_img:hover{background:url(../images/client_bg_h.png) center no-repeat;}

.client_img a {

    display: block;

    width: 218px;

    height: 218px;

    border-radius: 114px;

    overflow: hidden;

    position: relative;

    top: 11px;

    left: 11px;

}

.client_img img{ width:218px; height:218px; }

.client_text{ padding:0 5px;}

.client .tempWrap{ margin:0 auto;}

.client ul li h5 {   margin-top: 10px;

}

.client ul li h5 a{font-size: 18px; text-align:right;line-height: 44px;  font-weight:100; color:#333; }

.client ul li p{ font-size:13px; line-height:26px; height:52px; overflow:hidden; color:#666; text-align:right;}

.client ul li:hover{}

.ckxq2 a{ display:inline-block; width:80px; height:24px; background:#d51119; color:#fff; line-height:24px; text-align:center; margin-top:10px;}

.ckxq2 a:hover{ background:#333;}

.client .prev{ position:absolute; top:200px; left:0;}

.client .next{ position:absolute; top:200px; right:0;}

/*client end*/





/*about*/

.about{ margin-bottom:54px; height:480px;}

.about_img{ background:#e7e7e7;width:533px; height:341px;}

.about_img img{ width:546px; height:325px; margin-left:20px; margin-top:8px;}

.about_text{ width:574px; margin-left:30px;}

.about_text h5 a{ font-size:19px; text-align:left; margin-bottom:20px;}

.about_text p{ font-size:14px; line-height:25px; height:100px; overflow:hidden; color:#333; margin-bottom:30px;}

.about_more{ width:102px; height:36px; border-radius:5px; display:block; text-align:center; line-height:39px; color:#852222; border:1px solid #852222; font-size:16px;}

.about_r{ }

.about_r ul{}

.about_r ul li{  width:110px; float:left; margin-left:60px;}

.about_r ul li:hover{ }

.about_r ul li:hover a{color:#852222; }

.about_r ul li .img { width:110px; height:110px; overflow:hidden; display:block; position:relative;

}

.about_r ul li .img img{ position:absolute; top:0; transition:all ease 200ms;}

.about_r ul li:hover .img img{top:-112px;}

.about_r ul li p {

    text-align: center;

    margin-top: 11px;

    font-size: 14px;

    font-weight: 600;

}

/*about end*/



/*coop*/

.coop {

    background: #E3E3E3;

    height: 240px;

    padding-top: 30px;

    box-sizing: border-box;

}

.coop_tt {

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

    width: 280px;

    height: 157px;

    background-size: cover;

    margin-top: 8px;

}

.coop_tt a {

    font-size: 23px;

    display: block;

    padding-left: 52px;

    padding-top: 85px;

}

.coop_tt a span{ color:#fff; display:inline-block; margin-right:8px;}

.layb{ width:855px; overflow:hidden;}

.coop .tempWrap{width:855px !important;}

.coop ul{ display:inline-block; width:660px;}

.coop ul li{ float:left; width:150px; height:68px; margin:7px; border:1px solid #d5d5d5; box-sizing:border-box; padding:5px 8px; background:#fff; text-align:center;}

.coop ul li img{ width:100%; height:100%;}

/*coop end*/

/*links*/



.links {

   padding-bottom:40px; padding-top:10px;

}

.link_tt{ font-size:20px; color:#fff; line-height:50px;  height: 50px; font-weight:100;}

.link_tt span{ font-family:"Times New Roman"; margin-left:10px;}

.links a {

    display: inline-block;

    padding: 0px 17px;

    color: #dadada;

    line-height: 50px;

}

.links a:hover {

	color: #591518;

}

.link_box{ border-bottom:1px solid #6f6f6f; border-top:1px solid #6f6f6f;}

/*links end*/