@charset "utf-8";
/* CSS Document */
/*banner*/
#banner{overflow: hidden; zoom: 1; position: relative; height:500px; width:100%;}
#index_b_hero{height:500px; position:relative; }
#index_b_hero img{width:1920px; height:500px; }
#index_b_hero li{width:1920px; height:500px; z-index:1; position:absolute; top:0; left:0; overflow: hidden; text-align:center;}
#index_b_hero .hero-wrap{overflow: visible; position:relative; margin-left:-960px; left:50%;}
#index_b_hero .next, #index_b_hero .prev{height:72px; width:72px; position:absolute; top:50%; margin-top:-25px; z-index:3; background:url(/templets/xinrui201603/images/ico_sliding.png) no-repeat; }
#index_b_hero .next {background-position:0 -72px; margin:-25px 0 0 0; right: 0; }
#index_b_hero .prev{ background-position:0 0; margin:-25px 0 0 0; left: 0;}
#index_b_hero .next:hover, #index_b_hero .prev:hover{background:url(/templets/xinrui201603/images/ico_sliding.png) no-repeat;}
#index_b_hero .next:hover{background-position:0 -216px;}
#index_b_hero .prev:hover{background-position:0 -144px;}
#index_b_hero .disabled{ background-color:#eee;}
#index_b_hero .active{z-index:2; left:0;}
.helper{width:1170px; margin:0 auto; position:relative; top:0; height:500px;}

