@charset "utf-8";

.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(img/AjaxLoader.gif) no-repeat center center}.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(img/grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}

100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}}


.pageleftfixmenu {
    position: fixed;
    left: 0;
    bottom: 17%;
    z-index: 20;
}
.pageleftfixmenu span {
       display: block;
    overflow: hidden;
    background: #2daf1b;
    transition: all .3s;
    width: 65px;
    height: 65px;
    line-height: 65px;
}
.pageleftfixmenu .iconbg {
    background: #2daf1b url(img/telimg.jpg) no-repeat;
    display: block;
}
.pageleftfixmenu{ position: fixed; left: 0; bottom: 40%;z-index: 20;}
.pageleftfixmenu .iconbg{ width: 80px; height: 80px; margin-right: 20px; display: inline-block; float: left; vertical-align: middle; }
.pageleftfixmenu span{ display: block; overflow: hidden; background: #2daf1b; transition: all .3s; width: 80px;height: 80px; line-height: 80px; }
.pageleftfixmenu span a{color: #fff; font-weight: 600;}
.pageleftfixmenu span i.iconbg{background:#2daf1b url(img/telimg.jpg) no-repeat center; display: block;}
.pageleftfixmenu span:hover{ width:260px; }
.pageleftfixmenu span:hover .iconbg{border-right: 1px solid #fff;}
.pageleftfixmenu span:hover a{text-decoration:none;}








body{ font-family:Arial, Helvetica, sans-serif;font-size: 17px;; color: #333;}

html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;}

input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;outline: none;}

img{border: 0 none;vertical-align: middle;}

a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}

a:hover{cursor: pointer;}

a:focus{outline:none;}

ul, li, dl, dt, dd{list-style: none outside none;}

/*table td{word-wrap:break-word;word-break:break-all;}*/



.warper{max-width:1300px; margin:0 auto;}



.backToTop{width:60px; height:60px; background:#ff9000 url(img/icon_top.png) no-repeat center; background-size: 27px; cursor:pointer; position:fixed; right:3%;text-indent:9999px; bottom:50px; color: #fff; border-radius: 50%; transition: all .3s}

.backToTop:hover{opacity: .8}



header{ background: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.1); width: 100%;}

header .rcon{position: absolute; right: 50px; top: 0; z-index: 11; }

header .rcon .media{float: left; border-left: 1px solid #ddd;}

header .rcon .media a{ width: 22px; color: #c1c1c1; line-height: 107px; width: 60px; text-align: center; display: inline-block; font-size: 34px; border-right: 1px solid #ddd; }

header .rcon .media a:hover{color: #213599}

.language{ height: 101px; float: right; padding:38px 0 40px 10px; } 

.language i{font-size: 27px; color: #c1c1c1;display: inline-block; vertical-align: middle;}

.language select{display: inline-block; vertical-align: middle; margin-top: 3px; font-size: 16px; color: #c1c1c1;}


.header_top{ padding:30px 0;}
.xj_logo{ float:left;}
.xj_logor{float: left;padding-top:30px;padding-left: 200px;}
.xj_logor li{ float:left;}
.xj_logor li a{padding-left:20px;font-size:1.1em;font-size: 1.2em;font-weight: bold;}
.xj_logor li a i{ color:#f89600;}

#logo{ overflow: hidden; padding: 13px 0; margin: 0 0 0 50px}

.close-nav{position: fixed;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}

.nav-open{transform: translateX(0);}

.close-open{opacity: 0.5;visibility: visible;}

.body-hidden{overflow: hidden!important;}

#nav .nav-button{width: 35px;height: 35px;border-radius: 3px;background: #333;color: #fff;position: absolute;right: 10px;top: 10px;line-height: 33px;text-align: center;font-size: 20px;}

#nav .nav-button i{ color: #fff; }

#nav .nav-button{display: none;}

.searchbox{ position: relative;display: inline-block; float: left; border-right: 1px solid #ddd; }

.searchbox i{ display: block; width: 60px; overflow: hidden; text-align: center; font-size: 27px; line-height:107px; color: #c1c1c1; }

.searchbox form{ position: absolute; visibility: hidden; right:0px; top:107px; width: 500px; z-index: 10; background: #fff; padding:15px; line-height: auto; }

.searchbox form .text,.searchbox form button{ line-height: 52px; float: left; border: 1px solid #ddd; padding:0 5px; height: 52px; }

.searchbox form .text{ width: 400px; }

.searchbox form button{ width: 70px; background: #1d7fb7; font-size: 16px; color: #fff; border: 0; }

.searchbox:hover form{ visibility: visible; }



nav{ background:#0c0766;}
nav ul#show{ height:60px;}
nav li{ float: left; position: relative; }

nav li>a{ padding:0 40px; display: block; line-height: 60px; font-size: 18px;color: #fff; transition:0.5s;background:url(img/nav_bg.png) right center no-repeat;}

nav li.on>a,nav li:hover>a{ }

nav dl{ position: absolute; display: block; background:#fff; top: 60px; opacity: 0;transition: opacity 1s ease; left:0; z-index: 999; display:none;}

nav dl a{ color: #333; display: block; line-height: 50px; background:#f0f0f0; padding:0 10px; width: 180px; }

nav dl a:hover{background:#fff; color:#f89600;}

nav .menu{position:absolute;display:none;background:#f0f0f0;top: 60px;padding:60px 0; opacity: 0; width: 100%;transition: opacity 1s ease;left: 0;z-index: 999;}

nav .menu .warper{overflow: hidden;}

nav .menu a{display: block; white-space: nowrap;}

nav .menu .leftcon { width: 25%; padding-right: 30px; float: left; overflow: hidden; }

nav .menu .leftcon h3{font-size: 42px;text-transform: uppercase;margin-bottom: 20px;}

nav .menu .leftcon div a{display: block;font-size:18px;margin-bottom: 10px;}

nav .menu .leftcon div a.on{ color: #f89600;}

nav .menu .leftcon div a{transition: all .3s;background: #e6e6e6 url(img/li_jiantou.png) no-repeat 95% center;padding: 10px;}

nav .menu .leftcon div a.on{background: #f89600 url(img/li_jiantou_red.png) no-repeat 95% center;color: #fff;}

nav .menu .right_con { width: 75%; float: right }

nav .menu .right_con .item{ display: none; }

nav .menu .right_con .item span{display: block; width: 25%; padding: 0 10px; text-align: center; float: left;} 


nav .menu .right_con .item span a{ line-height: 30px; background:#fff;}
nav .menu .right_con .item span a img{width:100%; display: block;}
nav .menu .right_con .item span a b{font-weight:normal;overflow: hidden;display: block;text-overflow:ellipsis;white-space: nowrap;padding: 5px;text-align: center;font-size: 1em;}


nav .menu .right_con .item span a:hover{ color: #f62b1d }

nav li:hover .menu,nav li:hover dl{ opacity: 1; display:block;}



footer{ background-color:#144F91;color: #fff; line-height: 24px;}

footer .footer{padding: 80px 0; overflow: hidden;}

footer a{ color: #f89600; transition:0.3s;}

footer a:hover{ text-decoration:underline;}

footer h4{ text-transform: uppercase; color: #fff; font-size: 32px; margin-bottom: 45px;}

footer .item{ width: 30%;float: left; /*color: #888;*/ font-size: 16px; margin-right: 2%; display: inline-block; line-height:35px }

footer .item1{ width: 36%; }

footer .item1 h3,footer .item1 b,footer .item1 i{color: #fff;}

footer .item1 h3{font-size: 52px; text-transform: uppercase;}

footer .item1 b{font-size: 18px; margin-bottom: 10px; display: block; text-transform: uppercase; font-weight: 100;}

footer .item1 ul{margin-top: 20px;}

footer .item1 li{padding-left: 25px; position: relative;}
footer .item1 div{padding-left: 25px; position: relative; margin-bottom: 5px; }
footer .item1 h6{margin-right: 10px; font-size: 20px; display: inline-block; position: absolute; left: 0; top: 0; line-height:35px;}

footer .item2 a{ float: left; margin-right: 1%; margin-bottom: 5px; background: #000 }

footer .item2 a img{ display: block; width: 100%;opacity: .6 } 

footer .item2 a:hover img{opacity: 1}

footer .item3{ float: right;margin-right: 0; }

footer .item3 a{background: #347ed1; color: #fff; display: inline-block; margin-right: 5px; padding:4px 15px; margin-bottom: 5px;}
footer .item3 a:hover{background: #3b3756; color:#fff; text-decoration:none;}

button:hover{ opacity: .8 }

footer .copyright{ text-align: center; font-size: 16px; background-color:#053075; color: #cacaca; padding:12px 10px }







.message {background-attachment: fixed;background-position: 50% 0;background-size: cover;background-image:url(img/lybg.jpg);padding:65px 15px;/* background:#173766;*/ clear:both; overflow:hidden;}


.message .maxw{border-radius:10px; padding:0; background-color:#fff; overflow:hidden; }
.message .maxw dl{width:100%; overflow:hidden; display:block; clear:both; position:relative;}
.message dd {width:42%;background:url(img/bg_zs.png) center no-repeat #fff;background-size:100%;padding:35px 0px 25px 60px ;position:relative;}
.message dd.l{ float:left;}
.message dd h3 {font-size:36px;font-weight:700;line-height:1.2;background:url(img/msg_tb1.png) left center no-repeat;padding-left:50px;}
.message dd .msg_box {background:#fff;border-radius:10px;padding:15px 30px;margin:20px 0;box-shadow:0 0 20px #dcdcdc;}
.message dd .msg_box p {font-size:18px;line-height:40px;}
.message dd .msg_box p span{ width:10%; vertical-align:top;}
.message dd .msg_box P strong{position:relative;width:87.5%;display:inline-block;}
.message dd .msg_box p input{ position:relative;width:99%;height:40px;border:1px solid #e4e4e4;border-radius:5px;font-size:16px;font-family:微软雅黑;padding-left:45px;}
.message dd .msg_box p textarea { position:relative;width:99%;border:1px solid #e4e4e4; padding:0.3em; height:5.1em;border-radius:5px;display:inline-block;font-size:16px;padding-left:45px; font-weight:normal; line-height:1.5em; overflow:hidden;}
.message dd .msg_box .msg_name i{ position:absolute; width:15px; height:17px; background-size:100%; z-index:10; left:15px; top:12px;background:url(img/msg_name.png) no-repeat;}
.message dd .msg_box .msg_tel i{ position:absolute; width:20px; height:24px; background-size:100%; z-index:10; left:12px; top:9px;background:url(img/msg_tel.png) no-repeat;}
.message dd .msg_box .msg_email i{ position:absolute; width:20px; height:24px; background-size:100%; z-index:10; left:12px; top:9px;background:url(img/msg_email.png) no-repeat;}

.message dd .msg_box .msg_text i{ position:absolute; width:21px; height:21px; background-size:100%; z-index:10; left:12px; top:13px;background:url(img/msg_text.png) no-repeat;}
.message dd .msg_box .msg_tel {position:relative;}
.message dd .msg_sub {width:140px;height:40px;background:#e20d00;background: -o-linear-gradient(right,#ff5a50,#e20d00); background: -moz-linear-gradient(right,#ff5a50,#e20d00);  background: linear-gradient(to right, #ff5a50,#e20d00);display:block;border:none;border-radius:5px 5px 20px 5px;font-size:18px; cursor:pointer;font-weight:bold;color:#fff;float:right;box-shadow:0 0 10px #ccc;transition:all .3s ease;}
.message dd .msg_sub:hover {border-radius:5px 20px 5px 20px;}
.message dt {width:55%; right:0; height:100%;overflow:hidden; clear:both;background:url(img/msg-pic.jpg) right top no-repeat; background-size:100% auto; position:absolute;}
.message dt.r{ float:right;} 



.form2{}
.form2 li{ padding:5px 0;}
.form2_input{line-height:22px; padding:5px; color:#fff; background:#003065; width:90%; border-radius:4px;}
.form2_textarea{ line-height:22px; height:66px; overflow:hidden; padding:5px; color:#fff; background:#003065;width:90%;border-radius:4px;}
.form2_btn{ border:none; background:#d00; color:#fff; padding:0.5em 2em; line-height:1.4em; float:right; margin-right:10%;border-radius:1.2em;}
.form2_btn:hover{ background:#f00;}

.form3{ width:220px; background:#282828; position:fixed; right:0; bottom:200px; padding:30px 0;border-radius:4px;}
.form3 li{ padding:5px 15px;}
.form3_input{line-height:22px; padding:5px; color:#fff; background:#424242; width:100%;border-radius:4px;}
.form3_textarea{ line-height:22px; height:66px; overflow:hidden; padding:5px; color:#fff; background:#424242;width:100%;border-radius:4px;}
.form3_btn{ border:none; background:#d00; color:#fff; padding:0.5em 2em; line-height:1.4em; float:right; display:block; margin:0 auto;border-radius:1.2em;}
.form3_btn:hover{ background:#f00;}
.form3_g{ position:absolute; top:5px; right:5px; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; cursor:pointer;}



/*以下首页样式*/
img{ max-width:100%;}
#banner img{ width: 100%; display: block; }

#banner.owl-theme .owl-controls{position: absolute;bottom: 10px;width: 100%;}

#banner.owl-theme .owl-controls .owl-page span{border-radius: 0;width: 13px;height: 13px; margin: 0 3px; background: #fff;opacity:.5; border-radius: 50%;}

#banner.owl-theme .owl-controls .owl-page.active span,#banner.owl-theme .owl-controls .owl-page:hover span{background: #213599; opacity: 1}


/*主页新加模块*/
.mlogo{ display:none; position:absolute; top:10px; left:10px;}
.mlogo a img{ height:45px;}

.hmain_title{ text-align:center;}
.hmain_title h2{ font-size:3em; font-weight:bold; position:relative; padding-bottom:0.5em; margin-bottom:0.5em;}
.hmain_title h2 span{ color:#05549a;}
.hmain_title h2:before{position:absolute; content:" "; bottom:0; left:50%; margin-left:-25px; border-bottom:5px solid #ef7f34; width:50px;}
.hmain_title p{ text-align:center; max-width:700px; /*color:#999;*/ line-height:1.5em; height:3em; overflow:hidden; margin:0 auto; margin-bottom:15px; font-size:0.875em;}

.hmain_title2{ color:#fff;}
.hmain_title h2 i{ color:#f89600;}


.hmain_mod1{ padding:60px 0;}
.hmain_mod1_ul{ padding-top:30px;}
.hmain_mod1_img{ overflow:hidden;}
.hmain_mod1_img img{ width:100%; transition:all 0.4s;}
.hmain_mod1_ul li{ margin-bottom:20px;}
.hmain_mod1_ul li a{ display:block; background:#004da2; color:#fff; transition:all 0.6s;}
.hmain_mod1_text{ text-align:center; padding:20px 5px; overflow:hidden;}
.hmain_mod1_text h3{ font-size:1.2em; margin-bottom:15px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.hmain_mod1_text h5{ width:120px; margin:0 auto; border-radius:3px; border:1px solid #fff; padding:0.5em 2em;}
.hmain_mod1_ul li a:hover{ background:#ef7f34;}
.hmain_mod1_ul li a:hover .hmain_mod1_img img{ transform:scale(1.1,1.1);}

.hmain_mod2{ background:#f5f5f5; padding:60px 0;}
.hmain_mod2_ul{}
.hmain_mod2_img{ overflow:hidden;}
.hmain_mod2_img img{ width:100%; transition:all 0.4s; 
    background: url(../images/prolist_bg.jpg) no-repeat;}
.hmain_mod2_ul li{ margin-bottom:20px;}
.hmain_mod2_ul li .hmain_mod2_ul_a{ display:block; background:#fff; color:#666; transition:all 0.4s;}
.hmain_mod2_text{ text-align:center; padding:15px 5px; overflow:hidden;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;    font-size: 1.2em;}

.hmain_mod2_ul li .hmain_mod2_ul_a:hover{-webkit-transform: translateY(-7px); transform: translateY(-7px); color:#ef7f34;}

.hmain_mod2_btn{ padding:10px 0; text-align:center;}
.hmain_mod2_btn1{display:inline-block; padding:7px 20px; color:#fff; font-size:1.05em;background:#0652BC;}
.hmain_mod2_btn2{display:inline-block; padding:5px 20px; color:#fff; font-size:1.05em;background:#F89600; margin-left:30px;}


.hmain_mod2_btn1:hover{background:#006aff;}
.hmain_mod2_btn2:hover{background:#ffad30;}


.hmain_mod3{background:url(img/whyimg.webp) center center no-repeat; padding:60px 0;}
.hmain_mod3_ul{ padding-top:30px;}
.hmain_mod3_ul li{ margin-bottom:20px;}
.hmain_mod3_ul li a{ display:block; background:url(img/whyBg.jpg) center center no-repeat; background-size:100% 100%; padding:20px 10px; text-align:center; transition:all 0.4s;}
.hmain_mod3_ul li a:hover{-webkit-transform: translateY(-7px); transform: translateY(-7px); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5); box-shadow: 0 2px 5px rgba(0,0,0,.5); color:#ef7f34;}
.hmain_mod3_img img{margin:0 auto 30px; transition:all 1s;}
.hmain_mod3_text h3{ font-size:1.2em; font-weight:bold; margin-bottom:20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.hmain_mod3_text p{ line-height:1.8em; height:9em; overflow:hidden; color:#666;}
.hmain_mod3_ul li a:hover .hmain_mod3_img img{transform:rotate(360deg);}

.hmain_mod4{ padding:60px 0;}

.hmain_mod4_ul{ padding-top:30px;}
.hmain_mod4_img{ overflow:hidden; border-bottom:15px solid #fff;}
.hmain_mod4_img img{ width:100%; transition:all 0.4s;}
.hmain_mod4_ul li{ margin-bottom:20px;}
.hmain_mod4_ul li a{ display:block; background:#f5f5f5; color:#333; transition:all 0.4s;}
.hmain_mod4_text{ text-align:center; padding:20px 5px; overflow:hidden;}
.hmain_mod4_text h3{ font-size:1.2em; margin-bottom:15px; font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.hmain_mod4_text p{ color:#666; line-height:1.5em; height:3em; overflow:hidden; margin-bottom:15px; transition:all 0.4s;}
.hmain_mod4_text h5{ width:120px; margin:0 auto; border-radius:3px; border:1px solid #ef7f34; background:#ef7f34; padding:0.5em 2em; color:#fff; transition:all 0.4s;}
.hmain_mod4_ul li a:hover{ background:#ef7f34; color:#fff;}
.hmain_mod4_ul li a:hover .hmain_mod4_img img{ transform:scale(1.1,1.1);}
.hmain_mod4_ul li a:hover .hmain_mod4_text p{ color:#fff;}
.hmain_mod4_ul li a:hover .hmain_mod4_text h5{ background:#fff; color:#ef7f34;}

.hmain_more{ text-align:center; padding-top:10px;}
.hmain_more a{ display:inline-block; border-radius:6px; padding:0.6em 2.5em; border:1px solid #ef7f34; color:#ef7f34;}
.hmain_more a:hover{ border:1px solid #ef7f34; color:#fff; background:#ef7f34;}

.hmain_title3{ margin-bottom:20px;}
.hmain_title3 h3{ font-size:2.4em; font-weight:bold; line-height:1em; padding-left:10px; border-left:4px solid #ef7f34;}
.hmain_title3 h3 a{ float:right; font-size:0.4em; font-weight:normal; color:#ef7f34;}

.hmain_mod5{ padding:60px 0; background:#f5f5f5;}
.hmain_about{ margin-bottom:20px;}
.hmain_about_p{ text-align:justify; line-height:1.8em; color:#666; padding-bottom:10px;}
.hmain_about_img img{ width:100%;}

.hmain_news_list{}
.hmain_news_list li{ overflow:hidden; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ccc;}
.hmain_news_date{ width:60px; padding:10px; background:#004da2; float:left; color:#fff; text-align:center; transition:all 0.4s;}
.hmain_news_date span{ font-size:1.5em;}
.hmain_news_text{ padding-left:80px; color:#333;}
.hmain_news_text h2{ font-size:1.2em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom:10px;}
.hmain_news_text p{ color:#666; line-height:1.5em; height:3em; overflow:hidden;}

.hmain_news_list li a{ display:block;}
.hmain_news_list li a:hover .hmain_news_date{ background:#ef7f34;}
.hmain_news_list li a:hover .hmain_news_text h2{ color:#ef7f34;}


/*遮罩层*/
.modal-overlay,
.preloader-indicator-overlay,
.popup-overlay{position: fixed; top: 0;  z-index: 11; width: 100%; height: 100%; visibility: hidden; background: rgba(0, 0, 0, .7); opacity: 0; -webkit-transition-duration: 400ms; -o-transition-duration: 400ms; transition-duration: 400ms;max-width: 768px;left: 0;right: 0;margin:0 auto;}
.modal-overlay.modal-overlay-visible,
.preloader-indicator-overlay.modal-overlay-visible,
.popup-overlay.modal-overlay-visible{visibility: visible; opacity: 1;}

.popup-overlay{z-index: 11;}
.modal{position: fixed; top: 50%; left: 50%;display: none; width: 13.5rem; margin-top: 0; margin-left: -6.75rem; color: #3d4145; text-align: center; border-radius: .35rem; opacity: 0; -webkit-transition-property: -webkit-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: translate3d(0, 0, 0) scale(1.185); transform: translate3d(0, 0, 0) scale(1.185);}
.modal.modal-in{opacity: 1; -webkit-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1);}
.modal.modal-out{opacity: 0; -webkit-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: translate3d(0, 0, 0) scale(.815); transform: translate3d(0, 0, 0) scale(.815);}
.actions-modal{display:none;position: fixed; bottom: 0.85rem; width: 100%; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);max-width: 768px;left: 0;right: 0;margin:0 auto;}
.actions-modal.modal-in{-webkit-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.actions-modal.modal-out{-webkit-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}




/*底部*/
.bar-tab{position:fixed;bottom:0;z-index:12;width:100%;height: 50px;background-color: #f7f7f7;padding:0;table-layout:fixed;border-bottom:0;border-left:0;max-width: 768px;left: 0;right:0;margin:0 auto; display:none;}
.bar-tab ul{background-color: #f7f7f7;height: 50px;}
.bar-tab li{text-align: center;float: left;height: 50px;width: 20%;/*border-top: 1px solid #e2e2e2;*/background-color: #f7f7f7;position: relative;}
.bar-tab li:before{content:'';position:absolute;left:0;right:0;top:1px;height:1px;background-color: #e2e2e2;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.bar-tab li.active span:before{color: #0168b6;}
.bar-tab li.active label{color: #0168b6;}
.bar-tab li a{display: block;position: relative; color:#666;}
.bar-tab li a{ text-decoration:none; color:#0168b6;}
.bar-tab li span{display: block;padding: 5px 1px 0;}
.bar-tab li span:before{font-size: 20px;}
.bar-tab li label{font-size: 12px;position:relative;top:0;/* margin-top: 2px; */font-weight: normal;}
.bar-tab li:nth-child(3){position:relative;top: -5px;border-top: 0;background: url("img/bg_more.png") 5px no-repeat;background-size: 100%;}
.bar-tab li:nth-child(3):before{display:none;}
.bar-tab li:nth-child(3) span{padding-top:0;position:relative;top: 0;display:block;margin: 0 auto;width: 50px;height: 50px;border-radius:100%;line-height: 50px;text-align: center;background-color: #0168b6;}
.bar-tab li:nth-child(3) span:before{color: #fff;}
.bar-tab li .product_tc{position: absolute;bottom: 0.9rem;background: #fff;width: 110%;left: -5%;display: none;box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.3);}
.bar-tab li .product_tc dl{text-align: center;}
.bar-tab li .product_tc dl dd{line-height: 0.25rem;font-size: 0.18rem;border-bottom:1px solid #e9e6e6; padding:0.1rem 0;}
.bar-tab li .product_tc dl dd:first-child{border-top:1px solid #e9e6e6;}
.bar-tab li .product_tc dl dd a{display: block;color: #666;}
.actions-modal .close{position: absolute;right: 0.25rem;top: 0.11rem;}
.actions-modal .close:before{font-size: 0.3rem;color: #999;}

.bar-tab li .foot_pro{position: absolute;bottom: 50px;background: #fff;width: 180%;left: -40%;display: none;box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.3);}
.bar-tab li .product_tc dl dd.foot_pro_list{line-height: 20px;font-size: 12px;border-bottom:1px solid #e9e6e6;padding: 3px 0;}

/*.proNav {z-index: 999;}*/
.proNav .proNav-left{width: 40%;}
.proNav .proNav-left ul li{width: 50%;}
.proNav .proNav-right{width: 60%;}
.proNav .proNav-right ul li{width: 50%;height: 0.85rem;line-height: 0.85rem;}
.proNav .proNav-right ul li a{display: block;color: #fff;}
.proNav .proNav-right ul li:first-child{background: #ff9402;}
.proNav .proNav-right ul li:last-child{background: #ff5000;}
.proNav .proNav-right ul li:first-child a:active{background:#ff9428; }
.proNav .proNav-right ul li:last-child a:active{background: #ff5000;}
.proNav li:before{content:'';position:absolute;left:0;right:0;top:0px;height:1px;background-color: #e2e2e2;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}

/*中间加号展开更多*/
.item-more{ font-weight:normal;}
.item-more-actions{z-index:12;/*height:4.46rem;*/background:rgba(244,244,244,0.96);bottom: 0 !important;}
.item-share-actions{z-index:12;height:auto;background:rgba(244,244,244,0.96);bottom: 0 !important;}
.item-more-actions dl{width:100%;overflow:hidden;padding:0.5rem 0 1rem;}
.item-share-actions dl{height:auto;width:100%;overflow:hidden;padding:0.55rem 0 0.5rem;}
.item-more-actions dl dd,.item-share-actions dl dd{float:left;width:25%;height:auto;overflow:hidden;}
.item-more-actions dl dd a,.item-share-actions dl dd a{display:block;text-align:center;padding: 10px 0;font-size: 12px;color:#333;position: relative;}
em.remind{width:0.13rem;height:0.13rem;position: absolute;right: 0.45rem;top: 0.25rem;background-color: red;border-radius: 100%;}
.item-share-actions dl dd a{padding: 0.15rem 0;text-align: center;}
.item-more-actions dl dd a span,.item-share-actions dl dd a span{display:block;width: 40px;height: 40px;text-align: center;margin:0 auto;line-height: 40px;border-radius: 50%;margin: 0 auto 5px;}
.item-share-actions dl dd a span{font-size: 0.9rem !important;margin-left:0.35rem;}
.item-more-actions dl dd a span.sy{background: #95c000;}
.item-more-actions dl dd a span.cp{background: #fcb112;}
.item-more-actions dl dd a span.kf{background: #00aef3;}
.item-more-actions dl dd a span.tel{background: #e77900;}
.item-more-actions dl dd a span.qq{background: #5294d0;}
/*.item-share-actions dl dd a span i{font-size: 0.72rem !important;}*/
.item-more-actions dl dd a span i{font-size: 14px;color: #fff;position: relative;top: 0.03rem;}
.item-more-actions dl dd a:active,.item-share-actions dl dd a:active{background-color:#f5f5f5;}
.item-more-actions .cancle,.item-share-actions .cancle{position:relative;height: 50px;width:100%;text-align:center;line-height: 50px;background-color:#fff;}
.item-more-actions .cancle:active,.item-share-actions .cancle:active{background-color:#f5f5f5;}
.item-more-actions .cancle:before,.item-share-actions .cancle:before{content:'';position:absolute;left:0;top:0;right:0;height:1px;background-color: #f2f2f2;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.item-more-actions .cancle span:before,.item-share-actions .cancle span:before{color:#a5a5a5;font-size:0.38rem;}
.bar-tab-actions .glyphicon{ line-height:inherit;}



.mianfei-tel{padding:0.6rem 0 0;text-align: center;box-sizing: border-box;position: fixed;bottom: 0 !important;width:100%;background: #f4f4f4;z-index: 99;display: none;max-width: 640px;left:0;right:0;margin:0 auto;}
.mianfei-tel h3{font-size: 0.3rem;color: #327ccc;font-weight: normal;padding:0.1rem 0;}
.mianfei-tel p{font-size: 0.24rem;color: #5e5e5e;margin-top: 0.05rem;}
.mianfei-tel form{width: 100%;padding: 0.3rem 0.2rem;box-sizing: border-box;}
.mianfei-tel form input{width: 100%;padding-left: 0.2rem;box-sizing: border-box;border-radius: 0.1rem;padding:0.2rem 0 0.2rem 0.2rem;font-size: 0.26rem;}
.mianfei-tel .jieting{width: 94%;background: #327ccc;border-radius: 0.1rem;margin:0 auto 0.5rem;}
.mianfei-tel .jieting a{color: #fff;display: block;font-size: 0.26rem;padding:0.2rem 0;}
.mianfei-tel .jieting a:active{background: none;border-radius: 0.1rem;color: #fff;}
.mianfei-tel .jieting i{margin-right: 0.12rem;font-size: 0.22rem;}
.mianfei-tel .gbBtn{position:relative;height:0.9rem;width:100%;text-align:center;line-height:0.9rem;background-color:#fff;}
.mianfei-tel .gbBtn:active{background-color:#f5f5f5;}
.mianfei-tel .gbBtn:before{content:'';position:absolute;left:0;top:0;right:0;height:1px;background-color: #f2f2f2;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.mianfei-tel .gbBtn span:before{color:#a5a5a5;font-size:0.38rem;}
.cover{display: none;position: fixed; top: 0; left: 0; z-index: 8; width: 100%; height: 100%; background: rgba(0, 0, 0, .7);max-width: 640px;left:0;right:0;margin:0 auto;}
.mianfei-tjcg h3{color: #5e5e5e;font-size: 0.32rem;}
.mianfei-tjcg h3 i{font-size: 0.6rem;color: #b1d74f;position: relative;top: 0.08rem;margin-right:0.1rem;}
.mianfei-tjcg p{margin:0.2rem 0 1.2rem;}





/*产品大列表*/
.pro_ser_title{font-size: 36px; font-weight: bold; font-family: "Arial Black"; text-align: center; padding: 20px 0 10px; color: #333; text-transform:uppercase;}
.pro_ser p{ display: block; color: #333; line-height: 1; font-size: 19px; text-align: center; margin-bottom: 20px;}
.pd_se{width: 420px; margin: 0 auto; overflow: hidden; height: 50px; border-radius: 10px; margin-bottom:50px;}
.pd_s_inp{float: left; height: 100%; width: 80%; overflow: hidden; background: #f9f9f9; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset; height:50px;}
.pd_s_inp>input{border: 0; background: none; height: 30px; width: 90%; margin: 0 auto; display: block; margin-top: 10px; font-size: 16px;}
.pd_s_btn{float: left; width: 20%; height: 100%; overflow: hidden; position: relative; background: #0384e7; cursor: pointer; line-height:50px; text-align:center; color:#fff; font-size:1.5em; border:none;}
.pd_s_btn:hover{background-color: #096bb5;}
.pd_s_bs1{position: absolute; left: 48%; margin-left: -10px; top: 10px; width: 16px; height: 16px; border-radius: 50%; border: 4px solid #fff;}
.pd_s_bs2{position: absolute; width: 4px; height: 10px; top: 29px; left: 48%; margin-left: 9px; background: #fff; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);}


.pd_gastp{ margin: 0 auto; overflow: hidden;}
.pd_g_gass{border: 1px solid #e6e5e6; overflow: hidden; border-radius: 3px; margin-bottom: 25px; background: #f4f4f4;}
.pd_gg_gass{overflow: hidden;}
.pd_gg_gass:not(:last-child){border-bottom: 1px solid #ddd;}
.pd_gg_gtit{float: left; width: 15%; height: 100%; text-align: center; color: #333; font-weight: 600; font-size: 16px; padding-top: 20px;}
.pd_gg_grig{float: left; width: 85%; background: #fff; overflow: hidden; min-height: 62px;}
.pd_ggg_gone{overflow: hidden;}
.pd_ggg_gotit{float: left; width: 14%; padding-right: 1%; text-align: right; font-size: 15px; color: #333; padding-top: 20px;}
.pd_ggg_gos{width: 85%; overflow: hidden; float: left; padding-top: 20px;}
.pdggggone{height: 30px; line-height: 25px; font-size: 15px; float: left; margin-right: 20px; color: #666; cursor: pointer; font-family: "Arial" !important;}
.pdggggone a:hover{color: #c00;}


.pdggggoneact{height: 30px; font-size: 15px; font-weight: 600; float: left; margin-right: 20px; color: #c00000; cursor: pointer;}
.pdgggone{margin-top: 20px; float: left; text-align: center; font-size: 15px; color: #333; margin-left: 10px; cursor: pointer; margin-bottom: 10px;}
.pdgggone a{ padding-left:10px;}
.pdgggone a.on{ color:#c00;}
.pdgggone a:hover{ color:#c00;}
.pdgggoneact{margin-top: 20px; float: left; text-align: center; font-size: 15px; font-weight: 600; color: #c00000; margin-left: 30px; cursor: pointer; margin-bottom: 10px;}


.products_list{ background:#f5f5f5; padding:60px 0;}
.pro_ul{}
.pro_ul li{ position:relative; margin-bottom:30px; }


.pro_ul_a{ display:block; background:#fff;transition:all 0.4s;}
.pro_ul_a:hover{-webkit-transform: translateY(-7px); transform: translateY(-7px); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5); box-shadow: 0 2px 5px rgba(0,0,0,.5);}
.pro_ul_l{ width:250px; overflow:hidden; float:left; position:absolute; height:100%; justify-content:center; align-items:center; display:flex; padding:0 15px;}
.pro_ul_l a{ overflow:hidden; border-radius:10px;}
.pro_ul_l img{ transition:all 0.4s; width:100%;}

.pro_ul_r{ padding:15px 15px 15px 250px;}
.pro_ul_r h2{font-size: 1.3em; font-weight:bold; color: #333; line-height: 1.5em;height:1.5em; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition:all 0.4s;}
.pro_ul_r p{overflow: hidden; color: #666; height: 4em; line-height: 2em; margin:10px 0; text-align:justify;}
.pro_ul_r span{font-size:1.1em; color: #ff651b; border-bottom: 1px solid #ff651b; cursor: pointer;}

.pro_ul_a:hover .pro_ul_l img{ transform:scale(1.1,1.1);}
.pro_ul_a:hover .pro_ul_r h2{ color:#ff651b;}

.pro_ul_btn{}
.pro_ul_btn .pro_ul_btn_a1{ display:inline-block; padding:10px 20px; color:#fff; font-size:1.2em;background:#0652BC;transition:all 0.4s;}
.pro_ul_btn .pro_ul_btn_a2{ display:inline-block; padding:10px 20px; color:#fff; font-size:1.2em;background:#F89600; margin-left:30px;transition:all 0.4s;}
.pro_ul_btn .pro_ul_btn_a1:hover{background:#006aff;}
.pro_ul_btn .pro_ul_btn_a2:hover{background:#ffad30;}




/*搜索*/
.sousuo_ul{}
.sousuoli{ background:#fff; padding:15px; margin-bottom:30px; border-radius:5px; transition:all 0.4s;}
.sousuoli_box{ overflow:hidden;}
.sousuoli_l{ float:left; width:220px;}
.sousuoli_l a{ display:block; overflow:hidden; border-radius:5px;}
.sousuoli_l a img{ width:100%; transition:all 0.4s;}

.sousuoli_r{ padding-left:250px;}
.sousuoli_r h3{ padding-bottom:15px;}
.sousuoli_r h3 a{ font-size:1.2em; font-weight:bold;}
.sousuoli_r p{ line-height:1.5em;}

.sousuoli:hover .sousuoli_l a img{ transform:scale(1.1,1.1);}
.sousuoli:hover{-webkit-transform: translateY(-7px); transform: translateY(-7px); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5); box-shadow: 0 2px 5px rgba(0,0,0,.5);}


/*产品列表页*/
.pro_choose{border:8px solid #eaeaea; padding:20px; margin-bottom: 30px; min-height:150px;}
.pro_choose .l{width:220px; text-align: center; float: left; font-size: 18px; text-transform: uppercase;}
.pro_choose .l img{display: block; margin:0 auto 10px auto;}
.pro_choose .r{margin-left: 220px; font-size: 16px;}
.pro_choose .r a{ padding:0 5px; display:inline-block; line-height:2em;}
.pro_choose .r a:hover{ color:#d00;}
.pro_choose label{padding-right: 30px; color: #666; display: inline-block; line-height: 32px; font-weight:normal;}
.pro_choose label input[type=radio]{margin-right: 5px; border:2px solid #ddd; vertical-align: middle; margin-top: -2px}
.pro_choose label.on{color: #ff9600}


.pd_guide{}
.pd_guide li { width:25%;*width:24.8%; float:left; text-align:center; background-color:#f4f4f4; color:#000;}
.pd_guide a { display:block; color:#000; font-size:18px; padding:12px 0; border-right:#fff 4px solid; position:relative; height: 62px;}
.pd_guide a:after { content:""; display:none; width:0; height:0; overflow:hidden; border-color:#424355 transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; margin-left:-10px; bottom:-19px;}
.pd_guide li:last-child a { border-width:0; }
.pd_guide.fixed { position:fixed;  top:0; z-index:10; }
.fixed .pdico { display:none; }
.pd_guide li.active a { background-color:#424355; color:#fff }
.pd_guide li.active a:after { display:block; }

.pd_guide a:hover{ background:#ccc;}
.pd_guide a:hover:after{ display:block; border-color:#ccc transparent transparent;}
.pd_guide li:last-child a:hover:after{ display:none;}
.pd_guide li.active a:hover:after{ display:block; border-color:#424355 transparent transparent;}

.pd_guide li:last-child.active a:after{ display:block; border-color:#EB650C transparent transparent;}
.pd_guide li:last-child.active a:hover:after{ display:block; border-color:#EB650C transparent transparent;}



.fixed {position: fixed; top: 0px; left:0; z-index:99; height: 50px;width:100%;}
.fixed .pd_guide{ margin:0 auto; background:url(img/prodet_pobg.jpg) top repeat-x; box-shadow:10px 0 0 rgba(0,0,0,0.4);}
.fixed .pd_guide li { width:25%;*width:24.8%; float:left; text-align:center; background-color:#d8d8d8; color:#000;}
.fixed .pd_guide li.active a { background-color:#424355; color:#fff }


#header-wrapper {height:auto; margin:0 auto; width:100%; z-index:9999; display:none;}	
#header-wrapper ul{width:100%; max-width:1170px; margin:0 auto; padding-left:0; overflow:hidden; padding-bottom:20px;}
.fixed #header-wrapper {height:45px; margin:0 auto; width:100%;}





/*版块标题*/


.home_boxtit {position: relative; overflow: hidden; text-align: center; margin: 0 auto;}

.home_boxtit h3{font-size: 55px; color: #333; text-transform: uppercase;}

.home_boxtit .fon{display: block; color: #666; width: 65%; margin:0 auto; line-height: 24px; }



.home_pro{padding: 80px 0 }

.home_pro .menu{ text-align: center; margin: 45px 0;}

.home_pro .menu a{ display: inline-block; margin:0 5px; font-size: 16px; padding:0 15px; border:1px solid #ddd; line-height: 40px;  }

.home_pro .menu a.on,.home_pro .menu a:hover{background: #213599; color: #fff;border:1px solid #213599;}

.home_pro_li{ display: none; }

.home_pro_li .licon{ margin:0 5px; text-align: center; }

.home_pro_li .onecon{position: relative; background:#213599; margin-bottom: 10px;} 

.home_pro_li .onecon img{ display: block; width: 100%; }

.home_pro_li .proname{ font-size: 18px; display: block; font-weight: 100; font-weight: 100; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.home_pro_li .onecon .con{padding:0 50px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 14px;display: flex; align-items: center; justify-content: center; opacity: 0; transition: all .3s;}

.home_pro_li a.iconfont{ width: 80px; height: 80px; display: block; margin:0 auto; background: #fff; border-radius: 50%; font-size:38px; color: #213599; line-height: 80px; margin-bottom: 10px; }

.home_pro_li .fon{max-height: 64px; color: #fff; overflow: hidden; line-height: 22px; display: block;}

.home_pro_li .item .con::before,.home_pro_li .item .con::after { pointer-events: none;}

.home_pro_li .item .con::before,.home_pro_li .item .con::after { position: absolute; top: 10px; right: 10px; bottom:10px; left:10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}

.home_pro_li .item .con::before{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1);}

.home_pro_li .item .con::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0);}

.home_pro_li .item:hover .con::before,.home_pro_li .item:hover .con::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.home_pro_li .item .con a.tit{ display: block; font-size: 16px; color: #fff; margin:10px 0; max-height: 42px; overflow: hidden;}

.home_pro_li .item .con a.icon-link{ font-size: 48px; width: 50px; height: 50px; line-height:53px; color: #ffd300; display: block; margin:0 auto 0px auto;}

.home_pro_li .item:hover .con{opacity: 1}

.home_pro_li .item:hover .onecon img{opacity: .2}

.home_pro_li .item:hover .proname{ color: #213599 }

.home_pro_li .owl-theme .owl-controls,.home_new_lis.owl-theme .owl-controls{margin-top: 25px;}

.home_pro_li .owl-theme .owl-controls .owl-page span,.home_new_lis.owl-theme .owl-controls .owl-page span{border-radius: 0;width: 15px;height: 15px; border:2px solid #fff; margin: 0 3px; background: #e6e6e6;opacity:1; border-radius: 50%;}

.home_pro_li .owl-theme .owl-controls .owl-page.active span,.home_pro_li .owl-theme .owl-controls .owl-page:hover span,.home_new_lis.owl-theme .owl-controls .owl-page.active span,.home_new_lis.owl-theme .owl-controls .owl-page:hover span{border:2px solid #213599; background: #fff;  opacity: 1; width: 15px; height: 15px;}



.home_about{background: #f1f1f1 url(img/aboutbg.jpg) no-repeat left bottom; overflow: hidden; padding:70px 0;}

.home_about .leftcon{ width: 55%; float: left; color: #777; line-height: 26px; }

.home_about .leftcon .fon b{color: #333; font-size: 18px;}

.home_about .leftcon .boxtit{margin-bottom: 35px; color: #333; line-height: 40px; font-size: 52px; text-transform: uppercase;}

.home_about .rightcon{ border:8px solid #fff; width: 42%; float: right; }

.home_about .rightcon img,.home_about .rightcon video{width: 100%; display: block;}

.about_num{margin-top: 25px;}

.about_num .item{ float: left; width: 30%; text-align: center; color: #333;}

.about_num .item h5{ display: inline-block; font-size: 25px; font-weight: 600; }

.about_num .item h6{ border-radius: 50%; border:1px solid #333; width: 106px; height: 106px; margin:15px auto; font-size: 50px; line-height: 106px; transition: all .3s;}
.about_num .item h6.iconfont:before{display:block; margin:0 auto;}
.about_num .item h6:hover{background: #213599; border:1px solid #213599; color: #fff;}



.home_honor{background: #213599; color: #fff; padding:65px 0; overflow: hidden; }

.home_honor .warper{ position: relative; overflow: hidden; }

.home_honor .leftcon{ width: 38%; position: absolute; left: 0; top: 0; height: 100% }

.home_honor .leftcon img{ display: block; height: 100%; box-shadow: 0 4px 10px 4px rgba(0,0,0,.5); transition: all .3s; }

.home_honor .leftcon .img01{ position: absolute; right:0; z-index: 2; top: 4%; height: 92%; }

.home_honor .leftcon .img02{ position: absolute; left:15%; z-index: 1; top:9%; height: 82%; }

.home_honor .leftcon .img03{ position: absolute; left: 0; top:15%; height: 70%; }

.home_honor .hon03 .img03{ z-index: 3; height: 92%; top: 4%; }

.home_honor .hon03 .img02{ z-index: 2; left: 25%; }

.home_honor .hon03 .img01{ z-index:1; height: 70%; top: 15%; }

.home_honor .hon02 .img03{ z-index:1; top:15%; height: 70%; }

.home_honor .hon02 .img02{ z-index: 2; left: 25%; }

.home_honor .hon02 .img01{ z-index:1; height: 70%; top: 15%; }

.home_honor .rightcon{ float: right; width: 57%; margin:80px 0; }

.home_honor .rightcon h3{font-size: 45px; text-transform: uppercase;}

.home_honor .rightcon h3 b{ font-size: 55px; margin-right: 10px; font-weight: 100; }

.home_honor .rightcon .fon{ line-height: 28px; margin:30px 0 40px 0; }

.home_honor .rightcon .more{ background: #ff9c00; display: inline-block; line-height: 45px; padding:0 35px; font-size: 16px; font-weight: 600; color: #111; }

.home_honor .rightcon .more:hover{opacity: .8}



.home_video{ position: relative; overflow: hidden; }

.home_video img{ display: block;width: 100%; }

.home_video .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; background: rgba(0,0,0,.5); margin:0 auto; display: flex; align-items: center; justify-content: center; font-size: 16px;}

.home_video .con div{ width: 80%; text-align: center; max-width: 1000px; }

.home_video .con h3{text-transform: uppercase; font-size: 65px; margin-bottom: 30px;}

.home_video .con p{ line-height: 30px; }



.home_case{ overflow: hidden; padding-top: 65px; }

.home_case .home_boxtit,.home_new .home_boxtit{margin-bottom: 40px;}

.home_case ul{ display: block; overflow: hidden; }

.home_case ul li{float: left; width: 33.2%;margin: 0 .2% 5px 0; position: relative; overflow: hidden; }

.home_case ul li .pic,.home_case ul li .pic img{ display: block; width: 100%; transition: all .3s; }

.home_case ul li .pic{background: #213599}

.home_case ul li .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin-bottom: 10px;display: flex; align-items: center; justify-content: center; font-size: 18px; }

.home_case ul li .con a{ display: block; width: 100%; }

.home_case ul li .con b{ color: #fff; display: block; height: 0; text-overflow: ellipsis; text-align: center; white-space: nowrap; overflow: hidden; transition: all .3s;}

.home_case ul li .con span img{display: block; width: 100%;  }

.home_case ul li .con span{ display: block; width: 145px; height: 145px; margin:0 auto 10px auto; border-radius: 50%; overflow: hidden; }

.home_case ul li .tit{ font-weight: 600; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.home_case ul li:hover .pic img{opacity: .2; transform: scale(1.2);}

.home_case ul li:hover .con b{height: 30px;}



.home_new{overflow: hidden; padding: 65px 0; }

/*.home_new .warper{ padding:15px; }*/

.home_new_lis .item{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.home_new_lis .licon{ padding:30px; border-left: 1px solid #ddd; text-align: center;  }

.home_new_lis .licon b{ display: block; font-weight: 100; font-size: 20px; height: 49px; overflow: hidden; display: block; margin-bottom: 15px; }

.home_new_lis .licon .fon{ display: block; margin:15px 0; color: #999 ; font-size: 16px; line-height: 24px; height: 66px; overflow: hidden; }

.home_new_lis .licon .time{font-size: 21px; margin-bottom:20px;}

.home_new_lis .licon .time em{ display: block; font-size: 40px; font-style: normal; }

.home_new_lis .licon .more{border:4px solid #eee; color: #999; line-height: 35px; padding:0 50px; display: inline-block; }

.home_new_lis .item:hover{box-shadow: 0px 0px 15px rgba(0,0,0,.3)}

.home_new_lis .item:hover .licon .time,.home_new_lis .item:hover .licon b{ color: #323a93 }

.home_new_lis .item:hover .licon .more{ background: #323a93; color: #fff; border-color: #323a93 }

.home_new_lis .owl-item:last-child .licon{border-right: 1px solid #ddd}



.home_form{background: #000; overflow: hidden; position: relative;}

.home_form .leftcon{ width: 50%; float: left; background: url(img/homeformbg.jpg) no-repeat fixed; overflow: hidden; background-size: cover}

.home_form .rightcon{ width: 50%; float: right; height: 100%; position: absolute; right: 0; top: 0;}

.home_form .leftcon .box{ float: right;width: 550px; margin-right: 50px; padding:80px 0; }

.home_form .leftcon .box .home_boxtit{text-align: left; color: #fff; font-size: 40px; margin-bottom: 40px; }

.home_form .leftcon .box .home_boxtit h3{ display: inline-block; color: #fff; }

form.form .text{display: block; width: 100%; line-height: 40px; border:1px solid #aaa; background: none; margin-bottom: 15px; padding:0 10px;}

form.form textarea{ border:1px solid #aaa; background: none; padding: 10px; width: 100%; resize:none;}

form.form button{background: #ff9000; color: #fff; font-size: 18px; border:0; height:45px; width:200px; margin-top: 10px; }



/*位置*/

#banner{}

#sub_ban{ overflow: hidden;position: relative; }

#sub_ban .ban{ overflow: hidden;}

#sub_ban .ban img{ display: block; width: 100%; }

#sub_ban .con{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; top:0; color: #fff; left:0; font-size: 55px; display: none; }

#sub_ban .con img{ width: auto; margin:0 auto; }

.positionline{ background:#f0f0f0; position:relative;left:0;bottom: 0;width: 100%;color: #999;border-bottom: 1px solid #dedede;line-height:60px;}
.positionline .warper{ position:relative; height:60px;font-size: 15px}

.positionline a{ color: #999; }

.positionline i{font-size: 28px;color: #347ed1;/* background: #347ed1; */display: block;width: 43px;height: 60px;text-align: center;line-height: 60px;position:relative;left: 0;top: 0;float:left;margin-right:10px;}

.positionline em{ font-size: 12px; display: inline-block; vertical-align: middle; margin:0 5px; margin-top: -3px; }



.sub_nav{ margin: 40px 0; overflow: hidden;}

.sub_nav a{ background: #f1f1f1; line-height: 30px; display: inline-block; float: left; text-align: center; margin-right: 10px; font-size:16px; padding:10px 30px; color: #222; }

.sub_nav a:last-child{margin-right: 0}

.sub_nav a.on,.sub_nav a:hover{ color: #fff; background: #004da2;}



.pagination{ width:100%; margin:50px auto; text-align:center;clear: both; font-size:18px;}

.pagination span a,.pagination li .disabled{text-decoration: none;margin: 2px;border: 1px solid #ddd;background: #ffff;color: #07284E;display: inline-block;}

.pagination .page-num-current{font-weight: bold;color: #fff;background: #F26631;border: 1px solid #D7440D;}

.pagination a{ padding: 12px 18px; display:inline-block}

.pagination .disabled,.pagination .page-num-current{padding: 12px 18px; display:inline-block}
.page-status{ display: none; }


/*about*/

.aboutpage{ overflow: hidden; padding-bottom: 100px; line-height: 24px; color: #666; }

.aboutpage .sub_nav a{padding:10px 66px;}

.aboutpage .boxtit{ font-size: 45px; color: #333; margin-bottom:20px; text-transform: uppercase; }

.aboutpage .boxtit b{height: 30px; background: #23358e; display: inline-block; width: 10px; margin-right: 8px;}



#aboutbanner{margin-top: 20px;}

#aboutbanner img{ display: block; width: 100%; }

#aboutbanner.owl-theme .owl-controls .owl-pagination{ display: none; }

#aboutbanner.owl-theme .owl-controls .owl-buttons div{ width: 54px; height: 54px; position: absolute; top: 50%;margin-top: -27px; opacity: 1; line-height: 999px; }

#aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-prev{left: 0;}

#aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-next{right: 0;}

#aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-prev{background: #fff url(img/icon_aboutjiantou.png) no-repeat -54px 0;}

#aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-next{background: #fff url(img/icon_aboutjiantou.png) no-repeat -52px -54px;}

#aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background: #213599 url(img/icon_aboutjiantou.png) no-repeat -3px 0;}

#aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background: #213599 url(img/icon_aboutjiantou.png) no-repeat 0 -54px;}



.about_cul{text-align: right; margin: 50px 0 30px 0;}

.about_cul .boxtit b,.about_business .rightcon .boxtit b{margin-right: 0; margin-left: 8px;}



.about_num2{background: #004da2; color: #fff; overflow: hidden;}

.about_num2 .item{ width: 33.33%;float: left; text-align: center; padding:12px 0 20px 0; font-size: 20px;}

.about_num2 .item h5{ display: inline-block; font-size: 38px; }



.about_culture{ overflow: hidden; border:1px solid #ddd; }

.about_culture .item{ width: 20%; float: left; padding:30px; height: 350px; }

.about_culture .item h3{font-size: 25px; line-height: 36px ;}

.about_culture .item b.line{ height: 2px;display: block; width: 60px; margin-top: 5px; background:#27388f; overflow: hidden;  }

.about_culture .item .fon{ margin-top: 18px; }

.about_culture .item:nth-child(even){background:#f4f4f4;}

.about_culture .item:nth-child(even) h3{ color: #27388f }



.about_organi{margin: 50px 0}

.about_organi .con{background: #f4f4f4;padding:30px;}

.about_organi .con img{ max-width: 100%; }



.about_business{overflow: hidden;}

.about_business .leftcon{ width: 40%; float: left; }

.about_business .leftcon img{ display: block; width: 100%; }

.about_business .rightcon{ width: 55%; float: right;text-align: right; }



.history_head{ font-size: 45px; color: #e2e2e2; text-align:center; background: url(img/historylinetop.png) no-repeat center bottom; padding-bottom:30px; }

.history_lis{ overflow: hidden; background: url(img/history_yline.jpg) repeat-y center top; }

.history_lis li{ width: 50%; position: relative; float: left; }

.history_lis li{ margin-left:10px; }

.history_lis li:nth-child(even){ margin-left: -20px; margin-top: 50px; }

.history_lis li .con{background:#f2f2f1; margin-right:80px; padding:45px 30px; line-height: 30px; transition: all .3s;}

.history_lis li .con .year{ font-size: 40px; color: #222; margin-bottom: 20px; display: block; }

.history_lis li .con .year font{ font-size: 25px; margin:0 5px; }

.history_lis li:nth-child(odd) .con{ text-align: right; }

.history_lis li .con .pic{ overflow: hidden; margin:15px 0; }

.history_lis li .con .pic img{ width: 48%; display: inline-block; float: left; margin-left: 2%; }

.history_lis li .his_jiantou{ position: absolute; top: 50px; right: 56px; background: url(img/his_jiantou.png) no-repeat; width:24px; height: 26px; }

.history_lis li span.yuan{ border: 5px solid #dcdcdc; background: #fff; position: absolute; top: 55px; right: 0; display: block; width: 21px; height: 21px; border-radius: 50%; }

.history_lis li:nth-child(even) .con{ margin-right: 0; margin-left: 80px; }

.history_lis li:nth-child(even) .his_jiantou{ right: auto; left:56px; transform: rotateY(180deg);-webkit-transform: rotateY(180deg); /* Safari 和 Chrome */-moz-transform: rotateY(180deg); }

.history_lis li:nth-child(even) span.yuan{ left: 0;}

.history_lis li:hover span.yuan{border-color: #27388f}

.history_lis li:hover .con{background: #27388f; color: #fff;}

.history_lis li:hover .con .year{color: #fff;}

.history_lis li:hover .his_jiantou{background: url(img/his_bluejiantou.jpg) no-repeat; }



.about_team{ margin-bottom: 60px; }

.about_team .boxtit,.about_teamper_li .boxtit{ text-align: center; text-transform: none; }

.about_team img{margin-top: 20px; display: block; max-width: 100%;}

.about_teamper_li .lis{ overflow: hidden; }

.about_teamper_li .lis .item{ width: 20%; float: left; }

.about_teamper_li .lis img,.about_teamper_li .lis .pic{ display: block; width: 100%; }

.about_teamper_li .lis .pic{position: relative;}

.about_teamper_li .lis .pic .dot{ position: absolute; left: 50%; margin-left: -5px; bottom: 0; font-size: 0; line-height: 0; border-width: 10px; display: block; border-color: #f5f5f5;  border-top-width: 0; border-style: dashed; border-bottom-style: solid; border-left-color: transparent; border-right-color: transparent; transition: all .3s; }

.about_teamper_li .lis .con{position: relative;}

.about_teamper_li .lis .con div{ width: 100%;height: 100%; background: #f5f5f5; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #333;transition: all .3s; }

.about_teamper_li .lis .con div b{ font-size: 32px; display: block; font-weight: 100; margin-bottom: 10px;}

.about_teamper_li .lis .item:hover .pic .dot{border-color: #263791;  border-top-width: 0; border-style: dashed; border-bottom-style: solid; border-left-color: transparent; border-right-color: transparent;}

.about_teamper_li .lis .item:hover .con div{ background: #263791; color: #fff; }

.about_teamper_li .lis .item:nth-child(even) .pic .dot{bottom: auto; top: 0;font-size: 0; line-height: 0; border-width: 10px; border-color: #f5f5f5; border-bottom-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; }

.about_teamper_li .lis .item:nth-child(even):hover .pic .dot{border-color: #263791; border-bottom-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; }



.about_honor_tit{ font-size: 25px; background: #f4f4f4; padding:15px; line-height: 24px; color: #333; margin: 30px 0 20px 0; }

.about_honor_tit b{ width: 14px; height: 14px; display: inline-block; vertical-align: middle; background: #263791; margin-right: 10px; margin-top: -5px; }

.abouthonor .pic{border:8px solid #f4f4f4; margin:0 8px;}

.abouthonor .pic img{ display: block; width: 100%; }

.abouthonor b{font-weight: 100; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; text-align: center; margin-top: 10px;}

.abouthonor.owl-theme .owl-controls .owl-pagination{ display: none; }

.abouthonor.owl-theme .owl-controls .owl-buttons div{ position: absolute; top:-72px; width: 50px; height:50px; margin:0; border:1px solid #263791; opacity: 1; border-radius: 0; right: 0; line-height: 999px; overflow: hidden; }

.abouthonor.owl-theme .owl-controls .owl-buttons div.owl-prev{ right: 50px; }

.abouthonor.owl-theme .owl-controls .owl-buttons div.owl-prev{background: #fff url(img/icon_aboutjiantou.png) no-repeat -54px -4px;}

.abouthonor.owl-theme .owl-controls .owl-buttons div.owl-next{background: #004da2 url(img/icon_aboutjiantou.png) no-repeat -5px -58px;}





.about_factory .item .box{ position: relative; background: #213599; margin:0 5px; }

.about_factory .item img{ display: block; width: 100%; transition: all .3s;}

.about_factory .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;display: flex; opacity: 0; align-items: center; justify-content: center; color: #fff; }

.about_factory .con h6{ margin:0 auto ; display: block; text-align: center; font-size: 40px; margin-bottom:15px; }

.about_factory .con b{ font-weight: 100; font-size: 18px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.about_factory .item .box a{ position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; }

.about_factory .item:hover img{opacity: .2}

.about_factory .item:hover .con{opacity: 1}

.about_factory_tit{ font-size: 32px; text-align: center;margin:35px 0 25px 0; }

.about_factory.owl-theme .owl-controls .owl-pagination{ display: none; }

.about_factory.owl-theme .owl-controls .owl-buttons div{ position: absolute; top:35%; margin-top: -35px; width: 70px; height:70px; margin:0; opacity: 1;right: 0; border-radius: 50px; line-height: 999px; overflow: hidden; }

.about_factory.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-30px; }

.about_factory.owl-theme .owl-controls .owl-buttons div.owl-next{right:-30px;}

.about_factory.owl-theme .owl-controls .owl-buttons div.owl-prev{background: #fff url(img/icon_aboutjiantou.png) no-repeat -30px 7px;}

.about_factory.owl-theme .owl-controls .owl-buttons div.owl-next{background: #fff url(img/icon_aboutjiantou.png) no-repeat -58px -45px;}

.about_factory.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background: #213599 url(img/icon_aboutjiantou.png) no-repeat 21px 7px;}

.about_factory.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background: #213599 url(img/icon_aboutjiantou.png) no-repeat -7px -45px;}

#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }

#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('img/fancybox.png'); }

#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }

#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }

#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }

#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; }

#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }

#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }

#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('img/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; }

#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }

#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }

#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }

#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('img/blank.gif'); z-index: 1102; display: none; }

#fancybox-left { left: 0px; }

#fancybox-right { right: 0px; }

#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }

#fancybox-left-ico { background-image: url('img/fancybox.png'); background-position: -40px -30px; }

#fancybox-right-ico { background-image: url('img/fancybox.png'); background-position: -40px -60px; }

#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }

#fancybox-left:hover span { left: 20px; }

#fancybox-right:hover span { left: auto; right: 20px; }

.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }

#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('img/fancybox-x.png'); }

#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('img/fancybox.png'); background-position: -40px -162px; }

#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('img/fancybox-y.png'); background-position: -20px 0px; }

#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('img/fancybox.png'); background-position: -40px -182px; }

#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('img/fancybox-x.png'); background-position: 0px -20px; }

#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('img/fancybox.png'); background-position: -40px -142px; }

#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('img/fancybox-y.png'); }

#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('img/fancybox.png'); background-position: -40px -122px; }

#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; }

.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }

.fancybox-title-outside { padding-top: 10px; color: #fff; }

.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }

#fancybox-title-over { padding: 10px; background-image: url('img/fancy_title_over.png'); display: block; }

.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }

#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }

#fancybox-title-float-wrap td { border: none; white-space: nowrap; }

#fancybox-title-float-left { padding: 0 0 0 15px; background: url('img/fancybox.png') -40px -90px no-repeat; }

#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('img/fancybox-x.png') 0px -40px; }

#fancybox-title-float-right { padding: 0 0 0 15px; background: url('img/fancybox.png') -55px -90px no-repeat; }





/*案例*/

.lis_case{ overflow: hidden; padding-bottom: 100px;}

.lis_case ul{overflow: hidden; margin-top:40px;}

.lis_case li{ overflow:hidden; border:3px solid #ddd; margin-bottom: 30px; transition: all .3s; }

.lis_case li .pic{ width: 580px; float: left; overflow: hidden; }

.lis_case li .pic img{ display: block; width: 100%; transition: all .3s; }

.lis_case li .con{ margin-left: 580px; padding:30px; }

.lis_case li .con b{ display: block; font-size: 22px; max-height: 49px; overflow: hidden; }

.lis_case li .fon{ display: block; margin:15px 0 25px 0; color: #666; max-height: 67px; overflow: hidden; line-height: 24px; }

.lis_case li .links a{ display: inline-block; padding:12px 0; color: #213599; width: 170px; text-align: center; background: #e6e6e6; font-size: 18px; margin-right: 10px; }

.lis_case li .links a i{font-size: 20px; margin:0 5px;}

.lis_case li .links a.more{background: #004da2; color: #fff;}

.lis_case li:hover{background: #347ed1;/* border-color: #213599;*/}

.lis_case li:hover .con b,.lis_case li:hover .fon{ color: #fff; }

.lis_case li:hover .links a.more{background: #fff; color: #213599}

.lis_case li:hover .links a.more i{color: #f62b1d}

.lis_case li:hover .links a.getp{background: #004da2; color: #fff;}

.lis_case li:hover .links a:hover{opacity: .8}

.lis_case li:hover .pic img{transform: scale(1.1);}



.newpage{ width: 1320px; margin:0 auto; padding-bottom: 100px; }

.newpage .sub_nav{text-align: center;}

.newpage .sub_nav a{ float: none; }

.newpage .home_new_lis{ overflow: hidden; padding:10px;}

.newpage .home_new_lis .item{ width: 33.33%; float: left; margin-bottom: 40px; }

.newpage .home_new_lis .item:last-child{border-right: 1px solid #ddd;}

.bignews{ overflow: hidden;padding:15px; background: #eee; margin-bottom: 40px; line-height: 24px;}

.bignews .pic img{ display: block; width: 100%; transition: all .3s; }

.bignews .pic{display: block; width: 450px; overflow: hidden; float: left; height:330px; }

.bignews .con{margin-left: 490px; padding: 50px;}

.bignews .con a{ color: #666;  }

.bignews .con a b{font-size: 22px; color: #333; display: block; height: 50px; overflow: hidden; margin-bottom: 15px;}

.bignews .con a .fon{ display: block; height: 117px; overflow: hidden; }

.bignews .con .time{ font-size: 21px; margin-bottom: 20px; }

.bignews .con .time em{ font-size: 40px; font-style: normal; margin-right: 10px; }

.bignews:hover .pic img{transform: scale(1.05);}



/*新闻详情*/

.infocon{color: #666; margin: 40px 0 120px 0; line-height: 24px;}

.infocon h1{font-size: 22px; text-align: center; padding:10px; color: #222; margin-bottom:10px;}

.infocon img{ display: block;margin: 12px auto; max-width: 100%; }

.infocon .time{background: #eee; text-align: center; padding:5px 10px; margin-bottom:20px;}

.othernew{ margin-top: 50px; }

.othernew span{ display: block; font-size: 20px; color: #333;margin:5px 0; }

.othernew span a{ font-size: 14px; color: #666 }

.othernew span i{color: #213599}



/*联系我们*/

.contact_form{ background: #f4f4f4; padding:20px 280px; color: #666; overflow: hidden; text-align: center; margin-bottom:20px;}

.contact_form h3{ font-size: 35px;margin-bottom: 10px; color: #333;  }

.contact_form b{ font-weight: 100; }

.contact_form .red{color: #ff1515}

.contact_form form.form{margin-top: 25px;}

.contact_form form.form input.text{ width: 26%; border-color: #666; margin-right: 2%; float: left; }

.contact_form form.form input.text:nth-child(even){margin-right: 0}

.contact_form form.form textarea{ width: 83%; float: left; border-color: #666; height: 162px; }

.contact_form form.form button{ border: none; background: #004da2; transition: all .3s; color: #fff; border-radius: 0; font-size: 24px; height: 162px;font-weight: 600; width: 15%; float: right; margin:0;}

.edit-box{ line-height: 30px; margin:45px 0;  overflow: hidden; }

.edit-box .leftcon{ float: left; width:560px }

.edit-box .leftcon img{ width: 100%; display: block; margin-top:20px;}

.edit-box .con{ margin-left:560px; padding:20px 0 20px 50px; font-size: 16px; }

.edit-box h1{ font-size: 30px; text-transform: uppercase; font-weight:100;margin-bottom: 20px;}

.edit-box .con div,.edit-box .con div a{color: #666;}

.edit-box .con div { margin:8px 0; position: relative; padding-left: 40px;}

.edit-box .con div a:hover{color: #213599;}

.edit-box .con div h6{background: #004da2; border-radius: 3px; width: 27px; height:27px; line-height: 27px; text-align: center; display: inline-block; color: #fff; margin-right: 10px; font-size: 19px; font-weight: 100; position: absolute; left: 0; top: 0; transition: all .3s; padding-left:3px;}

.edit-box .con div:hover h6{background: #ff9000}

.map{ border:1px solid #ddd; margin-bottom: 45px;  }

.map img{ display: block; width: 100%; }



/*product*/

.prolispage{ overflow: hidden; }

.page_left,.page_left2{width: 310px; float: left;}

.page_right{margin-left: 350px; }

.prolispage{padding: 50px 0 100px 0;}

.prolispage .page_right .lis_case ul{margin-top: 0;}



.page_left2 .pro_class_tit{ font-size: 29px; background: #004098; font-weight: bold; padding:15px; color: #fff; text-transform:uppercase; margin-bottom:2px; line-height: 30px; overflow: hidden;position: relative; }
.page_left2 .pro_class_tit h6{display: inline-block; vertical-align:top; margin-right: 10px; font-weight: inherit; font-size: 24px;}
.page_left2 .pro_class_tit a{font-size: 40px; color: #fff; position: absolute; display: none; right: 10px; top: 11px;}

.page_left2 .pro_class{ margin-bottom:50px; }
.page_left2 .pro_class a{ padding:12px 20px; display: block; font-size: 16px;}
.page_left2 .pro_class li{ border-bottom: 1px solid #fff; transition: all .3s; }
.page_left2 .pro_class dd{margin-bottom: 2px; background: #e6e6e6;}
.page_left2 .pro_class dd a{}
.page_left2 .pro_class dd a:hover{ color:#ff9600;}
.page_left2 .pro_class li.on h4 a,.pro_class li h4 a:hover{ background: #ff9600;}
.page_left2 .pro_class li dl{ display:none;}
.page_left2 .pro_class li.on dl{ display:block;}
.page_left2 .pro_class h4 a{ font-size: 18px; background: #0552bc; color: #fff;}
.page_left2 .pro_class li i{}


.pro_tit{ font-size: 40px; font-weight:100; margin-bottom: 10px; color: #222; line-height: 40px; overflow: hidden; }

.pro_class_tit{font-size: 29px; background: #004098; padding:15px; color: #fff; text-transform:uppercase; margin-bottom:2px; line-height: 30px; overflow: hidden;position: relative;}

.pro_class_tit a{font-size: 40px; position: absolute; right: 10px; top: 0; line-height: 20px; display:none; height: 30px;}

.pro_class{background: #e8e8e8; margin-bottom:50px;margin-bottom: 40px; }

.pro_class li{ border-bottom: 2px solid #fff; overflow: hidden; transition: all .3s; }

.pro_class li>a{ padding-left: 20px; display: block; line-height: 45px; font-size: 18px;color:#fff; background:#0552bc url(img/li_jiantou.png) no-repeat -10px center;}

.pro_class li div{ background: #f7f7f7;  height: 0; overflow: hidden; transition: all .3s; }

.pro_class li div a{ padding-left: 15px; display: block; color: #666; line-height: 35px;font-size: 15px; }

.pro_class li.on div{ display: block; height: auto;padding:20px 0; }

.pro_class li:hover>a,.pro_class li.on>a{ color: #fff; background: #ff9600 url(img/li_jiantou.png) no-repeat 90% center; }


.side_contact{}
.side_contact_tit{ font-size:2.2em; text-transform:uppercase; margin-bottom:10px;}
.side_contact ul{ background:#f7f7f7; padding:25px 15px;}
.side_contact ul li{ color:#666; padding-bottom:15px; overflow:hidden;}
.side_contact ul li a{ color:#666;}

.side_contact ul li p{ line-height:30px; padding-left:40px;}
.side_contact ul li i{background:#0552bc;/* padding:6px; */color:#fff;float: left;width: 30px;height: 30px;text-align: center;border-radius:3px;line-height: 30px; transition:all 0.4s;}
.side_contact ul li a:hover{ color:#ff9600;}
.side_contact ul li:hover i{ background:#ff9600;}

#hot_pro.owl-theme .owl-controls .owl-pagination{position: absolute; bottom: 56px ;text-align: center; width: 100%;}

#hot_pro.owl-theme .owl-controls .owl-pagination div span{ opacity: 1; border-radius: 0; width: 10px; height: 10px; background: #fff; margin:0 3px; }

#hot_pro.owl-theme .owl-controls .owl-pagination div.active span{background: #213599}

#hot_pro b{ display: block; background: #347ed1; font-weight: 100; color: #fff; font-size: 18px; padding:15px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

#hot_pro img{ display: block; width: 100%; }

.prolispage .lis_case{padding-bottom: 0;}

.prolispage .lis_case li{border-width: 2px;}

.prolispage .lis_case li .pic { width: 421px; }

.prolispage .lis_case li .con{margin-left: 421px;padding:25px 35px;}

.prolispage .lis_case li .links a{ width: 155px; }

.prolispage .lis_case li .fon{margin: 10px 0 20px 0;}

.prolispage .lis_case li .can{border:1px solid #ddd; margin-top: 20px; color: #666; padding:10px 15px; display: block;}

.prolispage .lis_case li .can span{ display: block; padding:5px 0; }

.prolispage .lis_case li .can h6{width:7px; height:7px; display: inline-block; margin-right: 8px; background: #666; vertical-align: middle; margin-top: -3px}

.prolispage .lis_case li:hover .can{border-color: #fff; color: #fff;}

.prolispage .lis_case li:hover .can h6{background: #fff;}

/*product*/

.pro_detail{ overflow: hidden; padding:40px 0; background: #fff; }

.pro_detail .picbox{ width:45%; float: left; }

.pro_detail .rightcon{ width: 55%; float: right; padding: 10px 0 10px 40px; color: #666; line-height: 26px; }

.pro_detail .rightcon h1{ font-size: 34px;color: #004da2; line-height: 30px; padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:20px;}

.pro_video{ height:200px; width:100%; margin-bottom:55px;}
.pro_video iframe{ height:200px; width:auto;}
.pro_renzheng{}
.pro_renzheng ul{ overflow:hidden; padding-top:10px;}
.pro_renzheng ul li{ float:left; text-align:center; padding-right:15px;}

.prodet{ background:#eaeaea; padding:60px 0;}
.prodet_l{ background:#fff;}
.prodet_l_title{ background:#004da2; height:60px; line-height:60px;}
.prodet_l_title a{ color:#fff; text-align:center; display:block; float:left; padding:0 30px; font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.prodet_l_title_on{ background:#23358f;}
.prodet_l_title_tt{ background:#f89600;}
.prodet_l_title a:hover{ color:#ff0;}

.pro_ms{ background:#f5f5f5; padding:10px; color:#666; margin-bottom:20px;font-size: 17px;}

.prodet_con{ line-height:2em; padding:20px 15px 0;}
.prodet_con3{ line-height:2em; padding:0 15px;}
.canshu_title{ font-size:1.2em;}

.prodet_con2{ overflow-x:auto; padding:0 15px 15px;}
.prodet_con2 table{ border:1px solid #ccc;border-bottom: 0;border-right: 0;background: #fff;line-height: 24px;}
.tabletd{font-size:11pt;text-align: center;vertical-align: middle;border-width: 0.5pt;background: #eaeaea; color:#000000;width: 40%;}
.prodet_con2 table{border-left:1px solid #ddd; border-top:1px solid #ddd; width:100%;}

.prodet_con2 table tr:hover{ background:#f5f5f5; color:#000;}
.prodet_con2 table td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:5px 5px; text-align:center;}

.proindex_title{ text-align:center; position:relative;}
.proindex_title h2{ display:inline-block; font-size:1.8em; position:relative; height:1.5em; font-weight:bold;}
.proindex_title h2:before{ content:"";position:absolute; left:50%; margin-left:-50px; top:1.5em; width:100px; height:3px; background:#c00;}
.proindex_title a{color:#c00; position:absolute; right:0; bottom:0;}
.proindex_title a:hover{ text-decoration:underline;}

.liuyan_title{ padding-bottom:30px; padding-top:30px;}
.liuyan_title2{ padding-bottom:30px; background:#f1f1f1;}


.coushu{ padding:10px; background:#f5f5f5;}


/*products youshi */
.adv_pro1 ul{ overflow:hidden; margin:0 -1.5%;} 
.pro_zi{width:97%; margin:0 auto; overflow:hidden;margin-top:40px;}
.pro_zi p{ margin:15px 0;  font-size:16px;line-height: 32px;}
.adv_pro1 li{ float: left; width: 22%;*width: 21.9%; margin:0 1.5% 2%; }  
.adv_pro1 li img{ width:100%; height:auto}   
.adv_pro1 li h4{ text-align:center; margin-top:10px; font-weight:normal; font-size:1em; line-height:1.2em; height:6em; overflow:hidden;}
.adv_pro2 li h4{ text-align:center; margin-top:10px; font-weight:500; line-height:24px; height:96px; overflow:hidden;}
 ._con{ display: block; background: #f8f8f8; padding: 5%; } 
 ._con h3{ font-size: 18px; font-weight: normal;text-align:center; margin-bottom: 10px; line-height:1.2em; height:2.4em; overflow:hidden;}
 ._con h4{ font-size: 14px; font-weight: normal; text-align:center; margin:0 auto;}
 ._con .ic, ._con .icc,._con .iccc{  -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background:url(img/zh_icos.png) no-repeat center 0; width:95px; height: 95px; display:block; margin:0 auto 10px;}
 ._con .ic1{ background-position: 0 0;}
 ._con .ic2{ background-position: -95px 0;}
 ._con .ic3{ background-position: -190px 0;}
 
._con .ic4{ background-position: -285px 0;}
._con .ic5{ background-position: -380px 0;}
._con .ic6{ background-position: -475px 0;}
._con .ic7{ background-position: -570px 0;}
._con .ic8{ background-position: -665px 0;}
._con .ic9{ background-position: -760px 0;}
._con .ic10{ background-position: -855px 0;}
._con .ic11{ background-position: -950px 0;}
._con .ic12{ background-position: -1045px 0;}
._con .ic13{ background-position: -1140px 0;}
._con .ic14{ background-position: -1235px 0;}
._con .ic15{ background-position: -1330px 0;}

._con:hover{ background: #f89600; color: #fff;}
._con:hover .ic, ._con:hover .icc, ._con:hover .iccc{ -ms-background-position-y: -93px; background-position-y: -93px;}



.adv_pro2 li{ /*width:14.6%; margin:0 1%;*/ width:29.333%;*width:29.2%; margin:0 2% 3%;float:left}   .adv_pro3 li{ width:48%; margin:0 1%; float:left} 
.adv_pro3 p{ text-indent:30px; margin:15px 0; font-size:16px; line-height:32px;}
.adv_pro5 ul{width:100%; } 
.adv_pro5 dl{width:13.6%; margin:0 1.5%;float:left; text-align:center; }
.adv_pro5 dt{ width:100%; margin-bottom:15px;} 
.adv_pro5  dt img{display:block; margin:0 auto; text-align:center}
.adv_pro5 dd{font-size:14px; line-height:26px; font-weight:500; color:#000;}
._con .icc{ margin-left:120px;}    ._con .iccc{ margin-left:220px;}  
.adv_pro4 dl{ width:42.8%; padding:2%; margin:0 1.5%; background:#f4f4f4; float:left}
.adv_pro4 dt{ width:20%; float:left;} .adv_pro4 dt img{ width:100%; height:auto} .adv_pro4 dd{ float:right; font-size:16px; margin-top:25px; width:75%}  .adv_pro4 dd h4{ font-size:22px;}
.adv_pro6 dl{ width:47%;  margin:2% 1.5% 2%;  float:left}  .adv_pro6 dt img{ width:100%; height:auto}
.adv_pro6 dt{ width:21%; float:left;}  .adv_pro6 dd{ float:right; width:76%}  .adv_pro6 dd h4{ font-size:18px; font-weight:500; }   
.adv_pro6 dd p{ font-size:14px;font-weight:400; color:#999}
.border_bottom{border-bottom: 1px solid #d8d8d8;}   .border_right{border-right:1px solid #d8d8d8;}
.scroll_wrap{ overflow:hidden; margin:0 -2%;}
.field_bg{ background: #f4f4f4;margin: 3% 0; padding:30px 0}
.field_bg ul { overflow: hidden;}
.field_bg ul li { float: left; margin: 0 1.5% 2%; width:22% ;*width:21.8%}
.field_bg ul li img { margin: 0 auto; text-align: center; display: block; height:auto; background:#ffff; }


.prodet_r{}
.prodet_r_title{background:#004da2; height:60px; line-height:60px; color:#fff; padding:0 20px; font-size:18px}
.tj_pro{}
.tj_pro li{ margin-bottom:15px;}
.tj_pro li a{ display:block; line-height:1.5em; text-align:center; padding:10px 10px 20px; background:#fff;}
.tj_pro_img{ overflow:hidden;}
.tj_pro_img img{ width:100%; transition:all 0.4s;}
.tj_pro li a h3{ font-weight:normal; color:#333; font-size:1em; line-height:1.2em; height:2.4em; overflow:hidden; margin-top:10px;}
.tj_pro li a p{ color:#999;}
.tj_pro li a:hover h3{ color:#ef7f34;}
.tj_pro li a:hover .tj_pro_img img{ transform:scale(1.1,1.1);}

/*表单css*/
.input {
    font-size: 17px;
    color: #535353;
    padding: 6px;
    border: 1px solid #535353;
    width: 100%;
    height: 34px;
    line-height: 20px;
    display: block;
    -webkit-appearance: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.input-help{margin-left: 15px;color: #db3f28}
.check-success .input{border-color:#db3f28;}
.input-kefid{height: 40px;}

.form_btn{ padding-top:26px;}


.margin-big-top {
    margin-top: 24px
}
.chat-from{background:#eaeaea;padding:30px 0;background-size: 100% 100%;}

.chat-from .form-sub input[type=submit]{width: 100%;height: 40px;font-size: 18px;color: #fff;background-color: #f89600;border-radius: 4px;border: none;cursor: pointer;color: #fff;}
.from-bg{background: rgba(255,255,255,.8);padding-top: 30px;padding-bottom: 30px;}
.chat-from>.container{padding: 30px 15px;}
#details{line-height: 16px;}
.from-bg .icon-sort-desc{position: absolute;top:7px;right:30px;color: #535353;}
.form-pad{padding-left: 185px;padding-right: 185px;}
.from-bg p{padding:0 70px;font-size: 16px;}
.from-bg form .line-big{padding: 0 120px; overflow:hidden;}
.relative{position: relative;}
.absolute{position: absolute;}
.kd-f{color: #f89600; font-size:34px; font-weight:bold;}
.bg-kefid{background-color: #db3f28;}
.from-bg p{ padding:15px 15px;}
.input-tex{ height:auto;}

.tuijian_ul{ overflow:hidden;}
.tuijian_ul li{ padding-bottom:30px;}
.tuijian_ul li a{ display:block;}
.tuijian_ul li a img{ width:100%;}
.tuijian_ul li a p{ text-align:center; line-height:1.4em; height:2.8em; overflow:hidden; margin-top:10px;}
.tuijian_ul li a:hover{ color:#ef7f34;}

.pro_detail .rightcon .fon{height: 75px; overflow: hidden; margin: 20px 0;}

.pro_detail .rightcon .honor_zheng{border:1px solid #ddd; padding:10px; margin:15px 0;}

.pro_detail .rightcon .honor_zheng img{ margin-right: 10px; }


.pro_detail .rightcon .hotnum{ font-size: 18px; color: #333 }

.pro_detail .rightcon .hotnum h6{ display: inline-block; color: #213599; font-size: 24px; display: inline-block; vertical-align: middle; font-weight: 600; margin-top: -3px; margin-right: 10px;  }

.pro_detail .rightcon .links{margin: 20px 0; display: block;}

.pro_detail .rightcon .links a{ padding:14px 5px; background: #f89600; text-align: center; margin-right: 2%; display: inline-block; font-size: 20px; color: #fff; width:46%;}

.pro_detail .rightcon .links a i{ margin-right: 10px; display: inline-block; margin-top: -3px; font-size: 22px; vertical-align: middle; }

.pro_detail .rightcon .links a.xie{ background: #004da2}

.pro_detail .rightcon .links a:hover{ opacity: .8 }



.proinfopage{ background: #f7f7f7;}

.proinfopage .warper{background: #fff; position: relative; padding:100px 30px;}

.proinfomenu{overflow: hidden; margin-bottom: 3px; position: absolute; left: 0 ; top: 0; width: 100%;}

.proinfomenu a{ display: block; float: left; width:25%; border-right: 1px solid #fff; color: #fff; background: #2d44af; text-align: center; font-size: 22px; line-height: 56px; }

.proinfomenu a img{margin-left:20px; transform: rotate(-90deg); transition: all .3s;}

.proinfomenu a:last-child{margin-right: 0;}

.proinfomenu a:hover{background: #f12a1e; color: #fff;}

.proinfomenu a:hover img{ transform: rotate(0deg); }



.proinfopage .box{ overflow: hidden; padding-bottom: 40px; }

.proinfopage .box .proinfo{ width: 50%; float: left; margin-bottom: 0; }

.proinfopage .box img{ width: 45%; float: left; }

.proinfo{ overflow: hidden; color: #666; margin-bottom: 40px; font-size: 16px; line-height: 30px;}

.proinfo .boxtit{font-size:28px; overflow: hidden; color: #222; margin-bottom: 15px; padding-top: 120px; margin-top: -120px;}

.proinfo .boxtit b{display: inline-block; background: #22348f; height: 20px; vertical-align: middle; margin-top: -7px; margin-right: 10px; width: 12px;}

.proinfo p.dianbg{background:url(img/pdian.jpg) no-repeat left 12px; padding-left: 20px; }

.dianright .proinfo p.dianbg{ padding-left: 0; padding-right: 20px; background-position:  right 12px }

.proinfo img{max-width: 100%; display: block; margin:10px 0; }

.proinfo .tabbox{ overflow-x: auto; margin-top: 20px;  }

.tabtit{background: #22348f; color: #fff; text-align: center; padding:15px 0; font-size: 18px;}

.proinfo .tabbox table{ border-left: 1px solid #ccc;border-top: 1px solid #ccc; line-height: 24px; }

.proinfo .tabbox table td{border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;;padding:10px; text-align: center}

.proinfo .contact_form{padding:0; margin:0; text-align: left; background: none}



.proinfo .home_pro_li{ display: block; }

.proinfo .home_pro_li .item{ width: 33.33%; float: left; }

.fix {position:fixed; top:107px; z-index: 10; left:50%; margin-left: -650px; width: 1300px;background: #fff; }











@media screen and (max-width: 1600px){

  #logo{float: left; margin-left: 10px; margin-right: 50px;}

  #nav{position: static; margin-left: 0; left: 0;}

  header .rcon{ right: 10px; }

  nav li>a{padding:0 30px;}

 

}



@media screen and (max-width: 1400px){

  #logo img{ height: 60px; }

  nav li>a{ line-height: 60px; padding:0 30px; }

  header .rcon .media a{ line-height: 60px; width: 45px; }

  .searchbox i{ line-height: 60px; width: 50px; }

  .language{padding:28px 0 29px 10px; height: auto;}

  .searchbox form{ top: 60px; }



.message dd{ padding:25px 0px 15px 40px;}
.message dd h3{ font-size:24px;}
.message dd .msg_box{ padding:15px 25px; margin:10px 0;}


}



@media screen and (max-width: 1300px){

  .warper{padding-left:15px; padding-right:15px;}

  footer .footer{ padding:50px 15px; }

  .home_new .warper{ padding: 0; }



  .home_honor .leftcon{ width: 45%; left: 10px; }

  .home_honor .rightcon{ width: 50%; overflow: hidden; }

  .home_honor .rightcon h3{ word-wrap:break-word;}



  .home_form .leftcon{ width: 100%; float: none;}

  .home_form .leftcon .box{ width: 96%; margin:0 2%; padding:35px 0; }

  .home_form .leftcon .box .home_boxtit{margin-bottom: 20px;}

  .home_form .rightcon{position:inherit; width: 100%; top: auto; float: none;}

  .home_form .rightcon img{position: inherit; width: 100%; height: auto}



  .positionline{ margin-left: 0; left: 0; width: 100%; }



  .newpage{width: 100%;}

  .bignews .con{padding:20px;}

  .aboutpage .sub_nav a{ padding:10px 0; width: 18%; margin:0 5px 5px 0; }

}



@media screen and (max-width: 1200px){

  header .rcon .media{ display: none; }

  .searchbox{border:0;}

  nav li>a{padding:0 25px;} 



  .home_case ul li .con span{ width: 100px; height: 100px; }

  .home_case ul li .con{font-size: 16px;}



  .prolispage .lis_case li .pic{width: 320px;}

  .prolispage .lis_case li .con{ margin-left: 320px; padding:15px; }

  .page_right{margin-left: 360px;}

}



@media screen and (max-width: 1024px){

  nav li>a{padding:0 20px;}

  .edit-box .leftcon,.edit-box .con{ width: 100%; float: none; margin-left: 0;padding:0; }

  .edit-box .con{padding-top:20px;}

  .edit-box h1{margin-bottom: 10px;}

  

  .lis_case li .pic{ width: 400px; }

  .lis_case li .con{ margin-left: 400px; padding:15px ; }

  .lis_case li .fon{max-height: 46px; margin:10px 0 20px 0;}

  .lis_case li .con b{max-height: 28px;}



  .pro_tit{ display: none; }

  .hot_procon{ display: none; }

  .pro_class_tit{ display: block; background: #213599; color: #fff; padding:10px; }

  .pro_class_tit a{ display: block; color: #fff; line-height: 40px; }

  .page_left,.page_left2{ width: 100%; float: none; }

  .page_right{margin-left: 0;}

  .pro_class{ display: none; }

  .prolispage .lis_case li .pic{ width: 100%; float: none; }

  .prolispage .lis_case li .con{ margin-left: 0; }

  .lis_case li{ width: 49.5%; float: left; margin-bottom: 10px;}

  .lis_case li:nth-child(even){margin-left: 1%;}

  .lis_case ul{padding-bottom: 10px;}

  .prolispage{padding:20px 0 50px 0;}

  .pro_class{margin-bottom: 20px;}

  .prolispage .lis_case li .links a{ width: auto; padding:12px 15px; }



  .proinfomenu a{ font-size: 18px; }

}  



@media screen and (max-width: 990px){

.header_top{ display:none;}
#header{ position:fixed; background:#fff; top:0; z-index:999; height:65px;}
.mlogo{ display:block;}

  footer .item{width: 100%;}

  footer h4{ margin-bottom: 15px; }

  header .rcon{ right: 60px; }

  #logo{padding:10px 0;}

  #logo img{height: 45px;}

  footer .item1 h3{ font-size: 35px; } 

  footer .footer{ padding:30px 15px 0; }

  .searchbox form{top: 65px;}



  nav{position: fixed;left: 0;top: 0;bottom: 0;width: 240px;box-shadow: 0 3px 5px #666;z-index: 99;overflow: auto;background: #282828;transform: translateX(-300px);transition: 0.3s;}

  nav li{ display: block; width: 100%; }

  nav li>a{ line-height: 60px; }

  nav li:hover dl{ display: none; }

  #nav .nav-button{ display: block; top:15px}

  .searchbox i{ line-height: 60px; }

  .searchbox form{ right: 0;}

  .language{ padding:17px 0; }

  nav .menu{ display: none !important; }

  #sub_ban, #banner{margin-top: 65px;}
  .nav-open .warper{ padding-left:0; padding-right:0;}



  .home_about .leftcon,.home_about .rightcon{ float: none; overflow: hidden; width: 100%; }

  .home_about .leftcon{margin-bottom: 20px;}

  .about_num { margin-top: 0px; overflow: hidden;}

  .about_num .item{ width: 33.33%; }



  .home_pro{padding:25px 0;}

  .home_pro .menu{margin:20px 0;}

  .home_about,.home_honor,.home_new{padding:25px 0;}

  .home_case{padding-top: 30px;}

  .home_case .home_boxtit, .home_new .home_boxtit{margin-bottom: 20px;}

  .home_honor .rightcon .fon{margin:15px 0 25px 0;}

  

  .home_boxtit h3,.home_about .leftcon .boxtit,.home_honor .rightcon h3 b{ font-size: 35px; }

  .home_honor .rightcon h3,.home_form .leftcon .box .home_boxtit{ font-size: 25px; }

  .home_video .con h3{ font-size: 40px; margin-bottom: 15px; }

  .home_video .con p{ line-height: 24px; }

  .home_about .leftcon .boxtit{margin-bottom: 5px;}



  .home_case ul li{ width: 49.5%;margin:0; margin-bottom: 5px;}

  .home_case ul li:nth-child(even){margin-left: 1%}



  .home_new_lis .licon .time em{ font-size: 28px; }

  .home_new_lis .licon b{ font-size: 16px; height: 48px; line-height: 24px; }



  #sub_ban .con{ font-size: 30px; }



  .edit-box{margin:20px 0;}

  .home_boxtit .fon{width: 100%;}

  .edit-box h1{ font-size: 24px; }

  .contact_form h3{ font-size: 24px; }

  .contact_form{padding:25px 20px;}

  .map{margin-bottom: 25px;}

  .contact_form{margin-bottom: 20px;}



  .bignews .pic{ width: 100%; float: none }

  .bignews .con{margin-left: 0; width: 100%; padding:20px 0;}

  .bignews .con a b{height: auto}

  .bignews .con .time{ font-size: 16px; margin-bottom: 10px; }

  .bignews .con .time em{ font-size: 30px; }

  .bignews .con a .fon{height: auto}

  .bignews,.newpage .home_new_lis .item{margin-bottom: 20px;}



  .lis_case ul{margin-top: 20px;}

  

  .aboutpage .sub_nav a{width: 24%;}

  .about_culture .item{width: 100%; height: auto; padding:15px;}

  .about_culture .item h3{font-size: 22px; line-height: 28px;}

  .about_num2 .item{font-size: 15px;}

  .about_num2 .item h5{font-size: 30px;}

  .aboutpage .boxtit{font-size: 35px;}

  .aboutpage .boxtit b{height: 24px;}

  .about_business .leftcon{ width: 100%; }

  .about_business .rightcon{width: 100%; margin-top: 15px;}

  .about_organi{margin:25px 0;}

  .about_cul{margin-top: 25px; margin-bottom: 20px;}

  .aboutpage{padding-bottom: 60px;}

  .about_teamper_li .lis .item{width: 25%;}

  .about_factory .con b{font-size: 16px;}

  .about_factory_tit{font-size: 24px; margin:25px 0 10px 0;}

  .history_lis li .con .pic img{width: 100%; margin:5px 0;}

  .history_lis li .con{padding:20px 15px; line-height: 24px; margin-right: 40px;}

  .history_lis li .con .year{margin-bottom: 10px;}

  .history_lis li .his_jiantou{right: 25px; width: 15px; background-size: 100%;}

  .history_lis li:hover .his_jiantou,.history_lis li:nth-child(even) .his_jiantou{ background-size: 100%; }

  .history_lis li:nth-child(even) .con{margin-left: 40px;}

  .history_lis li:nth-child(even) .his_jiantou{left: 25px;}



  

  .proinfo .boxtit{font-size: 24px; padding-top: 70px; margin-top: -70px;}

  .proinfo .boxtit b{width: 10px;}

  .proinfopage .warper{padding:80px 15px 50px 15px;}

  .pro_detail{padding:20px 0 30px 0;}

  .pro_detail .picbox{ float: none; width: 100%; }

  .pro_detail .rightcon{ width: 100%; padding: 0; margin-top: 15px;  }

  .pro_detail .rightcon .fon{margin:5px 0 10px 0;}

  .proinfomenu a{font-size: 16px;}

  .proinfomenu a img{margin-left:5px; }

  .proinfo img{ float: none ; }

  .proinfopage .box .proinfo{ width: 100%; }

  .proinfopage .box img{ width: auto; max-width: 100%; float: none; margin:10px 0; }

  .home_pro_li a.iconfont{width: 60px; height: 60px; line-height: 60px; font-size: 30px;}

  .home_pro_li .proname{ font-size: 16px; }
  
  
  
  .message dd.l{ width:100%; padding:25px 10px;}
  .message dt.r{ display:none;}



}

@media screen and (max-width: 900px){

  .home_honor .leftcon{width:85%; left: 0; margin:0 auto;  height: 500px; position: inherit;}

  .home_honor .rightcon{ float: none; width: 100%; margin:25px 0; }

  .home_video .con p{ height: 48px; overflow: hidden; }



  .lis_case li .pic{ width: 100%; float: none; }

  .lis_case li .con{ width: 100%; margin-left: 0; }

  .lis_case li .con b{max-height: 100%; height: auto; font-size: 16px; line-height: 24px;}

  .lis_case li{margin-bottom: 10px;}



  .pro_class_tit{ font-size: 24px; }

  .pro_class li>a{ font-size: 16px; }

  .pro_class li.on div{padding:10px 0;}







  

}
@media screen and (max-width: 992px){
.hide992{ display:none;}
.pro_detail .rightcon .links a{ font-size:12px; padding:5px 5px;}
.pro_detail .rightcon .links{ text-align:center;}
.prodet_l_title a{ display:inline-block; width:25%; padding:0; font-size:1em;}
#header-wrapper{ display:none !important;}
.pro_video iframe{ width:100%; height:auto;}
.pro_video{ height:auto;}
.from-bg form .line-big{ padding:0;}
.tuijian{ display:none;}
.tj_pro{ overflow:hidden; padding-top:10px;}
.tj_pro li{ float:left; width:50%; padding:0 5px;}
.prodet{ padding:30px 0;}
.footer .item2,.footer .item3{ display:none;}
.footer .item1 b{ font-size:14px;}
.prolispage .page_left{ display:none;}

.positionline .warper{ height:45px; line-height:45px;}
.positionline i{ line-height:45px;}
.prodet_l_title a{ font-size:0.75em;}

.hmain_mod1_text{ padding:8px 5px;}
.hmain_mod1_text h3{ font-size:1em;overflow: hidden;white-space:inherit; line-height:1.1em; height:2.2em; margin-bottom:0;}

.hmain_mod1_text h5{ display:none;}

.hmain_mod2_text{ font-size:1em;}
.hmain_mod4_text h3{ font-size:1em; font-weight:normal;overflow: hidden;white-space:inherit; line-height:1.1em; height:2.2em;}
.hmain_mod4_text p{ display:none;}

.pdgggone{ margin:5px;}
.pdgggone a{ font-size:0.875em;}

.pro_ul li{ }
.pro_ul_a{overflow:hidden; padding:10px 0;}
.pro_ul_l{ width:180px; padding:0 10px; position:inherit;}
.pro_ul_r{ padding:5px 15px 0 180px;}
.pro_ul_r p{ line-height:1.1em; height:3.3em; overflow:hidden;}
.pro_ul_btn{ display:none;}

.pro_ul_r h2{ font-size:1.2em;overflow: hidden;white-space:inherit; line-height:1.1em; height:2.2em;}

}
@media screen and (max-width: 768px){
	
	footer{ padding-bottom:50px;}
	.bar-tab{ display:block;}
	/*新增*/
	.hmain_title h2{ font-size:2em;}
	.hmain_mod3_text p{ display:none;}
	.hmain_mod3_img img{ width:50%;}
	.hmain_mod3_text h3{ font-size:1em; font-weight:normal;}
	.hmain_title3 h3{ font-size:2em;}
	.pro_choose .l{width: 100%; font-size: 15px; float: none;}
    .pro_choose .r{margin-left: 0;margin-top: 15px;}
	.adv_pro2 li,.adv_pro1 li{ width:100%; margin:0 0 15px;}
	.chat-from{ padding:30px 0;}
	.prodet .warper{ padding-left:0; padding-right:0;}
	.pd_se{ width:100%;}
  .home_pro .menu a{margin:5px;}
  .pd_gg_gtit{ width:100%; text-align:center; padding:15px 0;}
  .pd_gg_grig{ width:100%;}
  .pd_ggg_gotit{ width:100%;text-align:left; padding:10px 0 10px 10px; font-weight:bold;}
  .pd_ggg_gos{ width:100%; padding:0 10px 10px;}
  

  .contact_form form.form input.text{ width: 100%; margin-right: 0; margin-bottom: 10px; }

  .newpage .home_new_lis .item{ width: 50%; margin-bottom: 10px; }

  .sub_nav{margin:20px 0;}



  .proinfomenu a{ width:24%; }

  .proinfomenu a:first-child{width: 28%;}

  

  .aboutpage .sub_nav a{width: 32%;}

  .aboutpage .boxtit{font-size: 24px; margin-bottom: 10px;}

  .aboutpage .boxtit b{height: 18px;}

  .about_culture .item .fon{margin-top: 5px;}

  .about_culture .item h3{font-size: 16px; line-height: 24px;}

  .about_teamper_li .lis .con div{font-size: 14px;}

  .about_teamper_li .lis .con div b{font-size: 22px;}

  .history_lis li .con .year{font-size: 24px;}

  .history_lis li .con .year font{font-size: 20px;}

.message{ padding:40px 0;}
.message dd .msg_box{ padding:10px;}
.message dd .msg_box P strong{ width:100%;}

}



@media screen and (max-width: 640px){

  .home_case ul li .con span{ width: 60px; height: 60px; }

  .home_new_lis .licon{padding:20px 15px;}

  .contact_form form.form button{ width: 27%; }

  .contact_form form.form textarea{ width: 70%; }

  #sub_ban .con{ font-size: 20px;align-items:baseline; padding-top: 5px; }

  

  #sub_ban .ban img{ width: 100%; }

  .bignews .con a b{ font-size: 18px; }

  .bignews .con .time em{ font-size: 20px; }



  .lis_case li{ width: 100%; }

  .lis_case li:nth-child(even){margin-left: 0;}



  .proinfomenu a{ width:50%;border-bottom: 1px solid #fff; }

  .proinfomenu a:first-child{width: 50%;}

  .proinfopage .warper{padding:128px 15px 50px 15px;}

  .proinfo{ line-height: 24px; font-size: 14px; }

  .proinfopage .box{padding-bottom: 25px;}

  .proinfo .boxtit{ font-size: 17px; }

  .proinfo .boxtit b{ width: 8px; height: 16px; }



  .aboutpage .sub_nav a{width: 48%;}

}



@media screen and (max-width:480px){

  footer h4{font-size: 18px; margin-bottom: 8px;}

  footer .item1 b{ }

  footer .item1 h3{ font-size: 24px; }

  footer .item { font-size: 13px; }

  footer .item1{line-height: 30px;}
  footer .item1 h6{line-height: 30px;}

  footer .copyright{ font-size: 12px; }

  .home_boxtit h3, .home_about .leftcon .boxtit, .home_honor .rightcon h3 b{ font-size: 22px; }

  .home_video .con h3{ font-size: 22px; }

  .home_honor .rightcon h3, .home_form .leftcon .box .home_boxtit{font-size: 18px;}

  .about_num .item h6{ width: 75px; height: 75px; line-height: 75px; font-size: 30px; }

  .about_num .item h5{ font-size: 18px; }

  .home_honor .leftcon{height: 300px;}

  .home_case ul li .con span{ display: none; }

  .home_case ul li:hover .con b{height: 30px; line-height: 30px; width: 80%; margin:0 auto;}

  .home_new_lis .licon .fon{ font-size: 12px; }

  .home_new_lis .licon .time{ font-size: 18px; margin-bottom: 10px;}

  .home_new_lis .licon .time em{ font-size: 20px; }

  .home_about .leftcon .boxtit{ line-height: 24px; }

  .home_about .leftcon .fon b{ font-size: 16px; }



  .contact_form h3,.edit-box h1{ font-size: 20px; }

  .positionline i{ font-size: 20px; width: 35px; height: 35px; }

  .positionline{font-size: 12px;}

  .contact_form{padding:15px 10px;}

  .contact_form form.form button{font-size: 18px;}

  .edit-box .con div{margin:5px 0;}



  .sub_nav a{ font-size: 14px; padding: 5px 15px; }

  .bignews .con a b{ font-size: 16px; }

  .home_new_lis .licon .more{padding:0 20px; border-width: 2px;}



  .othernew span{ font-size: 15px; }

  .infocon{margin-top: 20px;}

  .infocon h1{ font-size: 17px; margin-bottom: 5px; line-height: 24px; }



  .lis_case li .links a{ width: auto; padding:8px 15px; margin:5px 5px 0 0; }

  .pro_class_tit{font-size: 20px;}

  

  .about_num2 .item{font-size: 12px;}

  .about_num2 .item h5{font-size: 18px;}

  .about_teamper_li .lis .item{width: 50%;}  

  .about_factory_tit{font-size: 18px;}

  .about_honor_tit{font-size: 18px; padding:8px 15px;}

  .abouthonor b{font-size: 14px;}

  .abouthonor.owl-theme .owl-controls .owl-buttons div{ width: 40px; height: 40px; top: -60px; }

  .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-prev{right: 40px;}

  .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-prev{background: #fff url(img/icon_aboutjiantou.png) no-repeat -59px -8px;}

  .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-next{background: #213599 url(img/icon_aboutjiantou.png) no-repeat -9px -63px;}

 

}





@media screen and (max-width:414px){

  header .rcon{display: none;}

  .history_lis li{width: 100%; margin-left: 0}

  .history_head{display: none;}

  .history_lis li .his_jiantou,.history_lis li span.yuan{display: none;}

  .history_lis li .con{margin:0;}

  .history_lis li:nth-child(even){margin-left: 0; margin-top: 20px;}

  .history_lis li:nth-child(even) .con{margin-left: 0;}

}


/*底部浮动留言*/
.fdly{background:#EB650C;position: fixed;left: 0;right: 0;bottom: -15%;opacity: 0;display: none\9;z-index: 99999;transition: all linear 0.3s;}
.fdly-active{ bottom: 0; opacity: 1; display: block\9; }
.fdly dl{ width: 1500px; margin: 0 auto; }
.fdly dd{ padding: 21px 0 12px 300px; position: relative; float: left; }
.fdly dd .swtbox{ position: absolute; left: 0; bottom: -2px; -webkit-animation: effect 2s ease-in-out infinite; animation: effect 2s ease-in-out infinite; }
.fdly dd .sty1{ font-size: 33px; color: #FFFC04; font-weight: bold; }
.fdly dd .sty2{ font-size: 18px; color: #ffffff; overflow: hidden; margin-top: 18px;}
.fdly dd .sty2 span{ float: left; }
.fdly dd .sty2 span:before{ content: ""; width: 6px; height: 6px; background: #fff; border-radius: 50%; display: inline-block; vertical-align: middle; margin: -3px 13px 0 8px; }
.fdly dd .sty2 span:first-child:before{ display: none; }
.fdly dt{ float: left; margin-left: 40px; padding: 41px 0; }
.fdly dt form{ overflow: hidden; }
.fdly dt .same-input{ width: 220px; height: 52px; background: #fff; float: left; }
.fdly dt .same-input input,.fdly dt .same-input textarea{ width: 100%; height: 100%; font-size: 18px; color: #575758; line-height: 52px; padding-left: 14px; padding-right: 14px; }
.fdly dt .same-input textarea{line-height: 1.5!important;padding-top: 12px;}
.tel-input{ margin-left: 15px; margin-right: 15px; }
.fdly dt .submit{font-size: 18px;color: #D7011F;font-weight: 600;line-height: 3;background: #FFFC04;transition: all linear 0.3s;cursor: pointer;text-align: center;}
.fdly dt .submit a{font-size: 18px;color: #ffffff;font-weight: 600;}
.fdly dt .submit:hover{ color: #ff7a5f; background: #ffffff; }
.fdly dt .submit a:hover{ color: #D7011F; background: #ffffff; }
.fdly .hide{ font-size: 36px; color: #fff; font-style: normal; position: absolute; right: 10px; top: 5px; cursor: pointer; }
/*底部浮动留言 end*/