@charset "utf-8";
ul,ol,dl,li,dd,dt {list-style: none; margin: 0px; padding: 0px; }
body { font: 14px/1.5 Microsoft YaHei, "微软雅黑","FZZHUNYSK","宋体", SimHei, Simsun, Arial; margin: 0; padding: 0; }

a { text-decoration: none; }
.main_row { position: relative; width: 1260px; margin: 0 auto; }
.main_fix { width: 100%; min-width: 1260px; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page_main { background-color: #fff; padding: 20px 20px 20px; }

.header { width: 100%; height: 100px; max-width: 1920px; min-width: 1360px; margin: 0 auto; }
.header .logo { padding-left: 10px; height: 100px; float: left; }
.header .logo img { width: 360px; height: 100px; }
.header .tel { padding-right: 10px; float: right; vertical-align: top; padding-top: 35px; }
.header .tel img { width: 301px; height: 36px; }
.header .nav { float: left; height: 100px; margin-left: 40px; }
.header .nav .navs { position: relative; z-index: 111; height: 100px; line-height: 100px; margin: 0px auto; text-align: left; font-size: 0; }
.header .nav .navs li { width: 110px; font-size: 18px; display: block; float: left; position: relative; }
.header .nav .navs li a { display: block; text-align: center; width: 110px; height: 100px; line-height: 100px; color: #104f96; text-decoration: none; }
.header .nav .navs li a.active,
.header .nav .navs li a:hover { color: #ffffff; background-color: #104f96; }
.header .nav .navs li .second-nav { margin-top: -1px; width: 110px; display: none; position: relative; }
.header .nav .navs li .second-nav li { position: relative; display: block; width: 100%; }
.header .nav .navs li .second-nav li a { display: block; width: 100%; height: 40px; line-height: 40px; color: #f7f7f7; background-color: #104f96; font-size: 16px; }
.header .nav .navs li .second-nav li a:hover { color: #ffffff; background-color: #707070; }
.header .nav .navs li .second-nav li .third-nav { /*position: absolute;*/ width: 150px; height: 200px; display: none; margin-left: 100%; margin-top: -40px; }
@media screen and (max-width: 1700px) { .header .tel { display: none; } }
.footer { width: 100%; padding: 10px 0 250px; background: url(../images/footer_back.png) bottom center no-repeat; }
.footer .index_title { margin-bottom: 20px; }
.footer .friend_img { text-align: center; }
.footer .friend_img a { display: inline-block; margin: 0 13px; }
.footer .friend_img img { width: 220px; height: 60px; }
.footer .friend_txt { text-align: left; width: 1200px; margin: 10px auto 0; }
.footer .friend_txt a { display: inline-block; margin: 10px 25px; color: #104f96; }
.footer .copy_right { height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; margin-top: 10px; }
.footer_desc { background-color: #104f96; border-top: 1px solid #d0ddea; color: #ffffff; height: 40px; line-height: 40px; text-align: center; }
.footer_desc li { padding: 0 20px; display: inline-block; }
.footer_desc li a { color: #fff; }

.tag{ color:#999; background:#efefef; padding:0px 0px; display: block; height: 0px; overflow: hidden; }
.tag a{ padding:2px 10px; background:#fff; margin-left:10px; color:#ccc}
.tag a:hover{ background:#666; color:#fff}
.tag span { margin-right:20px; color:#f00; font-weight:bold; }

/* 右下角悬停显示二维码返回顶部代码 CSS */
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:22px;bottom:22px;}/*导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}

.link { width: 100%; }
.link .index_title { margin-bottom: 20px; }
.link .friend_img { text-align: center; }
.link .friend_img a { display: inline-block; margin: 0 13px; }
.link .friend_img img { width: 220px; height: 60px; }
.link .friend_txt { text-align: left; width: 1200px; margin: 10px auto 0; }
.link .friend_txt a { display: inline-block; margin: 10px 25px; color: #104f96; }
.link .copy_right { height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; margin-top: 10px; }
.link_desc { background-color: #104f96; border-top: 1px solid #595959; color: #ffffff; height: 40px; line-height: 40px; text-align: center; }
.link_desc li { padding: 0 30px; display: inline-block; }

.page_banner { width: 100%; height: 300px; background-repeat: no-repeat; background-position: center top; position: relative; }
.page_banner .main_fix { height: 300px; width: 100%; min-width: 1260px; border-top-width: 1px; border-top-style: solid; border-top-color: #d0ddea; }
.page_banner .page_banner_nav { width: 100%; position: absolute; bottom: 0; height: 50px; line-height: 50px; padding-left: 50px; font-size: 14px; background: url(../images/page_bread.png); color: #fff; }
.page_banner .page_banner_nav a { color: #fff; }

.about .title { color: #999999; text-align: center; padding-top: 30px; }
.about .title .cn { font-size: 24px; line-height: 1.5; color: #155795; font-weight: 600; padding-bottom: 10px; }
.about .title .en { font-size: 16px; line-height: 1.5; }

@keyframes fadeInUp {
    0% { opacity: 0; transform: translate3d(0, 100%, 0) }
    to { opacity: 1; transform: none }
}
.fadeInUp { animation-name: fadeInUp }
@keyframes fadeInUpBig {
    0% { opacity: 0; transform: translate3d(0, 2000px, 0) }
    to { opacity: 1; transform: none }
}
.fadeInUpBig { animation-name: fadeInUpBig }

.animated { animation-duration: 1s; animation-fill-mode: both }
.animated.infinite { animation-iteration-count: infinite }
.animated.hinge { animation-duration: 2s }
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY { animation-duration: .75s }

.imgMouseOver {
    overflow: hidden;
    display: block;
}
.imgMouseOver img {
    transition: all 1s ease 0s;
}
.imgMouseOver:hover img{
    transform: scale(1.2);
}