@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body{font-family:"微软雅黑", Arial, Tahoma, Verdana, sans-serif;font-size:12px;background:#fff;}
ol,ul,li{list-style-type:none;}
a{text-decoration:none;}
img{border:0;}
body{background:#fff;}
picture{display:block;}
a:hover{text-decoration:none;}
a{color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.fl{float:left;}
.fr{float:right;}
.wrap { margin:0px auto; width:1200px;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear; transition: all 0.5s linear;}

@font-face
    {
        font-family:"HeroicCondensed-Regular.ttf";
        src: url("../font/HeroicCondensed-Regular.ttf");
    }

@font-face {font-family: "../font/iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"../font/iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}



/*-------------header-----------------*/
#header{position:fixed; z-index:9999; left:0; top:0; width:100%; min-width:1200px; margin:auto; background:#fff; }
#top_info{width:100%; height:34px; overflow:hidden; background:#d20313; color:#fff;}
.top_info{width:1200px; margin:auto; height:34px; line-height:34px; font-size:13px;}
.top_info .fr dt,.top_info .fr dl,.top_info .fr img{ float:left;}
.top_info .fr img{ padding:7px 12px}
.top_info .fr dl{ color:#fff600; font-weight:bold;}
.top_info .fr a{ color:#fff; font-size:14px; font-weight:bold; background:url(../images/sx.png) no-repeat left;padding:0 10px;}
.top_info .fr a:hover{ color:#ff0;}
.top_info .fr a img{ padding:2px 10px;}


#header .header_con{width:1200px; margin:auto;}
#header .header_con .fr{ float:right;width:650px;}
#logo{float:left; width:357px; height:90px; display:block;}
#logo img{width:100%;}
#header.min #top_info{ overflow:hidden;}

/*主导航菜单*/
.ys_menu{width:724px; float:right; z-index:9999; height:90px;}
#nav-menu{height:90px; margin-left:20px;}
#nav-menu .container{position:relative;z-index:99;}
#nav-menu .menu li{position:relative;float:left;display:inline;font-size:14px; line-height:90px;}
.menu_line{width:2px; background:url(../images/menu_line.jpg) no-repeat; height:39px;}
#nav-menu .menu li a.xialaguang{display:inline-block;color:#2e2e2e;font-family:"微软雅黑";font-size:16px; line-height:90px; width:80px; margin-left:8px;text-align:center;}
#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{color:#c5302a; border-bottom:3px solid #c5302a;display:block;line-height:90px; height:87px;}
#nav-menu .menu ul.children{display:none;position:absolute;width:360px; height:170px;top:90px;background:url(../images/tm.png); color:#000;border-top:0;line-height:normal; z-index:9999;}
#nav-menu .menu ul.children li{padding:0px;width:160px;font-size:14px;border-bottom:1px solid #666; margin:0 10px;}
#nav-menu .menu ul.children li h3{display:block; width:100%;}
#nav-menu .menu ul.children li a{width:100%;line-height:38px;overflow:hidden;display:block;color:#fff; font-family:"微软雅黑";text-align:center;text-decoration:none; font-size:12px;}
#nav-menu .menu ul.children li a:hover{text-decoration:none; color:#f00;}


/* bannercss */
.slideBox{ width:100%; height:730px;overflow:hidden; position:relative; margin-top:122px;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:50%;margin-left: -90px;  bottom:30px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul span li{ width:11px;}
.slideBox .hd ul li{ float:left; margin:0 10px; width:60px; height:5px;filter: Alpha(Opacity=70);opacity: 0.7; background:#fff;  font-size:0; cursor:pointer;}
.slideBox .hd ul li.on{background:#c90000; filter: Alpha(Opacity=100);opacity: 1;}
.slideBox .banner{ position:relative; height:100%; z-index:0;}
.slideBox .banner li{ zoom:1; vertical-align:middle; height:730px;}
.slideBox .banner li a{ display:block; width:100%; height:730px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.absolute{ position:absolute;}
.web_widht{ width:1200px; margin:0 auto; position:absolute; padding-top:20px; text-align:center; left:0; right:0;}
.slideBox .prev, .slideBox .next {
    position: absolute;
    left: 1%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: transparent url("../images/slider-arrow.png") no-repeat scroll -98px 5px;
    opacity: 0.5;
}
.slideBox .next{ left:auto; right:1%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}
.fast_nav{ height:85px; position:relative; margin-top:-85px; z-index:9;}
.fast_nav .back_hei{ width:100%; height:100%; left:0; top:0; background:#000;}
.fast_nav .web_widht{ z-index:10;}



/*产品*/
.cpzs{ overflow:hidden; margin-top:30px;}
.cpzs_t{ text-align:center;}
.cpzs_t span{ color:#d20000; font-size:28px; font-weight:bold; background:url(../images/pro.png) no-repeat center; padding-top:28px; display:block;}
.cpzs_t p{ font-size:14px; color:#828282;}
.cpzs_nr{overflow:hidden;}
.slideTxtBox{ padding-top:30px;}
.slideTxtBox .hd{ height:90px;  position:relative; padding-bottom:30px; overflow:hidden;}
.slideTxtBox .hd dl{ float:left; color:#6e6e6e; line-height:28px; font-size:13px;}
.slideTxtBox .hd dl dt{ font-size:30px; color:#d20313; font-weight:bold; line-height:40px;}
.slideTxtBox .hd dl dd{ font-size:26px; color:#282828;}
.slideTxtBox .hd div{ height:90px; text-align:center;width:812px; float:right;overflow:hidden;}
.slideTxtBox .hd div p a{width:38px; font-size:20px; line-height:38px; margin-top:10px; height:38px; color:#fff; background:#d20313; display:block; float:right;}
.slideTxtBox .hd div p a:hover{ background:#000;}
.slideTxtBox .hd div ul{ height:38px;}
.slideTxtBox .hd div ul li{ float:left; width:auto; padding:0px 5px; height:36px; margin-left:10px; line-height:36px;  cursor:pointer; font-size:12px; color:#1d1d1d; background:#e5e5e5;  }
.slideTxtBox .hd div ul li.on{ height:34px; background:#d70c19; color:#fff;}
.slideTxtBox .bd li{width:285px; height:210px; float:left; margin:8px 7px; color:#fff; text-align:center; line-height:36px; font-size:14px;}
.slideTxtBox .bd li a{overflow:hidden; display:block;}
.slideTxtBox .bd li img {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;}
.slideTxtBox .bd li img:hover {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
.slideTxtBox .bd ul li{text-align:center; float:left; overflow:hidden; position:relative;}
.slideTxtBox .bd ul li b{display:block; width:285px; overflow:hidden;  background:#000;}
.slideTxtBox .bd ul li b img{width:285px; height:210px; cursor:pointer;  transition:all .4s;  -o-transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s;}
.slideTxtBox .bd ul li p{ height:34px; position:absolute;bottom:0; text-align:center; line-height:34px;background:rgba(0,0,0,0.6);width:100%; color:#fff;}
.slideTxtBox .bd ul li:hover b img{transform:scale(1.2,1.2); filter:alpha(opacity=30); opacity:0.3}

.gsjj{ height:800px; background:url(../images/jj_bj.jpg) no-repeat center; margin-top:50px;}
.gsjj_t{ text-align:center; color:#666666; font-size:14px; padding:66px 0 30px 0; line-height:40px;}
.gsjj_t p{ font-size:34px; color:#d20313; font-weight:bold;}
.gsjj_t p strong{ color:#272f3a;}
.gsjj_tu{ height:460px; position:relative;}
.wrapper{ height:120px; background:rgba(0,0,0,0.4);width:1200px; position:absolute; bottom:0;}
.wrapper li{ float:left; padding:36px 61px 20px 61px; text-align:center; background:url(../images/xi.png) no-repeat right;}
.wrapper li:last-child{background:none;}
.wrapper li h2{ font-size:50px;color:#fff;font-family:"HeroicCondensed-Regular.ttf"; font-weight:300; line-height:30px; }
.wrapper li h2 b{ font-size:14px; font-weight:300;}
.wrapper .count-text{ font-size:15px; line-height:24px; color:#fff;}

.gsjj_wz{ padding:30px 60px; font-size:14px; color:#272f3a; line-height:24px; text-align:center;}

.sdys{ margin-top:60px;}
.sdys_t{ text-align:center;}
.sdys_nr{ background:url(../images/ys_bj.png) no-repeat center; height:940px; margin-top:50px;}
.sdys1{width:545px; margin-left:550px; float:left; margin-top:50px;}
.sdys1 ul,.sdys2 ul,.sdys3 ul,.sdys4 ul{ height:150px; float:left;}
.sdys1 img,.sdys2 img,.sdys3 img,.sdys4 img{ float:left;}
.sdys1 p,.sdys2 p,.sdys3 p,.sdys4 p{ color:#d20313; font-size:18px; font-weight:bold; line-height:40px; padding-top:10px;}
.sdys1 span,.sdys2 span,.sdys3 span,.sdys4 span{ color:#636363; font-size:14px; line-height:28px; display:block;}
.sdys1 span b,.sdys2 span b,.sdys3 span b,.sdys4 span b{ color:#f77a00;}
.sdys2{width:545px; margin-left:650px; float:right; margin-top:80px;}
.sdys3{width:545px; margin-left:110px; float:left; margin-top:100px; padding-right:200px;}
.sdys4{width:545px; margin-left:0px; float:left; margin-top:60px;}


/*公司实力*/
#slider{height:auto; clear:both; width:100%; margin-bottom:50px;}
/*广告图开始*/
#head-carousel .is-carousel{ clear:both;}
#head-carousel .video-item{width:25%;}
#head-carousel #metro-carousel .video-item .item-thumbnail img{width:100%;}
#head-carousel #metro-carousel .video-item > .video-item{width:100%;}
#head-carousel #metro-carousel.is-carousel .carousel-button a, #head-carousel #big-carousel.is-carousel .carousel-button a{line-height: 400px;}

.video-item{margin-bottom:10px;}
.video-item h2, .video-item h2 a{font-size:15px;line-height:1.4;color:#5f5f5f;margin:0 0 10px 0;}
.video-item h2 a:hover{}
.video-item h2 a:hover, .video-item h3 a:hover{text-decoration:none;color:#4141a0;}
.video-item .item-thumbnail{position:relative;overflow:hidden;}
.video-item .item-thumbnail a{ overflow:hidden;}
.video-item .item-thumbnail > a{display:block; overflow:hidden;}
/*video thumb sizing*/
.video-item .item-thumbnail img{max-width:100%;width:100%;}
.video-item .item-thumbnail .rating-bar{position:absolute;top:0;left:0;font-size:15px;line-height:30px;padding:0 8px;}
.video-item .item-thumbnail .link-overlay{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0);-webkit-transition: background-color 0.2s ease;transition: background-color 0.2s ease;}
.video-item .item-thumbnail .link-overlay:before{display: block;width: 40px;height: 40px;position: absolute;top: 50%;left: 50%;margin: -20px 0 0 -18px;border-radius: 50%;background: transparent;text-align: center;font: 14px/40px 'FontAwesome';transform: scale(0.8);opacity: 0;-webkit-transition: opacity 0.2s ease;transition: opacity 0.2s ease;text-decoration:none;box-shadow: 0px 0px 0px 2px rgba(255,255,255,.75);color:#fff;}
@media(min-width:768px){.video-item .item-thumbnail:hover .link-overlay{background: rgba(20,22,23,0.75);text-decoration:none;}
.video-item .item-thumbnail:hover .link-overlay:before{-webkit-transform: scale(1);transform: scale(1);opacity: 1;text-decoration:none;}}
.video-item .item-meta{color:#c6c6c6;}
.video-item .item-meta [class^="fa-"],.video-item .item-meta [class*=" fa-"]{font-size:14px;}
.video-item .item-meta span{line-height:21px;margin-right:20px;}
.video-item .item-meta span > i{margin-right:2px;}

/*big carousel*/
#head-carousel{background:#000;color:#fff;}
#head-carousel .container{padding-top:0; overflow:hidden;}
#head-carousel .video-item{float:left;margin:0 1px 0 0;width:25%;opacity:.5;transition: all .3s ease-in .1s; overflow:hidden;}
#head-carousel .video-item .item-head a{color:#fff;}
#head-carousel .video-item .item-head span a{text-transform:uppercase;}
#head-carousel .current-carousel-item2{opacity:1;}
#head-carousel .video-item .item-head{text-align:center;padding-bottom:20px;background:none;}
#head-carousel #big-carousel .video-item .item-thumbnail img{opacity:.85;}
#head-carousel .video-item .item-head h3 a{font-size:52px;line-height:1.4em;text-transform:uppercase;font-family:'Oswald';font-weight:300;text-shadow: 1px 2px 2px rgba(0,0,0,.2);}
#head-carousel .is-carousel{position:relative;margin: 0px;}
#head-carousel .is-carousel .carousel-button{position:absolute;opacity:0;transition:all .2s ease;left:40px;right:40px;top:50%;margin-top:-20px;z-index:3;height:0;}
#head-carousel .is-carousel .carousel-content{position:absolute;z-index:0;overflow:hidden;}
#head-carousel .is-carousel .carousel-button a{width:56px;height:56px; overflow:hidden;line-height:40px;text-align:center;border-style:solid;border-width:1px;border-radius:3px;font-size:18px;}
#head-carousel .is-carousel .carousel-button a:hover{text-decoration:none;}
#head-carousel .is-carousel .carousel-button .prev{float:left;}
#head-carousel .is-carousel .carousel-button .next{float:right;}
#head-carousel:hover #big-carousel .carousel-button, #head-carousel #big-carousel:hover .shadow-right, #head-carousel:hover #big-carousel .shadow-left{opacity:1;}
@media (max-width: 767px){#head-carousel .shadow-left, #head-carousel .shadow-right{width:60px;}
#head-carousel .container{padding:0;}}
@media (max-width: 660px){#head-carousel .shadow-left, #head-carousel .shadow-right{width:30px;}}
@media (max-width: 520px){#head-carousel .shadow-left, #head-carousel .shadow-right{width:0px;}
.comment-content{float:left;position:relative;margin-left:0;margin-top:0;}
.author-current{display:none;}
.comment-respond .comment-form{margin-left:0;position:relative}
/*.comment-respond .comment-form .comment-form-comment{margin-top:150px}*//* <== why we need this?*/
.comment-respond .comment-form .row{/*position:absolute;top:0;*/margin: 0 0 0 0;width:100%}
.comment-respond .comment-form .col-md-4{padding: 0 0 0 0}
.comment-respond .comment-form .col-md-4 p input{width:100%;}}
#head-carousel #metro-carousel .video-item{opacity:1;width:auto;}
#head-carousel #metro-carousel .video-item > .video-item{width: 260px;margin:0;clear:both;}
#head-carousel #metro-carousel .video-item > .video-item:first-child{margin-bottom:1px;}
#head-carousel #metro-carousel .video-item > .video-item .item-head{text-align: inherit;padding-bottom: 5px;}
#head-carousel #metro-carousel .video-item > .video-item .item-head h3 a{font-size: 17.5px;}
#head-carousel #metro-carousel.is-carousel .carousel-button, #head-carousel #big-carousel.is-carousel .carousel-button{position: absolute;top:200px;margin-top: 0;z-index: 2;height: 0;opacity: 0;transition:all .2s ease;}
#head-carousel #metro-carousel.is-carousel:hover .carousel-button, #head-carousel #big-carousel.is-carousel:hover .carousel-button{opacity:1;}
#head-carousel #metro-carousel.is-carousel .carousel-button a, #head-carousel #big-carousel.is-carousel .carousel-button a{border:none;border-radius:0;height:auto;color:inherit;}
#head-carousel #metro-carousel.is-carousel .carousel-button a:hover, #head-carousel #big-carousel.is-carousel .carousel-button a:hover{color:#f9c73d;}

.video-item .item-thumbnail p{display:block;  overflow:hidden; background:#000;}
.video-item .item-thumbnail p img{width:100%;transform:translate(0px,0); -moz-transform:translate(0px,0); -ms-transform:translate(0px,0); -o-transform:translate(0px,0); -webkit-transform:translate(0px,0); transition:all .4s;  -o-transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s;}
.video-item .item-thumbnail span{display:block; height:280px; width:120px; margin:0 auto; overflow:hidden; text-align:left; line-height:40px; color:#fff; font-size:20px;transform:translate(0px,-140%); -moz-transform:translate(0px,-140%); -ms-transform:translate(0px,-140%); -o-transform:translate(0px,-140%); -webkit-transform:translate(0px,-140%); filter:alpha(opacity=0); opacity:0;transition:all .4s;  -o-transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s;writing-mode: vertical-lr;writing-mode: tb-lr;}
.video-item .item-thumbnail span h1{ font-size:16px; color:#fff; font-weight:300; line-height:120px; padding-top:200px;}
.video-item .item-thumbnail a:hover img{filter:alpha(opacity=40);opacity:0.4;transform:scale(1.2,1.2);}
.video-item .item-thumbnail a:hover span{filter:alpha(opacity=100); opacity:1;}
.gssl_a a{width:200px; height:44px; border:1px solid #d1d1d1; text-align:center; line-height:44px; font-size:16px; display:block; margin:0 auto;}
.gssl_a a:hover{ background:#d20313; color:#fff; border:1px solid #d20313}


.xwdt{  margin-bottom:50px; overflow:hidden;}
.xwdt_nr{ padding-top:10px;}
.xwdt_nrt{ height:250px;}
.xwdt_nrt_lt{ float:left;width:380px; height:390px; background:#eee;}
.xwdt_nrt_lt dl{ padding:10px;}
.xwdt_nrt_lt dl dt{ color:#292929; font-size:16px; line-height:42px;}
.xwdt_nrt_lt dl dd{ font-size:13px; color:#8b8b8b; line-height:22px;}
.xwdt_nrt_lt dl b{ font-weight:300; color:#8b8b8b; font-size:13px; line-height:40px;}
.xwdt_nrt_rt{ float:right;width:780px;}
.xwdt_nrt_rt .xwdt_nrt ul li{ border-bottom:1px solid #d8d8d8; height:110px; padding-bottom:8px; margin-bottom:5px;}
.xwdt_nrt_rt .xwdt_nrt ul li a p{ font-size:16px; color:#141414; line-height:50px;}
.xwdt_nrt_rt .xwdt_nrt ul li a p b{ float:right; font-size:14px; font-weight:300; color:#666;}
.xwdt_nrt_rt .xwdt_nrt ul li a dl{ font-size:14px; color:#999999; line-height:24px;}
.xwdt_nrt_rt .xwdt_nrt ul li a:hover p,.xwdt_nrt_rt ul li a:hover p b{ color:#f00;}
.xwdt_nre{ padding-top:14px;}
.xwdt_nre ul li{ border-bottom:1px solid #d8d8d8;width:375px; float:left; margin-right:28px;}
.xwdt_nre ul li:nth-child(2n){ margin-right:0;}
.xwdt_nre ul li span{ float:right; line-height:60px; color:#909090;}
.xwdt_nre ul li a{ color:#636363; line-height:60px; font-size:14px; background:url(../images/xi3.jpg) no-repeat 5px; padding-left:24px;}
.xwdt_nre ul li a:hover{ color:#f00;}


.end{ height:374px; background:url(../images/end_bj.jpg) no-repeat center;}
.end_lt{width:225px; background:#d20313; color:#fff; height:350px; float:left; text-align:center; padding-top:24px;}
.end_lt img{ padding:18px 0;}
.end_rt{width:975px; float:right; padding-top:15px;}
.end_rtt{ background:url(../images/peng.png) no-repeat right; height:300px; padding-left:30px;}
.end_rtt ul{ float:left; margin-right:90px; color:#a7a7a7; line-height:30px;}
.end_rtt ul li a{ line-height:30px; color:#a7a7a7;}
.end_rtt ul li a:hover{ color:#ff0;}
.end_rtt ul p{ font-size:15px; font-weight:bold; background:url(../images/xi1.png) no-repeat left bottom; color:#fff; line-height:50px; margin-bottom:10px;}
.end_rte{ line-height:60px; color:#fff; background:url(../images/xi2.png) repeat-x top; text-indent:20px;}
.end_rte a{ color:#fff;}

.nyban1{ height:400px; background:url(../images/nyban.jpg) no-repeat center;}
.ny_nav{ height:60px; margin-top:-35px; line-height:60px;text-align:center;}
.ny_nav li{ display:inline-block;width:160px; height:60px; line-height:60px; text-align:center; font-size:13px; box-shadow:0px 2px 3px #e5e1e1;}
.ny_nav a{ color:#333; line-height:60px; text-align:center; background:#fff; display:block;width:100%; height:100%;}
.ny_nav ul .column_active{ background:#db241e; color:#fff;}
.ny_nav ul li a:hover{ background:#db241e; color:#fff;}
.ny_ll{ height:60px; border-bottom:1px solid #d8d8d8; color:#666;}
.ny_ll ul p{ border-bottom:2px solid #ff7609; line-height:58px; font-size:14px; display:inline-block;}
.ny_ll ul p i{ font-size:12px;}
.nynr{ line-height:34px; color:#333; font-size:14px; padding:30px;}

/**内容区切入**/
.nynrq{
animation:nynrq 1.0s linear both;
-webkit-animation:nynrq 1.0s linear both; 
-moz-animation:nynrq 1.0s linear both; 
-o-animation:nynrq 1.0s linear both;
}
@keyframes nynrq 
{0% { margin-top:240px;} 100%{  margin-top:0px;}}
@-webkit-keyframes nynrq 
{0% { margin-top:240px;} 100%{  margin-top:0px;}}
@-moz-keyframes nynrq
{0% { margin-top:240px;} 100%{  margin-top:0px;}}
@-o-keyframes nynrq
{0% { margin-top:240px;} 100%{  margin-top:0px;}}
/**内容区切入 end**/