@charset "utf-8";
/* CSS Document */
/* fixed */
html, body { font: 14px/1.8 "微软雅黑"; color: #8d8d8d; }
.pw { width: 990px; margin: 0 auto; }
@font-face { font-family: 'MyriadPro'; src: url('../fonts/MyriadPro-Regular.eot'); src: local('☺'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'carpenterscript'; src: url('../fonts/carpenterscript.eot'); src: local('☺'), url('../fonts/carpenterscript.woff') format('woff'), url('../fonts/carpenterscript.ttf') format('truetype'), url('../fonts/carpenterscript.svg') format('svg'); font-weight: normal; font-style: normal; }
/* fixed end */
.rowbox { position: fixed; left: 0px; top: 0px; width: 100%; }
.row { position: relative; overflow: hidden; }
.sidedot { position: fixed; right: 2%; top: 50%; height: 58px; margin-top: -29px; z-index: 1000; }
.sidedot li { background-color: #fff; width: 12px; height: 12px; border-radius:100%; position: relative; margin-bottom: 11px; line-height: 3px; transition: 400ms; -webkit-transition: 400ms; cursor: pointer; }
.sidedot li .tii { position: absolute; left: 17px; opacity: 0; visibility: hidden; color: #df2128; font-size: 16px; white-space: nowrap; transition: 400ms; -webkit-transition: 400ms; display:none }
.sidedot li.active { background: #df2128; width: 12px; }
.sidedot li.active .tii { opacity: 1; visibility: visible; left: 38px; }
.rowaw { width: 50px; height: 50px; border-radius: 100%; position: fixed; left: 50%; margin-left: -25px; bottom: 5%; background: url(../images/black.png); background: rgba(0,0,0,.6); z-index: 1000; cursor: pointer; overflow: hidden; animation: bounce 2s ease-in-out 0.1s infinite; -webkit-animation: bounce 2s ease-in-out 0.1s infinite; }
.rowaw .aw { background-image: url(../images/row_aw.png); }
.rowaw.top .aw { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }

@-webkit-keyframes bounce {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    50% { -webkit-transform: scale(0.6); transform: scale(0.6); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes bounce {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    50% { -webkit-transform: scale(0.6); transform: scale(0.6); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

/*.logo { width: 219px; float: left; margin-left: 30px; margin-top: 8px; position: relative; z-index: 999; }
.logo img{width:219px;}
.logo2 { display: none; position: relative; z-index: 999; }
.nav { float: right; margin-right: 28px; position: relative; z-index: 999; margin-top:35px; padding-top:8px; }
.nav li { float: left; border-right:1px solid #000; line-height:16px; height:16px; }
.nav li:last-child{border-right:0}
.nav a { color: #404040; font-size: 16px; line-height: 16px; padding: 0 22px; }
.header{background:url(../images/head_bj.png) repeat; height:99px; width:100%;}
.header2{background:url(../images/head_bj2.png) repeat; height:99px; width:100%;}
.header-box{width:100%; max-width:1200px; margin:0px auto;}
.header .bg { background:url(../images/head_bj.png) repeat-y; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; opacity: 0; z-index: 10; transition: 400ms; filter: alpha(opacity=0); }
.header.brand { padding-bottom: 34px; }
.header.brand .bg { opacity: 1; filter: alpha(opacity=100); }*/
/*.header { padding-top: 34px; transition: 400ms; }*/
/*.nav a:hover,
.nav a.act { color: #404040; }
.tools { position: fixed; top: 50%; margin-top: -73px; right: 2%; z-index: 1000; }
.tools .txx { display: block; margin: 0 10px; max-width: 100%; margin-bottom: 22px; }
.tools > a { display: block; width: 30px; height: 30px; font-size: 0; overflow: hidden; }
.tools .weixin { background: url(../images/weixin.png) no-repeat center top; margin-bottom: 4px; }
.tools .sina { background: url(../images/sina.png) no-repeat center top; }
.tools > a:hover { background-position: center bottom; }
*/

.head{width:100%; background:url(../images/head_bj.png) repeat-x; height:99px; position:fixed; top:0px; left:0px; z-index:999999}
.head2{width:100%; background:url(../images/head_bj2.png) repeat-x; height:99px; position:fixed; top:0px; left:0px; z-index:999999;}

.top{max-width: 1200px; width:100%; margin:0px auto; color: #000 z-index: 1000; }
.top a:link, .top a:visited { color: #000;}
.top a:active,.top a:hover { color: #000;}
.top:hover .bg2,.topAct .bg2,.topScroll .bg2{ opacity: 1; visibility: visible;}
.topAct .bg,.topScroll .bg{ display: none;}
.logo{ float: left; display: block; position: relative; padding: 0px 0px; width:97px; margin-left: 5px; padding-top:15px; display:none}
.logo img{ width: 100%; display: block;}
.logo .img2{ display: none;}
.nav{ float: left; display: block; margin:0px auto; position: relative; width:100%;}
.nav li{ float: left; display: block; position: relative; margin-top:40px; height:99px;}
.nav li a{ padding: 0px 30px; font-size: 16px; display: block; position: relative; z-index: 2; border-right:1px solid #000; line-height:24px; }
.nav li a:hover{color: #000;}
.nav li a.active{ color: #000;}
.nav li a.hov{ color: #000;}
.navlogo{ float: left; display: block; position: relative; padding: 0px 0px; width:219px; height:77px; margin-left: 5px; margin-right:50px; padding-top:10px; display:block}
.navlogo img{width:100%;}
.top .subnav a:link, .top .subnav a:visited { color: #000;}
.top .subnav a:active,.top .subnav a:hover { color: #000;}
.nav .subnav{ position: absolute; left: 0px; top: 0px; margin-top:10px; background:rgba(255,255,255,.6); z-index:9;  padding: 16px 0px; display: none; color:#000;!important}
.nav .subnav a{ padding: 8px 15px; font-size: 14px; line-height: 1.2; font-weight: normal; height: auto; color:#fff;!important; float:left; border-right:0px;}
.nav .subnav a:hover{ color:#000;}
.moible-menu{ float: right; display:none;}
.moible-menu li{ float: left; display: block; width: 60px; height: 60px; border-left: 1px solid #eeeeee;}
.serach-icon,.signin-icon,.user-icon{ display: block; width: 100%; padding: 15px 0px;}
.serach-icon i,.signin-icon i{ width: 30px; height: 30px; display: block; margin: 0px auto 0px; background: url(../images/ico2.png) no-repeat; transform: scale(0.7); -webkit-transform: scale(0.7);}
.signin-icon i{ background-position:right center;}
.serach-icon.active,.signin-icon.active{ background-color: #efefef;}
.user-icon{ position: relative;}
.user-icon span{ background-size: cover; border-radius: 50%; background-position: center center; background-repeat: no-repeat; width: 26px; height: 26px; border: 2px solid #fff; display: block; margin: 0px auto; border: 2px solid #c1c1c1;}
.menu-yuyan {float:left}
.menu-yuyan a{ display: block; float: left; width: 31px; margin-top:15px; margin-right:5px; height: 31px; line-height:31px; margin-left: 15px; border:1px solid #ccc; border-radius:50%; text-align:center; color: #666!important;}
.menu-handler { display: block; width: 100%; height: 60px; cursor: pointer; position: relative; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 24px; height: 2px; background: #828282; display: block; position: absolute; z-index: 5; top: 21px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 29px; }
.menu-handler .burger-3 { top: 37px; }
.menu-handler.active{ background-color: #efefef;}
.menu-handler.active .burger-1 { top: 29px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 29px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.pusher{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.pusher-black{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: none; z-index: 900;}
.menuBox{ background-color: #fff; color: #8f8f8f; position: fixed; right: 0px!important; top: 0px; width: 570px; height: 100%;  z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch;  transform:translate(570px,0px);
-moz-transform:translate(570px,0px); /* Firefox 4 */
-webkit-transform:translate(570px,0px); /* Safari and Chrome */
-o-transform:translate(570px,0px); /* Opera */ transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.no-csstransforms3d .menuBox{ display: none;}
.navMobile{ background-color: #ffffff;}
.navMobile a{ padding: 12px 5%; display: block; position: relative; font-size: 16px; line-height: 1.4; color: #5b5b5b;}
.navMobile li{ border-bottom: 1px solid #efefef;}
.navMobile li.active{ background-color: #008bde;}
.navMobile li.active .item{ color: #fff;}
/*.navMobile li:first-child .item{ height: 36px; line-height: 36px; background-color: #f7f7f7;}*/
.navMobile .subnav{ display: none;}
.navMobile .subnav dd{ border-top: 1px solid #fff;}
.navMobile .subnav a { color: #fff; font-size: 14px;}
.navMobile .subnav a:hover { color: #fff;}
.nav-link:before{ content:""; width:18px; height:12px; position:absolute; right:5%; margin-top: -6px; top:50%; transform: scale(0.8); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); background:url(../images/m_ico1.png) no-repeat scroll center;  transition:0.4s; -webkit-transition:0.4s;}
.navMobile li.active .nav-link:before{ background-image: url(../images/m_ico2.png);}
.menuOpen .top{ transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .pusher-black{ display: block;}
.menuOpen .menuBox{ z-index: 999999999;}
.menuOpen .bottom-nav-box{ opacity: 0;}
.mobile-foot{ font:12px/1.8 "microsoft yahei"; padding: 20px 10%;}
.mobile-foot a:link,.mobile-foot a:visited { color: #8f8f8f;}
.mobile-foot a:active,.mobile-foot a:hover { color: #fff;}
.mobile-tel{ background: url(../images/tel2.png) no-repeat scroll 0px 0px; padding-left: 50px; font: 19px/30px "pf_din_text_comp_proregular","microsoft yahei"; color: #fff; margin-bottom: 10px;}
.mobile-ewm{ margin-bottom: 18px;}
.box-Serach{ position: fixed; left: 100%; top: 0px; height: 100%; width: 100%; background-color: #363636; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch; z-index: -1; color: #fff; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.open-box{ left: 0; z-index: 900;}
.box-sbox{ padding: 60px 0px 20px;}
.box-sbox .stxt{ box-sizing: border-box; font-size: 16px; padding: 18px 5%; display: block; border: 0px none; width: 100%; background-color: #efefef;}
.box-slist{ margin-bottom: 60px;}
.box-slist li{ border-bottom: 1px solid #616161; padding: 12px 5%; position: relative;}
.box-slist li:before{ content:""; width:16px; height:16px; position:absolute; right:5%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); background:url(../images/option_2.png) no-repeat scroll center;  transition:0.4s; -webkit-transition:0.4s;}
.box-slist li.active:before{ background-image: url(../images/option_1.png);}
.box-sbtn{ text-align: center;}
.box-sbtn .btn{ border: 1px solid #ffffff; color: #FFFFFF; padding: 1% 5%; display: inline-block; border-radius: 5px; margin: 0px 10px;}
.box-sbtn .btn:hover{ color: #666; background-color: #fff;}



.ipselects { top: -5px; color: #000; cursor: pointer; z-index:9999999; width:120px; position:relative; margin-left:10px; }
.ipselects .ipsee { padding: 0 15px 20px 28px; line-height: 30px; position: relative; font-size:16px; overflow:hidden; height:26px;}
.ipselects .ipsee .dq { width: 21px; position: absolute; top: 5px; left: 5px; background-image:url(../images/icon_earth.png); float:left; height:21px;}
.ipselects .ipsee .aw { width: 12px; position: absolute; top: 12px; right: 0px; background-image:url(../images/icon_arrow.png);float:left; height:7px; }
.ipselects dl { position: absolute; top: 28px; width:150px; left: 0; right: 0; z-index: 100; transition: 100ms; -webkit-transition: 100ms; transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; display: none; }
.ipselects dd { padding: 5px 10px 5px 0px; line-height: 24px; transition: background 100ms; -webkit-transition: background 100ms;  font-size:12px;}
.ipselects dd a{color:#000; border-right:0px!important;}
.ipselects dd a:hover{color:#000;}
.ipselects dd:hover { color: #000; }
.ipselects:hover dl { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; display: block; }


.banner { height: 100%; }
.banner .pic { position: absolute; top: 0; left: 0; }
.banner .bx-wrapper .bx-pager.bx-default-pager a { width: 5px; height: 5px; border: 1px solid #fff; background: none; }
.banner .bx-wrapper .bx-pager { bottom: 12%; }
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; }
.banner .bx-wrapper .bx-viewport { background: none; }
.ixtxts { position: absolute; width: 100%; height: 430px; left: 0; top: 50%; margin-top: -215px; background: url(../images/ixbg1.png); background: none; z-index: 10; overflow: hidden; transition: all 1s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; }
.ixtxts img { display: block; margin: 0 auto; max-width: 100%; }
.ixtxts .tx2 { margin-top: 75px; }
.ixtxts .pa { padding-top: 90px; }
#s1.active .ixtxts { -webkit-animation: scalewidth .6s ease both; animation: scalewidth .6s ease both; -webkit-animation-delay: .4s; animation-delay: .4s; }

@keyframes scalewidth {
    0% { opacity: 0; width: 0; }
    50% { opacity: 1; width: 50%; left: 25%; }
    100% { width: 100%; left: 0; }
}

@-webkit-keyframes scalewidth {
    0% { opacity: 0; width: 0; }
    50% { opacity: 1; width: 50%; left: 25%; }
    100% { width: 100%; left: 0; }
}

#s1.active .ixtxts .tx1 { -webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: .9s; animation-delay: .9s; }
#s1.active .ixtxts .tx2 { -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.ixab { background:url(../images/index_bj1.jpg) no-repeat center center; background-size: cover; height: 100%; color: #fff; /*background-attachment:fixed;*/ }
.ixab .pa { padding-top: 10%; }
.ixen { text-align: center; font-size: 48px; line-height: 1; color:#78940c; }
.ixab .tx { width: 1200px; margin: 0 auto; line-height: 30px !important; height: 90px; text-align: left; text-indent:32px; margin-top: 30px; color:#78940c; font-size:16px; }
#s2.active .ixab .en,
#s3.active .ixnews .en { animation: lightSpeedIn .7s ease-in-out both; -webkit-animation: lightSpeedIn .7s ease-in-out both; -webkit-animation-delay: .4s; animation-delay: .4s; }
#s2.active .ixab .tx,
#s3.active .ixnews .tx { -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
#s2.active .ixab .plist, #s3.active .ixnews .plist{-webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.ixnews {background:url(../images/index_bj2.jpg) no-repeat center center; background-size: cover; height: 100%; color: #fff; position:relative;}
.ixnews .pa { padding-top: 10%; }
.ixnt { text-align: center; font-size: 48px; line-height: 1; color:#fff; }
.ixnews .tx { width: 1200px; margin: 0 auto; line-height: 30px !important; height: 90px; text-align: left; text-indent:32px; margin-top: 30px; color:#000; font-size:16px; }


.ixab .list{width:100%; margin-top:100px;  padding:10px 0px 0px 0px; display:block;}
.ixab .list .box{width:100%; margin-top:50px; max-width:1200px; margin:0px auto;}
.ixab .list .box li{width:90%; margin-right:10%; margin-left:2%; text-align:center; float:left; padding-bottom:10px; margin-bottom:10px; transition:460ms;}
.ixab .list .box li:nth-child(4n+4){margin-right:0}
.ixab .list .box li figure{display:block; line-height:normal; overflow:hidden; border:5px solid #faecd4; border-radius:100%;}
.ixab .list .box li figure img{width:100%; text-align:center; transition:460ms; display:block}
.ixnews .list .box li:hover figure img{ text-align:center;transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.ixab .list .owl-nav{display:none}
.ixab .list .owl-dots{display:block!important; margin-top:50px;}
.ixab .list .owl-dots .owl-dot{width:13px; height:13px; margin-right:20px;}
.ixab .list .owl-dots .owl-dot.active span, .ixab .list .owl-theme .owl-dots .owl-dot:hover span{color:#df1414!important;}

.ixnews .list{width:100%; margin-top:30px;  padding:10px 0px 0px 0px; display:block;}
.ixnews .list .box{width:100%; margin-top:50px; max-width:1200px; margin:0px auto;}
.ixnews .list .box li{width:96%; margin-right:4%; margin-left:2%; text-align:center; float:left; padding-bottom:10px; margin-bottom:10px; transition:460ms; border:1px solid #ececec; background:#fff;}
.ixnews .list .box li:nth-child(4n+4){margin-right:0}
.ixnews .list .box li figure{display:block; line-height:normal; overflow:hidden; border:1px solid #eee; background:#fff;}
.ixnews .list .box li figure img{width:100%; text-align:center; transition:460ms; display:block}
.ixnews .list .box li figcaption{width:100%; height:110px; overflow:hidden}

.ixnews .list .box li .item2{width:96%; margin:10px auto; border-bottom:1px solid #ececec; position:relative; height:70px;}
.ixnews .list .box li .date { width: 76px; text-align:center; display:inline-block; position:absolute; left:0px; top:0px; border-right:1px solid #ececec}
.ixnews .list .box li .date .day { margin-top:0px; color:#939393; font-size:36px; line-height:36px; display:block}
.ixnews .list .box li .date .year{font-size:14px; margin-top:3px; display:block; color:#c8c8c8;}
.ixnews .list .box li .tit{float:left; margin-right:1%; margin-left:76px; padding-left:10px; font-size:14px; color:#333; line-height:26px; height:52px; overflow:hidden; text-align:left}

.ixnews .list .box li .more{line-height:20px; font-size:14px; color:#cfcfcf; text-align:left; height:20px; margin-left:2%;}



.ixnews .list .box li:hover figure img{ text-align:center;transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}

.ixnews .list .owl-nav{margin-top:30px;!important }
.ixnews .list .owl-nav .owl-prev {background:url(../images/news_left.png) no-repeat!important; width: 31px; height: 46px; overflow:hidden; text-indent: 9999px; margin-top: 20px; border-radius:0px!important;}
.ixnews .list .owl-nav .owl-next {background:url(../images/news_right.png) no-repeat!important; width:31px; height: 46px; text-indent: 9999px; overflow:hidden; margin-top: 20px; border-radius:0px!important;}
.ixnews .list .owl-nav .owl-prev:hover {background:url(../images/news_left.png) no-repeat!important;}
.ixnews .list .owl-nav .owl-next:hover {background:url(../images/news_right.png) no-repeat!important;}
.ixnews .list  .owl-dots{display:none!important;}


.ixfooter{background:url(../images/footer_bj.png) repeat-x; width:100%; position:absolute; bottom:0px; height:66px; line-height:66px;}
.ixfooter_box{width:100%; max-width:1200px; margin:0px auto;}
.ixfooter_l{float:left; width:30%; margin-left:10px;}
.ixfooter_l a{color:#ed8d33; font-size:12px;}
.ixfooter_l span{padding:0px 8px; color:#ed8d33}
.ixfooter_r{float:right;}
.ixfooter_r p{ text-align:right; font-size:12px; color:#ed8d33;}
.ixfooter_r i{font-style:italic; font-weight:bold;}
.ixfooter_r a{color:#ed8d33;}


@keyframes myS {
    0% { transform: translate(0,-10px); -webkit-transform: translate(0,-10px); }
    50% { transform: translate(0,0); -webkit-transform: translate(0,0); }
    100% { transform: translate(0,-10px); -webkit-transform: translate(0,-10px); }
}

@-webkit-keyframes myS {
    0% { transform: translate(0,-10px); -webkit-transform: translate(0,-10px); }
    50% { transform: translate(0,0); -webkit-transform: translate(0,0); }
    100% { transform: translate(0,-10px); -webkit-transform: translate(0,-10px); }
}

/*.navMobile { padding-top: 95px; }
.navMobile dd p a { display: block; color: #000; padding: 14px 5%; font-size: 14px; line-height: 1.4; }
.navMobile dd p a:hover { background: #0042a2; color: #fff; }
*/
.ab1.ixab .ch:hover { background: #213b5e; color: #fff; }
.ab1.ixab .tx { font-size: 13px; line-height: 26px !important; height: auto; }
.ab2 { height: 100%; background: url(../images/ixbg2.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.ixab .qiyxin { text-align:center;width:140px;height:40px;color:#fff;background:#213b5e;font-weight:bold;margin:0 auto;line-height:40px;margin-top:20px;}
.ixab .qiyxin a{ color:#fff;font-weight:500}



/*footer*/
.footer {color: #fff; width:100%;  z-index: 99000; background:url(../images/footer_bj2.png) repeat-x; height:66px; margin-top:-10px; line-height:66px;}
.footer_box{width:100%; max-width:1200px; margin:0px auto;}
.footer_l{float:left; width:30%; margin-left:10px;}
.footer_l a{color:#404040; font-size:12px;}
.footer_l span{padding:0px 8px; color:#404040}
.footer_r{float:right;}
.footer_r p{ text-align:right; font-size:12px; color:#404040;}
.footer_r i{font-style:italic; font-weight:bold;}
.footer_r a{color:#404040;}
/*footer end*/



.inside-nav{width:100%; text-align:center; display:inline-block; margin-top:40px; height:40px;}
.inside-nav ul{max-width:1000px; margin:0px auto; }
.inside-nav li{ display:inline-block; clear:both; padding:0px 0px; line-height:40px; text-align:center;  width:14%; margin-right:-4px; background:#0042a0;}
.inside-nav li:first-child{ border-radius:10px 0px 0px 0px}
.inside-nav li:last-child{ border-radius:0px 10px 0px 0px}
.inside-nav li:first-child a{ border-radius:10px 0px 0px 0px}
.inside-nav li:last-child a{ border-radius:0px 10px 0px 0px}
.inside-nav li a{font-size:14px; color:#fff; text-decoration:none; width:100%; display:block; border-left:1px solid #eee; border-right:0px;}
.inside-nav li a:hover, .inside-nav li a.cur{text-decoration:none; background:#008bde; color:#fff; height:40px;}
.inside-nav:after{content:""; background:url(../images/company_nav_bj1.jpg) no-repeat center; width:100%; max-width:562px; height:14px; margin:2px auto; display:block;}


.inside-nav2{width:100%; text-align:center; display:inline-block; margin-top:40px; height:40px;}
.inside-nav2 ul{max-width:1000px; margin:0px auto; }
.inside-nav2 li{ display:inline-block; clear:both; padding:0px 0px; line-height:40px; text-align:center;  width:14%; margin-right:-4px; background:#0042a0;}
.inside-nav2 li:first-child{ border-radius:10px 0px 0px 0px}
.inside-nav2 li:last-child{ border-radius:0px 10px 0px 0px}
.inside-nav2 li:first-child a{ border-radius:10px 0px 0px 0px}
.inside-nav2 li:last-child a{ border-radius:0px 10px 0px 0px}
.inside-nav2 li a{font-size:14px; color:#fff; text-decoration:none; width:100%; display:block; border-left:1px solid #eee; border-right:0px;}
.inside-nav2 li a:hover, .inside-nav2 li a.cur{text-decoration:none; background:#008bde; color:#fff; height:40px;}
.inside-nav2:after{content:""; background:url(../images/company_nav_bj2.jpg) no-repeat center; width:100%; max-width:277px; height:7px; margin:2px auto; display:block;}


.inside-box{width:100%;}
.inside-tit{background:url(../images/company_tit_bj.jpg) no-repeat center center; width:100%; max-width:390px; margin:30px auto; text-align:center}
.inside-tit H3{font-size:26px; color:#010101;}

.about{width:100%; margin:30px auto 0 auto; max-width:1100px;}
.about .c{width:100%; line-height:40px; color:#424242; font-size:14px; max-width:1200px; margin:0px auto 50px auto}


.history{width:100%; margin:30px auto 0 auto; max-width:1200px;}
.history img{width:100%;}


.technology{width:100%; margin:30px auto 0 auto; max-width:1100px;}
.technology .c{width:100%; line-height:40px; color:#424242; font-size:14px; max-width:1200px; margin:0px auto 50px auto}
.technology .l{float:left; width:50%;}
.technology .l H5{line-height:24px; color:#000000; display:block; font-weight:normal}
.technology .l span{font-weight:bold}
.technology .img{text-align:right}


.contact{width:100%; margin:30px auto 0 auto; background:url(../images/contact_bj.jpg) no-repeat right bottom;}
.contact .c{width:100%; line-height:26px; color:#000; font-size:14px; max-width:1100px; margin:0px auto 50px auto}
.contact H4{display:block; margin-top:30px; font-size:16px; font-weight:bold; line-height:30px;}
.contact H5{line-height:24px; color:#000000; display:block; font-weight:normal;}
.contact .img{text-align:left; margin-top:10px; display:block}


.chanye{width:100%; margin-bottom:20px;}

.chanye-box { margin-top: 10px; margin-bottom:20px; }
.chanye-box li { width:99%; overflow: hidden; float: left; position: relative; margin-left:1%}
.chanye-box li:first-child {margin-left:1%;}

.chanye-box li figure { display: block; line-height: normal; overflow: hidden; }
.chanye-box li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 450ms; }
.chanye-box li figcaption { display: block; width: 100%; height: 56px; line-height: 56px; color: #ffffff; font-size: 24px; background: rgba(0,0,0,0.5); background: #000\9; filter: alpha(opacity=50); position: absolute; left: 0; bottom: 0; transition: 300ms; text-align:center;}
.chanye-box li .diversified-wr { display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.8); visibility: hidden; background: #000\9; filter: alpha(opacity=80); position: absolute; left: 0; top: 0; z-index: 10; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; transform-origin: 50% 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform: rotateX(-60deg); -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; }
.chanye-box li .diversified-wr mark { display: block; background: none; padding-left: 10%; height: 100%; padding-right: 10%; opacity: 0; transform: translateY(26px); -webkit-transform: translateY(26px); -moz-transform: translateY(26px); transition: 450ms 0ms; }
.chanye-box li .diversified-wr h4 { line-height: normal; color: #fff; position: relative; padding-top: 20%; font-size: 24px; font-weight: normal; margin-bottom: 30px; border-bottom:1px solid #fff; padding-bottom:10px; text-align:center}
.chanye-box li .diversified-wr p { color: #ffffff; font-size: 13px; line-height: 2; }
.chanye-box li .diversified-wr span{width:100px; height:33px; border:1px solid #fff; margin:20px auto 0px auto; display:block; color:#fff; text-align:center; line-height:33px;}
.chanye-box li:hover figure img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); }
.chanye-box li:hover figcaption { bottom: -56px; }
.chanye-box li:hover .diversified-wr { opacity: 1; visibility: visible; transform: rotateX(0); -webkit-transform: rotateX(0); -moz-transform: rotateX(0); }
.chanye-box li:hover .diversified-wr mark { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 450ms 250ms; }


.honor{width:100%; margin:30px auto 0 auto; max-width:1100px;}
.honor .c{width:100%; line-height:30px; color:#424242; font-size:14px; max-width:1200px; margin:0px auto 50px auto}
.honor-box{width:100%; max-width:950px; margin:0px auto}


.news{width:100%; max-width:1100px; margin: 30px auto 60px auto;}
.news-list {margin-top: 30px; margin-bottom:30px;}
.news-list li {position: relative; margin-bottom: 20px; padding-top:20px; padding-bottom:20px; background: #fff; overflow: hidden;}
.no-boxshadow .news-list li {border: 1px solid #eee;}
.news-list li .date { position: absolute; left: 0px; top: 0px; width: 95px; height:95px; text-align:center; display:inline-block; background:#008bde; top:50%; margin-top:-47.5px}
.news-list li .date .day { margin-top:10px; color:#fff; font-size:48px; line-height:48px; display:block}
.news-list li .date .year{font-size:14px; margin-top:3px; display:block; color:#fff;}
.news-list li .box{ box-shadow: 0px 0px 10px #ccc; padding-top:20px; padding-bottom:20px; float:left; margin-right:1%; margin-left:95px; padding-left:20px;}
.news-list li figure{float:left; line-height:normal; width:30%; margin:0 auto; overflow:hidden;}
.news-list li figure img {display:block; line-height:0; height:auto; transition:460ms;}
.news-list .desc {float: left; width: 64%; padding-left: 3%; padding-right: 3%;}
.news-list .desc h3 {margin-top:5px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .38s; color:#000;}
.news-list .desc p {height: 120px; line-height:30px; font-size:14px; color: #666; overflow: hidden; margin:20px 0px;}
.news-list .more {display:block; width:110px; height:34px; background:#008bde; text-align:center}
.news-list .more span {color:#fff; font-size:14px; line-height:34px;}
.news-list li:hover .desc h3 { color: #000;}
.news-list li:hover figure img { transform: scale(1.1);}

.newsview {width: 100%;}
.newsview H3 {font-size: 24px; color: #666; line-height: 60px; text-align: center; padding:0px 10px;}
.newsview .info {width: 98%; margin: 0px auto; text-align: center; border-bottom: 1px dashed #ddd; border-top: 1px dashed #ddd; padding-bottom: 8px; padding-top: 8px;}
.newsview .info span {margin: 0px 10px;	line-height: 30px; font-size: 12px; text-align: center}
.newsview .info .ly{display:inline-block}
.newsview .info .time{display:inline-block}
.newsview .info .zi{display:inline-block}
.newsview .info .zi a{padding:0px 5px; color:#666;}
.newsview .c {font-size: 16px; line-height: 30px; padding: 0px 10px; margin-top: 30px; color:#404040}
.newsview .c img {text-align: center;}]
.newsview .c a{width:100%!important; color:#666!important; max-width:100%!important;}
.newsview .botbox{width:100%; max-width:100%; margin:30px auto 0px auto; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; padding:15px 0px; height:40px;}
.newsview .botbox .share{float:right; padding-left:10px; font-size:12px; padding-top:10px}
.newsview .botbox .newpage{float:left; padding-right:10px; font-size:12px; color:#404040}
.newsview .botbox .newpage span{display:block; line-height:24px;}

.newsview .bbtn{width:100%; text-align:center; margin-top:30px;}
.newsview .bbtn .btn1{width:130px; height:40px; line-height:40px; text-align:center; background:url(../images/news_back.jpg) no-repeat; color:#fff; display:inline-block; text-indent:-9999px; overflow:hidden}
.newsview .bbtn .btn1:hover{background:url(../images/news_back.jpg) no-repeat}
.newsview .bbtn .btn2{width:130px; height:40px; line-height:40px; text-align:center; background:url(../images/news_top.jpg) no-repeat; color:#fff; display:inline-block; padding-left:-10px; text-indent:-9999px; overflow:hidden}
.newsview .bbtn .btn2:hover{background:url(../images/news_top.jpg) no-repeat}

.product{width:100%; max-width:1100px; margin: 30px auto 60px auto;}

.product-tit{width:100%; display:block; margin-bottom:20px;}
.product-tit ul{margin-bottom:10px; display:block; float:left}
.product-tit li{float:left; margin-right:10px; margin-bottom:10px;}
.product-tit li a{float:left; border:2px solid #e4e4e4; padding:0px 21px; line-height:30px; color:#666; font-size:14px;}
.product-tit li a:hover, .product-tit li a.cur{ border:2px solid #008bde; line-height:30px; color:#2d3491; position:relative}
.product-tit li a:hover::after, .product-tit li a.cur:after{content:""; background:url(../images/product_icon.png) no-repeat; width:12px; height:12px; position:absolute; right:0px; bottom:0px; display:block;}
.product-tit:after{content:""; background:url(../images/product_line.png) no-repeat center center; width:100%; height:10px; margin-top:0px; float:left; display:block;}

.product-list{margin-top:30px;}
.product-list li{ width:23%; margin-right:2.5%; float:left; margin-bottom:20px;}
.product-list li:nth-child(4n+4){ margin-right:0;}
.product-list li figure{ display:block; line-height:0; overflow:hidden; position:relative; text-align:center;border:5px solid #eee;}
.product-list li figure .img{  width:100%;}
.product-list li figure img{ width:100%; transition:430ms;}
.product-list li figcaption{ display:block; overflow:hidden; background:#fff; position:relative; transition:340ms; height:40px; padding-top:10px;}
.product-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.product-list li figcaption H5{font-size:14px; color:#000; line-height:30px; text-align:center}


.product-view{width:100%;}
.proList a:hover .cover{ transform:scale(1); -webkit-transform:scale(1); opacity:1; display:block\9; }
.proList a:hover .name{ bottom:50%; font-size:16px; color:#fff;  }
.proList a:hover .pic{ box-shadow: 0 0 8px rgba(0,0,0,.3); }
.prob{ margin-bottom:25px; }
.proTitle3{ background:#78b92d; border:0; padding:15px 30px; color:#fff; margin-bottom:1px; }
.proopanel{margin-top:20px;}
.proopanel .proR{ padding-top:0; }
.ponavb{ background:#eee; padding:0 30px; }
.ponav{ padding:7px 0 18px 0; }
.ponav a{ display:block; float:left; color:#5a5a5a; padding:4px 6px; line-height:20px; margin:0 6px; position:relative; }
.ponav .line{ position:absolute; left:0; right:0; height:2px; background:#78b92d; display:block; bottom:0; transform:translateY(5px); -webkit-transform:translateY(5px); opacity:0; display:none\9; transition:300ms; -webkit-transition:300ms; }
.ponav .ico{ position:absolute; left:0; right:0; height:6px; background-image:url(../images/rr-poaw.png); bottom:-8px; display:none; }
.ponav a:hover .line,.ponav a.act .line{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1; display:block\9; }
.ponav a.act .ico{ display:block; }
.ponav a:hover,.ponav a.act{ color:#78b92d; }
.pronews a{ display:block; /*display: inline-block;*zoom: 1;*display: inline; vertical-align:middle;*/ color:#696868; line-height:30px; position:relative; }
.pronews .line{ display:block; width:0; height:1px; background:#78b92d; bottom:0; position:absolute; left:0; transition:400ms; -webkit-transition:400ms; }
.pronews a:hover{ color:#78b92d; }
.pronews a:hover .line{ width:100%; }
.pronews{ margin-top:25px; }
.poList a{ margin-bottom:40px; }
.pronewsb{ margin-top: 70px; }
.hotpros{ margin-top:48px; }
.promass{ padding-left:0px; padding-bottom:30px; }
.pmpics{ width:65%; float:left; }
.bigpic{ position:relative; display:block; height:445px; width:550px; }
.bigpic .imgs{ width:100%; position:absolute; left:0; top:0; }
.bigpic .imgs .pic{ position:absolute; top:0; left:0; border:1px solid #eee}
.bigpic .imgs .pic img{width:100%;}
.smallpic .bodr{ position:absolute; left:0; top:0; bottom:0; right:0; border:1px solid #eee; border-color:transparent; transition:300ms; -webkit-transition:300ms; }
.smallpic .bx-wrapper .bx-controls-direction a{ z-index:99; }
.smallpicb .bx-wrapper .bx-prev{ background:url(../images/proinfo_ljt.jpg) no-repeat left center; left:-32px; }
.smallpicb .bx-wrapper .bx-next{ background:url(../images/proinfo_rjt.jpg) no-repeat right center; right:-32px; }
.smallpicb .bx-wrapper .bx-prev:hover{ background-position:right center; }
.smallpicb .bx-wrapper .bx-next:hover{ background-position:left center; }
.smallpic .item{ cursor:pointer; }
.smallpic .item.act .bodr{ border:3px solid #008bde; }
.smallpic .item.act .bodr:before{ content:"";  position: relative; height: 0px; width: 0px; border-top: 10px solid #008bde; border-right: 10px solid transparent; border-left: 10px solid transparent; display:block; left:50%; top:-10px; margin-left:-5px;}
.smallpicb{ margin-top:15px; display:block; position:relative; max-width:550px; }
.jqzoom { position: relative; padding: 0; }
.zoomdiv { z-index: 100; position: absolute; top:0 !important; right:-410px !important; left:auto !important; width: 400px !important; height: 373px !important; background: url(../images/bx_loader.gif) #fff no-repeat center center; border: 1px solid #78b92d; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 200px !important; height: 200px !important; background: #78b92d 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; }
.pmtxts{ width:30%; float:left; }
.pmtxts .ti{ font-size:18px; margin-bottom:5px; border-bottom:1px solid #d7d7d7; color:#464646;}
.pmtxts .tx{ line-height:24px !important; margin-top:5px; font-size:14px; color:#aaa;}



/*翻页*/

.pagelist{ text-align:center; margin:30px 0px;}
.pages{ display:inline-block; margin:auto;}
.pages a{ display:inline-block; float:left; background:#fff; border:1px solid #ddd; text-align:center; height:41px; line-height:41px; color:#000; border-radius:0px;  margin:0px 3px 5px 3px;}
.pages a.prev{ width:41px;}
.pages a:hover{ color:#fff; background:#0768b2; border:1px solid #0768b2}
.pages a.prpage{ width:41px;}
.pages a.first i{background:url(../images/page-first.png) no-repeat; width:11px; height:13px; display:block; position:relative; top:50%; margin-top:-7px; left:50%; margin-left:-6px;}
.pages a.first:hover i{background:url(../images/page-first-2.png) no-repeat}
.pages a.last i{background:url(../images/page-last.png) no-repeat; width:11px; height:13px; display:block; position:relative; top:50%; margin-top:-7px; left:50%; margin-left:-6px;}
.pages a.last:hover i{background:url(../images/page-last-2.png) no-repeat}
.pages a.pre i{background:url(../images/page-prev.png) no-repeat; width:8px; height:13px; display:block; position:relative; top:50%; margin-top:-7px; left:50%; margin-left:-4px;}
.pages a.pre:hover i{background:url(../images/page-prev-2.png) no-repeat}
.pages a.nex i{background:url(../images/page-next.png) no-repeat; width:8px; height:13px; display:block; position:relative; top:50%; margin-top:-7px; left:50%; margin-left:-4px;}
.pages a.nex:hover i{background:url(../images/page-next-2.png) no-repeat}
.pages a.nuble{ width:41px;}
.pages a.act{ color:#fff; background:#0768b2; border:1px solid #0768b2}