@charset "utf-8";
*{margin:0; padding:0;}
html {  box-sizing: border-box;}
*, *:before, *:after {  box-sizing: inherit;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
img { border:none;border-style:none; vertical-align:middle; max-width:100%;}
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
html, body {margin:0;color:#333;font:14px/1.7  "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "宋体", Arial, sans-serif; width:100%;height:100%;padding:0;margin:0;}
body{ padding-top:120px; background-color:#f5f5f5; min-width:1200px;}
a{ color:#333;text-decoration:none;outline:none;}
a:hover{ color:#cf000d; text-decoration:none; transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-webkit-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-moz-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-o-transition: color .3s ease,opacity .3s ease,background-color .3s ease;}


/* ** ** Common Addative Classes ** ** */
.fl{float:left}
.fr{float:right}
.clearfix:after {content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clearfix { *zoom:1; }
.clear{ clear:both}
.center{ text-align: center;}
.wrap{ width:1200px; margin:0 auto; clear:both;}

/*headtop*/
.header{position: fixed; z-index:10;top:0;width:100%;background:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.headtop{width:100%; height:40px; color:#eee; background:#475058;}
.toplel{ float:left; height:40px; background: url(../images/headtop-tel.png) no-repeat 0 center; padding-left:30px;line-height:40px;}
.toplel span{ font-size:16px; display:inline-block;}
.topr{ float:right; height:40px;}
.topr .pingzhi{ display:inline-block; height:40px; float:left; margin-right:50px; padding:3px 0;}
.topr .pingzhi img{ max-height:100%;}
.languages{ float:left; height:40px; line-height:40px; margin-right:20px; background: url(../images/languages2.png) no-repeat left center; padding-left:40px; display:inline-block; color:#eee;}
.languages:hover{background: url(../images/languages.png) no-repeat left center;}
.weixin{ position:relative;float:right; margin-left:10px; height:40px;}
.weixin .weixin_nr{width:120px;background:#fff;text-align:center; position:absolute; left:-40px; top:55px; display: none; z-index:20; padding-bottom:5px; color:#555; line-height:150%; border:1px solid #eee;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #666;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin .weixin_nr .code{height: 120px;width: 120px; padding:5px; }
.weixin .weixin_nr img{ margin-top:5px;}
.weixin.on .weixin_nr{ display:block;}
.weixin a.wx{ display:inline-block;background: url(../images/top-weixin.png) no-repeat center center; width:40px; height:40px;}
.weixin a.sj{ display:inline-block;background: url(../images/top-shouji.png) no-repeat center center; width:40px; height:40px;}


/*head-logo*/
.header .logo{ width:240px; height:80px; float:left; position:relative;}
.header .logo img{ max-width:100%; max-height:100%;}

/*PC-导航栏*/
.head{position:relative;width:100%;}
.head .navigation-inner{margin:0 auto;width:1200px;position:relative}
.navigation-up{height:80px;}
.navigation-up .navigation-v3{float:right;_margin-left:10px}
.navigation-up .navigation-v3 li{float:left;font:normal 15px/80px "microsoft yahei";}
.navigation-up .navigation-v3 li a{ padding:0 20px;display:inline-block;}
.navigation-up .navigation-v3 .nav-up-selected{background:#00388e;}
.navigation-up .navigation-v3 .active{background:#033177;}
.navigation-up .navigation-v3 .nav-up-selected a,.navigation-up .navigation-v3 .active a{ color:#fff;}

.navigation-down{position:absolute;top:80px;left:0px;width:100%;}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#00388e;position:absolute;top:0px; display:none;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative; padding-left:300px;}
.navigation-down .nav-down-menu li{display:inline-block; text-align:center;}
.navigation-down .nav-down-menu li a{color:#fff;font:normal 14px/30px "microsoft yahei"; padding:15px 20px; display:block;}
.navigation-down .nav-down-menu li a:hover{color:#cf000d;}
#n5 ul{ padding-left:700px;}
#n6 ul{ padding-left:800px;}
#n7 ul,#n8 ul,#n9 ul{ text-align:right; padding-left:0;}

/*banner*/
.fullSlide{width:100%;position:relative;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:800px;overflow:hidden;text-align:center; background-repeat:no-repeat; background-position:center 0;}
.fullSlide .bd li a{display:block;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;text-align: center;}
.fullSlide .hd ul{ display:inline-block;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:40px;height:10px;margin:5px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px; border-radius:5px;}
.fullSlide .hd ul .on{background:#cf000d;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}

/*首页标题*/
.common{ padding-bottom:100px;}
.common-1{ padding-bottom:100px; background-color:#fff;}
.common-title { width: 100%; padding-top:90px; box-sizing: border-box; margin-bottom:40px;}
.common-title .title { height:36px;line-height: 36px; padding-left:36px; background: url(../images/icon-logo.png) no-repeat left center; background-size:30px 30px;}
.common-title .h1 {display: inline-block;vertical-align: middle;font-size: 26px;color: #cf000d; margin-right: 10px;}
.common-title .h2 {	display: inline-block;vertical-align: middle;color: #00388e; font-size:26px;font-family: "Conv_DidotLTStd-Roman";text-transform: uppercase;}
.common-title .more{ margin-top:3px;}
.common-title .more a {display: block; padding:0 30px;height: 30px;line-height: 30px;font-size: 12px;color: #00388e;border: 1px solid #cf000d; transition: all 0.3s ease;}
.common-title .more:hover a{background: #cf000d; color:#fff;}
.more-btn { position: absolute; right: 50px; bottom: 30px; font-size: 14px; color:#333;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; opacity: 0; -webkit-transform: translate(-30px, 0); -moz-transform: translate(-30px, 0); -ms-transform: translate(-30px, 0); transform: translate(-30px, 0);}
a:hover .more-btn { color:#00388e; opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0);transform: translate(0, 0);}
.more-btn span { margin-top: -4px; display: inline-block;vertical-align: middle; width: 13px; height: 13px; background:url(../images/icon-29.png) no-repeat center center;}
.animated1 { animation-duration: 1s; animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear;}
.fadeIn-left1 { animation-name: fadeIn-left1;}
@keyframes fadeIn-left1 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(15px, 0);
    }
}

/*首页介绍*/
.about-sunfa .ab-left{width: 70%; float:left;position: relative;}
.about-sunfa .ab-left a { display: block; width: 100%; height: 100%;}
.about-sunfa .ab-left .introduce {  z-index: 9;  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 50%; left: 0; width: 296px; height: 343px; margin-top: -171.5px; background: #FFF; padding: 65px 46px 0; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.about-sunfa .ab-left a:hover .introduce { -webkit-transform: translate(10px, 0); -moz-transform: translate(10px, 0); -ms-transform: translate(10px, 0); transform: translate(10px, 0);}
.about-sunfa .ab-left .introduce h1 { font-size: 20px; color: #333; margin-bottom: 4px;}
.about-sunfa .ab-left .introduce h3 { font-size: 14px; color:#aaa;border-bottom: 1px dashed #ddd; padding-bottom:12px; margin-bottom:12px;}
.about-sunfa .ab-left .introduce .p { width: 100%; color: #666; font-size: 14px; line-height: 24px; height: 120px; overflow: hidden;}
.about-sunfa .ab-left .introduce .btn { width: 34px; height: 92px; line-height: 92px; text-align: center; position: absolute; right: -34px; top: 50%;margin-top: -46px; background: #00388e;transition: all 0.5s ease;}
.about-sunfa .ab-left a:hover .introduce .btn{background: #cf000d;}
.about-sunfa .ab-left .introduce .btn img { vertical-align: middle;}
.about-sunfa .ab-left .img { margin-left: 117px; width: 718px; height: 514px;}
.about-sunfa .ab-left .img img { width: 100%; height: 100%;}

.about-sunfa .ab-right{margin-left: 71%;}
.about-sunfa .ab-right .li { cursor: pointer; position: relative; width: 100%; height: 164px; margin-bottom: 10px; background: #FFF; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 45px; padding-left: 70px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;transition: all .3s ease;}
.about-sunfa .ab-right .li:hover { box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);}
.about-sunfa .ab-right .li .img { display:inline-block;  width: 74px; height: 74px; padding:13px; border-radius: 50%; border: 1px solid #999; overflow: hidden; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.about-sunfa .ab-right .li .img img { z-index: 9; position: absolute; left:0; top:0;width:100%; height:100%; padding:13px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.about-sunfa .ab-right .li .img img + img {position: absolute; left:0; top:-100%;}
.about-sunfa .ab-right .li:hover .img { border-color: #cf000d; background: #cf000d; }
.about-sunfa .ab-right .li:hover .img img {-webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%);}
.about-sunfa .ab-right .li .title { display: inline-block; vertical-align: top; margin-left: 26px; margin-top: 8px; color:#999;}
.about-sunfa .ab-right .li .title h1 { font-size: 18px; margin-bottom: 5px; color:#333;}
.about-sunfa .ab-right .li:before { position: absolute; content: ""; right: 0; bottom: 0; width: 0; height: 2px; background: #cf000d; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.about-sunfa .ab-right .li:hover:before { width:90%;}
.about-sunfa .ab-right .li:after { position: absolute; content: ""; left: 0; bottom: 0; width: 0; height: 2px; background: #00388e; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.about-sunfa .ab-right .li:hover:after { width:9%;}

/*首页产品类别*/
.solution-box{background: #373d41;margin: 30px 0 0 0;}
.solution-cut{width: 1560px;margin: 0 auto;position: relative;}
.solution-swiper{width: 100%;overflow: hidden;}
.solution-box .slide-btn-panel{position: absolute;top: 0;bottom: 0;width: 50px;background: rgba(0, 0, 0, .3);cursor: pointer;border: none; display:none;padding: 0; z-index:9;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-cut:hover .slide-btn-panel{ display:block;}
.solution-box .fa-back{left:0;}
.solution-box .fa-more{right:0;}
.solution-box .slide-btn-panel .left-btn{ display:block;width:100%; height:100%; background: url(../images/arrow_l.png) no-repeat center center;}
.solution-box .slide-btn-panel .right-btn{ display:block;width:100%; height:100%; background: url(../images/arrow_r.png) no-repeat center center;}

.solution-box ul{width:10000%;}
.solution-box ul:after{display: block;clear: both;content: '';}
.solution-box ul li{width:.2%;float: left;text-align: center;position: relative;}
.solution-box ul li a{ display:block;color: #fff;}
.solution-box ul li .mask{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .item-img-panel{opacity: .85;position: absolute; top:30%;left:50%; margin-left:-36px;width:72px; height:72px;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .line-panel{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 50%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .item-title{font-size: 24px;position: absolute;width: 100%;left: 0;top: 53%;transition: .3s;}
.solution-box ul li .item-desc{width: 80%;position: absolute;font-size: 14px;left: 10%;top: 70%;opacity: 0;transition: .3s;}
.solution-box ul li .item-link{position: absolute;top: 85%;font-size: 14px;line-height: 32px;width: 120px;margin: 0 0 0 -60px;color: #fff;border: 2px solid #fff;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .item-link:hover{background: #fff;color: #373d41;}
.solution-box ul li img{display: block;width: 100%;}
.solution-box ul li a:hover .mask{background: rgba(0, 56, 142, .85);}
.solution-box ul li a:hover .item-img-panel{top: 15%;}
.solution-box ul li a:hover .line-panel{top: 40%;opacity: 0;}
.solution-box ul li a:hover .item-title{top: 30%;}
.solution-box ul li a:hover .item-desc{top: 40%;opacity: 1;}
.solution-box ul li a:hover .item-link{top: 75%;opacity: 1;}

@media(max-width:1600px){.solution-cut{width: 1480px;}.solution-box ul li .item-title{font-size: 22px;}.solution-box ul li .item-desc{font-size: 14px;}.solution-box ul li item-link{font-size: 14px;line-height: 28px;width: 100px;margin: 0 0 0 -50px;}}
@media(max-width:1440px){.solution-cut{width: 1200px;}.solution-box ul li .item-img-panel{top:25%;}.solution-box ul li a:hover .item-img-panel{top: 10%;}.solution-box ul li a:hover .item-link{top: 85%;}.solution-box ul li .item-title{font-size: 18px;}.solution-box ul li .item-desc{font-size: 12px;}}
@media(max-width:768px){.solution-cut{width: 100%;padding: 0;}.solution-box ul li{width: 290px;}.solution-box .slide-btn-panel{display: none;}}


/*首页新闻*/
.information .inor-left { float:left; height: 536px; background: #EFEFEF; position: relative;}
.information .inor-left a{ display:block;font-size: 0;}
.information .inor-left .img { width: 540px; height: 360px;}
.information .inor-left .img img { width: 100%; height: 100%;}
.information .inor-left .nr { position: absolute; width:90%; bottom:40px; left: 5%;background: #FFF; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15); padding: 30px 45px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.information .inor-left .nr h1 { font-size: 16px; line-height: 50px; height: 50px; width: 100%; color: #333;overflow: hidden; white-space:nowrap;text-overflow:ellipsis; border-bottom: 1px dashed #ddd; margin-bottom: 10px;}
.information .inor-left .nr .p { font-size: 12px; color: #888; line-height: 25px; height: 50px; overflow: hidden; margin-bottom: 18px;}
.information .inor-left .nr .time { font-size: 14px; color: #555; font-family: "Arial";}
.information .inor-left .nr:before { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 2px; background: #00388e; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.information .inor-left .nr:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #cf000d; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.information .inor-left a:hover .nr { -webkit-transform: translate(0, -15px); -moz-transform: translate(0, -15px); -ms-transform: translate(0, -15px); transform: translate(0, -15px);}
.information .inor-left a:hover .nr:before { width:90%;}
.information .inor-left a:hover .nr:after { width:9%;}

.information .inor-right {  margin-left: 560px;}
.information .inor-right .li { background: #F0F0F0; height: 252px; }
.information .inor-right .li + .li {margin-top:32px;}
.information .inor-right .li a { display: block; font-size: 0;}
.information .inor-right .li .time { display: inline-block; vertical-align: top; position: relative; left: 34px; margin-top: 70px;  width: 100px; height: 114px; line-height: 114px; background: #00388e; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.information .inor-right .li a:hover .time { background: #cf000d;}
.information .inor-right .li .time > div { display: inline-block; vertical-align: middle; line-height: 1.2;}
.information .inor-right .li .time .day { font-size: 36px; color: #FFF;}
.information .inor-right .li .time .year { font-size: 15px; color: #FFF;}
.information .inor-right .li .nr { margin-top: 37px; margin-left: 34px; display: inline-block; vertical-align: top; background: #FFF; width: 462px; height: 180px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15); -moz-box-sizing: border-box; box-sizing: border-box; padding: 18px 48px 0; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.information .inor-right .li a:hover .nr {-webkit-transform: translate(-20px, 0px); -moz-transform: translate(-20px, 0px); -ms-transform: translate(-20px, 0px); transform: translate(-20px, 0px);}
.information .inor-right .li .nr:before {  content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 2px; background: #00388e; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.information .inor-right .li a:hover .nr:before { width: 90%;}
.information .inor-right .li .nr:after {  content: "";  position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #cf000d; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.information .inor-right .li a:hover .nr:after { width: 9%;}
.information .inor-right .li .nr h1 { line-height: 45px; overflow: hidden; white-space:nowrap;text-overflow:ellipsis; height: 45px; color: #333; font-size: 16px; margin-bottom:10px; border-bottom: 1px solid #E5E5E5;}
.information .inor-right .li .nr .p { font-size: 12px;  color: #888; line-height: 25px; height: 75px; overflow: hidden; width: 100%;}


/*footer*/
.footer{width:100%;background:#314561; color:#728398;}
.foot{ width:1200px; margin:0px auto; padding:30px 0;text-align:center;}
.foot li{ display:inline-block;border-right:1px solid #999; }
.foot li:first-child{border-left:1px solid #999;}
.foot li a{ display:block;width:120px; line-height:20px; color:#999; }
.foot li a:hover{ color:#fff;}
.footdown{width:100%;  background-color: #27374d; color:#728398; padding-top:30px;}
.footdown .telephone { float:left;width:30%; font-size: 35px; color: #C2000B; margin-bottom: 20px; padding-top: 30px; font-family: "Arial";}
.footdown .telephone img { margin-right: 5px;}
.footdown ul{float:left;width:30%; text-align:center;}
.footdown ul li{ display:inline-block; margin:0 20px;}
.footdown ul li .img{width:120px; height:120px; display:block;}
.footdown ul li .txt{display:block; line-height:30px;}
.footdown .pz{float:right;width:25%; text-align:right;}
.Copyright{width:1200px; margin:0 auto; padding:30px 0 15px;text-align: center;}


/*内页内容区*/
.contain{width:100%;position:relative;}
.l_banner{ font-size:0;}
.l_banner img{ max-width:100%;}
.touch-other-nav{ display:none;}
.content{ width:1200px; margin:40px auto;  background-color:#fff;padding:60px;}
.content img{ max-width:100%;}
.con{ color:#666; min-height:300px;_height:300px; margin-top: 15px;}
.con p{ padding-bottom:15px;line-height: 26px;}
.l_title{ position: relative; color: #999; line-height:40px; padding-bottom: 10px;border-bottom: 1px solid #E1E1E1; padding-left:40px; font-size:18px; color: #00388e; font-weight:700;}
.l_title:before { content: '';  display: block;  width: 36px;  height:40px; position: absolute; left:0; top:0; background:url(../images/icon-logo.png) no-repeat center center;}
.l_title.cuisine { border-bottom: 0;}

/*内页二级导航*/
.lh-other-nav{width:100%; background:#fff; overflow:hidden; padding:10px 0;border-top: 1px solid #f5f5f5;}
.lh-other-l li{float:left; margin:10px; max-width:180px;min-width: 100px;}
.lh-other-l li a{ position:relative;display: block; line-height:20px; text-align:center;}
.lh-other-l li.active a,.lh-other-l li a:hover{ color:#cf000d}
.lh-other-l li a:before{ content: ""; position: absolute; left: 0; bottom:-20px; width: 0; height: 2px; background: #cf000d; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.lh-other-l li a:after{content: ""; position: absolute; right: 0; bottom:-20px; width: 0; height: 2px; background: #00388e; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.lh-other-l li.active a:before,.lh-other-l li a:hover:before{width:18%;}
.lh-other-l li.active a:after,.lh-other-l li a:hover:after{width:80%;}

/*视频*/
.video{width:100%; margin-top:30px; font-size:0;}
.video li{ width:29%; margin:0 2% 20px; display:inline-block;*display:inline;*zoom:1; font-size:14px;}
.video a>img{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.video a:hover>img{transform:scale(1.1);}
.video-img{ display:block;width:100%; position:relative; overflow:hidden; border-radius:5px;}
.video-img>img{width:100%; height:100%;}
.video-img span{ position:absolute; top:50%; left:50%; margin-left:-30px; margin-top:-30px;}
.video-tit{ display:block; width:100%; line-height:20px; padding-top:10px; height:50px; overflow:hidden; text-align:center;}
@media screen and (max-width: 768px){
	.video li{ width:48%; margin:0 1% 20px;}
}
@media screen and (max-width: 480px){
	.video li{ width:100%; margin:0 0 20px;}
}

/*新闻列表*/
.new-list{ margin:30px 0;}
.new-list li{ margin-bottom:30px;}
.new-list li a{display: block; position: relative; width: 100%; height: 100%;}
.new-list li a .time { position: absolute; left: 10px; top: 50%; width: 100px; height: 112px; line-height: 112px; background: #00388e; margin-top: -56px; z-index: -1; font-size: 0; text-align: center; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;}
.new-list li a .time > div { display: inline-block; vertical-align: middle; line-height: 1.2;}
.new-list li a .time .day { font-size: 36px; color: #FFF;}
.new-list li a .time .year { font-size: 14px; color: #FFF;}
.new-list li a:hover .time { background: #cf000d; left: 5px;}
.new-list li a .nr { position:relative; background: #fff; margin-left: 100px; height: 220px; padding: 30px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); -moz-box-sizing: border-box; box-sizing: border-box;}
.new-list li a .nr .img {float: left; width: 240px; height:160px; margin-right:20px; overflow:hidden; text-align:center; line-height:140px; background:#eee url(../images/logo2.png) no-repeat; background-size:100% 100%;}
.new-list li a .nr .title { float:left;width:650px; }
.new-list li a .nr .title h1 { margin-top: 10px; height: 48px; line-height: 48px; width: 100%; font-size: 20px;margin-bottom: 12px;overflow: hidden; white-space:nowrap;text-overflow:ellipsis; border-bottom:1px dashed #ddd; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;}
.new-list li a .nr .title .p { font-size: 13px; color: #666; line-height: 25px; height: 50px; overflow: hidden; width: 100%;}
.new-list li a:hover .nr { margin-left: 105px;}
.new-list li a .nr:before {  content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 2px; background: #00388e; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.new-list li a:hover .nr:before { width: 90%;}
.new-list li a .nr:after {  content: "";  position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #cf000d; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.new-list li a:hover .nr:after { width: 9%;}

/*分页*/
.pages{ text-align:center; overflow:hidden; margin-top:2%; margin-bottom:2%;}
.pages a,.pages span{ padding:10px 22px; border:#ccc 1px solid; margin:0 2px; font-size:17px; display:inline-block; color:#333; font-family:"宋体"; margin-bottom:10px; border-radius:4px;}
.current{background:#00388e;color:#fff !important;border:#00388e 1px solid !important;}
.pages a:hover{  background:#00388e; margin:0 2px; color:#fff; text-decoration:none; }


/*新闻详情*/
.lh-newRes-h1{text-align:center; color:#333; font-size:20px; font-weight:bold; line-height:32px;}
.lh-newsRes-h2{text-align:center; margin-top:10px; padding-bottom:15px;border-bottom: 1px dashed #E9E9E9;}
.lh-newsRes-h2 span{ color:#999;}
.lh-newsRes-main{padding:30px 0; margin-top:20px; border-top:1px dashed #E9E9E9;border-bottom:1px dashed #E9E9E9; line-height:24px; color:#666;}
.lh-newsRes-main img{display:inline-block; width:auto;}

.lh-newsRes-page{margin-top:25px; position:relative;border-top: 1px dashed #E9E9E9; padding-top:20px;}
.lh-newsRes-page ul{width:80%;}
.lh-newsRes-page ul li{line-height:30px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.lh-newsRes-page ul li span{color:#00388e;}
.lh-newsRes-page ul li a{color:#666;}
.lh-newsRes-page ul li a:hover{color:#cf000d;}
.lh-more{display:inline-block; width:130px; height:30px; line-height:30px; font-weight:normal; text-align:center; color:#888; background:#fff; box-shadow:0 0 10px rgba(12,3,6,.13); position: absolute; right:0;top: 50%;margin-top: -15px;}
.lh-more:before{content:''; position:absolute; left:0;display:block; width:0; height:100%;background:#cf000d;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.lh-more span{ position:relative; z-index:9;}
.lh-more:hover{color:#fff;}
.lh-more:hover:before{width:100%;}

.video-c {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-c iframe,.video-c object,.video-c embed,.video-c video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/*产品列表*/
.pro-list{ margin-top:40px; font-size:0;}
.pro-list li { width: 50%; padding: 0 14px; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 36px; display:inline-block;*display:inline;*zoom:1;}
.pro-list li a { display: block; width: 100%; height: 100%; background: #f5f5f5; box-shadow: 1px 5px 20px 0px rgba(0, 0, 0, 0.1);  -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease;}
.pro-list li .img { float:left; width:60%;}
.pro-list li .nr { float:left;width:40%; text-align: center; padding: 20px 20px 0;}
.pro-list li .nr h1 { border-bottom: 1px dashed #B1B1B1; line-height: 24px; font-size: 18px;padding-bottom:15px; margin-bottom:15px;color: #00388e;max-height: 120px;}
.pro-list li .nr h2 { line-height: 24px;  width: 100%;font-size:18px; color:#333;}
.pro-list li .nr .pbtn { display: inline-block; width: 80px; margin-top:20px; line-height:30px; font-size:14px; border-radius:3px; color: #fff; background: #00388e; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s ease;  -moz-transition: all .4s ease; transition: all .4s ease;}
.pro-list li a:hover { -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px);}
.pro-list li a:hover .nr .pbtn { background: #cf000d;}
@media screen and (max-width: 768px){
/*产品列表*/
  .pro-list li { width:100%; padding:0;}  
  .pro-list li .nr {padding: 15px 15px 0;}
  .pro-list li .nr h1 {font-size: 16px;line-height: 22px;padding-bottom:10px; margin-bottom:10px;}
  .pro-list li .nr .pbtn { margin-top:10px; }
}
@media screen and (max-width: 480px){
/*产品列表*/
  .pro-list li .img { width: 50%;}
  .pro-list li .nr {width: 50%;padding: 10px 10px 0;}
  .pro-list li .nr h1 {font-size: 14px;line-height: 20px;padding-bottom:5px; margin-bottom:5px;max-height:80px; overflow:hidden;}
  .pro-list li .nr h2 {font-size:14px;}
  .pro-list li .nr .pbtn { margin-top:0;line-height:24px; font-size:12px;}
}

/*产品详情简介*/
.title2{position:relative;line-height:35px;padding:15px 0 20px;border-bottom:1px solid #E5E5E5; text-align:center;}
.title2 h1{font-size:22px; font-weight:normal;}
.title2 h2{font-size: 26px;color: #00388e;}
.pdc{width:100%;}
.pdc-img{ text-align:center;}
.pdc-img img{ max-width:100%;}

.tab1{width:100%;background:#eaeaea;margin-top:20px;}
.menu{width:100%; clear:both;}
.menu li{float:left;text-align:center; padding:0 20px;line-height:45px; cursor:pointer;}
.menu li.off{background:#00388e;color:#fff;}
.menudiv{width:100%;padding:20px;overflow: hidden;position: relative; background:#fff;}
.menudiv div{min-height:300px;}

/*画册*/
.album{ margin-top:40px; font-size:0;}
.album li{ width:25%; padding:0 20px; box-sizing:border-box; margin-bottom:30px; text-align:center; display:inline-block;*display:inline;*zoom:1;}
.album li a{ display:block;font-size:14px;-webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease;}
.album li .img{width:100%;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.album li .txt{ line-height:20px; margin-top:10px; height:40px;overflow: hidden;}
.album li a:hover{-webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px);}

/*在线留言*/
.fbtable{ font-size:14px;}
.msg{padding:9px 18px;margin-bottom:10px;border:1px solid #f1f1f1;background:#eee;}
.input-b{  height:30px; line-height:30px; color:#555;width:50%; padding:5px; border-radius:3px;background: #f8f8f8; margin:10px;border: 1px solid #ddd;}
.input-c{  height:100px;width:90%; line-height:25px; color:#555;padding:5px;border-radius:3px;background: #f8f8f8;margin:10px;border: 1px solid #ddd;}
.btn{border-radius: 4px; border: none; width:170px;font-size: 14px; height: 46px; background: #00388e; font-family:"微软雅黑";color: #fff; outline: none; cursor: pointer; -webkit-appearance: none; margin:0 auto; display: inline-block;margin-left:10px;  }
.btn:hover{filter:alpha(opacity=70);opacity:0.7;transition:all 0.3s;}

/*人才招聘*/
.job_bg{ overflow:hidden; background:url(../images/job_bg.png) #f7f7f7 right top no-repeat; padding-top:3%; padding-bottom:3%;}
.job_list ul{ padding:0;}
.job_list table{border-collapse:collapse;border-spacing:0; margin-bottom:10px;}
.job_list table td{ height:60px; color:#333333; font-size:14px; text-align:center;}
.job_list ul li{ height:60px; overflow:hidden; cursor:pointer;transition:all 0.3s;margin-bottom:10px; background:#f5f5f5;margin-bottom:20px;}
.job_list ul li tr:first-child td:last-child{background:url(../images/job_pic.png) 56% 15px no-repeat; }
.job_list ul li.hauto{height:auto; background:none; }
.job_list ul li.hauto tr:first-child{background:#00388e; }
.job_list ul li.hauto tr:first-child td:last-child{background:url(../images/job_pic3.png) 56% 15px no-repeat;}
.job_list ul li.hauto tr:first-child td{color:#fff;}
.job_list ul li .job_con{ line-height:22px; font-size:12px; padding-bottom:10px; padding-top:10px;}


/*返回顶部*/
#toTop { display: none; position: fixed; bottom: 100px; right: 20px; width: 64px; height: 64px; background-image: url('../images/up.png'); background-repeat: no-repeat;   opacity: 0.5;   filter: alpha(opacity=50); z-index: 10;}
#toTop:hover {opacity: 1;filter: alpha(opacity=100);}

/*手机导航*/
#dowebok{ display: none;}
.top-btn{ display: none;}
.top-languages{ display:none;}
#left-panel {display: none;}

/*响应式*/
@media screen and (max-width: 768px){
	body{ padding-top: 50px;min-width:100%;}
	.wrap{ width:100%;}
	
	/*header*/
	.headtop{ display:none;}
	.navigation-up{ height:50px;}
	.head .navigation-inner{width:100%; height:50px;}
	.navigation-v3{ display:none;}
	.header .logo {width: 150px;height: 40px; margin:5px 10px;}
	.top-languages{position: absolute;right: 60px;margin-top: 10px;width: 30px;height: 30px;display: block; }
	.top-languages a{ display:block; height:30px;width:30px;background:url(../images/languages3.png) no-repeat center center; background-size:24px 24px; font-size:0; z-index:-9999px;}
	.top-languages a:hover{background:url(../images/languages4.png) no-repeat center center; background-size:24px 24px;}
	.top-btn{position: absolute;right: 12px;top: 50%;margin-top: -20px;width: 40px;height: 40px;cursor: pointer; display: block;}
	.top-btn span{display:block; width:16px; height:2px; background:#C03C42; position:absolute; right:7px; top:50%; margin-top:-1px;transition:ease .45s; text-indent: -9999px;}
	.top-btn span:before{content:''; display:block; width:22px; height:2px; background:#C03C42; position:absolute; right:0; top:-8px;transition:ease .45s;}
	.top-btn span:after{content:''; display:block; width:22px; height:2px; background:#C03C42; position:absolute; right:0; top:8px;transition:ease .45s;}
	.top-btn:hover span{width:22px;}
	.top-btn:hover span:before{width:16px;}
	.top-btn:hover span:after{width:10px;}
	
	/*手机导航*/
	.panel {display: none; width: 260px; background-color: #00388e;}
	.accordion {width: 100%; padding-top:20px;}
	.accordion .link {cursor: pointer;display: block;padding: 10px 15px 10px 50px;color: #fff;font-size: 14px;border-bottom: 1px solid #032f73;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
	.accordion .link:before { content: '';  display: block; width: 16px; height: 2px; background: #fff; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);  transition: ease .45s;}
	.accordion li a{ color:#eee;}
	.accordion li i {position: absolute;top: 10px;right:12px;width:24px; height:24px;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
	.accordion li i.touch-arrow-down { background:url(../images/touch-arrow-d2.png) no-repeat center center; background-size:12px 12px;}
	.accordion li.open .link { background-color:#cf000d;border-bottom: 1px solid #de1c28;}
	.accordion li.open i.touch-arrow-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
	.submenu {	display: none;background: #cf000d;font-size: 14px;}
	.submenu li {	border-bottom: 1px solid #de1c28; }
	.submenu a {display: block;text-decoration: none;	color: #eee;	padding: 12px;	padding-left: 50px;	-webkit-transition: all 0.25s ease;	-o-transition: all 0.25s ease;transition: all 0.25s ease; }
	.submenu a:hover {	background: #b63b4d;color: #FFF;}
	
	/*首页标题*/
	.common{ padding-bottom:50px;}
	.common-1{ padding-bottom:50px;}
	.common-title { margin-bottom:30px; padding:40px 12px 0;}
	.common-title .title {line-height: 36px; padding-left:36px; background: url(../images/icon-logo.png) no-repeat left center; background-size:30px 30px;}
	.common-title .h1 {font-size: 20px; margin-right:0;}
	.common-title .h2 {font-size:16px;}
	.common-title .more a {padding:0 15px;}
	
	/*首页介绍*/
	.about-sunfa{ padding:0 12px;}
	.about-sunfa .ab-left{width: 100%;float: none; margin-bottom:20px;}
	.about-sunfa .ab-left .introduce {left:50%; margin-left:-165px; padding: 45px 30px 0;}
	.about-sunfa .ab-left .img { margin-left:0; width:100%; height:400px;}	
	.about-sunfa .ab-right{margin-left:0;}
	
	/*首页新闻*/
	.information { padding:0 12px;}
	.information .inor-left { float:none; height:auto; margin-bottom:20px;background:none;}
	.information .inor-left .img { width:100%; height:auto;}
	.information .inor-left .nr { position:relative; width:100%; bottom:0; left:0;padding: 20px 30px;}	
	.information .inor-right { margin-left:0;}
	.information .inor-right .li { height:220px;padding: 20px;}
	.information .inor-right .li + .li {margin-top:20px;}
	.information .inor-right .li .time { left:0; margin-top:33px;  width:30%;}
	.information .inor-right .li .nr { margin-top:0; margin-left:0;width:70%; height: 180px;padding: 18px 20px 0;}
	.information .inor-right .li .more-btn { bottom: 10px;}
	
	/*footer*/
   .foot {display:none;}
   .footdown li .img{width:100px; height:100px;}
   .footdown .telephone { float:none;width:100%; font-size: 35px; padding-top: 0; text-align:center;}
  .footdown ul{float:none;width:100%;}
  .footdown .pz{float:none;width:100%;}
  .Copyright{width:100%; padding:15px 12px;}   
  
   /*内页内容区*/
   .content{ width:auto; margin:20px 10px;padding:20px 12px; box-sizing:border-box;}
	
  /*二级导航*/
  .lh-other-nav{ display:none;}
  .touch-other-nav{ display:block;width:100%; background:#efefef; padding-top:20px;}
  .touch-tg{ height:40px;margin: 0 10px; line-height:40px; font-size:16px; background:#fff; padding:0 20px; box-sizing:border-box;}
  .touch-tg a{ display:block;background:url(../images/touch-arrow-d.png) no-repeat right center; background-size:12px 12px;}
  .touch-tg2{ background:#033279;}
  .touch-tg2 a{background:url(../images/touch-arrow-u2.png) no-repeat right center;background-size:12px 12px;color:#eee;}
  .touch-tg2 a:hover{ color:#eee;}
  .touch-sun{ display: none; margin: 0 10px; background:#fff;}
  .touch-sun li a{ line-height:36px; display:block;padding:0 20px; border-bottom:1px solid #efefef;}
  .touch-sun li a:hover{background: #00388e;color: #fff;}
	
	
	/*新闻列表*/
  .new-list li a .time { width:25%; height: 100px; line-height: 100px;margin-top: -50px;}
  .new-list li a .time .day { font-size: 24px;}
  .new-list li a .time .year {font-size: 12px;}
  .new-list li a .nr { margin-left:24%; height:75%; padding: 10px 15px 30px 15px;}
  .new-list li a .nr .img { display:none;}
  .new-list li a .nr .title { float:none;width:100%; }
  .new-list li a .nr .title h1 { margin-top:0; height:40px; line-height:40px;font-size: 16px;}
  .new-list li a:hover .nr { margin-left:25%;}
  .new-list li a:hover .nr:before { width: 80%;}
  .new-list li a:hover .nr:after { width: 18%;}
  .new-list li a .more-btn{right:10px;bottom: 10px;}

	/*新闻详情*/
  .lh-newsRes-page ul{width:100%;}
  .lh-newsRes-page .lh-more{display:none}

	/*在线留言*/
  .fbtable{ font-size:12px;}
  .input-b{ width:86%;margin:5px;}
  .input-c{ width:86%;margin:5px;}
  
  /*画册*/
  .album li{ width:50%; padding:0 10px; margin-bottom:10px;}
  .album li a{ font-size:12px;}
  
	
  /*人才招聘*/
  .job_list table td{ font-size:12px;}
  .job_list ul li tr:first-child td:last-child { background: url(../images/job_pic.png) 56% 20px no-repeat; background-size:20px 20px;}
  .job_list ul li.hauto tr:first-child td:last-child { background: url(../images/job_pic3.png) 56% 20px no-repeat;background-size:20px 20px;}
  .job_list ul li.hauto{background: url(../images/job_pic3.png) #f6f6f6 99% 10px no-repeat;}
  
  /*返回顶部*/
  #toTop {opacity:0; filter: alpha(opacity=0);}
  #toTop:hover {opacity: 0;filter: alpha(opacity=0);}

}
@media screen and (max-width: 480px){
	.job_list table td{ font-size:11px;}
	
	/*产品详情简介*/
	.menu li{ padding:0 10px;line-height:36px; font-size:12px;}
}