@charset "utf-8";
/* CSS Document */
.banner{ width:100%; height:705px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:705px; float:left;}
.b-list{ height:50px; padding-top:650px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
       
/*nav*/
.gradient-primary {
    background-color: #ff6d01;
    background-image: -moz-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: -webkit-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: -ms-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
}

.ui-btn {
    display: inline-block;
    padding: 6px 12px;
    line-height: 18px;
    border: 1px solid #ff6d01;
    border-radius: 3px;
    color: #ff6d01;
    background-color: #fff;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.layout-wrap {
    width: 1200px;
    position: relative;
    margin: 0 auto;
	background: #FFF;
	height:80px;
}

.browser-tip p {
    text-align: center;
    color: #fff;
}



.mod-header, .mod-header .logo a, .mod-header .logo .logo-img, .mod-header .nav, .mod-header .nav-start-btn {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.mod-header {
    height: 80px;
    z-index: 1000;
    position: fixed; width:100%;
	top:18px;
}

.mod-header .logo {
    padding: 10px 0;
    width: 360px;
    overflow: hidden;
}

.mod-header .logo a {
    display: block;
    
    text-decoration: none;
    line-height: 56px;
}

.mod-header .logo .logo-img {
   
    vertical-align: middle;
}

.mod-header .nav {
    position: absolute;
    right: 0px;
    top: 0;
    
  
}

.mod-header .nav > li {
    float: left;
    position: relative;
	height:100%;
    margin: 0 5px;
    z-index: 1100;
}

.mod-header .nav > li > a {
    display: block;
   
    padding: 6px 20px;
    font-size: 15px;
    line-height: 68px;
    color: #333;
    text-decoration: none;
    
}

.mod-header .nav > li.active > a, .mod-header .nav > li.active > a:hover {
	background:#dd0000;
    color: #fff;
	height:100%;
}

.mod-header .nav > li > a:hover {
    color: #545454;
	background:#eeeeee;
}

.mod-header .nav .sub-nav {
    opacity: 0;
    display: none;
    filter: alpha(opacity=0);
    position: absolute;
    top: 104px;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    border-top: 2px solid #ff6d01;
    background: #f9f9f9;
    z-index: 1000;
}

.mod-header .nav .sub-nav:after {
    content: "";
    color: #ff0000;
    position: absolute;
    top: -14px;
    left: 50%;
    height: 6px;
    width: 6px;
    margin-left: -6px;
    z-index: 1100;
    overflow: hidden ;
    border-width: 6px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #ff6d01;
}

.mod-header .nav .sub-nav > li > a {
    display: block;
    padding: 10px 24px;
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #f1f1f1;
    color: #333;
    text-decoration: none;
}

.mod-header .nav .sub-nav > li > a:hover {
    color: #fff;
    background: #ff6d01;
    border-top-color: #ff6d01;
}

.mod-header .nav > .new:after {
    content: "新";
    text-align: center;
    line-height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    background: #f00;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 9px;
}

.mod-header .nav-start-btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 20px;
    margin: 24px 0;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
}
.is-fixed .layout-wrap{ height:60px;background:none;}
.is-fixed.mod-header {
    position: fixed;
    top: 0;
    height: 60px;
    width: 100%;
    background-color: #fff;
 background-color: rgba(255, 255, 255, 1);
 -moz-box-shadow:0px 2px 3px rgba(51,51,51,.3); -webkit-box-shadow:0px 2px 3px rgba(51,51,51,.3); box-shadow:0px 2px 3px rgba(51,51,51,.3);
/*    border-bottom: 1px solid rgba(0, 0, 0, 0.2);*/
}

.is-fixed.mod-header .logo { padding:0;
   
}

.is-fixed.mod-header .logo-img { 
}

.is-fixed.mod-header .nav {
    /*padding-top:12px;*/
	height:100%;
}

.is-fixed.mod-header .nav-start-btn {
    margin: 6px 0;
}

.is-fixed .nav > li > a{line-height:48px;}
.ui-art, .ui-arb {
    position: relative;
    display: inline-block;
    height: 0;
    width: 0;
    line-height: 0;
    overflow: hidden;
    border-width: 4px;
    border-style: dashed dashed solid;
    border-color: transparent;
}
*, *:after, *:before {
    box-sizing: border-box;
}

.ui-arb {
    border-color: #888 transparent transparent;
    top: 2px;
}

.ui-arb {
    -webkit-transition: -webkit-transform 0.2s 0.2s;
    -moz-transition: -moz-transform 0.2s 0.2s;
    transition: transform 0.2s 0.2s;
}
.ui-arb.open {
    -webkit-transform: translateY(-4px) rotate(180deg);
    -moz-transform: translateY(-4px) rotate(180deg);
    transform: translateY(-4px) rotate(180deg);
}

/**/
.pd50{ padding:50px 0;}
.news-box{ width:100%; overflow:hidden; position:relative; margin-top:20px;}
.item_box{position: relative;
display: block;
width: 600px;
float: left;
overflow: hidden; }
.news-left{width: 600px;
height: 400px;
float: left;
position: relative;}
.item_wrapper{ margin-top:35px;
position: relative;}


.date{display: block;
padding: 0;
padding-right: 0px;
float: none;
top: 40px;
position: absolute;
padding-right: 16px;
border-right: 1px solid #e8e8e8;}

.date .md {
    font-weight: inherit;
    font-weight: 800;
    font-family: datafont;
    color: #7d7d7d;
    display: block;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    font-size: 22px;
    padding-bottom: 5px;
}
.date .year {
    color: #999;
    top: 22px;
    font-size: 16px;
    text-align: right;
    font-family: datafont;}
	
.title {
    margin-left: 0;
    height: 30px;
    line-height: 26px;
	font-size:16px;
    overflow: inherit;
    white-space: inherit;
     color:#525252;transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;}
	a.item_box:hover .news-left .item_wrapper .title{ padding-left:10px; color:#f35353;transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;}
	

	
.description {
    margin-left: 98px;
    margin-top: 5px;
    color: #979797;
    width: 81%;
    font-size: 13px;
    line-height: 26px;}
.item_box img{transition: all 0.36s ease; width:600px;}
.img-box{width:600px; height:245px; overflow:hidden;}
.item_box:hover img{transform: scale(1.08); overflow:hidden;transition: all 0.36s ease; }
.news-right{ float:right; width:540px;}
.news-right ul li{ border-bottom:#e9e9e9 solid 1px; overflow:hidden; padding-bottom:20px; position:relative; margin-bottom:15px;}
.news-right ul li a{ display:block;}
.news-right ul li a:hover .news-con .title{ color:#bd2222; padding-left:10px;}
.news-right .date{ border:none; top:3px;}
.news-con{ float:left; padding-left:100px;}
.news-right .description{ margin-left:0;}
.news-right .description{ width:100%;}

.pinpai{ width:100%; margin:20px 0 30px 0; overflow:hidden;   }

.pinpai a{height:88px; float:left; display:block; } 
a.p-1 img, a.p-2 img, a.p-3 img, a.p-4 img{transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;}

a.p-1:hover img, a.p-2:hover img, a.p-3:hover img, a.p-4:hover img{transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;}


.p-1{ width:175px; margin-right:65px;}
.p-1 img, .p-2 img, .p-3 img, .p-4 img{/*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;*/ opacity:0.8;filter:alpha(opacity=40);}
a.p-1:hover img, a.p-2:hover img, a.p-3:hover img, a.p-4:hover img{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0);
    
    filter: grayscale(0%);opacity:1;filter:alpha(opacity=100);
	
    }
.p-2{ width:255px; margin-right:80px;}

a.p-2:hover{
	background-position: -240px -196px;
}
.p-3{ width:250px; margin-right:100px;}
a.p-3:hover{background-position: -575px -196px;}
.p-4{ width:270px;}
a.p-4:hover{ background-position: -925px -196px;}


i.top{ width:45px; height:22px; font-size:12px; position:absolute; color:#FFF; right:0; background:#dd1234; text-align:center; line-height:22px; top:3px;}
p.title i{ }
/**/
.notice{ float:left; height:50px; line-height:50px; background:url(../images/nic.png) no-repeat 0 18px; padding-left:30px; color:#525252;}

.rolling {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
	background:#f6f6f6;
}


.rolling .roll-title .prev,.rolling .roll-title .next {
    display: block;
    width: 24px;
    height: 70px;
    float: right;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 67px;
    right: 0;
    left: 0;
    display: none;
    z-index: 100;
}

.rolling .roll-title .prev img {
    width: 22px;
    height: 48px;
}

.rolling .roll-title .next img {
    width: 22px;
    height: 48px;
}

.rolling .roll-title .next {
    right: -2px;
    display: none;
    left: inherit;
}

.rolling .roll-title ul {
    float: right;
    overflow: hidden;
    zoom:1; margin-top: 10px;
}

.rolling .content {
    width: 1200px;
    /*height: 100px;*/
    overflow: hidden;
	margin:0 auto;
 
}

.rolling .content ul {
    overflow: hidden;
    zoom:1; }

.rolling .content ul li {
    float: left;
    height: 35px;
    line-height: 20px;
    text-align: left;
    _display: inline;
    margin-top: 15px;
	font-size:14px;
	width:1000px;
	
}

.rolling .content ul li a{color:#646464}
.rolling .content ul li span {
    color: #b7b7b7;
    position: relative;
    right: -30px;
}

.roll-title h2 {
    font-weight: normal;
    font-size: 14px;
    float: left;
}

.rolling-more {
    float: right;
    color: #666;
    font-size: 12px;
}

.rolling .rolling-more:after {
    content: "";
    display: inline-block;
    margin-bottom: 1px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 7px;
    height: 7px;
    border: 1px solid #666;
    border-right: none;
    border-bottom: none;
}

.rolling .content ul li a:hover {
    color: #08acee;
    text-decoration: underline;
}

.rolling:hover .next{
    display:block;
}

.rolling:hover .prev{
    display:block;
}
.n-more{ width: 55px;height: 25px;border: #d5d5d5 solid 1px;display: block;float: right;color: #868686;line-height: 22px;
text-align: center; font-size:12px; margin-top:13px;}
.n-more:hover{background:#dd1234; border-color:#dd1234; color: #FFF}
.bgmask{ width:100%; background:url(../images/abg.jpg) no-repeat; padding:60px 0; }

.bgmask .c-content{background-color: #fff;
 box-shadow: 0px 15px 30px rgba(0, 0, 0, .06);
    margin: 120px auto 0 auto;
    padding: 0 0 0 75px;
    width:1200px; overflow: hidden }
.wrapper { padding-top:60px; width:700px; float:left}
.wrapper .a-tit{    font-size: 24px;
    line-height: 30px;color: #3488ea;}
.wrapper .subtitle{font-size: 14px;
    color: #bbb;
    line-height: 26px;}
.wrapper .a-zw{line-height: 2em;color: #999; margin-top:25px;}
.joinus{float: right;}

.a-more{transition: all 0.36s ease;
    border: 1px solid #e0e0e0;
    display: block;
    font-size: 14px;
    line-height: 35px;
    color: #999; width:100px;
     text-align: center; margin-top:20px;}
.a-more:hover{ background:#3488ea; color:#fff;  border: 1px solid #3488ea;}

.vd-box{margin: 20px 0 20px 0; overflow:hidden; border-bottom:#eaeaea solid 1px; padding-bottom:30px;}
.vd-box ul{margin-right: -20px; }
.vd-box ul li{float:left; margin-right:20px;}
.vd-box ul li a{ display:block;}
.vd-box ul li:last-child{ margin-right:0;}
.v-image{  height:142px;width:290px; overflow:hidden; position:relative}
.v-image img{transition: all 0.36s ease; width:100%;}

.v-txt{ padding-top:15px; padding-top:20px; font-size:16px; color:#535353}



.inner{display:block;cursor:pointer;}
.inner img{transition:all .4s;}
.inner:hover img{transform:scale(1.13);}
.inner:hover .v-txt{ color:#ef3e50}{}

.video .play{width:55px;height:55px;background:rgba(0,0,0,.4) url(../images/3f_play_right.png) no-repeat center center;position:absolute;left:50%;top:50%; margin: -25px 0 0 -30px;border-radius:50%;cursor:pointer;transition:all .5s;}

.video .bgh{ width:100%; height:100%; background-color:rgba(0,0,0,.1); position:absolute; left:0; transition:all .5s;}
.video .bgh:hover{background-color:rgba(0,0,0,0); transition:all .5s;}
.video .bgh:hover .play{background-color:rgba(0,0,0,.6);transition:all .5s;}
/*公司品牌*/
.friend{margin:0 auto;overflow:hidden;width:1300px;}
.mr_frbox{height:130px;padding:24px 0px 0px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px;margin:30px 20px 0 0;width:28px;}
.mr_frUl{float:left;height:130px; width:1200px; overflow:hidden}
.mr_frBtnR{margin-top:30px;cursor:pointer;width:28px;height:46px; margin-left:20px;}
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:282px;overflow:hidden;position:relative; margin-right:24px;}

.mr_frUl ul li a img{/*display:block;*/width:100%;}