body{font-family:"微软雅黑", Arial;font-size: 12px;line-height: 1.7;color: #666;background: #fff;height: 100%;position: relative; z-index:3 }
p{ margin:0}
h1, h2, h3, h4, h5, h6, figure{color: #333;font-weight: 400;}
::-webkit-selection{color: #fff;background: #3d69b2;}
::-moz-selection{color: #fff;background: #3d69b2;}
::selection{color: #fff;background: #3d69b2;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase, .initialism {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
a{color:#666;text-decoration:none}
a:focus,a:hover{color:#024696;transition:none}
ul,li{ margin:0; padding:0; list-style:none}
.container{ max-width:1180px;}
.show{ display:block}
.none{ display:none}
#fh5co-wrapper{overflow-x: hidden; }
#fh5co-page{position: relative;z-index: 2;background:#fff;overflow-x: hidden;min-height:500px;}
.container{max-width:1080px;}
.padding-large-right{padding-right: 220px}
.leftcontent{ width:250px;position: fixed;}
.rightcontent{ width: calc(100% - 250px);margin-top:-30px}

.rightcontent .inner-flexslider{ background:#f4f4f4; padding:30px 197px 30px 30px;}
.rightcontent .inner-content{ background:#f4f4f4; padding:30px;margin-bottom: 50px}
.rightcontent .inner-content h2{ font-size:18px; margin-bottom:10px;line-height:20px}
.rightcontent .inner-content p{ font-size:14px; line-height:1.8;}
.rightcontent .inner-content img{ margin:15px 0;max-width:100%}
.rightcontent .inner-content .ico_top_left a{margin:20px 0 0 10px;}
.main-body{ margin:120px 0 0;}

/*顶部导航 begin*/
.leftcontent .logo{margin-bottom:40px;}
.leftcontent .main-nav{ padding-right:50px;}
.leftcontent .main-nav li ul{ display:none}
.leftcontent .main-nav li a{ display:block;  height:30px; line-height:30px; font-size:16px; text-indent:10px; margin-bottom:20px; color:#999}
.leftcontent .main-nav li a span{opacity:0;font-size: 12px;font-family: sans-serif;padding-left: 20px}
.leftcontent .main-nav li.open a span.en-txt1{opacity:1;}
.leftcontent .main-nav li.open a.active span.en-txt2{opacity:1;}
.leftcontent .main-nav li.open a.first-level{background:#ff5353; color:#fff; }
.leftcontent .main-nav li ul li a{margin-left:20px;margin-bottom:15px;}
.leftcontent .main-nav li ul li a.active{ background:#e4e4e4}
.leftcontent .main-nav li.open ul{ display:block}
/*顶部导航 end*/

.home{position:fixed;width:100%;height:80%;top;0;left:0;}
.home_logo{position: absolute;top:0;left:0;bottom:0;right:0;width:200px;height:110px;margin:auto;}

/*手机版顶部导航 begin */
#mobile-header, .mobile-nav-toggle, #fh5co-page{position: relative;}
#fh5co-page{z-index: 2;}
.offcanvas-visible #fh5co-page{-moz-transform: translateX(-275px);-webkit-transform: translateX(-275px);-ms-transform: translateX(-275px);-o-transform: translateX(-275px);transform: translateX(-275px);}
#mobile-header{display: none;height: 100%;right: 0;overflow-y: auto;position: fixed;z-index: 1;top: 0;width: 275px;background:#7A7A7A ;padding: 0px 0px 0px 0px; border:0;}
#mobile-header ul{padding: 0;margin: 0;}
#mobile-header ul li{list-style: none; position:static; width:100%; margin:0;padding:0;}
#mobile-header ul li:hover,#mobile-header ul li.current{background: #A9A9A9 }
#mobile-header ul li a{font-size: 16px;color: #fff;text-decoration: none !important; display:block;position:relative; line-height:40px; margin:0; padding:0px 0 0 20px; }
#mobile-header ul li a span{font-size: 12px;font-family:Arial, Helvetica, sans-serif;padding-left: 30px; opacity:0}
#mobile-header ul li a:hover,#mobile-header ul li.current a{color: #fff;}
#mobile-header ul li a::after{ background:#A9A9A9; position:absolute;content:''; left:0px;bottom:0;right:0; height:1px;}
#mobile-header ul li ul{ display:none;margin:0;padding:0;z-index: 1999; position:relative ;width:100%; border:0;box-shadow:0 }
#mobile-header ul li ul li{margin:0;padding:0;display:block;border:none;line-height:36px;}
#mobile-header ul li ul li a,#mobile-header ul li.current ul li a{background:#F4F4F4;color:#333;display:block;padding:0px 20px 0px 20px;margin:0;text-align: left; width:100%; font-size:14px; line-height:36px;}
#mobile-header ul li ul li a:hover{background:#FF5353;color:#fff;}
#mobile-header ul li ul li a::before,#mobile-header ul li ul li a::after{ background:none; height:0; padding:0}
#mobile-header ul li ul li ul{top:0}
.mobile-nav-toggle{cursor: pointer;text-decoration: none;}
.mobile-nav-toggle.active i::before, .mobile-nav-toggle.active i::after{background: #7A7A7A;}
.mobile-nav-toggle:hover, .mobile-nav-toggle:focus, .mobile-nav-toggle:active{outline: none;border-bottom: none !important;}
.mobile-nav-toggle i{position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;width: 28px;height: 4px;color: #fff;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #000;transition: all .2s ease-out;}
.mobile-nav-toggle i::before, .mobile-nav-toggle i::after{content: '';width: 28px;height: 4px;background: #000;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.mobile-nav-toggle i::before{top: -9px;}
.mobile-nav-toggle i::after{bottom: -9px;}
.mobile-nav-toggle:hover i::before{top: -10px;}
.mobile-nav-toggle:hover i::after{bottom: -10px;}
.mobile-nav-toggle.active i{background: transparent;}
.mobile-nav-toggle.active i::before{top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.mobile-nav-toggle.active i::after{bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.mobile-nav-toggle{position:absolute;top: 40%; right: 10px;z-index: 9999999;display: block;margin: -13px auto 0;display: none;cursor: pointer;}
/*手机版顶部导航 end */

/*首页轮换图片 begin*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {margin: 0; padding: 0; position:relative;z-index:1}
.flexslider .slides > li{display: none;-webkit-backface-visibility: hidden;  position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; height:464px;}
.flexslider .slides > li a{ display:block; height:100%; width:100%; }
.flexslider .slides li .overlay{position: absolute;left: 0;right: 0;bottom: 0; height:38px; line-height:36px; background:url(../images/slibg.png) repeat;}
.flexslider .slides img {width: 100%; display: block; margin:0 auto}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flex-control-nav{position:absolute;bottom:12px;z-index:2;width:100%;text-align:right; right:20px;display:none}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 4px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;cursor:pointer; width:10px;height:10px;border-radius:10px;float:left;text-indent:-2000px;background:#666;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;text-indent:-9999em; font-size:0}
.flex-control-nav .flex-active{background:#fff;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;}
.flex-direction-nav li a{display:block;width:40px;height:60px;overflow:hidden;cursor:pointer;position:absolute;margin-top:-30px;text-indent:-9999em}
.flex-direction-nav li a.flex-prev{left:0%;background:url(../images/arrow.png) 0px 0px no-repeat;opacity:0.6}
.flex-direction-nav li a.flex-prev:hover{ opacity:1}
.flex-direction-nav li a.flex-next{right:0%;background:url(../images/arrow.png) right 0px no-repeat;opacity:0.6}
.flex-direction-nav li a.flex-next:hover{opacity:1}
.flexslider .slides li .overlay p{ line-height:36px; color:#fff; text-indent:12px; font-size:14px;}
/*首页轮换图片 end*/

.project-list a{color:#7a7a7a;font-size: 14px}
.project-list .media:hover a{color:#333}
.project-list .media-body strong{text-align:left;font-weight:normal;}

/*分页 begin*/
.pagination li {margin:5px;font-size:14px;background:#1A1818;border-radius:3px;border:1px solid #343030;}
.pagination li a{padding:6px 12px;border:0;color:#999}
.pagination .disabled{padding:3px 12px;color:#999}
.pagination .current{padding:3px 12px;background:#FFBB05;color:#121111;border:0}
.pagination .active a:hover, .pagination a:hover{ background:#FFBB05;color:#121111;border-radius:3px;border:0;}
/*分页 end*/


@media screen and (max-width:1199px) {
.flexslider .slides > li{height:460px;}
}

@media screen and (max-width:1000px) {
.flexslider .slides > li{height:350px;}

}
@media screen and (max-width:760px) {	
.leftcontent{ width:100%; position:relative }
.leftcontent .logo{margin:0 0 15px 10px;}
.mobile-nav-toggle{display: block;}
.rightcontent .inner-content{padding:20px 10px;}
.rightcontent{ width:100%;margin-top:0px;}
.rightcontent .inner-content{margin-bottom:30px }
.rightcontent .inner-content img{ margin:10px 0;}
.home_logo{width:180px;}
.main-body{ margin:15px 0 0;}
.rightcontent .inner-flexslider{padding:10px;}
.rightcontent .inner-content p{ font-size:16px;}
.flexslider .slides > li{height:285px;}
}
@media screen and (max-width:480px) {
.main-body{ margin:10px 0 0;}
.leftcontent .logo{margin:0 0 10px 10px;}
.leftcontent .logo img{ height:40px;}
.flexslider .slides > li{height:205px;}
}