@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:16px "Microsoft Yahei","Hiragino Sans GB",Arial,sans-serif;-webkit-text-size-adjust:none;color:#333;}
body {min-width:1200px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
ul,ol,li{list-style-type:none;}
img {border:none;vertical-align:top;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
a {color:#333;}
a:hover {color:#000;}
.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;outline:none;}
.wrap {width:1200px;margin:0 auto;}
.ovh {overflow:hidden;}
table {border-collapse:collapse;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}


/*header*/
.header {box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.h_top {height:40px;line-height:40px;background-color:#333;font-size:15px;color:#fff;}
.h_hyy {float:left;}
.h_tel {float:right;}
.h_logo {height:119px;}
.logo {float:left;margin-top:23px;}
.h_search {float:right;height:45px;margin-top:37px;}
.search_in {float:left;width:220px;height:41px;line-height:41px;padding:0 10px;border:none;background-color:transparent;}
.search_btn {float:left;width:50px;height:41px;border:none;background-color:#1d2088;}
.nav {background-color:#1d2088;}
.nav li {float:left;}
.nav li a {display:block;height:50px;line-height:50px;padding:0 48px;font-size:18px;color:#fff;transition:all 0.3s;position:relative;}
.nav li a::after {content:'';position:absolute;top:15px;right:0;width:2px;height:20px;background-color:#fff;}
.nav li:last-child a::after {display:none;}
.nav li a:hover {color:#f39a0e;}


/*index*/
.secpad {padding:60px 0;}
.index_tit {text-align:center;margin-bottom:55px;}
.index_tit h2 {font-size:35px;color:#1d2088;margin-bottom:10px;font-weight:bold;}
.index_tit p {font-size:18px;color:#a7a7a7;background:url(../bin_images/tit_line.png) no-repeat center;text-transform:uppercase;}


.business {background:url(../bin_images/business_bg.jpg) no-repeat center top;background-size: cover;padding:50px 0;}
.business li {float: left;width: 380px;margin:0 10px 20px;}
.business li a {display:block;position: relative;z-index:1;}
.business li img {width: 100%;height:380px;}
.business li span {display: block;padding:20px;color: #fff;position: absolute;top: 0;left: 0;z-index:5;width: 100%;height: 100%;opacity:0;transition:all 0.3s;}
.business li h6 {font-size:20px;line-height:1.2;text-align: center;}
.business li p {line-height:1.4;margin-top: 30px;}
.business li a i {display: block;position: absolute;left: 0;top: 0;z-index:3;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);transition:all 0.2s;opacity:0;}
.business li a:hover span {opacity:1;}
.business li a:hover i {opacity:1;}


.left {float:left;width:240px;border:2px solid #1d2088;}
.subnav h5 {height:80px;line-height:80px;color:#fff;overflow:hidden;font-size:28px;padding-left:76px;background:#1d2088 url(../images/pcat_icon.png) no-repeat 30px center;}
.subnav ul li {border-bottom:1px solid #1d2088;}
.subnav ul li:last-child {border:none;}
.subnav ul li a {display:block;padding:10px 10px 10px 30px;font-size:17px;background:url(../bin_images/pnav.png) no-repeat 15px center;}
.subnav ul li a:hover,.subnav ul li a.active {color:#f39a0e;}

.right {float:right;width:930px;}
#marqueeboxa {height:1060px;overflow:hidden;}
.pro_list ul li {float:left;width:300px;margin:0 5px 15px;}
.pro_list li a {display:block;transition:all 0.3s;}
.pro_list li img {width:100%;height:300px;transition:all 0.3s;}
.pro_list li h6 {padding:0 5px;line-height:40px;height:40px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pro_list li a:hover {box-shadow:0 0 10px rgba(0,0,0,0.5);}

.tl {background:url(../bin_images/tl_bg.jpg) no-repeat center top;height:200px;}
.tl h5 {font-size:35px;color:#fff;margin:50px 0 20px;}
.tl p {font-size:30px;color:#f39a0e;}

.v_slide {max-width:1800px;margin:0 auto;}
.v_slide .bd li {float:left;width:350px;margin:0 5px;}
.v_pic {height:250px;overflow:hidden;position:relative;}
.v_pic img {width:100%;height:250px;transition:all 0.3s;}
.v_pic i {display:block;background:url(../bin_images/play.png) no-repeat;width:73px;height:73px;position:absolute;top:50%;left:50%;margin-left:-26px;margin-top:-26px;}
.v_slide .bd li h6 {height:80px;line-height: 80px;text-align:center;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v_slide .bd li a:hover .v_pic img {transform:scale(1.1);}
.v_slide .bd li a:hover h6 {color:#f39a0e;}


.about {background:url(../bin_images/about_bg.jpg) no-repeat center top;height:550px;}
.about_wrap {width:770px;}
.about_line {width:60px;height:5px;background-color:#ffffff;margin:60px 0 25px;}
.about h2 {font-size:32px;}
.about_txt {margin-top:40px;line-height:2;}
.about_txt a {color:#1d2088;}
.about_txt a:hover {text-decoration:underline;}
.ays {text-align:center;margin-top:40px;}
.ays li {display:inline-block;vertical-align:top;margin:0 45px;}
.ays li img {transition:all 0.3s;}
.ays li span {display:block;font-size:18px;margin-top:18px;}
.ays li:hover img {transform:rotateY(-180deg);}


.advan {background:url(../bin_images/advan_bg.jpg) no-repeat center top;height:700px;}
.advan li {float:left;width:290px;height:400px;margin:0 5px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);text-align:center;padding:70px 20px 0;}
.advan li h6 {font-size:23px;margin:55px 0 35px;}
.advan li p {font-size:15px;color:#4f4f4f;line-height:1.7;}
.advan li:hover {background-color:#f2f2f2;}


.news_list li {float:left;width:380px;margin:0 10px 20px;}
.news_list li a {display:block;}
.news_pic {height:280px;overflow:hidden;position:relative;}
.news_pic img {width:100%;height:280px;transition:all 0.5s;}
.news_pic span {display:block;width:100px;height:60px;background-color:#1d2088;color:#fff;font-size:15px;position:absolute;top:0;left:0;text-align:center;line-height:1.1;}
.news_pic span b {font-size:25px;display:block;margin-top:6px;}
.news_txt {padding:16px 18px 0;height:150px;text-align:center;background-color:#f6f6f6;}
.news_txt h6 {font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;}
.news_txt p {color:#686868;font-size:15px;line-height:1.6;}
.news_list li a:hover {box-shadow:0 0 5px rgba(0,0,0,0.3);}
.news_list li a:hover .news_pic img {transform:scale(1.2);}
.news_list li a:hover .news_txt h6 {color:#e67612;}



/*footer*/
.footer {background-color:#333;color:#fff;}
.footer a {color:#fff;}
.footer a:hover {text-decoration:underline;}
.f_fast {padding:50px 0 30px;}
.f_left {float:left;width:480px;}
.f_logo {margin-bottom:40px;}
.f_logo h3 {font-size:33px;}
.f_logo p {font-size:13px;margin-top:8px;}
.f_cont p {font-size:15px;margin-bottom:10px;}
.f_right {float:right;width:635px;}
.f_nav {margin:15px 0 70px;}
.f_nav ul li {display:inline-block;vertical-align:top;padding:0 16px;font-size:17px;position:relative;}
.f_nav ul li::after {content:'';position:absolute;top:3px;right:0;width:1px;height:18px;background-color:#fff;}
.f_nav ul li:last-child::after {display:none;}
.f_msg h6 {font-size:15px;margin-bottom:20px;}
.f_input {width:300px;}
.f_input input {width:100%;height:40px;line-height:40px;border-radius:4px;border:none;padding:0 20px;font-size:15px;}
.f_textarea {float:left;width:100%;margin-top:20px;}
.f_textarea textarea {width:100%;height:60px;border-radius:4px;border:none;font-size:15px;padding:10px 20px;}
.f_btn {float:right;width:150px;margin-top:20px;}
.f_btn button {width:100%;height:40px;line-height:40px;text-align:center;border-radius:4px;border:none;color:#a7a7a7;font-size:15px;background-color:#fff;}
.f_btn button:hover {color:#000;}
.f_copy {text-align:center;padding:20px 0;border-top:1px solid #adadad;font-size:15px;}

.backToTop {display:none;width:50px;height:50px;line-height:1.5;text-align:center;position:fixed;right:20px;bottom:52px;z-index:99;background-color:#000;color:#fff !important;opacity:0.8;}
.backToTop i {display:block;background:url(../bin_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*/
.secpad2 {padding:66px 0;}
.catname {text-align:center;font-size:35px;color: #1d2088;font-weight: bold;}

#pages {margin:35px 0;text-align:center;clear:both;}
#pages a,#pages span {display:inline-block;text-align:center;padding:0 13px;height:36px;line-height:36px;margin:0 2px;font-size:16px;border:1px solid #aaa;border-radius:3px;}
#pages a:hover,#pages span {border-color:#f39a0e;color:#f39a0e;}
#pages span {background-color:#f39a0e;color:#fff;}


.show_tit {font-size:26px;text-align:center;}
.show_des {color:#999;text-align:center;margin-top:25px;font-size:14px;background-color:#eee;padding:15px 0;}
.show_con {padding:20px 15px;margin:15px 0;color:#666;font-size:16px;line-height:1.6;}
.show_con p,.show_con div {margin-bottom:15px;}
.show_con img {max-width:100%;height:auto !important;}
.spage {background-color:#eee;font-size:15px;padding:10px 25px;}
.spage p {height:30px;line-height:30px;}
.spage p a {color:#666;}
.spage p a:hover {color:#000;}


/*product*/
.showp_imgs {float:left;width:430px;position:relative;border:1px solid #dcdddd;padding:4px;}
#showbox span { background:url(../bin_images/whitebg.png) repeat;}
#showsum { left:20px;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:90px; line-height:90px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-92px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}
.showp_text {float:right;width:680px;}
.showp_text .show_tit {text-align:left;padding:20px 0;border-bottom:1px dashed #ddd;}
.showp_text p {font-size:18px;color:#666;padding:25px 0;}
.showp_ctit {background-color:#efefef;font-size:16px;height:38px;line-height:38px;margin-top:30px;border:1px solid #ddd;border-bottom:none;}
.showp_ctit span {display:inline-block;vertical-align:top;padding:0 15px;border-left:5px solid #666;}
.showp_con {border:1px solid #ddd;padding:30px 15px;color:#666;font-size:16px;line-height:1.6;}
.showp_con p,.showp_con div {margin-bottom:15px;}
.showp_con img {max-width:100%;height:auto !important;}


/*video*/
.v_list li {float:left;width:350px;margin:0 25px 25px;}
.v_list li h6 {height:50px;line-height:50px;text-align:center;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v_list li a:hover .v_pic img {transform:scale(1.1);}
.v_list li a:hover h6 {color:#f39a0e;}

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


/*contact*/
.c_name {text-align:center;}
.c_name h3 {font-size:28px;}
.c_name p {color:#999;margin-top:5px;}
.c_name span {display:block;width:50px;height:2px;background-color:#253858;margin:25px auto 0;}
.c_cont {text-align:center;margin:50px 0;}
.c_cont li {display:inline-block;vertical-align:top;width:300px;padding-left:40px;text-align:left;margin-bottom:30px;}
.c_cont li p {color:#888;margin-top:5px;}
.c_cont .c_li1 {background:url(../bin_images/c_icon1.png) no-repeat left center;}
.c_cont .c_li2 {background:url(../bin_images/c_icon2.png) no-repeat left center;}
.c_cont .c_li3 {background:url(../bin_images/c_icon3.png) no-repeat left center;}
.c_cont .c_li4 {background:url(../bin_images/c_icon4.png) no-repeat left center;}
.c_cont .c_li5 {background:url(../bin_images/c_icon5.png) no-repeat left center;}
.c_cont .c_li6 {background:url(../bin_images/c_icon6.png) no-repeat left center;}


/*business*/
.busi_list li {float:left;width:290px;margin:0 5px 10px;}
.busi_list li a {display:block;text-align:center;border:1px solid #ddd;padding:10px;height:300px;}
.busi_list li img {max-width:100%;height:160px;}
.busi_list li h6 {margin:15px 0 10px;font-size:20px;}
.busi_list li p {font-size:15px;color:#636363;line-height:1.6;text-align:left;}
.busi_list li a:hover {border-color:#f39a0e;}