.index_aboutus, .tec_c{height:338px; overflow:hidden;}
.title{height:35px; line-height:34px; border-bottom:1px solid #dfe0e1;}
h3{border-bottom:2px solid #006eda; float:left; font-size:24px; font-weight:400;}
.title span{float:right; width:67px; height:22px; overflow:hidden;}
.title span a{display:block; text-indent:200px; background:url(/templets/xinrui201603/images/more.jpg) no-repeat 0 0;}

.aboutus_con, .tec{height:270px; overflow:hidden; padding:30px 0 0;}
@media all and (min-width:800px){
.aboutus_con_img{float:left; width:300px; height:209px; overflow:hidden;}
.aboutus_con_img img{width:300px; height:209px;}
.aboutus_con_c{float:left; width:310px; height:209px; background:#f8f8f8; overflow:hidden;}
.aboutus_con_c h1{text-align:center; font-size:18px; font-weight:600; line-height:42px;}
.aboutus_con_c h1 a{color:#ac0700;}
.aboutus_con_c p{font-size:14px; line-height:24px; height:216px; overflow:hidden; color:#686868; text-indent:2em; padding:0 25px 5px 35px;}
.tec span{display:block; width:319px; height:144px; overflow:hidden;}
.tec span img{width:319px; height:134px;}
.tec p{height:32px; line-height:32px; overflow:hidden; text-indent:2em; font-size:14px; color:#474747;}
.banner_c{width:100%; margin:0 auto; overflow:hidden; padding:50px 0 20px;}
.banner_c img{width:100%;}
}
@media all and (min-width:1024px){
.aboutus_con_img{float:left; width:388px; height:270px; overflow:hidden;}
.aboutus_con_img img{width:388px; height:270px;}
.aboutus_con_c{float:left; width:422px; height:270px; background:#f8f8f8; overflow:hidden;}
.aboutus_con_c h1{text-align:center; font-size:18px; font-weight:600; line-height:42px;}
.aboutus_con_c h1 a{color:#ac0700;}
.aboutus_con_c p{font-size:14px; line-height:24px; height:216px; overflow:hidden; color:#686868; text-indent:2em; padding:0 25px 5px 35px;}
.tec span{display:block; width:319px; height:144px; overflow:hidden;}
.tec span img{width:319px; height:134px;}
.tec p{height:32px; line-height:32px; overflow:hidden; text-indent:2em; font-size:14px; color:#474747;}
.banner_c{width:1170px; height:107px; margin:0 auto; overflow:hidden; padding:50px 0 20px;}
.banner_c img{width:1170px; height:107px;}
}
@media all and (min-width:1920px){
.aboutus_con_img{float:left; width:388px; height:270px; overflow:hidden;}
.aboutus_con_img img{width:388px; height:270px;}
.aboutus_con_c{float:left; width:422px; height:270px; background:#f8f8f8; overflow:hidden;}
.aboutus_con_c h1{text-align:center; font-size:18px; font-weight:600; line-height:42px;}
.aboutus_con_c h1 a{color:#ac0700;}
.aboutus_con_c p{font-size:14px; line-height:24px; height:216px; overflow:hidden; color:#686868; text-indent:2em; padding:0 25px 5px 35px;}
.tec span{display:block; width:319px; height:144px; overflow:hidden;}
.tec span img{width:319px; height:134px;}
.tec p{height:32px; line-height:32px; overflow:hidden; text-indent:2em; font-size:14px; color:#474747;}
.banner_c{width:1170px; height:107px; margin:0 auto; overflow:hidden; padding:50px 0 20px;}
.banner_c img{width:1170px; height:107px;}
}

.tec p.bg{background:#f1f1f1;}

.work_case{height:px; overflow:hidden;}

.picScroll-left{height:200px; overflow:hidden; padding:40px 0;}
.picScroll-left .hd{overflow:hidden; height:180px; position:relative; top:-190px; width:810px; margin:0 auto;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{display:block; width:33px; height:38px; float:right; overflow:hidden; cursor:pointer; background:url(/templets/xinrui201603/images/arrow.png) no-repeat; position:absolute; top:50%; margin-top:-19px; z-index: 3;}
.picScroll-left .hd .prev{background-position:0 -51px; left:0;}
.picScroll-left .hd .next{background-position:-145px -51px; right:0;}
.picScroll-left .bd{padding:10px 0 0 0; width:722px; height:180px; margin:0 auto; position:relative; top:0; z-index:1;}
.picScroll-left .bd ul{overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{padding:0 16px 0 0; height:180px; float:left; display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li .pic{text-align:center;}
.picScroll-left .bd ul li .pic img{width:230px; height:180px;}
.picScroll-left .bd ul li .black{position:relative; width:230px; height:30px; background:rgba(0,0,0,0.75); background:#000 75; _background:url(/templets/xinrui201603/images/pic_t_bg.png) repeat-x 0 0; filter:Alpha(opacity=75); opacity:0.75; left:0; top:-30px;}
.picScroll-left .bd ul li .name{line-height:30px; position:relative; top:-60px;}
.picScroll-left .bd ul li .name a{color:#fff; font-size:14px;}

.sale_net_c{height:280px; overflow:hidden;}

.banner{height:220px; overflow:hidden; background:url(/templets/xinrui201603/images/main_banner.jpg) no-repeat center center;}
.info{height:56px; line-height:56px; overflow:hidden; border-bottom:1px solid #d1dbe7;}
.info span{float:right; color:#686868;}
.info h3{font-size:18px; color:#052844; font-weight:400;}
.p30{padding:30px 0 0;}

.m_left{float:left; width:220px; margin:0 40px 0 0;}
.m_right{float:left; width:910px; min-height:500px;}

.menu h1{background:url(/templets/xinrui201603/images/nrtit-bj.jpg) no-repeat 0 0; height:100px; line-height:100px; text-align:center; font-weight:400; color:#fff;}
.menu ul{background:#fff; padding:25px 20px 40px;}
.menu ul li{height:43px; line-height:43px; overflow:hidden; padding:0 0 0 25px; font-size:14px; border-bottom:1px dotted #ccc; background:url(/templets/xinrui201603/images/nrnav-list.png) no-repeat left center;}
.menu p{padding:30px 0 0;}

.news_details_title{text-align:center; font-size:24px; font-family:"Microsoft YaHei"; color:#535353; border-bottom:1px solid #d3d3d3; padding:15px 0 20px;}
.news_details_content{font-size:14px; line-height:24px; font-family:"Microsoft YaHei"; color:#666; padding:30px 0 60px;}
.news_details_file{padding:20px 0 0;}
.news_details_file a{font-size:14px; color:#f60; font-weight:700;}

.list_image{}
.list_image ul{width:940px; overflow:hidden;}
.list_image ul li{width:440px; height:300px; float:left; display:inline; overflow:hidden; text-align:center; position:relative; margin:0 30px 30px 0;}
.list_image ul li .pic{text-align:center;}
.list_image ul li .pic img{width:440px; height:300px; transition:all 0.3s ease 0s;}
.list_image ul li .pic img:hover{transform:scale(1.05);}
.list_image ul li .black{position:absolute; width:440px; height:40px; background:rgba(0,0,0,0.75); background:#000 75; _background:url(/templets/xinrui201603/images/pic_t_bg.png) repeat-x 0 0; filter:Alpha(opacity=75); opacity:0.75; left:0; bottom:0;}
.list_image ul li .name{line-height:40px; position:relative; top:-40px;}
.list_image ul li .name a{color:#fff; font-size:18px;}

.picbox{text-align:center;}

.list_article li{height:32px; line-height:32px; font-size:16px;}
.list_article li a{color:#666;}
.list_article li span{float:right; color:#999;}

.c_main_banner{height:370px; overflow:hidden; background:url(/templets/xinrui201603/images/c_banner.jpg) no-repeat center center;}
.c_main_01{height:269px; overflow:hidden; background:url(/templets/xinrui201603/images/c_01.jpg) no-repeat center center;}
.c_main_02{height:281px; overflow:hidden; background:url(/templets/xinrui201603/images/c_02.jpg) no-repeat center center;}
.c_main_03{height:381px; overflow:hidden; background:url(/templets/xinrui201603/images/c_03.jpg) no-repeat center center;}
.c_main_04{height:315px; overflow:hidden; background:url(/templets/xinrui201603/images/c_04.jpg) no-repeat center center;}
