.layout{max-width:1200px; margin:0 auto;}
.t-w{max-width:1200px; margin:0 auto;}
.t-w p{ font-size:14px; line-height:23px; margin-bottom:10px;}
img{max-width:100%;}
.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix{zoom:1;}
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}

/*header*/
#warpper{width:100%; position:relative; overflow-x:hidden;}
.header{width:100%; height:97px; background-color:#fff; filter:alpha(opacity=99); background-color:rgba(255, 255, 255, 0.99); position: fixed; _position:absolute; left:0; top:0; z-index:100; -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px rgba(0,0,0,0.2);}
.header.on{-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px rgba(0,0,0,0.2);}
.header .clearfix{position:relative;}
.logo{position:absolute; left:0px; top:0px;}
.logo1{display:none;position:absolute; left:0px; top:0px;}
.logo a{display:block; /*width:434px; height:100px; font-size:0; background-image:url(../images/logo.png); background-size:contain; background-repeat:no-repeat;background-position: center center;*/}
.logo1 a{display:block; width:100px; height:38px; font-size:0; /*background-image:url(../images/logo1.png);*/ background-size:contain; background-repeat:no-repeat;background-position: center center;}
.eng{position:absolute; top:15px; right:0px;}
.eng a{font-size:12px; color:#666; margin-left:10px; padding-left:2px; background-position:left center; background-repeat:no-repeat;}
.eng a.ch{background-image:url(../images/chinese.png);}
.eng a.en{background-image:url(../images/en.png);}
.searchbutt{width:40px; height:40px; position:absolute; left:50px; top:12px; background-color:#154576; font-size:0; cursor:pointer; border-radius:5px; background-image:url(../images/searchbutt.png); background-size:cover; background-repeat:no-repeat; display:none;}
.searchbox{width:220px; height:28px; border:1px solid #ddd; background-color:#fff; float:right; margin-top:40px; overflow:hidden;}
.searchbox .searchtext{width:160px; height:28px; padding:0px 10px; border:none; background-color:#fff; float:left; color:#333;}
.searchbox .searchbtn{width:40px; height:28px; border:none; background-color:#fff; float:right; cursor:pointer; background-image:url(../images/searchbtn.png); background-position:center center; background-repeat:no-repeat;}
.searchbg{width:100%; height:100%; position:fixed; left:0; top:60px; z-index:50; background-color:#000; filter:alpha(opacity=70); background-color:rgba(0, 0, 0, 0.7); display:none;}
.nav{float:right; margin-top:40px;}
.nav ul li{float:left; position:relative; margin-right:30px; height:57px;}
.nav ul li>a{font-size:16px; color:#333;}
.nav ul li:hover>a,.nav ul li.on>a{color:#154576;}
.nav ul li .nav-body{width:220px; position:absolute; left:50%; top:57px; margin-left:-80px; text-align:center; padding:10px 0px; background-color:#fff; filter:alpha(opacity=90); background-color:rgba(255, 255, 255, 0.9); display:none;}
.nav ul li .nav-body a{font-size:14px; color:#666; display:block; margin:10px 20px;}
.nav ul li .nav-body a:hover{color:#007eff;}
.btn-m-list{position:absolute; top:50%; left:10px; margin-top:-15px; height:30px; width:30px; cursor:pointer; display:none;}
.btn-m-list span{position:absolute; left:0; top:0; display:block; width:100%; height:1px; background:#333; transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: .25s ease-in-out; -o-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out;}
.btn-m-list span:first-child{top:10px;}
.btn-m-list span:nth-child(2){top:18px;}
.btn-m-list span:nth-child(3){top:18px;}
.btn-m-list span:nth-child(4){top:26px;}
.btn-m-list.on span:first-child,.btn-m-list.on span:nth-child(4){display:none;}
.btn-m-list.on span:nth-child(2){transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.btn-m-list.on span:nth-child(3){transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=70); background-color:rgba(0, 0, 0, 0.7); display:none; z-index:100;}
.mob-nav{width:60%; height:100%; position:fixed; _position:absolute; top:0; left:-60%; overflow-y:auto; overflow-x:hidden; background-color:#25211E; z-index:200; visibility:hidden; opacity:0; -webkit-transition: all .4s ease; transition: all .4s ease;}
.mob-nav.on{left:0px; visibility:visible; opacity:1;}
.mob-nav .msearchbox{width:100%; height:35px; position:relative; background-color:#fff;}
.mob-nav .msearchbox .mtext{width:100%; height:35px; border:none; background:none; font-size:14px; color:#333; text-indent:10px;}
.mob-nav .msearchbox .mbtn{width:40px; height:35px; border:none; position:absolute; right:0px; top:0px; z-index:5; cursor:pointer; background:url(../images/searchbtn.png) no-repeat;}
.mob-nav .neirong-close{width:24px; height:24px; background:url(../images/nav_close.png) no-repeat 7px center; position: absolute;top:20px;left: 10px; font-size:0; visibility: hidden;}
.mob-nav.on .neirong-close{visibility:visible;}
.mob-nav .subtab{padding-top:50px;}
.mob-nav .subtab li{border-bottom:1px solid #343434; position:relative;}
.mob-nav .subtab li .tlink{display:block; padding:10px; font-size:14px; color:#fff; background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li.on .tlink{background-color:#154576;}
.mob-nav .subtab li .subbtn{background-image:url(../images/moli.png);}
.mob-nav .subtab li.on .subbtn{background-image:url(../images/moli_h.png); background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li .submenu{width:100%; overflow:hidden; display:none;}
.mob-nav .subtab li .submenu a{display:block; font-size:14px; color:#fff; padding:10px; border-top:1px solid #343434; background-color:#000;}

/*banner*/
.bannerwarp{width:100%; height:100%; position:relative;}
.banner{overflow: hidden; clear:both; width: 100%; max-height:743px; position: relative; z-index: 1; margin-top:98px;}
.banner .bx-wrapper .bx-controls-direction a{visibility:hidden; opacity:0;}
.banner:hover .bx-wrapper .bx-controls-direction a{visibility:visible; opacity:1;}
.bx-wrapper{position:relative; margin:auto; padding:0; *zoom: 1;}
.bx-wrapper ul li{width:100%;}
.bx-wrapper ul li img{display:block; width:1920px;}
.bx-wrapper .bx-pager{position:absolute; left:0px; bottom:20px; z-index:10; width:100%; text-align:center;}
.bx-wrapper .bx-pager-item{margin:0px 5px; display:inline-block; *display:inline; zoom:1; }
.bx-wrapper .bx-pager-item a{display:block; width:10px; height:10px; font-size:0; border-radius:50%; background-color:#fff;}
.bx-wrapper .bx-pager-item a.active{background-color:#154576;}
.bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-28.5px; z-index:10;}
.bx-wrapper .bx-prev{left:80px;}
.bx-wrapper .bx-next{right:80px;}
.bx-wrapper .dnext,.bx-wrapper .dprev{/*display:block;*/ display:none; width:50px; height:50px; background:url(../images/arrowbtn1.png) no-repeat;}
.bx-wrapper .dnext{background-position:-50px 0px;}
.bx-wrapper .dprev{background-position:0px 0px;}
.bx-wrapper .bx-controls-direction a .dnext::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #e15620;
	background-image:url(../images/arrowbtn3.png);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.bx-wrapper .bx-controls-direction a .dnext:hover::after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.bx-wrapper .bx-controls-direction a .dprev::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #e15620;
	background-image:url(../images/arrowbtn2.png);
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.bx-wrapper .bx-controls-direction a .dprev:hover::after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

/*index*/
.contain{width:100%; position:relative; /*padding-top:100px;*/}
.section01{width:100%; background-color:#f1f1f1; padding-top:60px; padding-bottom:100px;}
.index-title{text-align:center;}
.index-title .index-tm{display:inline-block; *display:inline;zoom:1; position:relative; padding:0px 35px;}
.index-title .index-tm .sn{font-size:30px; font-weight:normal; color:#333; line-height:1; z-index:10; position:relative;}
.index-title .index-tm .span{font-size:22px; color:#999; font-family:times; z-index:10; position:relative;}
.index-title .index-tm .tif,.index-title .index-tm .tir{display:block; width:67px; height:34px; position:absolute; top:50%; margin-top:-17px; z-index:1; background-repeat:no-repeat;}
.index-title .index-tm .tif{left:0; background-image:url(../images/index-title01.png);}
.index-title .index-tm .tir{right:0; background-image:url(../images/index-title02.png);}
.index-text{ padding:30px auot; color:#fff; font-size:16px; margin-top:40px;}
.index-text p{ line-height:35px; margin-bottom:15px;}
.index-app{margin-top:40px;}
.index-app .owl-theme .owl-controls .owl-buttons div{display:block; width:70px; height:70px; position:absolute; top:50%; margin-top:-35px; background-color:inherit; border-radius:50%; background-image:url(../images/appbtn.png); background-repeat:no-repeat; background-position:0px 0px; box-shadow:#666 0px 0px 10px;}
.index-app .owl-theme .owl-controls .owl-buttons div.owl-prev{left:-5%; background-position:0px 0px;}
.index-app .owl-theme .owl-controls .owl-buttons div.owl-next{right:-5%; background-position:-70px 0px;}
.index-app .item{/*width:300px;*/ margin:0 3% !important; text-align:center;}
.index-app .item .tm{width:100%; height:226px; background-image:url(../images/in-app01.png); margin-bottom:-42px; position:relative; z-index:10;}
.index-app .item .tm h2{font-size:24px; color:#333; padding-top:30px;}
.index-app .item .tm .line{display:block; width:70px; height:4px; margin:15px auto; background-color:#154576;}
.index-app .item .tm p{font-size:14px; color:#999; padding:0px 25px;}
/*.index-app .item:hover{box-shadow:#666 0px 0px 10px;}*/
.index-app .item:hover .tm{background-image:url(../images/in-app02.png);} 
.index-app .item:hover .tm h2,.index-app .item:hover .tm p{color:#fff;}
.index-app .item:hover .tm .line{background-color:#fff;}
.index-app .item .pic{width:100%; max-height:265px; overflow:hidden; position:relative; z-index:1;}
.index-app .item .pic img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.index-app .item:hover .pic img{-webkit-transform:scale(1.12); -ms-transform:scale(1.12); transform:scale(1.12);}
.section02{width:100%; background-color:#133e75; background-image:url(../images/section02bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:top center; padding-top:60px; padding-bottom:100px;}
.section02 .index-title .index-tm{padding:0px 70px;}
.section02 .index-title .index-tm .sn{color:#fff;}
.section02 .index-title .index-tm .tif,.section02 .index-title .index-tm .tir{-moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); -o-transform:scaleY(-1); transform:scaleY(-1); /*IE*/ filter:FlipV;}
.index-about{margin-top:40px;}
.index-about ul li{width:380px; width:24%; float:left; margin-right:1%;}
.index-about ul li .pic{width:100%; overflow:hidden;}
.index-about ul li .pic img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.index-about ul li:hover .pic img{-webkit-transform:scale(1.12); -ms-transform:scale(1.12); transform:scale(1.12);}
.index-about ul li .tmain{background-color:#fff; position:relative; padding:30px 25px; min-height:75px;}
.index-about ul li .tmain h2{font-size:18px; color:#333; position:relative; z-index:10; margin-bottom:5px;}
.index-about ul li .tmain h3{font-size:14px; color:#999; position:relative; z-index:10;}
.index-about ul li .tmain .bg{display:block; width:100%; height:3px; position:absolute; left:0; bottom:0px; background-color:#154576; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.index-about ul li:hover .tmain h2,.index-about ul li:hover .tmain h3{color:#fff;}
.index-about ul li:hover .tmain .bg{height:100%;}
.index-about ul li:nth-of-type(4n){margin-right:0;}
.section03{width:100%; padding-top:60px; padding-bottom:100px;}
.section03 .index-title .index-tm{padding:0px 45px;}
.inrotab{text-align:center; padding-top:10px;}
.inrotab ul li{display:inline-block; _display:inline;zoom:1; margin-top:20px; height:35px; line-height:35px; border:1px solid #ddd; font-size:14px; color:#666; padding:0px 20px; cursor:pointer;}
.inrotab ul li.on{background-color:#154576; color:#fff; border-color:#154576;}
.index-pro{margin-top:50px;}
.index-pro ul li{/*max-width:300px;*/ width:24%; margin:0.5%; float:left; text-align:center;}
.index-pro ul li .pic{border:1px solid #ddd; position:relative; overflow:hidden;}
.index-pro ul li .pic img{width:100%; display:block;}
.index-pro ul li .bg{display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background-color:#fff; filter:alpha(opacity=80); background-color:rgba(255, 255, 255, 0.8); visibility:hidden; opacity:0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.index-pro ul li .h2{width:100%; position:absolute; left:0; top:70%; margin-top:-30px; z-index:10; text-align:center; font-size:14px; color:#154576; visibility:hidden; opacity:0;  -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.index-pro ul li .h2 span{display:block; width:34px; height:30px; margin:5px auto; background-image:url(../images/inpro.png);} 
.index-pro ul li .title{font-size:14px; color:3333; line-height:50px; height:50px;}
.index-pro ul li:hover .pic{border-color:#154576;}
.index-pro ul li:hover .bg{visibility:visible; opacity:1;}
.index-pro ul li:hover .h2{visibility:visible; opacity:1; top:50%;}
.index-pro ul li:hover .title{color:#154576;}
.section04{width:100%; background-color:#f1f1f1; padding-top:60px; padding-bottom:100px;}
.index-cool{padding-top:30px;}
.index-cool ul li{width:14.285%; float:left;margin:0.5%;}
.index-cool ul li span{display:block; margin:1.5%; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.index-cool ul li span img{width:100%; display:block;}
.index-cool ul li:hover span{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}


.indexnews{margin-top:20px;}
.indexnews ul li{width:32%; float:left; background-color:#fff; margin-top:20px; margin-right:2%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.indexnews ul li:nth-child(3n),.indexnews ul li.mr0{margin-right:0;}
.indexnews ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.04); transform: translate3d(0,-10px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.indexnews ul li .pic{width:100%; position:relative; overflow:hidden; background-color:#eee;}
.indexnews ul li .pic img{width:100%; display:block; -webkit-transition: all .5s ease; transition: all .5s ease;}
/*.indexnews ul li:hover .pic img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}*/
.indexnews ul li .tmain{padding:30px 35px;}
.indexnews ul li .time{display:block; font-size:14px; color:#999; line-height:25px;}
.indexnews ul li .title{font-size:18px; color:#333; margin:10px 0px; height:27px;}
.indexnews ul li:hover .title{color:#124685;}
.indexnews ul li .h3{font-size:14px; color:#999; height:42px; overflow:hidden; margin-bottom:20px; word-wrap:break-word;}
.indexnews ul li .more{display:block; width:34px; height:34px; line-height:37px; text-align:center; font-family:SimSun; font-size:18px; color:#989898; border:1px solid #dfdfdf; border-radius:50%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.indexnews ul li:hover .more{background-color:#124685; border-color:#124685; color:#fff;}



/*about*/
.nybanner{width:100%; height:650px; background-position:center center; background-repeat:no-repeat; margin-top:98px;}
.nybanner img{width:100%; display:block;}
.navigation{background-color:#fff; border-bottom:1px solid #ddd; padding:30px 0px;}
.navigation .menu{float:left;}
.navigation .menu li{float:left; margin-right:20px;}
.navigation .menu li a{font-size:16px; color:#666; display:block; text-align:center; /*width:110px;*/ padding:0px 15px; height:40px; line-height:40px; background-color:#ebebeb;}
.navigation .menu li:hover a,.navigation .menu li.on a{color:#fff; background-color:#095aab;}
.addlink{float:right; font-size:14px; color:#666; line-height:40px;}
.addlink a{color:#999;}
.addlink a:hover,.navigation .addlink a.on{color:#666;}
.addlink .home:before{display:inline-block; content:" "; vertical-align:-1px; margin-right:2px; width:15px; height:13px; background-image:url(../images/home.png); background-position:left top; background-repeat:no-repeat;}
.addlink em{margin:0 3px; font-family:Simsun;}
.about-box01{width:100%; background-color:#fff; padding-top:60px; padding-bottom:60px;}
.about-box01 .about-tm{float:left; width:50%;}
.about-box01 .about-tm .h2{font-size:30px; font-weight:bold; color:#154576;}
.about-box01 .about-tm .h3{font-size:24px; color:#333; padding:20px 0px;}
.about-box01 .about-tm p{font-size:14px; color:#999; margin-bottom:2%; text-align:justify;}
.about-box01 .about-tm .tm{max-height:250px; overflow-y:auto;}
.about-box01 .about-pic{/*max-width:620px;*/ width:48%; float:right; margin-top:38px;}
.about-box01 .about-pic img{width:100%; display:block;}
.about-box02{width:100%; background-color:#ebebeb; padding-top:60px; padding-bottom:60px;}
.about-box02 .about-h2{font-size:24px; color:#333;}
.about-box02 .ab-icon ul li{width:18.8%; height:125px; background-color:#fff; float:left; margin-top:1%; margin-right:1.5%; text-align:center;}
.about-box02 .ab-icon ul li:nth-of-type(5n){margin-right:0;}
.about-box02 .ab-icon ul li i{display:block; width:55px; height:50px; margin:20px auto 0 auto; background-image:url(../images/about01.png); background-position:0px 0px; background-repeat:no-repeat; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.about-box02 .ab-icon ul li:hover{background-color:#154576;}
.about-box02 .ab-icon ul li:hover i{background-position:0px -50px;}
.about-box02 .ab-icon ul li:hover span{color:#fff;}
.about-box02 .ab-icon ul li span{display:block; font-size:18px; color:#666;}

/*product*/
.probg .navigation{border-bottom:none; padding-bottom:0px;}
.product-box{padding-bottom:50px; padding-top:10px;}
.product-box .index-pro ul li{width:22%; margin:0.5% 1.5%;}
.page{text-align:center; padding:40px 0px; list-style:none; width:100%;}
.page ul{width:100%; margin:0 auto; text-align:center;}
.page ul li{ float:left; margin:5px;}
.page a{font-size:14px; display:inline-block; border:1px solid #e3e3e3; padding:3px 10px; color:#666;}
.page a.on{background-color:#154576; border-color:#154576; color:#fff;}
.page ul li.active{background-color:#154576; border-color:#154576; color:#fff;}
.page ul li.active a{ color:#fff;}
.page a:hover{border-color:#154576;}
.rootm{padding-top:30px; padding-bottom:50px;}
.rootm p{font-size:14px; color:#666; line-height:30px;}
.pro-details{padding-bottom:90px; margin-top:30px;}
.pro-details .proimg{border:1px solid #ddd; box-shadow: 0 4px 7px rgba(0, 0, 0, 0.08); float:left; /*max-width:566px;*/ width:44%; position:relative; padding:50px 0px;}
.pro-details .proimg img{width:100%; height:100%; display:block;}
.pro-details .proinfo{/*max-width:685px;*/ width:52%; float:right;}
.pro-details .proinfo h1{font-size:24px; color:#333;}
.pro-details .proinfo .h2{font-size:14px; color:#666;}
.pro-details .proinfo .ro-h3{font-size:16px; color:#333; margin-top:30px;}
.pro-details .proinfo .ro-item{font-size:14px; color:#666; margin-top:5px;}
.pro-details .proinfo .ro-btn{margin-top:30px;}
.pro-details .proinfo .ro-btn a{display:inline-block; border:1px solid #ddd; font-size:14px; color:#7f7f7f; height:40px; line-height:40px; padding-left:40px; padding-right:10px; background-image:url(../images/downbtn.png); background-position:10px center; background-repeat:no-repeat;}
.pro-details .proinfo .ro-btn a:hover{border-color:#154576; color:#154576;}
.pro-details .proinfo .ro-return{margin-top:140px; margin-bottom:10px;}
.pro-details .proinfo .ro-return a{display:block; width:160px; height:45px; line-height:45px; background-color:#154576; font-size:16px; color:#fff; text-align:center; transition: all 0.5s;}
.pro-details .proinfo .ro-return a i{background-image:url(../images/returnbg.png); background-repeat:no-repeat; background-position:right center; padding-right:20px;}
.pro-details .proinfo .ro-return a:hover{background-color:#2d618f;}

/*相关样式*/
.sz-zoom{display:block; width:23px; height:23px; position:absolute; right:10px; bottom:10px; background-image:url(../images/zoombtn.png); background-repeat:no-repeat;}
#showbox{background-color:#fff; margin:0 auto;}
#showbox span{background:url(../images/zoom-mask.png) repeat; cursor:move;}
#showbox p{border:1px solid #ddd;}

/*news*/
.newslist ul li{border-bottom:1px solid #ddd; padding:30px 0;}
.newslist ul li .item{position:relative; padding-left:290px; min-height:174px; padding-right:90px;}
.newslist ul li .pic{position:absolute; left:0; top:0; width:265px; height:174px; overflow:hidden;}
.newslist ul li .pic img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.newslist ul li .pic:hover img{-webkit-transform:scale(1.12); -ms-transform:scale(1.12); transform:scale(1.12);}
.newslist ul li .title{height:33px; line-height:33px;}
.newslist ul li .title a{font-size:22px; color:#333; font-weight:bold;}
.newslist ul li .title a:hover{color:#154576;}
.newslist ul li .pm{font-size:14px; color:#666; height:52px; overflow:hidden; margin:20px 0; max-width:770px;}
.newslist ul li .more{display:block; font-size:14px; color:#666; text-align:center; width:98px; line-height:30px; border:1px solid #ddd;}
.newslist ul li .more:hover{background-color:#154576; border-color:#154576; color:#fff;}
.newslist ul li .day{width:68px; /*height:68px;*/ padding:11px 0px; border:1px solid #ddd; border-radius:5px; position:absolute; right:0; top:50%; margin-top:-35px; text-align:center;}
.newslist ul li .day i{display:block; width:18px; height:18px; margin:5px auto; background-image:url(../images/time.png); background-repeat:no-repeat;}
.newslist ul li .day span{font-size:12px; color:#666;}
.newsdetails{padding:60px 0px;}
.nwtext h1{font-size:36px; color:#333; text-align:center;}
.nwtext .nwinfo{padding:4px 20px; background-color:#f7f5f4; margin-top:20px;}
.nwtext .nwinfo .clearfix{max-width:500px; margin:0 auto;}
.nwtext .nwinfo span{display:block; float:left; color:#8a8a8a; line-height:28px;}
.nwtext .nwinfo .bdsharebuttonbox{float:right;}
.nwmore{overflow:hidden;zoom:1; border-top:1px solid #e7e7e7; padding-top:20px;}
.nwmore .ul{float:left;}
.nwmore .ul li{font-size:16px; color:#333; margin-bottom:5px;}
.nwmore .ul li a{color:#333;}
.nwmore .ul li a:hover{color:#035cac; text-decoration:underline;}
.nwmore .return{float:right; display:block; width:160px; height:45px; line-height:45px; background-color:#154576; font-size:16px; color:#fff; text-align:center; transition: all 0.5s;}
.nwmore .return i{background-image:url(../images/returnbg.png); background-repeat:no-repeat; background-position:right center; padding-right:20px;}
.nwmore .return:hover{background-color:#2d618f;}

/*app*/
.appbg .navigation{border-bottom:none; padding-bottom:0px;}
.applist ul li{background-color:#f3f3f3; float:left; width:49%; overflow:hidden;zoom:1; margin-top:2%; margin-right:2%;}
.applist ul li:nth-of-type(2n){margin-right:0;}
.applist ul li a{display:-webkit-box; display:-moz-box ;display:-ms-flexbox; display:flex;}
.applist ul li .tm{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1; padding:20px;}
.applist ul li .tm h2{font-size:22px; color:#333;}
.applist ul li .tm h3{font-size:14px; color:#999; margin-top:20px; margin-bottom:50px;}
.applist ul li .tm span{font-size:14px; color:#999; display:inline-block; line-height:25px; padding-right:30px; background-image:url(../images/appmore.png); background-position:right center; background-repeat:no-repeat;}
.applist ul li .pic{width:380px; float:right; overflow:hidden;}
.applist ul li .pic img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.applist ul li .pic:hover img{-webkit-transform:scale(1.12); -ms-transform:scale(1.12); transform:scale(1.12);}
.apptou{padding-top:10px; padding-bottom:80px;}
.apptou .pic{width:53%; /*max-width:682px;*/ float:left;}
.apptou .pic img{width:100%; display:block;}
.apptou .tm{width:43%; float:right; max-height:355px; overflow:auto;}
.apptou .tm .h2{font-size:22px; color:#333; margin-bottom:20px;}
.apptou .tm p{font-size:14px; color:#666; line-height:30px; text-align:justify;}
.pro-title{height:40px; line-height:40px; background-color:#ededed; border-left:5px solid #154576; padding-left:20px; font-size:16px; color:#333;}
.pro-like{padding-top:50px;}
.pro-like .item .pic{border:1px solid #ddd; position:relative; overflow:hidden;}
.pro-like .item .pic img{width:100%; display:block;}
.pro-like .item .bg{display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background-color:#fff; filter:alpha(opacity=80); background-color:rgba(255, 255, 255, 0.8); visibility:hidden; opacity:0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.pro-like .item .h2{width:100%; position:absolute; left:0; top:70%; margin-top:-30px; z-index:10; text-align:center; font-size:14px; color:#154576; visibility:hidden; opacity:0;  -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.pro-like .item .h2 span{display:block; width:34px; height:30px; margin:5px auto; background-image:url(../images/inpro.png);} 
.pro-like .item .title{font-size:14px; color:3333; line-height:50px; height:50px; text-align:center;}
.pro-like .item:hover .pic{border-color:#154576;}
.pro-like .item:hover .bg{visibility:visible; opacity:1;}
.pro-like .item:hover .h2{visibility:visible; opacity:1; top:50%;}
.pro-like .item:hover .title{color:#154576;}

/*contact*/
.contaclt{width:100%; overflow:hidden;zoom:1;}
.contaclt ul li{width:33.333%; height:166px; float:left; margin-top:3%;}
.contaclt ul li div{padding:50px 30px; height:66px; background-color:#f4f4f4; transition: all 0.5s;}
.contaclt ul li div.t1{margin-right:20px;}
.contaclt ul li div.t2{margin:0px 10px;}
.contaclt ul li div.t3{margin-left:20px;}
.contaclt ul li:hover div{background:#e8e0e0;}
.contaclt ul li img{width:64px; height:64px; float:left; margin-right:30px;}
.contaclt ul li h3{font-size:14px; color:#333; font-weight:bold;}
.contaclt ul li p{font-size:14px; color:#666;}
.map{border:1px solid #ddd; padding:5px; margin:60px 0px 40px 0px;}
.map img{width:100%; display:block;}

/*footer*/
.footer{width:100%; background-color:#141c27;}
.footer .foottou{padding:60px 0px;}
.footer .footdl{float:left; width:135px; margin-right:3%;}
.footer .footdl dt{border-bottom:2px solid #444a52; font-size:14px; color:#bfcbdb; height:29px; margin-bottom:10px;}
.footer .footdl dt span{display:inline-block; border-bottom:2px solid #bfcbdb; padding-bottom:8px;}
.footer .footdl dd{padding-top:10px;}
.footer .footdl dd a{font-size:12px; color:#808b9a;}
.footer .footdl dd a:hover{color:#fff;}
.footer .footewm{width:122px; float:right; text-align:center;}
.footer .footewm img{width:122px; display:block;}
.footer .footewm dd{padding:10px 0px; font-size:12px; color:#5e6875;}
.footer .footshark{overflow:hidden;zoom:1; padding:25px 0px; border-top:1px solid #38424f;}
.footer .footshark .bdsharebuttonbox{float:right; /*width:152px;*/ width:93px;}
.footer .footshark .bdsharebuttonbox a{margin:0px; padding:0px; width:26px; height:26px; background-image:url(../images/shark.png); background-repeat:no-repeat; margin-left:5px;}
.footer .footshark .bdsharebuttonbox a.bds_weixin{background-position:0px 0px;}
.footer .footshark .bdsharebuttonbox a.bds_tsina{background-position:-26px 0px;}
.footer .footshark .bdsharebuttonbox a.bds_renren{background-position:-52px 0px;}
.footer .footshark .bdsharebuttonbox a.bds_linkedin{background-position:-78px 0px;}
.footer .footshark .copy{float:left; color:#b3b5ba; margin-top:5px;}
.footer .footshark .copy a{color:#b3b5ba;}
.footer .footshark .copy a:hover{color:#fff;}

/*backtop*/
.backtop{width:47px; height:47px; position:fixed; _position:absolute; right:10px; bottom:10px; z-index:100; display:none;}
.backtop a{display:block; width:47px; height:47px; overflow:hidden; font-size:0; background-image:url(../images/backtop.png); background-repeat:no-repeat;}

/* Table of Contents
==================================================

    #Mobile - 320px	
    #Mobile - 380px	
	#Mobile - 480px	
	#Mobile - 640px	
*/
/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
	.layout{ width: 1180px; }
	.logo{position:absolute; left:0px; top:0px;}
.logo1{display:none;position:absolute; left:0px; top:0px;}
.logo a{display:block; /*width:434px; height:100px; font-size:0; background-image:url(../images/logo.png); background-size:contain; background-repeat:no-repeat;background-position: center center;*/}
.logo1 a{display:block; width:100px; height:38px; font-size:0; /*background-image:url(../images/logo1.png);*/ background-size:contain; background-repeat:no-repeat;background-position: center center;}
	.t-w{ width: 1180px; }
  	
}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
	.layout { width: 750px; }
	.t-w{ width: 750px; }
	.banner{ margin-top:60px;}
  .nybanner{ margin-top:60px;}
	.header{height:60px;}
	.header .clearfix{position:static;}
	.nav{display:none;}
	.logo{display:block;top:30px; left:42%; transform: translateX(0) translateY(-50%);}
	.logo a{width:105px; }
	.logo1{ display:none; }
	.btn-m-list,.searchbutt{display:block;}
	.eng{top:23px; right:10px;}
	.searchbox{width:100%; height:60px; position:absolute; left:0; top:60px; z-index:60; margin-top:0; float:none; border:none; display:none;}
	.searchbox .searchtext{width:96%; height:60px; padding:0 2%;}
	.searchbox .searchbtn{position:absolute; right:0; top:0; width:60px; height:60px; background-color:#154576; background-image:url(../images/searchbutt.png); background-size:cover; background-position:center center; background-repeat:no-repeat;}
	.index-app .owl-theme .owl-controls .owl-buttons div.owl-prev{left:0;}
	.index-app .owl-theme .owl-controls .owl-buttons div.owl-next{right:0;}
	.navigation{display:none;}
	.about-box01 .about-tm{width:100%;}
	.about-box01 .about-pic{width:100%; margin-top:5px;}
	.applist ul li{width:100%;}
	.apptou{padding-bottom:40px;}
	.apptou .pic{width:100%;}
	.apptou .tm{width:100%; padding-top:20px;}
	.contaclt ul li{height:auto;}
	.contaclt ul li div{min-height:135px; height:auto; padding-top:10%;}
	.contaclt ul li img{float:none; margin:0 auto;}
	.pro-details{padding-top:30px; padding-bottom:40px;}
	.pro-details .proinfo .ro-return{margin-top:30px;}
	.pro-details .proimg{padding:0px;}
	#showbox{width:100% !important; height:auto !important;}
	#showbox>div{width:100% !important; height:auto !important; top:auto !important; left:auto !important;}
	#showbox b img{width:100% !important; height:auto !important; display:block;}
	#showbox span,#showbox p,.sz-zoom{display:none !important;}
	
	.footer .footdl{display:none;}
	.footer .footewm{float:none; margin:0 auto;}
	.indexnews ul li .tmain{padding:20px 15px;}
	.searchbutt{ display:none;}
}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
	.layout { width: 95%; }	
	.t-w{ width: 95%; }
	.banner{ margin-top:0px;}
  .nybanner{ margin-top:0px;}
	.contain{padding-top:60px;}
	
	.header{height:60px;}
	.header .clearfix{position:static;}
	.nav{display:none;}
	.logo{display:block; top:30px; left:25%; transform: translateX(0) translateY(-50%);}
	.logo a{width:180px;}
	.logo1{display:none;}
	.btn-m-list,.searchbutt{display:block;}
	.eng{top:23px; right:10px;}
	.searchbox{width:100%; height:60px; position:absolute; left:0; top:60px; z-index:60; margin-top:0; float:none; border:none; display:none;}
	.searchbox .searchtext{width:96%; height:60px; padding:0 2%;}
	.searchbox .searchbtn{position:absolute; right:0; top:0; width:60px; height:60px; background-color:#154576; background-image:url(../images/searchbutt.png); background-size:cover; background-position:center center; background-repeat:no-repeat;}
	.index-app .owl-theme .owl-controls .owl-buttons div.owl-prev{left:0; display:none;}
	.index-app .owl-theme .owl-controls .owl-buttons div.owl-next{right:0; display:none;}
	.section01,.section02,.section03,.section04{padding-top:40px; padding-bottom:40px;}
	.index-about ul li{width:100%; margin-right:0; margin-bottom:20px;}
	.inrotab ul li{width:43%; padding:0px 2%; margin-top:10px;}
	.index-pro ul li{width:48%; margin:1%;}
	.index-cool ul li{width:49%;}
	.nybanner{height:300px;}
	.navigation{display:none;}
	.about-box01 .about-tm{width:100%;}
	.about-box01 .about-pic{width:100%; margin-top:5px;}
	.about-box02 .ab-icon ul li,.about-box02 .ab-icon ul li:nth-of-type(5n){width:48%; margin-right:4%; margin-top:4%;}
	.about-box02 .ab-icon ul li:nth-of-type(2n){margin-right:0;}
	.index-pro{margin-top:30px;}
	.product-box .index-pro ul li{width:48%; margin:1%;}
	.newslist ul li .item{padding-left:0px; padding-right:0px;}
	.newslist ul li .pic{position:static; left:auto; top:auto; width:100%; height:auto;}
	.newslist ul li .title{margin-top:15px;}
	.newslist ul li .pm{height:auto;}
	.newslist ul li .day{top:auto; bottom:-15px; margin-top:0;}
	.newsdetails{padding-bottom:20px;}
	.nwtext h1{font-size:20px; padding:0px 20px;}
	.nwmore .ul{width:100%;}
	.nwmore .return{width:100%; margin-top:20px;}
	.applist ul li{width:100%;}
	.applist ul li a{ display:block;}
	.applist ul li .tm{flex-basis:auto;}
	.applist ul li .pic{width:100%; float:none;}
	.apptou{padding-bottom:40px;}
	.apptou .pic{width:100%;}
	.apptou .tm{width:100%; padding-top:20px;}
	.contaclt{padding-top:30px;}
	.contaclt ul li{width:100%; margin-top:10px;}
	.contaclt ul li div.t1,.contaclt ul li div.t2,.contaclt ul li div.t3{margin:0;}
	.map{margin-top:10px; margin-bottom:0px;}
	.pro-details{padding-top:30px; padding-bottom:40px;}
	.pro-details .proinfo .ro-return{margin-top:20px;}
	.pro-details .proimg{width:100%;}
	.pro-details .proinfo{width:100%; padding-top:20px;}
	.pro-details .proimg{padding:0px;}
	#showbox{width:100% !important; height:auto !important;}
	#showbox>div{width:100% !important; height:auto !important; top:auto !important; left:auto !important;}
	#showbox b img{width:100% !important; height:auto !important; display:block;}
	#showbox span,#showbox p,.sz-zoom{display:none !important;}
	
	.footer .footdl{display:none;}
	.footer .foottou{padding-top:50px; padding-bottom:30px;}
	.footer .footewm{float:none; margin:0 auto;}
	.indexnews{margin-top:0;}
	.indexnews ul li{width:100%; margin-right:0;}
	.indexnews ul li .tmain{padding:20px;}
	.section04{padding:30px 0px 50px 0px;}

}

/* #Mobile - 640px */
@media screen and (max-width:640px){
	.layout { width: 95%; }	
	.t-w{ width: 95%; }
	.banner{ margin-top:0px;}
  .nybanner{ margin-top:0px;}
	.contain{padding-top:60px;}
	
	.header{height:60px;}
	.header .clearfix{position:static;}
	.nav{display:none;}
	.logo{display:block; top:30px; left:20%; transform: translateX(0) translateY(-50%);}
	.logo a{width:140px;}
	.logo1{display:none;}
	.btn-m-list{display:block;}
	.searchbutt{ display:none;}
	.eng{top:23px; right:10px;}
	.searchbox{width:100%; height:60px; position:absolute; left:0; top:60px; z-index:60; margin-top:0; float:none; border:none; display:none;}
	.searchbox .searchtext{width:96%; height:60px; padding:0 2%;}
	.searchbox .searchbtn{position:absolute; right:0; top:0; width:60px; height:60px; background-color:#154576; background-image:url(../images/searchbutt.png); background-size:cover; background-position:center center; background-repeat:no-repeat;}
	.index-app .owl-theme .owl-controls .owl-buttons div.owl-prev{left:0; display:none;}
	.index-app .owl-theme .owl-controls .owl-buttons div.owl-next{right:0; display:none;}
	.section01,.section02,.section03,.section04{padding-top:40px; padding-bottom:40px;}
	.index-about ul li{width:100%; margin-right:0; margin-bottom:20px;}
	.inrotab ul li{width:43%; padding:0px 2%; margin-top:10px;}
	.index-pro ul li{width:48%; margin:1%;}
	.index-cool ul li{width:49%;}
	.nybanner{height:80px; background-size: contain;}
	.navigation{display:none;}
	.about-box01 .about-tm{width:100%;}
	.about-box01 .about-pic{width:100%; margin-top:5px;}
	.about-box02 .ab-icon ul li,.about-box02 .ab-icon ul li:nth-of-type(5n){width:48%; margin-right:4%; margin-top:4%;}
	.about-box02 .ab-icon ul li:nth-of-type(2n){margin-right:0;}
	.index-pro{margin-top:30px;}
	.product-box .index-pro ul li{width:48%; margin:1%;}
	.newslist ul li .item{padding-left:0px; padding-right:0px;}
	.newslist ul li .pic{position:static; left:auto; top:auto; width:100%; height:auto;}
	.newslist ul li .title{margin-top:15px;}
	.newslist ul li .pm{height:auto;}
	.newslist ul li .day{top:auto; bottom:-15px; margin-top:0;}
	.newsdetails{padding-bottom:20px;}
	.nwtext h1{font-size:20px; padding:0px 20px;}
	.nwmore .ul{width:100%;}
	.nwmore .return{width:100%; margin-top:20px;}
	.applist ul li{width:100%;}
	.applist ul li a{ display:block;}
	.applist ul li .tm{flex-basis:auto;}
	.applist ul li .pic{width:100%; float:none;}
	.apptou{padding-bottom:40px;}
	.apptou .pic{width:100%;}
	.apptou .tm{width:100%; padding-top:20px;}
	.contaclt{padding-top:30px;}
	.contaclt ul li{width:100%; margin-top:10px;}
	.contaclt ul li div.t1,.contaclt ul li div.t2,.contaclt ul li div.t3{margin:0;}
	.map{margin-top:10px; margin-bottom:0px;}
	.pro-details{padding-top:30px; padding-bottom:40px;}
	.pro-details .proinfo .ro-return{margin-top:20px;}
	.pro-details .proimg{width:100%;}
	.pro-details .proinfo{width:100%; padding-top:20px;}
	.pro-details .proimg{padding:0px;}
	#showbox{width:100% !important; height:auto !important;}
	#showbox>div{width:100% !important; height:auto !important; top:auto !important; left:auto !important;}
	#showbox b img{width:100% !important; height:auto !important; display:block;}
	#showbox span,#showbox p,.sz-zoom{display:none !important;}
	
	.footer .footdl{display:none;}
	.footer .foottou{padding-top:50px; padding-bottom:30px;}
	.footer .footewm{float:none; margin:0 auto;}	
}

.indexkefu{width:9%; position:fixed; _position:absolute; right:0px; bottom:100px; z-index:5;}
.indexkefu ul li{width:100%; height:33px; padding-top:14px; position:relative;}
.indexkefu ul li>a{display:block; width:23px; height:23px; font-size:0; margin:0 auto;}
.indexkefu ul li>a.mess{width:21px; height:21px; background:url(../images/kficon5.png) no-repeat;}
.indexkefu ul li>a.phone{width:23px; height:23px; background:url(../images/kficon6.png) no-repeat;}
.indexkefu ul li>a.wechat{width:23px; height:19px; background:url(../images/kficon7.png) no-repeat;}
.indexkefu ul li>a.share{width:21px; height:21px; background:url(../images/kficon8.png) no-repeat;}
.indexkefu ul li .wechatewm{width:125px; position:absolute; right:104px; top:50%; margin-top:-57px; display:none;}
.indexkefu ul li:hover .wechatewm{display:block;}
.indexkefu ul li .bdsharebuttonbox{width:21px; height:21px; margin:0 auto;}
.indexkefu ul li .bdsharebuttonbox>a{width:21px; height:21px; display:block; padding:0px; margin:0px; background:url(../images/kficon8.png) no-repeat;}
.indexkefu ul li>a.messbox{width:100%; height:47px; line-height:47px; text-align:center; margin:0px; font-size:14px; color:#fff; background-color:#095aab; position:absolute; left:0; top:0px; display:none;}
.indexkefu ul li:hover>a.messbox{display:block;}
.bdshare_popup_box{display:none !important;}
.kefu{position:fixed; _position:absolute; right:0px; top:54%; z-index:5; transform: translateX(0) translateY(-50%);}
.kefu ul li{width:50px; margin-top:1px; position:relative; padding:15px; background-color:#fff; text-align:center;}
.kefu ul li:hover{background-color:#f1f1f1;}
.kefu ul li i{display:block; width:23px; height:23px; margin:0 auto; font-size:0;}
.kefu ul li p{font-size:12px; color:#666; margin-top:5px;}
.kefu ul li>a.mess i{width:21px; height:21px; background:url(../images/kficon1.png) no-repeat;}
.kefu ul li>a.phone i{width:23px; height:23px; background:url(../images/kficon2.png) no-repeat;}
.kefu ul li>a.wechat i{width:23px; height:19px; background:url(../images/kficon3.png) no-repeat;}
.kefu ul li>a.share i{width:21px; height:21px; background:url(../images/kficon4.png) no-repeat;}
.kefu ul li .bdsharebuttonbox>a{width:100%; height:auto; overflow:hidden; line-height:inherit; font-size:12px; color:#666; display:block; padding:0px; margin:0px; background:none; float:none;}
.kefu ul li .bdsharebuttonbox>a i{width:21px; height:21px; background:url(../images/kficon4.png) no-repeat;}
.kefu ul li .wechatewm{width:125px; position:absolute; right:90px; top:50%; margin-top:-57px; display:none;}
.kefu ul li:hover .wechatewm,.kefu ul li:hover .phonenum{display:block;}
.kefu ul li .phonenum{width:150px; text-align:center; min-height:46px; position:absolute; right:81px; top:0px; background-color:#fff; padding:20px 10px 10px 10px; display:none;}
.kefu ul li .phonenum p{font-size:16px; color:#333;}
.padding-big{ width:100%; margin:20px auto; clear:both; font-size:18px;}
.padding-big a{ background-color:#154576; border-radius:20px; padding:0 20px;height:45px; line-height:45px; text-align:center; color:#fff; font-size:16px; display:block; margin-right:20px; float:left; margin-top:30px;}