@charset "utf-8";
*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.5;background-color:#fff;
  font-family: 'Microsoft YaHei','STXihei','SimSun','Arial',sans-serif;}
ul,ul li,ol,li {list-style: none outside none;}
h1,h2,h3,h4,h5,h6,i,strong,em {font-weight: normal; font-style: normal;}
img {vertical-align: middle;border: none;}
input,select,option,label,th{vertical-align: middle;border: none}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}
.container{display: block;width:100%; max-width: 80%; margin: 0 auto}


/*header*****************************************************************/
.hea{width: 100%; background: #fff; display: table;}
.hea h1{/*width: 29%*/ font-weight: bold; color: #2f2f2f; font-size: 24px;}
.hea h1 a{display: block;}
.hea h1 a img{margin-right: 20px}
.nav{width:50%; display: block; margin: 0 auto;line-height:99px;}
.nav ul{display:table;width: 100%}
.nav li{float:left; font-size:16px;text-align: center;width: 14.28%; color: #666;}
.nav li:last-child{margin-right: 0}
.nav li>a{position: relative;}
.nav li>a>i{width: 100%; height: 3px;background:#da251c;
position: absolute; bottom: -20px; left: 0; opacity: 0;}
.nav li>a:hover i, .nav li.cur>a>i{opacity: 1; bottom: -10px}

/*手机m*/
.navbtn{display: none;}



/*banner***********************************************************************/
.banner{width: 100%; overflow: hidden; position:relative;}
.banner img{width: 100%;}

.banner .swiper-pagination-bullet {background:#fff; opacity:1;
border-radius:0; width: 50px;height: 4px;}
.banner .swiper-pagination-bullet-active{background: #0166c2;}
.banner .ban-prev{left: 30px;}
.banner .ban-next{right: 30px;}
.banner .ban-prev, .banner .ban-next{width: auto; height: auto; padding: 10px 15px;
 background:rgba(0,0,0,0.3); border-radius: 50%;margin-top: -25px; background-image: none}
.banner .ban-prev:hover, .banner .ban-next:hover{background:#0166c2 }
.bannerm{display: none;}


/*syabout***********************************************************************/
.syabout{width: 100%; margin-top: 5%; position: relative; display: table;
 background-size:contain; background-position: top right; background-repeat: no-repeat;
  height: 442px}
.syaboutz{width: 53%; background:#da251c;padding:3% 2%;font-size: 16px;color: #fff;position: absolute;
top:43px; left: 0}
.syaboutz span{display: block; margin-bottom: 3%; font-size: 24px; }
.syaboutz span>i{font-size: 18px;}
.syaboutz span:after{content: ""; display: block; width: 30px; 
height: 2px; background:#fff; margin: 10px 0}
.syaboutz:hover span:after{width:200px;}
.syaboutz p{line-height: 2;max-height: 64px; overflow: hidden;}
.syaboutz ul{width: 100%; display: table; margin-top:8%;}
.syaboutz ul>li{text-align: center;float: left;margin-right:3%; font-size: 14px;}
.syaboutz ul>li i{display: block; margin-bottom:10px; width: 100%;}
.syaboutz .more{width: 45px; height: 45px; line-height: 45px; text-align: center; background: none;
right:-23px; top: 45%; background: #fff;position: absolute;}
.syaboutz .more:hover{transform:rotate(360deg);-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);}



.dtit{width:100%; padding:50px 0; margin:0 auto; text-align:center; color: #131313}
.dtit span{display:block;font-size:30px; }
.dtit i{font-size:14px;display: block;background: url(../images/dtit-bg.png) no-repeat center;}



/*syproject***********************************************************************/
.syproject{width: 100%; display: table;}
.syproject .damore{background: url(../images/syproject-damorebg.png) repeat-x; 
	width: 240px; height: 50px; line-height: 50px;  border-radius: 5px;
text-align: center; font-size: 18px; color: #fff; margin: 0 auto;margin-bottom: 4%; display: block;}
.syproject .damore:hover{box-shadow: 0px 2px 10px #666; border-radius: 10px}
.syproject ul{width: 100%; display: table}
.syproject li{float: left; width: 25%; position: relative; overflow: hidden;
margin-bottom: 4%}
.syproject li a{display: block;}
.syproject li img{width: 100%;}
.syproject li .mask{width: 100%; height: 100%; position: absolute; top: 0; left: 0;
background: rgba(218,37,28,0.9); z-index: 1; text-align: center; font-size: 18px; color: #fff;
padding-top: 36%; opacity: 0;filter:alpha(opacity=0);}
.syproject li .mask .more{background: #fff; border-radius: 5px;
text-transform: uppercase; font-size: 16px; color: #da251c; width: 180px; height: 40px;
line-height: 40px; margin: 0 auto; margin-top: 8%; 
transform: translateX(150%); -webkit-transform: translateX(150%);
-o-transform: translateX(150%); -ms-transform: translateX(150%); -moz-transform: translateX(150%);}
.syproject li .mask i{ position: absolute; z-index: -1;}
.syproject li .mask i.i01{left: 0; top: 0}
.syproject li .mask i.i02{right: 0; bottom: 0}
.syproject li:hover .mask{opacity: 1;filter:alpha(opacity=100);}
.syproject li:hover .mask i.i01{animation: myFade 1s; -weblit-animation: myFade 1s;}
.syproject li:hover .mask i.i02{animation: myFade2 1s; -weblit-animation: myFade2 1s;}
.syproject li:hover .mask .more{transform: translateX(0); -webkit-transform: translateX(0);
-o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0);}
@keyframes myFade{
0%{top: 60%; left: 60%;transform: scale(3) rotate(180deg);}
100%{top:0px; left: 0;}
}
@-webkit-keyframes myFade{
0%{top: 60%; left: 60%;transform: scale(3) rotate(180deg);}
100%{top:0px; left: 0;}
}

@keyframes myFade2{
0%{bottom: 60%; right: 60%;transform: scale(3) rotate(-180deg);}
100%{bottom:0px; right: 0;}
}
@-webkit-keyframes myFade2{
0%{bottom: 60%; right: 60%;transform: scale(3) rotate(-180deg);}
100%{bottom:0px; right: 0;}
}




/*synewbg***********************************************************************/
.synewbg{width: 100%; background: #f8f9fb; padding: 3% 0; display: inline-block;}
.xtit{width: 100%; font-size:24px; color: #131313; padding-bottom:10px; margin-bottom:40px;
	border-bottom: 1px solid #dadada}
.xtit span{font-size:18px;}
.xtit a{ color:#666666; font-size: 14px; margin-top: 13px;}
.xtit a:hover{text-decoration: underline;}

.synews{width:65%; background: #fff; padding: 2.5%;} 
.synewstop{width: 100%; position: relative; display: table;}
.synewstop figure{ width: 38%; position: relative; overflow: hidden;}
.synewstop figure img{width: 100%;}
.synewstop figure:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);
-o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2);}
.synewstop figure span{position: absolute; top: 0; left: 0; z-index: 1;
background: #da251c; color: #fff; font-size: 35px; display: inline-block; 
padding: 5px 10px 0 10px; text-align: center; line-height: 28px;}
.synewstop figure span>i{font-size: 14px; display: block;}

.synewstopy{width: 58%;font-size: 14px; color: #333333;}
.synewstopy span{font-size: 18px; display:block; max-height: 27px; overflow: hidden;}
.synewstopy i{ color: #acacac; display:block; margin: 5px 0}
.synewstopy p{line-height: 1.7;max-height: 74px; overflow: hidden;}
.synewstopy .more{border: 1px solid #e0e0e0; font-size: 16px; text-align: center;
width: 25%;max-width:240px; height: 40px; line-height: 40px; display: block;
 position: absolute;bottom: 0}
.synewstopy .more:before{content:'';opacity:0;
position:absolute;border:#fff solid 1px;top:3px;left:3px;right:3px;bottom:3px;}
.synewstopy .more:hover{background:#da251c; color: #fff; border-radius: 5px}
.synewstopy .more:hover:before{opacity:1}
.synewstopy span:hover{color: #da251c}

.synewsxia{width: 100%; display: table; margin-top:3%;}
.synewsxia li{font-size: 14px; color: #666666; list-style: inside; line-height: 28px; 
float: left; width: 100%;}
.synewsxia li span{ color:#999999;}
.synewsxia li:hover{text-decoration: underline; transform: translateX(3px);
-webkit-transform: translateX(3px); -o-transform: translateX(3px); -ms-transform: translateX(3px);
-moz-transform: translateX(3px);}


/*syzshu***********************************************************************/
.syzshu{width:33%; background: #fff; padding: 2.5%; overflow: hidden;} 
.syzshu ul{padding-bottom: 50px}
.syzshu li{float: left; padding: 10px; border: 1px solid #e0e0e0;
width: 48%; margin-right: 4%}
.syzshu li img{width: 100%}

.syzshu .swiper-pagination-bullet{border-radius: 0; opacity: 1; background: #999999}
.syzshu .swiper-pagination-bullet-active{background: #da251c}
.syzshu .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0}

.syzshu li:hover{border: 1px solid #da251c;
transform: scale(0.95); -webkit-transform: scale(0.95);
-o-transform: scale(0.95); -ms-transform: scale(0.95); -moz-transform: scale(0.95);}


/*syzhuanli***********************************************************************/
.syzhuanli{width: 100%; background: #efefef;margin-bottom: 7%}
.syzhuanli .container{position: relative; top:50px;}
.syzhuanli ul{width: 80%; margin: 0 auto;}
.syzhuanli li{float: left; padding: 10px; border: 1px solid #e0e0e0; background: #fff;
width: 19%; margin-right: 8%}
.syzhuanli li img{width: 100%}
.boxline{ display:block; position:absolute; width:0; height:0; z-index:1;}
.boxline1{ left:0; bottom:0; border-left:0px solid #da251c; border-bottom:0px solid #da251c;}
.boxline2{ right:0; top:0; border-right:0px solid #da251c; border-top:0px solid #da251c;}

.syzhuanli .syzhuanli-prev{left: 0; background:#fff url(../images/syzhuanli-prev.png) no-repeat center center;}
.syzhuanli .syzhuanli-next{right: 0;background:#fff url(../images/syzhuanli-next.png) no-repeat center center;}
.syzhuanli .syzhuanli-prev, .syzhuanli .syzhuanli-next{z-index: 1; width: 40px; height: 160px;margin-top: -80px; border: 1px solid #fff;}
.syzhuanli .syzhuanli-prev:hover, .syzhuanli .syzhuanli-next:hover{border-radius: 10px; border-color: #da251c}



/**footer********************************************************/
footer{ font-size: 14px; color: #a1a6b5;background: #393939; padding-top: 2%; 
	width: 100%;}
.footul{display: table; width: 70%;}
.footul li{width: 13.9%; display: inline-block; vertical-align:top;}
.footul li span{color: #fff; display: block; margin-bottom:15px;}
.footul li a{ width:100%; margin-bottom:5px; display: block;}
.footul li a:hover{text-decoration: underline;}

.footzi{display: table; width:27%;}
.footzi span{ color: #fff; display: block; margin-bottom:25px;}
.footzi p{ line-height: 2; }
.footzi p>img{margin-right: 10px}
.copy{font-size: 12px; background: #141414;color: #a1a6b5; padding: 12px 0; margin-top: 2%}





/*内页****公共**********************************************************/
.ban{width: 100%; height: 490px; background-repeat: no-repeat;
background-size: cover; background-position: center; color: #fff}
.ban .zi{animation-duration: 1s; -wbkit-animation-duration: 1s;
	animation-name:fadeup; -weblit-animation-name:fadeup}
.ban b{font-size: 36px; display: block;}
.ban p{font-size: 12px; text-transform: uppercase; }

.banabout .zi{padding: 3% 0 0 2%}

.banzizhi{background-position: right;}
.banzizhi .zi{padding: 10% 0 0 5%}
.banzizhi .zi b{color: #da251c}

.bannews .zi{padding: 13% 0 0 2%}

.banproject{background-position: left;}
.banproject .zi{padding: 5% 0 0 40%}

.banjoin .zi{float: right; padding-top:16%;}

.bancontact .zi{padding: 5% 0 0 20%}
@keyframes fadeup{
0% {opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);}
100% {opacity: 1;
    -webkit-transform: none;transform: none;}
}
-webkit-@keyframes fadeup{
0% {opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);}
100% {opacity: 1;
    -webkit-transform: none;transform: none;}
}

.typename{background: rgba(0,0,0,0.6); width: 100%; height: 90px; line-height: 90px;
padding-right: 20px; margin-top: -90px; position: relative;font-size: 14px;color: #b6b6b6;
overflow: hidden;}
.typename .posi a:hover{text-decoration: underline; color: #fff}

.typename span{font-size: 18px; color: #fff; padding:0 3%;background:#da251c;
	text-align: center;text-transform: uppercase;float: left;}
.typename span>i{ display: inline-block; line-height: 30px; margin-top: 17px}
/*.typename p{float: left;}*/
.typename p>a{ margin: 0 15px;}
.typename p>a:hover, .typename a.cur{color: #fff}



.neirong{width: 100%; overflow: hidden;}
.neirong-t{width: 100%;border-bottom: 1px solid #d4d4d4; padding-bottom:2%;
margin-bottom: 2%;text-align: center; }
.neirong-t>h1{font-size: 24px; color: #333333;}
.neirong-t>i{ font-size:14px; color: #acacac; display: block;}


.fenye{width: 92%;  margin: 2% auto 5% auto; text-align:center; font-size:14px;
border-top: 1px solid #d4d4d4; padding-top: 4%}
.fenye a{color:#000000; padding:5px 13px;background: #fff; border: 1px solid #eeeeed;
margin: 0 5px}
.fenye a:hover{color:#fff;background: #da251c}
.fenye span{color:#fff;background: #da251c;padding:5px 13px;border: 1px solid #da251c}

.artpage{width: 100%;font-size: 16px; color: #666666; display: table;padding-top: 20px;
border-top: 1px solid #d4d4d4; margin-top: 4%}
.artpage span{ line-height: 30px;}
.artpage a:hover{color: #da251c; text-decoration: underline;}
.artpage .return{border: 1px solid #d4d4d4;display: block;height: 35px;line-height: 35px;
 margin-top: 10px;text-align: center;width: 100px;}
.artpage .return:hover{border: 1px solid #da251c;background-color: #da251c;
color: #fff; text-decoration: none}


/*contact****************************************************************************/
.hui{width: 100%; background: #f8f9fb; padding: 2% 0; margin-bottom: 3%}
.contact{background: #fff; padding: 3%; }
.contact .ditu{margin-bottom: 3%; width: 100%;}
.contact .ditu>div{height: 400px}



/*join****************************************************************************/
.join{width: 100%; font-size: 14px; line-height: 2; background: #fff; padding:4%;}
.join .join-t{color: #272727; margin-bottom:20px;}




/*jianjie****************************************************************************/
.jianjie .syabout{margin-top: 0}
.jianjie .zi{ margin: 4% 0;}



/*zizhi****************************************************************************/
.zizhi{width: 100%; background: #fff; padding:4%; display: table;}
.zizhi ul{width: 100%; display: table;}
.zizhi li{width: 18%;  margin-right: 9%;margin-bottom: 2%; float: left;}
.zizhi li a{display: block;}
.zizhi li img{padding: 10px; border: 1px solid #e0e0e0; width: 100%;}
.zizhi li span{display: block; font-size: 16px; color: #666666; margin-top: 20px; 
text-align: center;}
.zizhi li:hover{transform: translateY(-5px); -webkit-transform: translateY(-5px);
-o-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px);}
.zizhi li:hover img{border: 1px solid #da251c;}
#mbOverlay { position:fixed; z-index:98; top:0; left:0; width:100%; height:100%;
 background:rgba(0,0,0,0.8); cursor:pointer; }
#mbCenter{ height:auto; position:absolute; z-index:99; }
#mbCloseLink { height:30px; width:30px;
 background:transparent url(../images/zizhi_x.png) no-repeat center; 
 position:absolute; top:-30px; right:0px; }
#mbNumber{display: none}

.clear4{ width:100%; clear: both; }
.clear3{ display: none;  width:100%; clear: both;}
.clear2{ display: none;  width:100%; clear: both;}

/*newslist****************************************************************************/
.newslist{width: 100%; background: #fff; padding:4%; display: table;}
.newslist .synewstop figure{width: 25%;}
.newslist .synewstopy{width: 72%;}
.newslist .synewsxia li{line-height: 32px;}
.newslist .fenye{margin: 4% auto 0px auto}



/*newscon****************************************************************************/
.newscon{width: 100%; background: #fff; padding:2%; display: table;}



.txt{ overflow: hidden; font-size: 16px;color: #666666; line-height: 2; }
.txt ul,.txt ul li,.txt ol,.txt li {list-style: disc outside none;}
.txt h1,.txt h2,.txt h3,.txt h4,.txt h5,.txt h6,.txt strong{font-weight:bold; }
.txt i,.txt em {font-style: italic;}
.txt img {vertical-align:baseline; max-width:100%;}
.txt a {color: inherit; text-decoration: underline;}

.txt table{ border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4;}

.txt td{ border-bottom:1px solid #d4d4d4 !important;border-right:1px solid #d4d4d4 !important;}


img, .nav li>a>i, .syaboutz span:after, .syaboutz .more, 
.syproject li .mask .more, .syproject .damore, .synewstopy .more, 
.syzhuanli .syzhuanli-prev, .syzhuanli .syzhuanli-next, .syzshu li, 
.zizhi li, .zizhi li img, .synewsxia li{transition: all .5s;-webkit-transition: all .5s;
-o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s;}