@charset "utf-8";
/* CSS Document */
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,ul{font-weight:400;margin:0;padding:0}
body,button,h1,h2,h3,h4,h5,h6,i,input,select,textarea{font:400 13px/26px "Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; color:#434343}
li,ol,ul{list-style:none}
a{text-decoration:none;color:#434343}
a:hover{text-decoration:none}
.trans{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
img{vertical-align:top;border:0;max-width:100%;}
button,input,textarea{font-size:100%;vertical-align:middle;outline:0;border-radius:0;-webkit-appearance:none}
table{border-spacing:0;border-collapse:collapse}
a,div{-webkit-tap-highlight-color:rgba(255,255,255,0)}
html{font-size:100px}
@media screen and (min-width:360px){html{font-size:112.5px}}
@media screen and (min-width:375px){html{font-size:117.19px}}
@media screen and (min-width:414px){html{font-size:129.38px}}
@media screen and (min-width:480px){html{font-size:150px}}
@media screen and (min-width:640px){html{font-size:200px}}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.wp{width:1400px;max-width:1400px;margin:0 auto}
.wp1{width:1400px;max-width:1400px;margin:0 auto}
.wp2{width:1400px;max-width:1400px;margin:0 auto}
.wp3{width:1400px;max-width:1400px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.al{text-align:left}
.ac{text-align:center}
.ar{text-align:right}
.hide{display:none}
.checkBrowser{font-size:14px;line-height:40px;position:fixed;z-index:99999;top:0;left:50%;width:700px;height:40px;margin-left:-360px;padding:0 10px;color:#FFF;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#E6212A}
.checkBrowser a{font-size:16px;line-height:20px;position:absolute;top:10px;right:5px;display:block;width:20px;height:20px;cursor:pointer;text-align:center;color:#333;border-radius:50%;background-color:#FFF}
@font-face{font-family:iconfont;src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot-#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#iconfont") format("svg")}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
.paged{padding-top:30px;text-align:center}
.paged .current,.paged .p_info,.paged a{border-radius:.02rem;display:inline-block;zoom:1;margin:5px 3px;padding:.075rem .11rem;font-size:16px;text-align:center;background:#FFF;color:#666}
.paged .current,.paged a:hover{background:#c7ad8e;color:#FFF}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes flip{0%{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:rotateY(170deg);transform:rotateY(170deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:rotateY(190deg);transform:rotateY(190deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes flip{0%{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:rotateY(170deg);transform:rotateY(170deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:rotateY(190deg);transform:rotateY(190deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}
30%{-webkit-transform:scaleX(1.25) scaleY(.75);transform:scaleX(1.25) scaleY(.75)}
40%{-webkit-transform:scaleX(.75) scaleY(1.25);transform:scaleX(.75) scaleY(1.25)}
60%{-webkit-transform:scaleX(1.15) scaleY(.85);transform:scaleX(1.15) scaleY(.85)}
100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}
30%{-webkit-transform:scaleX(1.25) scaleY(.75);transform:scaleX(1.25) scaleY(.75)}
40%{-webkit-transform:scaleX(.75) scaleY(1.25);transform:scaleX(.75) scaleY(1.25)}
60%{-webkit-transform:scaleX(1.15) scaleY(.85);transform:scaleX(1.15) scaleY(.85)}
100%{-webkit-transform:scale(1);transform:scale(1)}}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}
@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}
.bounce{-webkit-animation-name:bounce;animation-name:bounce}
.header{background-color:#0f2e87;width:100%;height:100px;position:relative;z-index:111;}
.header h1{padding-top: 15px;}
.header h1 a{display:inline-block;width:1.2rem;}
.header h1 a img{width: 100%;height: 100%;}
.header .nav{text-align:right}
.header .nav li{display:inline-block;height:100px;vertical-align:top}
.header .nav li a{text-align:center;box-sizing:border-box;display:block;width:150px;position:relative;height:100%;line-height:94px; font-size:16px; font-weight:bold; color:#fff}
.header .nav li a:hover{color:#ae8400}
.header .nav-box-2{z-index:9999;display:none;position:absolute;top:100px;width:100%;left:0}
.header .nav-box-2 .nav-box-2-transparent{height:10px;width:100%}
.header .nav-box-2 .nav-box-2-nr{background-color:#e3e8f8;opacity:.9;width:100%;min-height: 332px;padding: 25px 0;box-sizing:border-box;}
.header .nav-box-2 .nav-box-2-nr .wp{text-align:right;padding-right:0px}
.header .nav-box-2 .nav-box-2-nr .ul{vertical-align:top;display:inline-block;width:150px;text-align:center;border-right:1px solid #C8C5BE}
.header .nav-box-2 .nav-box-2-nr .ul li{padding-right:3px;height:35px}
.header .nav-box-2 .nav-box-2-nr .ul a{color:#626262;font-size:13px;position:relative;overflow:hidden;margin-left:-1px;display:block;line-height:35px}
.header .nav-box-2 .nav-box-2-nr .ul a span{display:block}
.header .nav-box-2 .nav-box-2-nr .ul a:after{content:"";position:absolute;bottom:0;left:0;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);height:1px;display:block;/*background:#BFA383;*/width:100%;border:0;top:auto}
.header .nav-box-2 .nav-box-2-nr .ul a:before{content:"";position:absolute;bottom:0;left:0;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);height:1px;display:block;/*background:#BFA383;*/width:100%}
.header .nav-box-2 .nav-box-2-nr .ul a:hover span{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.header .nav-box-2 .nav-box-2-nr .ul a:hover::after{-webkit-transition:all .8s ease;transition:all .8s ease;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.header .nav-box-2 .nav-box-2-nr .ul a:hover::before{-webkit-transition:all .8s ease;transition:all .8s ease;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.header .nav-box-2 .nav-box-2-nr .ul:last-child{/*margin-right:65px*/}
.nav-btn{display:none;width:.18rem;height:.16rem;background-size:cover; /*background-color:#f2f2f2;*/ background-image:url("../images/nav-btn.png");position:absolute;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:.175rem}
.iphone-nav{display:none;position:fixed;left:0;top:0;width:2.09rem;height:100%;background:url("../images/bg_02.jpg");z-index:66666666666}
.iphone-nav a{display:block;padding-left:.44rem;color:#FFF;font-size:.12rem;height:.39rem;line-height:.39rem;border-bottom:1px dashed #545454}
.iphone-nav a img{max-width:100%;vertical-align:middle;height:.12rem}
.bg{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100;left:0;top:0}
.search-btn-1{position:absolute;right:.5rem;top:50%;display:none;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.search-btn-1 a{display:block;width:.18rem;height:.18rem;background-image:url("../images/sosuo.png");background-size:100% 100%}
.search-1{display:none;position:absolute;right:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.search-1 input{width:1rem;height:.25rem;padding-left:10px;padding-right:50px;border-radius:20px;border:1px solid #EFEFEF;background:#FFF;font-size:14px}
.search-1 button{position:absolute;right:10px;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);width:.225rem;height:.225rem;background-color:transparent;background-image:url("../images/search.png");background-size:100% 100%;border:0;cursor:pointer}
@media screen and (max-width:1200px){
.search-btn-1{display:block}
.wp{width:96%; padding:0 2%}
.wp1{width:96%; padding:0 2%}
.wp2{width:96%; padding:0 2%}
.wp3{width:96%; padding:0 2%}
.header{height:.495rem;position:relative}
.header .nav{display:none}
.header .header-fd{height:.495rem}
.header h1{left: .1rem;float:none;line-height:normal;position:absolute;top:50%;padding-top:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.iphone-nav{display:block;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transform:translate3d(-2.09rem,0,0);transform:translate3d(-2.09rem,0,0)}
.iphone-nav-active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.nav-btn{display:block}}
@media screen and (max-width:1200px){.wp1200{width:100%}}
/*JOIN*/
.in_join_bg{height:auto; overflow:hidden; margin-top:60px}
.in_join_title{padding-bottom:30px;height:auto;overflow:hidden;padding-top:30px;text-align:center;font-size:36px;font-weight:bold;}
.in_join_title b{position: absolute;width: 100%;top: 0;left: 0;display: block;color: #f3f3f3;font-family: "Times New Roman",Times,serif;font-size: 73px;font-weight: normal;line-height: 60px;}
.in_join_title a{position: relative;border-bottom:2px solid #f6962f;padding-bottom:20px;display:inline-block;}
.in_join{margin-top:40px}
.in_join dl{width:460px; float:left; background-color:#f2f2f2; height:auto; overflow:hidden}
.in_dl1{margin-right:9px}
.in_join dl dt a.img{display: block;width: 100%;padding-top: 71.067%;position: relative;overflow: hidden;}
.in_join dl dt a.img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
.in_join dl:hover dt a.img img{transform:scale(1.1, 1.1);}
.in_join dl dd{padding:20px;color:#626262;}
.in_join dl dd:last-child{min-height: 245px;}
.in_join dl dd strong{color:#222; font-size:15px}
.in_join dl dd a{display: block;font-size:26px;color:#bf873d;font-weight:bold;text-align: center;}
@media screen and (max-width: 1199px){.in_join dl{width:32.33%; min-height:550px}
.in_dl1{margin-right:1.5%}
.in_join dl dd{padding:15px; min-height:}}
@media screen and (max-width: 640px){.in_join_bg{margin-top:40px}.in_join_title{font-size:30px;}.in_join{margin-top:10px}.in_join dl{width:100%; margin-top:20px; min-height:0;}.in_dl1{margin-right:0} .in_join dl dd{padding:20px 25px;}}
/*case*/
.in_case_bg{background:url("../images/bg2.jpg") no-repeat center top fixed #0f2e87; margin-top:60px; padding:60px 0; height:auto; overflow:hidden}
.in_case_title{padding-bottom:30px;height:auto;overflow:hidden;padding-top:30px;text-align:center;font-size:36px;font-weight:bold;}
.in_case_title b{position: absolute;width: 100%;top: 0;left: 0;display: block;color: #454649;font-family: "Times New Roman",Times,serif;font-size: 73px;font-weight: normal;line-height: 60px;}
.in_case_title a{position: relative;border-bottom:2px solid #f6962f;padding-bottom:20px;display:inline-block;color:#fff;}
.in_case{margin-top:20px}
.in_case ul li{position: relative;float:left;width:340px;margin:5px;text-align: center;}
.in_case ul li a .img{display: block;width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.in_case ul li a .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
.in_case ul li a p{color: #fff;font-size: 18px;line-height: 220px;position: absolute;top: 0;z-index: 999;width: 100%;height: 100%;text-align: center;background: rgba(191,135,61,0.9);font-weight: bold;opacity: 0;}
.in_case ul li a:hover p{opacity: 1;}
.in_case ul li a:hover .img img{transform:scale(1.1, 1.1);}
@media screen and (max-width: 1199px){.in_case ul li{float:left; width:24%; margin:0.5%}
.in_case ul li a p{position: relative;display:block;padding:15px 0;text-align:center;font-size:16px;color:#fff;line-height:30px;text-align:center;opacity:0.8;margin-top: 0;font-weight: normal;background: none;}}
@media screen and (max-width: 768px){.in_case ul li{float:left; width:49%; margin:0.5%}.in_case ul li a p{font-size:14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}}
@media screen and (max-width: 320px){.in_case ul li{float:left; width:100%; margin:0}}
/*新闻资讯*/
.in_news_bg{margin-top:60px; height:auto; overflow:hidden}
.in_news_title{padding-bottom:30px;height:auto;overflow:hidden;padding-top:30px;text-align:center;font-size:36px;font-weight:bold;}
.in_news_title b{position: absolute;width: 100%;top: 0;left: 0;display: block;color: #f3f3f3;font-family: "Times New Roman",Times,serif;font-size: 73px;font-weight: normal;line-height: 60px;}
.in_news_title a{position: relative;border-bottom:2px solid #f6962f;padding-bottom:20px;display:inline-block;}
.in_news_t{width:100%; height:auto; overflow:hidden; margin-top:50px; background-color:#f2f2f2}
.in_news_t_l{width:660px; float:left;}
.in_news_t_l a img{width:100%; height:auto; overflow:hidden; display:block}
.in_news_t_l .img{display: block;width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.in_news_t_l .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;}
.in_news_t_r{width:530px; float:right; padding:50px}
.in_news_t_r a{display: block;font-size:20px;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.in_news_t_r span{font:normal 13px/30px Arial, Helvetica, sans-serif; color:#787878; display:block}
.in_news_t_r p{margin-top:50px;color:#626262;text-align: justify;}
.in_news_t_r h3 a{width:150px; background-color:#b5803a; line-height:40px; margin-top:50px; text-align:center; font-size:14px; font-weight:normal; color:#fff; display:block}
.in_news{width:100%; height:auto; overflow:hidden; margin-top:30px}
.in_news_list{width:676px; float:left; margin:12px; background-color:#f2f2f2}
.in_news_list h4{width:243px; float:right;}
.in_news_list h4 .img{display: block;width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.in_news_list h4 .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
.in_news_list:hover h4 .img img{transform:scale(1.1, 1.1);}
.in_news_list h5{/*width:300px; */padding:30px}
.in_news_list h5 a{display: block;font-size:16px;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.in_news_list h5 span{font:normal 13px/30px Arial, Helvetica, sans-serif; color:#787878; display:block}
.in_news_list h5 p{margin-top:15px;color:#626262;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;/*显示几行*/overflow: hidden;}
@media screen and (max-width: 1199px){.in_news_t_l{width:55%; float:left;}
.in_news_t_r{width:37%; float:right; padding:4%}
.in_news_t_r p{margin-top:30px;}
.in_news_t_r h3 a{margin-top:30px;}
.in_news_list{width:48%; margin:1%}

.in_news_list h4{width:40%;}
.in_news_list h5{width:52%; padding:3% 4%}
.in_news_list h5 p{margin-top:10px;}}
@media screen and (max-width: 1024px){.in_news_t_l{width:50%; float:left;}
.in_news_t_r{width:44%; float:right; padding:3%}}
@media screen and (max-width: 1001px){.in_news_t_l{width:44%; float:left;}
.in_news_t_r{width:50%; float:right; padding:3%}
.in_news_t_r p{margin-top:20px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;/*显示几行*/
overflow: hidden;}
.in_news_t_r h3 a{margin-top:30px; line-height:36px;}
.in_news_list{width:100%; margin:1% 0}
.in_news_list h4{width:40%;}
.in_news_list h5{width:52%; padding:3% 4%}
.in_news_list h5 p{margin-top:20px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;/*显示几行*/
overflow: hidden}}
@media screen and (max-width: 768px){.in_news_t_l{width:100%; float:none;}
.in_news_t_l a img{width:100%; height:auto; overflow:hidden}
.in_news_t_r{width:94%; float:none; padding:25px 3%}}
@media screen and (max-width: 640px){.in_news_list h4{width:35%;}
.in_news_list h5{width:57%; padding:3% 4%}
.in_news_list h5 p{margin-top:10px; display: -webkit-box;
-webkit-box-orient: vertical;




-webkit-line-clamp: 2;/*显示几行*/
overflow: hidden}}
@media screen and (max-width: 480px){.in_news_list h4{width:26%;}
.in_news_list h5{width:66%;padding: 2% 4%;}
.in_news_list h5 p{margin-top:5px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;/*显示几行*/
overflow: hidden;}
.in_news_list h5 span{display:none}}
/*link*/
.in_kl_bg{width:100%; background:url("../images/bg3.jpg") no-repeat center; margin-top:60px; padding:50px 0; height:auto; overflow:hidden}
.in_kl{height:auto; overflow:hidden}
.in_kl dl{width:23%; float:left; margin:0 1%; text-align:center;}
.in_kl dl dd{margin-top:15px; font-size:14px; color:#626262}
.in_kl dl dd a{font-size:20px; font-weight:normal; color:#222}
@media screen and (max-width: 480px){.in_kl dl dt a img{width:80%}
.in_kl dl dd{font-size:13px}
.in_kl dl dd a{font-size:16px;}}
/*footer*/
.footer_na_bg{width:100%; height:auto; overflow:hidden; background-color:#0f2e87; padding:50px 0}
.footer_na dl{float:left}
.footer_na dl dt a{font-size:20px; color:#fff; display:block;}
.footer_dl1 dt a{margin-bottom:30px}
.footer_dl2 dt a{margin-bottom:30px}
.footer_na dl dd{color:#d3d3d3}
.footer_na dl dd a{color:#d3d3d3}
.footer_dl1{width:200px;}
.footer_dl2{width:300px}
.footer_dl3{width:300px}
.footer_na dl dd a span{display:block; font-size:38px; font-family:Arial, Helvetica, sans-serif; color:#f6962f; margin-bottom:20px}
.footer_dl3 dd{float:left;width: 132px;margin-left:18px;}
.footer_dl3 dd p{text-align:center; margin-top:10px}
.footer_bg{width:100%; background-color:#b5803a; height:auto; overflow:hidden; padding:20px 0}
.footer{text-align:center; color:#fff}
.footer a{color:#fff}
@media screen and (max-width: 1199px){.footer_dl1{width:12%;}
.footer_dl2{width:25%}
.footer_dl3{width:25%}
.footer_dl3 dd{width:48%; margin-left:2%}
.footer_dl3 dd a img{width:100%; height:auto; overflow:hidden}}
@media screen and (max-width: 991px){.footer_na dl dt a{font-size:18px;}.footer_dl1{width:11.5%;}
.footer_dl2{width:27%}
.footer_dl3{width:26%}
.footer_na dl dd a span{font-size:30px;}}
@media screen and (max-width: 768px){.footer_dl1{width:100%; border-bottom:1px dotted #666; padding:15px 0}.footer_dl1 dd{float:left; margin-right:3%}.footer_dl1 dt a{margin-bottom:10px}.footer_dl2{width:60%; margin-top:30px}
.footer_dl3{width:40%; margin-top:30px}
.footer_na dl dd a span{font-size:36px;}
.footer_na dl dt a{font-size:20px;}
.footer_dl2 dt a{margin-bottom:20px}}
@media screen and (max-width: 480px){.footer_dl2{width:100%; border-bottom:1px dotted #666; padding:15px 0}
.footer_dl3{width:100%;}
.footer_bg{padding: 5% 0 22% 0;}.footer_bg .footer span{display: inline-block;}}
.f_kslj{display: none;}
/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: rgba(0,0,0,.5);margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #bf873d;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{color: #fff;font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #bf873d;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #bf873d;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #bf873d;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #bf873d;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}
@media screen and (max-width: 640px){.f_kslj{width: 100%; background: rgba(0,0,0,0.7); padding: 1em 0; display: block; position: fixed; bottom: 0; height: auto; overflow: hidden;}
.f_kslj ul li{width: 25%; float: left; list-style: none; text-align: center;}
.f_kslj ul li a{color: #fff; text-align: center; line-height: 2.5em;}
.f_kslj ul li a i{display: block;color:#fff; font-size: 18px;}
.toolbar{display: none;}}