@charset "utf-8";
/* CSS Document */
body { margin: 0; font: 12px/24px Arial, "microsoft yahei"; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding: 0; margin: 0; }
form, textarea, input { font-family: "microsoft yahei" }
ol, ul { list-style: none; }
li { list-style-type: none; }
img { border: 0; vertical-align: top }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
address, cite, code, em, th, i, b { font-weight: normal; font-style: normal; }
.clearfix { *zoom:1;
}
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
a { color: #666; text-decoration: none; outline: none }
a:hover { color: #db0a49; }
/*html5*/
article, aside, dialog, header, section, footer, nav, figure, menu { display: block }
.Hidden { display: none; }
.fl { float: left }
.fr { float: right }
.relative { position: relative }
.absolute { position: absolute }

@font-face {
  font-family: 'icomoon';src:  url('http://www.tyhmmr.com/skin/syhdp/fonts/icomoon.eot?twi5pz');src:  url('http://www.tyhmmr.com/skin/syhdp/fonts/icomoon.eot?twi5pz#iefix') format('embedded-opentype'), url('http://www.tyhmmr.com/skin/syhdp/fonts/icomoon.ttf?twi5pz') format('truetype'), url('http://www.tyhmmr.com/skin/syhdp/fonts/icomoon.woff?twi5pz')format('woff'),url('http://www.tyhmmr.com/skin/syhdp/fonts/icomoon.svg?twi5pz#icomoon') format('svg');font-weight: normal;font-style: normal;
}

.icomoon { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-phone:before {
  content: "\e942";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-mobile:before {
  content: "\e958";
}

.index_main { width: 1300px; margin: 0 auto; color: #fff; position: relative }


/*微信*/
#weixin{position:fixed;right:100px;top:0;z-index:1000;width:146px;height:113px;}
#weixin dt{position:absolute;left:0;top:0;z-index:1;}
#weixin dd{position:absolute;left:0px;top:0px;z-index:0;}

/*------headerCss---------*/
.header_h { height: 118px;  }
.header_h .topDateTell { height: 28px; line-height: 28px; background-color: #ededed; overflow: hidden; }
.englishTags { line-height: 28px; color: #848484; }
.topDateTell .openTime { font-size: 14px; color: #3d3f4b; margin-right: 40px; display: inline; }
.topDateTell .openTime a { margin: 0 5px }
.topDateTell .openTime .icomoon { margin: 0 3px }
.topLogo h1 { background: url(../images/logo3.png) no-repeat; float: left; width: 525px; height: 75px; margin-top: 20px; }
.topLogo h1 a { display: block; width: 100%; height: 100% }
.topNav { height: 30px; line-height: 30px; margin-top: 37px; }
.topNav ul { float: left; }
.topNav ul li { margin: 0 auto; float: left; font-size: 16px; }
.topNav li a { color: #3d3f4b;; text-decoration: none; display: block; padding: 0 15px; -moz-transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; transition: all .3s linear 0s; }
.topNav li a:hover { color: #fff; text-decoration: none; background-color: #3d3f4b }
/*  幻灯片  */
.main_image { position: relative; height: 650px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; }
.main_image .slides { position: relative }
.main_image .slides li { height: 650px; }
.main_image .slides li a { display: block; width: 100%; height: 650px }
.main_image .flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; }
.main_image .flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display:inline;
zoom: 1; }
.main_image .flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 100px; overflow: hidden; background: #fff; cursor: pointer; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.main_image .flex-control-nav .flex-active { background: #db0a49 }
.main_image .flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 50%; margin-top: -50px; display: none; }
.main_image .flex-direction-nav li a { display: block; width: 45px; height: 100px; overflow: hidden; cursor: pointer; position: absolute; background: url(../images/hmbg-v2.png); }
.main_image .flex-direction-nav li a.flex-prev { left: 100px; background-position: 0 0 }
.main_image .flex-direction-nav li a.flex-next { right: 100px; background-position: 45px 0 }
.main_image:hover .flex-direction-nav { display: block; }
/* 项目菜单 */
.menu { position: absolute; top: 0; left: 0; z-index: 66;}
.menu ul { width: 1300px; height: 40px; margin: 0 auto; background-color: #c0025a; }
.menu li { width: 108px; height: 100%; float: left; position: relative; }
.menu li a { color: #fff }
.menu li a span { width: 100%; height: 100%; line-height: 40px; text-align: center; font-size: 14px; display: block; z-index: 99; position: absolute; top: 0; left: 0 }
.menu li a i { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter:alpha(opacity:0);
-webkit-animation: orangeOut 0.4s ease; animation: orangeOut 0.4s ease; background-color: #990033; }
.menu li a:hover i { opacity: 1; -webkit-animation: orangeIn 0.2s ease; animation: orangeIn 0.2s ease; }
@-webkit-keyframes orangeOut {
 0% {
 -webkit-transform:scale(1);
 opacity:1;
 filter:alpha(opacity:100);
}
 100% {
 -webkit-transform:scale(0.8);
 opacity:0;
 filter:alpha(opacity:0);
}
}
@keyframes orangeOut {
 0% {
 transform:scale(1);
 opacity:1;
 filter:alpha(opacity:100);
}
 100% {
 transform:scale(0.8);
 opacity:0;
 filter:alpha(opacity:0);
}
}
 @-webkit-keyframes orangeIn {
0% {
 -webkit-transform:scale(0.8);
 opacity:0;
 filter:alpha(opacity:0);
}
100% {
 -webkit-transform:scale(1);
 opacity:1;
 filter:alpha(opacity:100);
}
}
 @keyframes orangeIn {
0% {
 transform:scale(0.8);
 opacity:0;
 filter:alpha(opacity:0);
}
100% {
 transform:scale(1);
 opacity:1;
 filter:alpha(opacity:100);
}
}
/* 项目分类 */
.subMenu{ width:1300px; height:210px; position:absolute; top:40px; left:0; z-index:99;overflow:hidden; background-color:#fff;border-radius:10px ;border-bottom:1px solid #c0025a; display:none;filter:alpha(opacity:0);
-webkit-animation: orangeOut 0.5s ease; animation: orangeOut 0.5s ease;}
.menu li:hover .subMenu{ display:block; opacity: 1; -webkit-animation: orangeIn 0.5s ease; animation: orangeIn 0.5s ease;  }
.subMenu h6 {font-size: 20px;font-weight: 600; margin-top: 10px;line-height: 1.4; text-align:center; color:#999; font-weight:normal}
.subMenu .aside {width: 184px; padding: 29px 20px 0 0;}
.subMenu .bside { width: 390px; padding-top: 26px}
.subMenu .bside a{ width:120px;display: block; float: left; font-size: 14px; color: #666; text-decoration: none;line-height: 24px;padding-left: 10px;margin-bottom: 5px; moz-transition: all .3s linear 0s;-webkit-transition: all .3s linear 0s; transition: all .3s linear 0s;} 
.subMenu .bside a .icomoon {position: absolute; color: red;font-size: 14px;}
.subMenu .in{ display:block}
.subMenu i {height: 70px; width: 70px; display:block; background: url(../images/menu_icon.png) no-repeat ; margin:0 auto;border-radius:50% ;}
.subMenu1 i { background-position: 0 -55px; background-color:#00cccc}
.subMenu2 i { background-position: -70px -52px; background-color:#ec5094 }
.subMenu3 i { background-position: -140px -55px; background-color:#f5bf75 }
.subMenu4 i { background-position: -280px -55px; background-color:#ff6666 }
.subMenu5 i { background-position: -210px -52px; background-color:#e01783 }
.subMenu6 i { background-position: 0 -175px; background-color:#853f8a }
.subMenu7 i { background-position: -70px -177px; background-color:#55aba8 }
.subMenu8 i { background-position: -140px -177px; background-color:#7ec8d5 }
.subMenu9 i { background-position: -350px -55px; background-color:#ff6daf }
.subMenu10 i { background-position: -350px -177px; background-color:#4071b4 }
.subMenu11 i { background-position: -280px -177px; background-color:#233d61 }
.subMenu12 i { background-position: -210px -177px; background-color:#00cccc }
.subMenu1 { left:0}
.subMenu2 { left:-108px}
.subMenu3 { left:-216px}
.subMenu4 { left:-324px}
.subMenu5 { left:-432px}
.subMenu6 { left:-540px}
.subMenu7 { left:-648px}
.subMenu8 { left:-756px}
.subMenu9 { left:-864px}
.subMenu10 { left:-972px}
.subMenu11 { left:-1080px}
.subMenu12 { left:-1188px}
/*  项目导航  */
.boxsbg { width: 100%; overflow: hidden; background: #eaebeb; padding: 32px 0 50px; }
.project { width: 1300px; overflow: hidden; }
.project a { display: block; width: 100px; height: 100px; float: left; margin-right: 9px; }
.project a:last-child { margin-right: 0 }
.project dl { width: 100px; height: 94px; border-radius: 15px; padding-top: 6px; background: #fff; transition: all 300ms linear; -moz-transiton: all 300ms linear; -webket-transition: all 300ms linear; -o-transition: all 300ms linear; }
.project dl:hover { background: #db0a49; }
.project dl dt { height: 60px; width: 70px; transition: all 300ms linear; -moz-transiton: all 300ms linear; -webket-transition: all 300ms linear; -o-transition: all 300ms linear; background: url(../images/menu_icon.png) no-repeat center; margin: 0 auto }
.project dl dd { text-align: center; font-size: 16px; color: #646464; transition: all 300ms linear; -moz-transiton: all 300ms linear; -webket-transition: all 300ms linear; -o-transition: all 300ms linear; }
.project dl:hover dd { color: #fff; }
.project dl dt.d1 { background-position: 0 0; }
.project dl dt.d2 { background-position: -70px 0; }
.project dl dt.d3 { background-position: -140px 0; }
.project dl dt.d4 { background-position: -210px 0; }
.project dl dt.d5 { background-position: -280px 0; }
.project dl dt.d6 { background-position: -350px 0; }
.project dl dt.d7 { background-position: 0 -120px; }
.project dl dt.d8 { background-position: -70px -120px; }
.project dl dt.d9 { background-position: -140px -120px; }
.project dl dt.d10 { background-position: -210px -120px; }
.project dl dt.d11 { background-position: -280px -120px; }
.project dl dt.d12 { background-position: 0px -240px; }
.project dl:hover dt.d1 { background-position: 0 -60px; }
.project dl:hover dt.d2 { background-position: -70px -60px; }
.project dl:hover dt.d3 { background-position: -140px -60px; }
.project dl:hover dt.d4 { background-position: -210px -60px; }
.project dl:hover dt.d5 { background-position: -280px -60px; }
.project dl:hover dt.d6 { background-position: -350px -60px; }
.project dl:hover dt.d7 { background-position: 0 -180px; }
.project dl:hover dt.d8 { background-position: -70px -180px; }
.project dl:hover dt.d9 { background-position: -140px -180px; }
.project dl:hover dt.d10 { background-position: -210px -180px; }
.project dl:hover dt.d11 { background-position: -280px -180px; }
.project dl:hover dt.d12 { background-position: 0px -300px; }