@charset "utf-8";
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
strong{font-weight:bold}
.clearfix{clear:both;height:0;width:100%}
a{color:#000;text-decoration:none}
a:hover{}
a,input,textarea{outline:none;border:0}
button{border:0;cursor:pointer}

/*public*/
.clearfix{clear:both;width:100%;height:0}
.mr-0{margin-right:0 !important}
.mt-10{margin-top:10px !important}
.mt-15{margin-top:15px !important}
.mt-20{margin-top:20px !important}
.mt-30{margin-top:30px !important}
.pd-home{padding:95px 0}
.f-l{float:left !important}
.f-r{float:right !important}
.circle {-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden}
.radius-5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden}
.radius-10{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}
.radius-20{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden}
.radius-30{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;overflow:hidden}

.pull-left{float:left}
.pull-right{float:right}
.text-center{text-align: center!important}

img{max-width:100%}

/*以上待删除*/




.container{width:1200px;margin:0 auto}
.col-left{width:240px;float:left;margin:0 40px 0 0}
.col-right{width:855px;float:left}

.title-home{position:relative;line-height:1;text-align:center;height:80px}
.title-home .watermark{font-size:100px;font-weight:bold;margin-bottom:30px;color:#f5f5f5;line-height:62px;text-transform:uppercase;position:absolute;width:100%;text-align:center;z-index:0;letter-spacing:10px}
.title-home .font{position:absolute;width:100%;text-align:center;z-index:1;top:0}
.title-home .font .cn{width:100%;font-size:32px;color:#444;font-weight:bold;letter-spacing:6px}
.title-home .font .cn .highlight{color:#444}
.title-home .font .en{font-size:18px;color:#0085da;text-transform:uppercase;font-weight:bold;margin-top:5px}

.view-more{margin:auto;width:200px;height:45px;line-height:45px;text-align:center;display:block;background:#0085da;color:#fff}
.view-more:hover{background:#ee1c25;color:#fff}


.s-header{color:#2f3950;background:#e3e6e8;height:38px;font-size:13px;line-height:38px}
.s-header .welcom{float:left;}
.s-header .link{float:right}
.s-header .link a{border-right: 1px solid #bebebe;padding:0 10px}

.header .logo{float:left}
.header .logo img{width:480px;height:130px}
.header .tel{float:right}

.navs{line-height:50px;background:#0085DA;position:relative;z-index:999;height:50px}
.navs a{color:#fff}
.navs .nLi{float:left;position:relative;display:inline;border-right:2px solid #269eeb}
.navs .nLi h3{float:left}
.navs .nLi h3 a{display:block;width:118px;text-align:center;font-size:18px}
.navs .nLi h3:hover a{background:#ee1c25;color:#fff}
.navs .sub{display:none;width:118px;left:50%;top:50px;position:absolute;text-align:center;background:#0085DA;line-height:40px;transform:translateX(-50%);}
.navs .sub.mid{width:180px}
.navs .sub.big{width:250px}
.navs .sub li{zoom:1}
.navs .sub a{display:block;font-size:13px;border-bottom:1px solid #fff}
.navs .sub li:last-child a{border:0}
.navs .sub a:hover{background:#ee1c25;color:#fff}
.navs .active{background:#ee1c25}

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

.home-web-and{text-align:center;background: url(../img/home-web-and_bg.jpg) bottom center no-repeat;}

.about-home{background:url(../img/about-home-bg.png) center center no-repeat}
.about-home .showcontent .content{float:left;width:620px;color:#484747}
.about-home .showcontent .content .desc{colorline-height:30px;margin-bottom:20px;font-size:16px;text-indent:2em}
.about-home .showcontent .content .desc p{margin-bottom:15px;line-height:34px}
.about-home .showcontent .content ul{overflow:hidden;}
.about-home .showcontent .content ul li{width:170px;color:#333;float:left;margin-right:30px;border-right:1px solid #ccc}
.about-home .showcontent .content ul li:last-child{margin-right:0;border:0}
.about-home .showcontent .content ul p{margin-bottom:12px}
.about-home .showcontent .content ul .title{font-size:18px;font-weight:bold;color:#0085da;vertical-align:bottom}
.about-home .showcontent .content ul .value{font-size:34px;vertical-align:bottom;line-height:32px;color:#0085da}
.about-home .showcontent .content ul .value span{font-size:16px;color:#999;padding-left:10px}

.about-home .showcontent .pic{float:right;width:475px;height:360px;position:relative;margin-top:30px}
.about-home .showcontent .pic img{width:480px;height:280px;position: absolute;left:10px;top:40px;z-index:1}
.about-home .showcontent .pic .shadow{width:480px;height:280px;border:5px solid #0085da;position:absolute;right:20px;bottom:0}


.case-home{}
.case-home li{overflow:hidden;float:left;width:220px;height:220px;margin:0 25px 25px 0;background:#fff;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
.case-home li:hover{webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);}
.case-home li .img{width:220px;height:220px;overflow:hidden}
.case-home li img{width:220px;height:220px;transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s;}
.case-home li .info{background:#0085da;position: absolute;right:0;bottom:0;left:0;display:none;line-height:40px}
.case-home li:hover .info{display:block}
.case-home li .info h3{}
.case-home li .info h3 a{color:#fff}

.contact-home .message{width:585px;margin-right:30px;}
.contact-home .message .form-control{width:543px;margin-bottom:20px;border:1px solid #f6f6f6;background:#f6f6f6;padding: 8px 20px;font-size:14px;line-height:24px}
.contact-home .message .form-control:hover{border-color:#e4e4e4}
.contact-home .message .btn-primary{width:280px;margin-right:20px;height:44px;line-height:44px;background:#00a6eb;color:#fff}
.contact-home .message .btn-primary:hover{background:#063C84}
.contact-home .message .textarea{height:148px}
.contact-home .message .btn-primary.reset{background:#808080}
.contact-home .message .btn-primary.reset:hover{background:#d95e69}


.contact-home .map{width:585px}


/*footer*/
.footer{background-color:#0085da;color:#fff;padding:40px 0 0 0;}
.footer ul{width:260px;float:left;line-height:30px}
.footer ul li{float:left;width:120px}
.footer .contact{width:380px}
.footer h3{width:210px;display:block;font-size:18px;font-weight:bold;margin-bottom:10px}
.footer h3 a{color:#fff}
.footer a{color:#fff}
.footer a:hover{color:#ff0000;text-decoration:none}

.footer .ewm-footer{text-align:right;float:right !important;height:140px}
.copyright{border-top:1px solid #cacaca;height:60px;line-height:60px;font-size:14px}

.frame{box-shadow: 0 1px 10px #eee;padding:30px;width:1140px !important}
.crumb{background:#efefef;line-height:40px;padding-left:20px;border-left:4px solid #0085DA;font-size:15px}


.left-box{margin-bottom:20px;background:#efefef}
.left-box .title-left{background:url(../img/category-bg.png);height:76px;line-height:76px;font-size:22px;color:#fff}

.left-box a:hover{color:#052C53}
.left-box li{overflow:hidden}
.left-box .category li a{padding:15px 15px 15px 40px;display:block;position:relative;}
.left-box .category li a i{color:#004571;margin-right:15px;position:absolute;left:15px}

.left-box .category li a.active,
.left-box .category li a:hover{background:#0085DA;color:#fff}
.left-box .category li a.active i,
.left-box .category li a:hover i{color:#fff}



.left-box .top{margin-top:20px;line-height:22px;font-size:14px}
.left-box .top li{height:22px;margin-bottom:20px}
.left-box .top i{background:#ccc;width:22px;height:22px;line-height:22px;margin-right:8px;float:left;display:block;color:#fff;font-style:normal;text-align:center}
.left-box .top .hot i{background:#052C53}
.left-box .top a{height:22px;overflow:hidden;display:block;width:240px;float:left}

.page-show .title{font-size:22px}
.page-show .content{line-height:34px;text-indent:2em}
.page-show .content p{margin-bottom:24px}
.page-show .content p img{display: block;}

.list-news .list{width:100%;position:relative}
.list-news .list .title{line-height:45px;height:54px;background:url("../img/news_title_bg.png") no-repeat left bottom}
.list-news .list .title h3{color:#004571;line-height:47px;font-size:22px;float:left}
.list-news .list .title .more{float:right;font-size:18px;color:#d4d4d4;display:block}
.list-news .list .title hr{border:0;border-bottom:1px solid #e3e3e3;margin:0}
.list-news .list .after{margin-top:15px}
.list-news .list .after li{height:40px;line-height:40px;overflow:hidden}
.list-news .list .after li a{font-size:17px;height:32px;line-height:32px;width:760px;overflow:hidden;display:block;float:left}
.list-news .list .after li a:hover{color:#0085DA}
.list-news .list .after li span{float:right;color:#999}

.pagination{padding-left: 0;margin: 20px 0;border-radius: 4px}
.pagination>li{display: inline}
.pagination>li>a,
.pagination>li>span{position: relative;float: left;padding: 6px 12px;line-height: 1.42857;text-decoration: none;color: #0085DA;background-color: #fff;border: 1px solid #ddd;margin-left: -1px}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{z-index: 3;color: #fff;background-color: #0085DA;border-color: #0085DA;cursor: default}


.content-show .title{font-size:22px}
.content-show .content{line-height:34px;text-indent:2em}
.content-show .content p{margin-bottom:24px}
.content-show .content p img{display: block;}
.content-show .info{border-bottom:1px solid #ccc;padding-bottom:15px}
.content-show .info span{font-size:15px;font-weight:normal;line-height:20px;color:#939393}
.content-show .close{border-top:1px solid #ccc;margin-top:30px;padding-top:25px;font-size:14px}
.content-show .close .cprevious,
.content-show .close .cnext{display:block;line-height:30px}


.case-list{}
.case-list .list li{overflow:hidden;float:left;width:269px;height:329px;margin:0 23px 23px 0;background:#fff;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
.case-list .list li:hover{webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);}
.case-list .list li .img{width:269px;height:269px}
.case-list .list li img{width:269px;height:269px;transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s;}
.case-list .list li .info{background:#efefef;line-height:60px}
.case-list .list li:hover .info{background:#0085da;}
.case-list .list li:hover .info h3 a{color:#fff}

.page-contact .title{font-size:22px}
.page-contact .content{line-height:34px}



.page-certificate .message{width:585px;margin:0 auto}
.page-certificate .message .form-control{width:543px;margin-bottom:20px;border:1px solid #f6f6f6;background:#f6f6f6;padding: 8px 20px;font-size:14px;line-height:24px}
.page-certificate .message .form-control:hover{border-color:#e4e4e4}
.page-certificate .message .btn-primary{width:280px;margin-right:20px;height:44px;line-height:44px;background:#00a6eb;color:#fff}
.page-certificate .message .btn-primary:hover{background:#063C84}
.page-certificate .message .btn-primary.reset{background:#808080}
.page-certificate .message .btn-primary.reset:hover{background:#d95e69}