.layout{width:1200px; margin:0 auto;}
.clearfix:before,.clearfix:after{content:"";display:table}.clearfix{zoom:1;}
.clearfix:after{content:"";clear:both;height:0;visibility:hidden;display:block;}
body{min-width:1200px;}

/*header*/
#warpper{width:100%; position:relative; overflow-x:hidden;}
.header{width:100%; height:108px; background:url(../images/headerbg.png) center center no-repeat; position:relative; z-index:10; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.logo{float:left; padding-top:20px; width:224px; height:88px; background-color:#fff;}
.logo a{display:block; width:189px; height:61px; font-size:0; background-image:url(../images/logo.png); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.eng{float:right; font-size:16px; color:#ddd; margin-top:40px; background:url(../images/eng.png) left 6px no-repeat; padding-left:42px;}
.eng a{color:#ddd;}
.eng a:hover,.eng a.on{color:#114b96;}
.eng i{margin:0px 5px;}
.nav{float:left;}
.nav ul li{float:left; width:120px; height:108px; position:relative; text-align:center;}
.nav ul li>a{font-size:16px; color:#fff; display:block; line-height:108px;}
.nav ul li:hover>a,.nav ul li.on>a{background-color:#1558af;}
.nav ul li .nav-body{width:100%; position:absolute; left:0px; top:108px; z-index:20; background-color:#fff; display:none;}
.nav ul li .nav-body a{color:#888; font-size:14px; display:block; padding:10px 5px; border-bottom:1px solid #ddd; word-wrap:break-word;}
.nav ul li .nav-body a:hover{color:#1558af; background-color:#f1f1f1;}

/*banner*/
.banner{width:100%; overflow:hidden; clear:both;height:545px; position:relative; z-index:1;}
.banner .bx-wrapper .bx-controls-direction a{visibility:hidden; opacity:0; display:none;}
.banner:hover .bx-wrapper .bx-controls-direction a{visibility:visible; opacity:1;}
.banner:hover .bx-wrapper .bx-prev{left:80px;}
.banner:hover .bx-wrapper .bx-next{right:80px;}
.bx-wrapper{position:relative; margin:auto; padding:0; *zoom: 1;}
.bx-wrapper ul li{width:100%;}
.bx-wrapper ul li img{display:block; width:100%;}
.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; background-color:#d1d1d1; border-radius:50%; font-size:0; text-indent:-9999px;}
.bx-wrapper .bx-pager-item a.active{background-color:#1558af;}
.bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-28.5px; z-index:10;}
.bx-wrapper .bx-prev{left:0px;}
.bx-wrapper .bx-next{right:0px;}
.bx-wrapper .bannext,.bx-wrapper .banprev{display:block; width:50px; height:50px; background:url(../images/arrowbtn1.png) no-repeat;}
.bx-wrapper .bannext{background-position:-50px 0px;}
.bx-wrapper .banprev{background-position:0px 0px;}
.bx-wrapper .bx-controls-direction a .bannext::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #1558af;
	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 .bannext:hover::after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.bx-wrapper .bx-controls-direction a .banprev::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #1558af;
	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 .banprev:hover::after {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.banvideo{width:100%; height:100%; background-color:#000; position:absolute; left:0; top:0; z-index:70;}
/*
.banvideo video{
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
	display:inline-block;
}
*/
/*index*/
.contain{width:100%; /*padding-top:108px;*/}
.indexnotice{width:100%; height:42px; line-height:42px; background-color:#f9f9f9; font-size:14px; color:#333;}
.indexnotice .tn{float:right; color:#333; background:url(../images/noticeicon.png) left center no-repeat; padding-left:20px;}
.indexnotice .noticels{float:right; height:42px; overflow:hidden;}
.indexnotice .noticels ul li a{color:#666;}
.indexnotice .noticels ul li a:hover{color:#114b96;}
.indexsection{width:100%; background-color:#f1f2f6; padding:40px 0px 80px 0px;}
.indextit{background:url(../images/indextit.png) left center repeat-x;}
.indextit span{font-size:40px; color:#1558af; padding-right:30px; background-color:#f1f2f6; display:inline-block;}
.indexabout{margin-top:16px;}
.indexabout .inabout{width:425px; float:left;}
.indexabout .inabout h2{font-size:24px; color:#464646; margin-top:20px;}
.indexabout .inabout p{font-size:14px; color:#666; margin-top:20px; line-height:30px; text-align:justify; word-wrap:break-word;}
.indexabout .inabout .more{display:inline-block; height:40px; line-height:40px; min-width:70px; padding:0px 20px; font-size:14px; color:#fff; text-align:center; background-color:#114b96; margin-top:10px;}
.indexabout .inabout .more:hover{background-color:#000;}
.indexabout .pic{width:726px; height:415px; float:right; position:relative;}
.indexabout img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.indexabout img:hover{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.indexabout .tit{display:inline-block; height:35px; line-height:35px; text-align:center; padding:0px 10px; min-width:160px; font-size:14px; color:#fff; position:absolute; right:0px; top:76px; z-index:5; background-color:#114b96; filter:alpha(opacity=80);background-color:rgba(17, 75, 150, 0.8); border-radius:25px 0px 0px 25px;}
.indexabout .img1{width:478px; height:316px; overflow:hidden; position:relative; margin-left:184px;}
.indexabout .img2{width:346px; height:278px; overflow:hidden; position:absolute; left:0px; top:93px;}
.indexabout .img2 .tit{border-radius:0px 25px 25px 0px; right:auto; left:0;}
.indexabout .img3{width:318px; height:163px; overflow:hidden; position:absolute; left:115px; bottom:0px;}
.indexabout .img3 .tit{border-radius:0px 25px 25px 0px; right:auto; left:0;}
.indexabout .img4{width:277px; height:210px; overflow:hidden; position:absolute; right:0px; bottom:0px;}
.indexicon{width:100%; overflow:hidden; margin-top:85px;}
.indexicon ul{width:1400px;}
.indexicon ul li{width:210px; float:left; text-align:center; margin-right:120px;}
.indexicon ul li h2{font-size:16px; color:#464646; margin-top:20px;}
.indexicon ul li p{font-size:14px; color:#666; line-height:25px; margin-top:15px; word-wrap:break-word;}
.indexlinks{width:100%; margin-top:80px;}
.indexlinks ul li{width:33.333%; float:left; position:relative;}
.indexlinks ul li .pic{width:100%; height:278px; overflow:hidden;}
.indexlinks ul li .pic img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.indexlinks ul li:hover .pic img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.indexlinks ul li .tmain{width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background-color:#114b96; filter:alpha(opacity=75); background-color:rgba(17, 75, 150, 0.75); text-align:center; color:#fff;}
.indexlinks ul li.bg1 .tmain{background-color:#dd9019; filter:alpha(opacity=75); background-color:rgba(221, 144, 25, 0.75);}
.indexlinks ul li.bg2 .tmain{background-color:#000; filter:alpha(opacity=75); background-color:rgba(0, 0, 0, 0.75);}
.indexlinks ul li .h2{font-size:20px; font-weight:bold; padding:50px 40px 0px 40px;}
.indexlinks ul li .pcont{font-size:15px; margin:30px 0px 20px 0px; padding:0px 40px; height:85px; overflow:hidden;}
.indexlinks ul li .more{display:inline-block; border:2px solid #fff; min-width:102px; height:35px; line-height:35px; padding:0px 10px; font-size:15px;}
.indexlinks ul li .more:hover{background-color:#fff; color:#114b96;}

/*about*/
.nybanner{width:100%; overflow:hidden; position:relative;}
.nybanner img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.commonwrap{margin-top:65px; margin-bottom:130px;}
.innerleft{width:260px; float:left;}
.innerleft .name{font-size:28px; color:#fff; padding:12px 20px; background-color:#114b96; word-wrap:break-word;}
.innerleftnav ul li{margin-bottom:1px; position:relative; background-color:#f2f2f2;}
.innerleftnav ul li:after{content:""; display:block; width:3px; position:absolute; top:4px; left:0px; bottom:4px; background-color:#114b96; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; visibility:hidden; opacity:0; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0);}
.innerleftnav ul li:hover:after,.innerleftnav ul li.on:after{visibility:visible; opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.innerleftnav ul li>a{display:block; font-size:16px; color:#666; padding:17px 40px 17px 23px; background:url(../images/innerleftnav.png) 94% 21px no-repeat; word-wrap:break-word;}
.innerleftnav ul li:hover>a,.innerleftnav ul li.on>a{color:#114b96; background:url(../images/innerleftnavh.png) 94% 21px no-repeat;}
.conimg{border:1px solid #f5f5f5; overflow:hidden; margin-top:10px;}
.conimg img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.innerright{width:900px; float:right;}
.navigation{border-bottom:1px solid #e6e6e6; overflow:hidden;zoom:1;}
.navigation .sn{float:left; font-size:25px; color:#29166f; border-bottom:3px solid #1558af;}
.navigation .addlink{float:right; font-size:14px; color:#969696; padding-top:10px; line-height:17px;}
.navigation .addlink a{color:#969696;}
.navigation .addlink a:hover,.navigation .addlink a.on{color:#114b96;}
.navigation .addlink .home{background-image:url(../images/home.png); background-position:left 2px; background-repeat:no-repeat; padding-left:17px; display:inline-block;}
.navigation .addlink em{margin:0 3px; font-family:Simsun;}
.aboutus{margin-top:40px;}
.caselist{width:100%; overflow:hidden; margin-top:15px;}
.caselist ul{width:930px;}
.caselist ul li{width:288px; height:398px; border:1px solid #ebebeb; overflow:hidden; float:left; margin:15px 15px 0px 0px;}
.caselist ul li img{width:288px; height:398px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.caselist ul li:hover img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.page{text-align:center; margin-top:60px;}
.page a{display:inline-block; font-size:16px; color:#666; background-color:#fff; border:1px solid #d7d7d7; padding:5px 13px; border-radius:3px;}
.page a:hover,.page a.on{background-color:#114b96; border-color:#114b96; color:#fff;}
.page a.prev,.page a.next{font-family:Simsun; font-weight:bold;}

/*news*/
.newslist{margin-top:20px;}
.newslist ul li{overflow:hidden;zoom:1; border-bottom:1px dashed #e1e1e1; padding:15px 0px; line-height:21px;}
.newslist ul li .h2{float:left; font-size:14px; color:#666; width:500px; background:url(../images/newsli.png) left center no-repeat; padding-left:10px;}
.newslist ul li .h2:hover{color:#114b96;}
.newslist ul li span{float:right; font-size:12px; color:#999;}
.newsdetails{margin-top:45px;}
.newsdetails h1{font-size:24px; color:#333; border-bottom:1px dashed #e1e1e1; padding:5px 20px; word-wrap:break-word; word-break:break-all; text-align:center;}
.newsdetails .newstext{padding:30px 0px;}

/*product*/
.prolist{width:100%; overflow:hidden; margin-top:15px;}
.prolist ul{width:930px;}
.prolist ul li{width:290px; float:left; margin:15px 15px 0px 0px; text-align:center;}
.prolist ul li .pic{width:100%; height:250px; overflow:hidden;}
.prolist ul li .pic img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.prolist ul li:hover .pic img{-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.prolist ul li .tit{font-size:16px; color:#464646; height:50px; line-height:50px; padding:0px 20px; background-color:#e6e6e6;}
.prolist ul li:hover .tit{background-color:#114b96; color:#fff;}

/*quality*/
.quatable{margin-top:40px;}
.quatable table{width:100%;}
.quatable table tr td{border:1px solid #d7d7d7; padding:13px 10px; text-align:center; font-size:14px; color:#999; word-wrap:break-word; word-break:break-all;}
.quatable table tr.title td{font-size:16px; color:#666;}

/*contact*/
.coninfo{margin-top:40px;}
.coninfo h2{font-size:18px; color:#333;}
.coninfo ul li{width:50%; float:left; margin-top:10px;}
.coninfo ul li p{margin-right:20px; font-size:14px; color:#666; word-wrap:break-word; word-break:break-all;}
.map{border:1px solid #ececec; padding:2px; overflow:hidden; margin-top:60px;}
.map img{width:100%; display:block; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.contactform{margin-top:20px;}
.contactform ul li{width:100%; float:left; margin-top:25px;}
.contactform ul li.tw1{ margin-right:1%;}
.contactform ul li.tw2{width:49.5%;}
.contactform ul li .sn{font-size:14px; color:#666; padding-bottom:5px;}
.contactform ul li .context,.contactform ul li .conteat{width:100%; height:45px; background-color:#fff; border:1px solid #e5e5e5; font-size:14px; color:#333; text-indent:10px;}
.contactform ul li .context:focus,.contactform ul li .conteat:focus{border-color:#114b96;}
.contactform ul li .conteat{height:180px; padding:15px 0px;}
.contactform ul li .subbtn{text-align:center;}
.contactform ul li .subbtn input{width:100%; height:55px; background-color:#114b96; font-size:16px; color:#fff; cursor:pointer; border:none;}
.contactform ul li .subbtn input:hover{background-color:#000;}

/*backtop*/
.backtop{width:45px; height:45px; position:fixed; right:10px; bottom:10px; z-index:50; background:#165cb4; display:none;}
.backtop:after{content:""; display:block; background-color:#000; width:100%; height:0%; position:absolute; left:0; top:0; z-index:1; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.backtop:hover:after{height:100%;}
.backtop a{display:block; width:45px; height:45px; overflow:hidden; font-size:0; background-image:url(../images/backtop.png); background-size:contain; background-repeat:no-repeat; position:relative; z-index:10;}

/*footer*/
.footer{width:100%; background-color:#1c1c1c; border-top:5px solid #165cb4; padding:42px 0px 36px 0px; text-align:center;}
.footer .footlinks{padding-bottom:22px; border-bottom:1px solid #343434; font-size:16px; color:#8c8c8c;}
.footer .footlinks a{margin:0px 20px; color:#8c8c8c;}
.footer .footlinks a:hover{color:#114b96;}
.footer .footbom{padding-top:15px; font-size:14px; color:#989898;}
.footer .footbom p{margin-top:35px;}
.footer .footbom p span{margin:0px 20px;}
.footer .footsns{margin-top:20px;}
.footer .footsns a{color:#989898;}
.footer .footsns a:hover{color:#114b96;}
.footer .footsns div{display:inline-block; _display:inline; vertical-align:middle; margin:0px 5px;}
.footer .share a{display:block; float:left; width:37px; height:37px; font-size:0; position:relative; margin-right:10px; background-position:center center; background-repeat:no-repeat; background-image:url(../images/share.png);}
.footer .share a.weibo{background-position:0px 0px;}
.footer .share a.weibo:hover{background-position:0px -37px;}
.footer .share a.weixin{background-position:-37px 0px;}
.footer .share a.weixin:hover{background-position:-37px -37px;}
.footer .share a.email{background-position:-74px 0px;}
.footer .share a.email:hover{background-position:-74px -37px;}
.footer .share .wxewm{display:none; width:100px; height:100px; background-color:#fff; position:absolute; left:50%; margin-left:-50px; bottom:37px; z-index:10; font-size:12px; box-shadow:#eee 0px 0px 10px;}
.footer .share a.weixin:hover .wxewm{display:block;}