@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:#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 {-ms-interpolation-mode:bicubic;border:none;vertical-align:top;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
a {color:#333;transition:all 0.3s;}
a:hover {color:#fbd52a;}
.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 {float:left;}
.logo span {
    float: left;
    line-height: 1.7;
    padding-top: 18px;
    padding-left: 5px;
}
.h_tel {float:right;color:#808080;line-height:1.2;background:url(../images/tel.png) no-repeat;padding-left:50px;margin-top:28px;}
.h_tel strong {display:block;font-size:30px;font-family:Arial;color:#4c4c4c;}
.nav {background-color:#4d4d4d;height:50px;line-height:50px;}
.nav li {float:left;margin-right:2px;}
.nav li a {display:block;color:#fff;padding:0 60px;font-size:16px;}
.nav li a.active,.nav li a:hover {background-color:#1f4aa6;}

.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:50px 0;}
.index_tit {text-align:center;}
.index_tit h2 {font-size:36px;}
.index_tit span {display:block;font-size:16px;color:#808080;text-transform:uppercase;margin-bottom:10px;}
.index_tit_line {height:3px;background:url(../images/index_tit_line.png) no-repeat center;}
.index_tit p {color:#808080;padding:15px 0 35px;}
.left_con {float:left;width:230px;border:2px solid #1f4aa6;}
.procat_top {background-color:#1f4aa6;text-align:center;padding:15px 0 10px;}
.procat_top h2 {color:#fff;font-size:24px;}
.procat_top p {color:#b2b2b2;text-transform:uppercase;}
.pronav {padding:22px 15px 15px;}
.pronav li {height:30px;line-height:30px;margin-bottom:10px;}
.pronav li a {
    display: block;
    background-repeat: no-repeat;
    background-position: 4px center;
    background-image: url(../images/arrow.png);
    font-size: 15px;
    padding-left: 20px;
    background-color: #eeeeee;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pronav li a:hover,.pronav li a.active {background-color:#4d4d4d;color:#fbd52a;}
.left_ad {background:url(../images/left_ad_bg.jpg) no-repeat;width:200px;height:80px;margin:0 auto;color:#fff;padding:16px 0 0 10px;line-height:1.8;margin-bottom:15px;}

.left_cont_tit {text-align:center;background-color:#1f4aa6;padding:15px 0 10px;}
.left_cont_tit h6 {font-size:24px;color:#fff;}
.left_cont_tit p {color:#b2b2b2;text-transform:uppercase;}
.left_cont_con {padding:15px 13px;}
.left_cont_logo {text-align:center;margin:12px 0;}
.left_cont_con p {padding-bottom:6px;overflow:hidden;}
.left_cont_con p b {float:left;width:70px;font-weight:normal;white-space:nowrap;}
.left_cont_con p span {float:right;width:126px;}

.right_con {float:right;width:950px;}
.right_con h3 {background-color:#1f4aa6;color:#fff;height:40px;line-height:40px;font-size:16px;padding:0 10px;}
.right_con h3 i {display:inline-block;vertical-align:middle;width:3px;height:20px;background-color:#fbd52a;margin-right:8px;}
.right_con h3 a {float:right;color:#fff;font-size:14px;}
.right_con h3 a:hover {color:#fbd52a;}
.pro_list li {float:left;width:230px;margin:15px 3px 0;text-align:center;}
.pro_list li a {display:block;}
.pro_list li img {width:100%;border:1px solid #bfbfbf;border-radius:3px;}
.pro_list li h6 {line-height:2.5;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pro_list li a:hover {box-shadow:0 2px 3px rgba(0,0,0,0.5);transform:translateY(-3px);}

.advantage {background:url(../images/adv_bg.jpg) no-repeat center top;height:1044px;}
.advantage h2 {font-size:30px;font-weight:bold;font-style:italic;color:#4c4c4c;text-align:center;margin-top:50px;}
.advantage h2 span {display:inline-block;vertical-align:bottom;width:78px;height:71px;color:#fbd52a;background:url(../images/adv_tit.png) no-repeat;font-size:48px;line-height:75px;font-style:normal;margin-right:5px;}
.adv_des {text-align:center;height:46px;line-height:46px;background:url(../images/adv_des_bg.png) no-repeat center top;font-size:18px;color:#fff;font-style:italic;margin:22px 0 40px;font-weight:bold;}

.adv_left {float:left;}
.adv_right {float:right;}
.adv_text {width:570px;}
.adv_text h6 i {display:inline-block;vertical-align:bottom;background:url(../images/adv_libg.png) no-repeat;width:58px;height:58px;margin-right:22px;font-size:24px;font-weight:bold;font-style:italic;color:#fff;text-align:center;line-height:58px;}
.adv_text h6 span {display:inline-block;vertical-align:bottom;font-size:24px;font-weight:bold;font-style:italic;color:#1f4aa6;}
.adv_text h6 span b {display:block;color:#808080;font-weight:normal;text-transform:uppercase;font-size:14px;}
.adv_text p {color:#808080;line-height:1.8;padding-left:80px;margin:12px 0 40px;}
.adv_2 {margin-top:40px;}
.adv_2 .adv_text {padding-top:50px;}

.tl {background:url(../images/tl_bg.jpg) no-repeat center top;height:216px;}
.tl_l {float:left;width:780px;padding-top:35px;}
.tl_l h6 {color:#fbd52a;font-size:48px;font-weight:bold;font-style:italic;}
.tl_l p {color:#ececec;font-size:30px;font-style:italic;line-height:1.3;}
.tl_r {float:right;width:310px;padding-top:35px;}
.tl_r p {color:#fff;font-size:24px;}
.tl_r i {display:inline-block;vertical-align:middle;background:url(../images/tel_y.png) no-repeat;width:55px;height:55px;margin-right:8px;}
.tl_r strong {font-size:48px;font-weight:bold;font-style:italic;font-family:Arial;}

.about {background:url(../images/about_bg.jpg) no-repeat center top;height:555px;padding-top:40px;}
.about_l {float:left;width:730px;}
.about_text {padding-top:15px;}
.about_text p {margin-bottom:20px;font-size:16px;text-indent:2em;}
.amore {display:block;width:120px;height:30px;text-align:center;line-height:30px;background-color:#fbd52a;border-radius:3px;}
.amore:hover {background-color:#4d4d4d;}
.about_r {float:right;width:410px;}
.about_r img {transition:all 0.3s;}
.about_r a:hover img {transform:scale(0.98);}

.video {margin-top:60px;}
.video li {float:left;width:285px;margin:0 7px;}
.video li a {display:block;width:285px;height:200px;overflow:hidden;position:relative;}
.video li a img {width:285px;height:200px;transition:all 0.3s;}
.video li a i {position:absolute;top:50%;left:50%;display:block;background:url(../images/play.png) no-repeat;width:61px;height:61px;margin-left:-30px;margin-top:-30px;}
.video li a:hover img {transform:scale(1.1);}

.news_l {float:left;width:480px;}
.news_l a img {transition:all 0.3s;}
.news_l a:hover img {transform:scale(0.98);}
.news_r {float:right;width:700px;}
.news_r li {float:left;width:100%;margin-bottom:10px;}
.news_r li a {float:left;width:100%;}
.news_r li span {float:left;width:100px;height:100px;text-align:center;font-size:18px;font-family:Arial;line-height:1.2;padding-top:10px;background-color:#fbd52a;}
.news_r li span b {font-size:48px;display:block;}
.news_r li .news_text {float:right;width:580px;height:110px;border-bottom:1px solid #e6e6e6;}
.news_r li:last-child .news_text {border:none;}
.news_text h6 {font-size:18px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 0 8px;}
.news_text p {color:#808080;}
.news_r li a:hover span {background-color:#4d4d4d;}
.news_r li a:hover .news_text h6 {color:#1f4aa6;}


/*footer*/
.footer {background-color:#1f4aa6;margin-top:60px;}
.f_cont {height:80px;background-color:#fbd52a;position:relative;top:-35px;}
.f_cont p {float:left;width:33.33%;text-align:center;line-height:80px;}
.f_cont p i {display:inline-block;vertical-align:middle;width:22px;height:23px;margin-right:5px;}
.f_cont .f_linkman i {background:url(../images/f_icon1.png) no-repeat;}
.f_cont .f_tel i {background:url(../images/f_icon2.png) no-repeat;}
.f_cont .f_add i {background:url(../images/f_icon3.png) no-repeat;}
.f_fast {margin-bottom:15px;}
.f_logo {float:left;width:492px;}
.f_logo p {color:#fff;border-top:1px solid #707070;margin-top:15px;padding-top:12px;line-height:1.8;}
.f_nav {float:left;width:175px;}
.f_nav1 {margin-left:50px;}
.f_nav h6 {color:#fff;font-size:16px;background:url(../images/arrow.png) no-repeat left center;padding-left:20px;margin-bottom:12px;}
.f_nav ul {padding-left:20px;}
.f_nav ul li {line-height:1.8;}
.f_nav ul li a {color:#b2b2b2;}
.f_nav ul li a:hover {text-decoration:underline;}
.f_msg {float:right;width:285px;}
.f_msg h6 {color:#fff;font-size:16px;background:url(../images/arrow.png) no-repeat left center;padding-left:20px;margin-bottom:12px;}
.f_msg p {color:#ccc;padding-left:20px;line-height:1.8;}
.f_msg form {padding-left:20px;}
.f_msg form input {width:100%;margin:12px 0 15px;border:1px solid #7d7d7d;padding:6px;}
.f_msg form button {width:100%;background-color:#fbd52a;border:none;border-radius:3px;padding:6px 0;}
.f_msg form button:hover {background-color:#eee;}
.f_copy {text-align:center;color:#fff;padding:15px 0;border-top:1px solid #a0a0a0;}
.f_copy a {color:#fff;}
.f_copy a:hover {text-decoration:underline;}
.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(../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:#808080;margin:25px 0 15px;}
.breadnav img {vertical-align:bottom;margin-right:10px;}
.breadnav a {color:#808080;}
.breadnav a:hover {text-decoration:underline;color:#000;}

.list ul {padding:0 15px;}
.list li {padding:12px 0;border-bottom:1px solid #f5f5f5;}
.list li:last-child {border:none;}
.list li a {overflow:hidden;display:block;}
.list li span {float:left;width:100px;height:100px;text-align:center;font-size:18px;font-family:Arial;line-height:1.2;padding-top:10px;background-color:#fbd52a;}
.list li span b {font-size:48px;display:block;}
.list li .list_text {float:right;width:1050px;height:100px;background-color:#f5f5f5;padding:10px 20px 0;}
.list li:last-child .list_text {border:none;}
.list_text h6 {font-size:18px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 0 8px;}
.list_text p {color:#808080;}
.list li a:hover span {background-color:#4d4d4d;}
.list li a:hover .list_text {background-color:#ddd;}
.list li a:hover .list_text h6 {color:#1f4aa6;}

#pages {margin:30px 0;text-align:center;clear:both;}
#pages a,#pages span {display:inline-block;text-align:center;padding:4px 12px;margin:0 2px;color:#fff;border-radius:3px;font-size:16px;background-color:#1f4aa6;}
#pages span,#pages a:hover {background-color:#fbd52a;color:#333;}
#pages a.a1 {display:none;}

.hits_pro {padding:35px 0;}
.hits_line {height:1px;background-color:#dcdcdc;}
.hits_slide {margin-top:30px;position:relative;}
.hits_slide li {float:left;width:230px;margin:0 5px;text-align:center;}
.hits_slide li a {display:block;}
.hits_slide li img {width:230px;height:200px;border:1px solid #bfbfbf;}
.hits_slide li h6 {line-height:2.5;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hits_slide li a:hover img {border-color:#fbd52a;}
.hits_slide li a:hover h6 {background-color:#fbd52a;}
.hits_slide .prev,.hits_slide .next{ position:absolute;top:90px;display:block;width:24px;height:24px;}
.hits_slide .prev {background:url(../images/hits_arrow_l.png) no-repeat center;left:-30px;}
.hits_slide .next {background:url(../images/hits_arrow_r.png) no-repeat center;right:-30px;left:auto;}

.show_tit {font-size:24px;text-align:center;}
.show_des {color:#999;text-align:center;}
.show_con {padding:30px 0;color:#666;font-size:16px;}
.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;}


/*products*/
.showp_imgs {float:left;width:450px;position: relative; border: 1px solid #dcdddd; padding: 4px;}
#showbox span { background:url(../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:440px; 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:450px;}
.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:450px;margin:0 12px 15px;}
.v_list li a {display:block;}
.v_img {width:450px;height:315px;overflow:hidden;position:relative;}
.v_img img {width:450px;height:315px;transition:all 0.5s;}
.v_img i {position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;display:block;width:61px;height:61px;background:url(../images/play.png) no-repeat;}
.v_list li a h6 {text-align:center;line-height:2.5;font-size:16px;}
.v_list li a:hover .v_img img {transform:scale(1.1);}
.v_list li a:hover h6 {background-color:#4d4d4d;}

.show_video iframe {width:800px;height:600px;margin:0 auto;display:block;}


/*page*/
.nabout_l {float:left;width:770px;font-size:16px;line-height:1.8;}
.nabout_l p,.nabout_l div {margin-bottom:20px;}
.nabout_r {float:right;width:380px;height:380px;background:url(../images/nabout_rbg.jpg) no-repeat;}
.nabout_r li {float:left;width:50%;height:190px;text-align:center;padding:35px 10px 0;}
.nabout_r li h6 {font-size:16px;padding:8px 0;}
.nabout_r li p {color:#808080;}

/*contact*/
.pad30 {padding-top:30px;}
.c_text {float:left;width:550px;}
.c_text_wrap h3 {color:#161d2d;font-size:30px;padding-bottom:20px;}
.c_text_wrap p {line-height:2;}
.c_form {margin-top:35px;}
.c_form h6 {font-size:18px;margin-bottom:10px;}
.c_form p {color:#999;white-space:nowrap;}
.c_input {margin-top:20px;}
.c_input input,.c_form .c_input textarea {width:100%;padding:8px 15px;outline:none;border-radius:3px;border:1px solid #bfbfbf;}
.c_input textarea {height:120px;}
.c_input button {display:block;width:100%;height:40px;line-height:40px;text-align:center;background-color:#1f4aa6;color:#fff;border:none;border-radius:3px;}
.c_input button:hover {background-color:#e4c129;}
.c_map {float:right;width:610px;height:592px;border:1px solid #bfbfbf;}
