@charset "utf-8";

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th, td,img{margin:0;padding:0;}
body,button, input, select, textarea {font:14px/1.5 Arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;-webkit-text-size-adjust:none;color:#4c4c4c;}
body {min-width:1200px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
ul,ol,li{list-style-type:none;}
img {-ms-interpolation-mode:bicubic;border:none;vertical-align:top;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
a {color:#4c4c4c;transition:all 0.3s;}
a:hover {color:#0e3666;}
.clear { clear:both; height:0; font-size:0px; line-height: 0px; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { zoom:1; }
.fl { float:left;}
.fr { float:right;}
a,input,button{ outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea{resize:none;}
.wrap {width:1200px;margin:0 auto;}
.ovh {overflow:hidden;}

/*header*/
.logo {float:left;padding:20px 0;}
.logo a {font-size:30px;font-family:"Adobe 黑体 Std";color:#0e3666;}
.h_tel {
    float: right;
    color: #999;
    line-height: 1.2;
    background: url(../images/tel.png) no-repeat left 15px;
    padding-left: 30px;
    margin-top: 25px;
    padding-top: 13px;
}
.h_tel strong {display:block;font-size:24px;font-family:Arial;font-style:italic;font-weight:bold;color:#0e3666;}
.nav {background-color:#0e3666;height:36px;line-height:36px;}
.nav ul {font-size:0;text-align:center;}
.nav li {display:inline-block;}
.nav li a {display:block;color:#fff;padding:0 46px;font-size:14px;position:relative;}
.nav li a::after {content:'';width:2px;height:15px;position:absolute;top:10px;left:auto;right:0;background-color:#d2d6dd;}
.nav li:last-child a::after {width:0;}
.nav li a.active,.nav li a:hover {color:#fff760;}

.banner_slide{ position:relative;}
.banner_slide .hd{ width:100%;height:30px; overflow:hidden; position:absolute;left:0;bottom:0; z-index:2;}
.banner_slide .hd ul{ overflow:hidden; zoom:1;text-align:center;}
.banner_slide .hd ul li{ display:inline-block;vertical-align:top;margin-right:8px; width:10px; height:10px;border-radius:10px; text-indent:-9999px;background:#ccc; cursor:pointer;transition:all 0.3s;}
.banner_slide .hd ul li.on{ background-color:#fff760;width:30px;}
.banner_slide .bd{ position:relative;}
.banner_slide .bd li img {width:100%;}
.banner_slide .prev,.banner_slide .next{ position:absolute;left:10px;top:50%; margin-top:-48px; display:block;width:42px;height:74px;padding:15px 6px;border-radius:6px; background:url(../images/slider_left.png) no-repeat center;}
.banner_slide .next{ background:url(../images/slider_right.png) no-repeat center;right:10px;left:auto;}
.banner_slide .prev:hover,.banner_slide .next:hover{background-color:#222;}


/*index*/
.secpad {padding:60px 0;overflow:hidden;}
.index_tit {text-align:center;}

.pronav {margin:30px 0;}
.pronav li {float:left;width:180px;height:36px;line-height:36px;text-align:center;margin:0 10px;border:1px solid #a1a1a1;cursor:pointer;}
.pronav li.on {background-color:#123968;border-color:#123968;color:#fff;}

.prolist li {float:left;width:285px;height:200px;margin:0 7px 15px;text-align:center;overflow:hidden;}
.prolist li a {display:block;position:relative;}
.prolist li img {width:285px;height:200px;transition:all 0.5s;}
.pro_libg {position:absolute;top:0;left:-285px;width:100%;height:100%;background-color:rgba(0,0,0,0.8);transition:all 0.5s;}
.prolist li h6 {padding-top:90px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.prolist li a:hover .pro_libg {left:0;}


.about {background:url(../images/about_bg.jpg) no-repeat center top;height:600px;color:#fff;}
.about .index_tit {color:#fff;text-align:center;font-size:30px;margin:55px 0 35px;}
.about_text {float:right;width:730px;}
.about_text p {text-indent:2em;line-height:2;}
.amore {float:right;display:block;width:160px;height:36px;line-height:36px;text-align:center;color:#0e3666;margin-top:35px;background-color:#fff;}
.amore:hover {background-color:#0e3666;color:#fff;}

.case_list {margin-top:30px;margin-bottom:30px;}
.case_list li {float:left;width:285px;height:200px;margin:0 7px 15px;text-align:center;overflow:hidden;}
.case_list li a {display:block;position:relative;}
.case_list li img {width:285px;height:200px;transition:all 0.5s;}
.case_libg {position:absolute;bottom:-36px;left:0;width:100%;height:36px;background-color:rgba(0,0,0,0.8);transition:all 0.5s;}
.case_list li h6 {line-height:36px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case_list li a:hover .case_libg {bottom:0;}


/*footer*/
.footer {background-color:#0e3666;color:#fff;padding:30px 0 20px;}
.footer a {color:#fff;}
.footer a:hover {text-decoration:underline;}
.f_logo {float:left;font-size:24px;}
.f_nav {
    float: right;
    padding-top: 13px;
}
.f_nav ul {float:left;}
.f_nav ul li {float:left;line-height:46px;}
.f_nav ul li a {display:block;padding:0 40px;position:relative;}
.f_nav ul li a::after {content:'';width:2px;height:15px;position:absolute;top:16px;left:auto;right:0;background-color:#d2d6dd;}
.f_nav ul li:last-child a::after {width:0;}
.f_copy {text-align:center;margin-top:40px;}

.backToTop {display:none;width:50px;height:50px;line-height:1.5;text-align:center;position:fixed;right:20px;bottom:50px;z-index:99;background-color:#000;color:#fff !important;opacity:0.8;}
.backToTop i {display:block;background:url(../images/backtop.png) no-repeat center top;height:16px;width:100%;margin-top:8px;}
.backToTop:hover {opacity:1;border-top-left-radius:6px;border-top-right-radius:6px;}


/*news*/
.breadnav {color:#999;padding:20px 0;}
.breadnav a {color:#999;}
.breadnav a:hover {text-decoration:underline;color:#000;}
.catname {text-align:center;margin-bottom:40px;}

.list {margin-bottom:30px;}
.list li {width:580px;height:160px;float:left;background-color:#edeef1;padding:40px 25px 0;margin:12px 10px;position:relative;}
.list li a {display:block;}
.list li h6 {width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;}
.list li p {color:#999;}
.news_line {width:100px;height:2px;background-color:#0e3666;margin:8px 0;}
.list li a span {display:block;width:100px;height:70px;text-align:center;position:absolute;top:-2px;right:90px;background-color:#0e3666;line-height:1;color:#fff;padding-top:3px;}
.list li a span b {font-size:48px;font-weight:normal;display:block;}
.list li a:hover p {color:#4c4c4c;}
.list li a:hover span {background-color:#222;}

/*pages*/
#pages {margin-bottom:30px;text-align:center;clear:both;}
#pages a,#pages span {display:inline-block;text-align:center;padding:4px 12px;margin:0 3px;color:#0e3666;border:1px solid #0e3666;}
#pages span,#pages a:hover {background-color:#0e3666;color:#fff;}
#pages a.a1 {display:none;}

.show {padding:10px 0 30px;}
.show_tit {font-size:24px;text-align:center;}
.show_des {color:#999;text-align:center;font-size:14px;}
.show_con {padding:30px 0;color:#666;font-size:15px;}
.show_con p,.show_con div {margin-bottom:15px;}
.show_con img {max-width:100%;height:auto !important;}
.spage p {margin-top:10px;}
.spage p a {color:#999;}
.spage p a:hover {color:#333;}


/*page*/
.a_con {padding:10px 0 30px;}
.a_text {float:left;width:730px;}
.a_tit {text-align:center;margin-bottom:35px;}
.page_con {color:#0e3666;line-height:2;}
.page_con p,.page_con div {margin-bottom:15px;}
.a_img {float:right;width:433px;}

.c_con {margin-bottom:30px;}
.pagec_text {float:left;width:340px;}
.c_text p {color:#000;line-height:2;}
.c_form {margin-top:35px;}
.c_form h6 {font-size:24px;color:#0e3666;margin-bottom:12px;}
.c_form p {margin-bottom:15px;}
.c_form p input,.c_form p textarea {width:100%;padding:5px 15px;outline:none;border-radius:15px;border:1px solid #a0a0a0;}
.c_form p textarea {height:180px;}
.c_form button {display:block;width:138px;height:33px;line-height:33px;text-align:center;float:right;background-color:#0e3666;color:#fff;border:none;border-radius:15px;}
.c_form button:hover {background-color:#e4c129;}
.pagec_map {float:right;width:790px;height:502px;border:1px solid #bfbfbf;}


/*products*/
.pro_nav {margin:30px 0;}
.pro_nav li {float:left;width:180px;height:36px;line-height:36px;text-align:center;margin:0 10px;}
.pro_nav li a {display:block;border:1px solid #a1a1a1;}
.pro_nav li .active,.pro_nav li a:hover {background-color:#123968;border-color:#123968;color:#fff;}

.pro_list {margin-bottom:30px;}

.showp_imgs {float:left;width:510px;position: relative;border:1px solid #dcdddd;padding:4px;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showbox img {float:left;}
#showsum { left:33px;margin-top:10px;}
#showsum span {border:1px solid #ddd;}
#showsum span.sel {border:1px solid #f60;}
.showpage { width:500px; position:relative;}
.showpage a { display:block; width:20px; border:1px solid #ddd; height:88px; line-height:88px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-88px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}
.showp_text {float:right;width:640px;}
.showp_text .show_tit {text-align:left;padding:20px 0;border-bottom:1px dashed #ddd;}
.showp_text p {font-size:15px;color:#666;padding:15px 0;text-indent:2em;}
.showp_ctit {background-color:#646466;font-size:20px;color:#fff;padding:10px 20px;margin-top:30px;}

/*video*/
.v_list li {float:left;width:280px;margin:0 10px 15px;}
.v_list li a {display:block;}
.v_img {width:280px;height:213px;overflow:hidden;position:relative;}
.v_img img {width:280px;height:213px;transition:all 0.5s;}
.v_img i {position:absolute;top:50%;left:50%;margin-top:-26px;margin-left:-26px;display:block;width:53px;height:53px;background:url(../images/icon_play.png) no-repeat;}
.v_list li a h6 {text-align:center;line-height:2.5;color:#000;}
.v_list li a:hover .v_img img {transform:scale(1.1);}
.v_list li a:hover h6 {color:#0e3666;}

.show_video iframe {width:800px;height:600px;margin:0 auto;display:block;}